Set up your first recording
Voice is the most natural way for people to communicate. 44 makes it simple to capture, transcribe, and play back voice recordings in your application. Let's get you set up.
Create a project
Everything in 44 lives inside a project. A project keeps your recordings organized and your API keys separate—think of it as a workspace for a specific app, client, or use case.
Most teams create one project per application: "Mobile App", "Support Portal", or "Customer Feedback". You can always create more later.
Get your API key
Your API key authenticates requests from your server. Each key is scoped to a single project, so you can have separate keys for development and production—and revoke them independently if needed.
Keep your API key on your server. We'll show you how to create short-lived session tokens for client-side recording in the next step.
Sign in to try this
Add the recorder
Recording happens in two parts: your server creates a session, then your client uses that session to record. This keeps your API key secure while giving users a seamless experience.
Create a recording session
When a user wants to record, your server requests a session token. Sessions expire after 10 minutes, so create them on-demand.
POST https://api.44.audio/v1/recordings/sessions
Authorization: Bearer YOUR_API_KEY
Content-Type: application/json
{
"sessionId": "sess_abc123...",
"expiresAt": "2025-01-15T10:30:00Z"
}
Drop in the recorder component
Pass the session ID to our web component and you're ready to record. That's it—no complex setup required.
<fortyfour-audio-recorder
session-id="YOUR_SESSION_ID"
></fortyfour-audio-recorder>
<script type="module"
src="https://cdn.jsdelivr.net/npm/@44-audio/[email protected]/dist/recorder.es.js"
></script>
Sign in to try the recorder
Play it back
When a recording is complete, you'll receive a
recording-id. Use it with our player component to let users listen to their
recordings with synchronized transcription.
<fortyfour-player
recording-id="YOUR_RECORDING_ID"
></fortyfour-player>
<script type="module"
src="https://cdn.jsdelivr.net/npm/@44-audio/[email protected]/dist/player.es.js"
></script>
The player automatically fetches the audio and transcription. You can customize the theme
with the theme attribute.
Sign in to try the player
Next steps
You've successfully set up recording and playback. Here's where to go next:
- Recorder reference — all configuration options and events
- Player reference — theming and customization