1 - Add the element Drag the Mobile Audio Recorder element onto your page. It will not be visible to users, but it provides all the recording logic.

2 - Configure properties

mime_type: Default is audio/webm;codecs=opus (web). On native, AAC/M4A is recommended.
bitrate_kbps: Set audio bitrate (not always respected by browsers).
sample_rate_hz: Preferred 48000 for speech/transcription.
max_duration_sec: Maximum length in seconds (0 = unlimited).
auto_upload: If true, recordings are automatically uploaded to Bubble and a file URL is returned.
file_name_prefix: Prefix for generated file names.

3 - Use actions in workflows

Start A Audio Recorder → begins recording.
Stop A Audio Recorder → stops recording and saves file.
Clear A Audio Recorder → clears the last recording.
Download A Audio Recorder → allows user to download the recording file.

4 - React to events

A Audio Recorder Saved → Triggered when a recording is saved (local URL or uploaded).
A Audio Recorder Uploaded → Triggered after a successful upload to Bubble.
A Audio Recorder Time Ended → Triggered if max_duration_sec is reached.

5 - Use exposed states

is_recording → yes/no
duration_ms → total duration in milliseconds
file_url → URL of the recording (local blob or uploaded file)
blob_size → file size in bytes
error → error message (if any)

6 - Example workflow

Button “Start” → Action: Start A Audio Recorder
Button “Stop” → Action: Stop A Audio Recorder
Event: A Audio Recorder Uploaded → Create a new Thing in your database with file_url.

⚡ Tip: On iOS Safari or native webviews where getUserMedia is not supported, use the native bridge integration (if available) to ensure stable audio capture.