Recorder

A drop-in web component for capturing high-quality audio recordings with transcription and translation support.

Try it

Quick Start

Add the script tag to your page and use the component:

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

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

Sessions are created server-side using your API key and expire after 1 hour. See the Getting Started guide for setup.

Features

  • Live waveform — real-time audio visualization during recording
  • Countdown timer — configurable countdown before recording starts
  • Preview before saving — listen back and re-record if needed
  • Transcription & translation — automatic processing after upload
  • Fully customizable — colors, spacing, and typography via CSS variables
  • Microphone selection — users can choose their preferred input device

Learn More

Reference

Attributes, events, and CSS variables

Playground

Experiment with settings interactively

Examples

Common patterns and tips