Recorder

A drop-in web component for capturing high-quality audio recordings in any web application.

Installation

Include the recorder script in your page:

HTML

<script type="module" src="https://cdn.jsdelivr.net/npm/@44-audio/[email protected]/dist/recorder.es.js"></script>

Usage

Add the recorder component to your page with a valid session ID. Sessions are created server-side using your API key and expire after 10 minutes.

HTML

<fortyfour-audio-recorder session-id="YOUR_SESSION_ID"></fortyfour-audio-recorder>

Configuration Options

The recorder supports the following attributes:

Attribute	Type	Description
`session-id`	string	A valid session ID from your server
`labels`	string	Comma-separated labels for organizing recordings

Events

The recorder emits events you can listen to:

JavaScript

const recorder = document.querySelector("fortyfour-audio-recorder");

recorder.addEventListener("recording-complete", (event) => {
  console.log("Recording ID:", event.detail.recordingId);
});