MARKETPLACE
PLUGINS
C - AUDIO RECORDER
C - Audio Recorder logo

C - Audio Recorder

Published December 2025
   •    Updated this month

Plugin details

Complete audio recording plugin for Bubble.io that allows users to record audio directly in the browser using the native MediaRecorder API. Supports multiple audio formats (MP3, WAV, WebM, OGG, MP4), specific microphone selection, recording controls (start, pause, resume, stop), real-time timer, configurable duration limit, download of recorded audio, and automatic upload to Bubble. Ideal for applications that need voice recording functionality, audio notes, voice messages, or any application requiring user audio capture.

Free

For everyone

stars   •   0 ratings
5 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

carlovsk logo
carlovsk
Joined 2023   •   2 Plugins
View contributor profile

Instructions

HOW TO USE:
1. ADD THE ELEMENT
  - Add the "C - Audio Recorder" element to your page
  - The plugin will automatically load available microphones on initialization

2. ELEMENT PROPERTIES
  - Console logs: Enable/disable debug logs in the browser console (optional, defaults to enabled)

3. START RECORDING ACTION
  Configure your recording settings when using the "Start" action:
  - Format: Choose the output format (MP3, WAV, WebM, OGG, MP4) - defaults to MP3
  - Microphone name: Select a specific microphone from the list (optional, uses default microphone if empty)
    → Use the exposed state "microphones" to get available microphone names
  - Max time: Set maximum recording duration in seconds (optional, no limit if not set)
    → When reached, recording stops automatically and "timeended" event is triggered

4. STOP RECORDING ACTION
  Configure output settings when using the "Stop" action:
  - Filename: Name for the audio file (defaults to "recording")
  - Save: Enable to automatically upload and save the audio to Bubble storage
    → If enabled, the "saved" event will be triggered with the Bubble URL in "audiobubble" state

5. OTHER ACTIONS
  - Pause: Pauses the current recording (no parameters)
  - Resume: Resumes a paused recording (no parameters)
  - Download: Downloads the recorded audio file (no parameters)
  - Clear: Clears all recording data and resets states (no parameters)
  - Refresh devices: Updates the list of available microphones (no parameters)

6. EXPOSED STATES
  - recording: Boolean - indicates if currently recording
  - paused: Boolean - indicates if currently paused
  - time: Number - recording time in seconds (updates every second)
  - audio: Text - URL of the audio for preview/use (available after Stop)
  - audiobubble: Text - URL of the audio saved in Bubble storage (available after Save)
  - microphones: List of texts - list of available microphone names (for use in Microphone name parameter)

7. EVENTS
  - uploaded: Triggered when audio is processed and ready (after Stop action)
  - saved: Triggered when audio is successfully saved to Bubble (if Save was enabled in Stop action)
  - error: Triggered on error (permission denied, microphone not found, conversion error, etc.)
  - timeended: Triggered when maximum time limit is reached (if Max time was set in Start action)

8. EXAMPLE WORKFLOW
  - When: User clicks "Record" button
    → Action: Start recording
      → Format: MP3
      → Max time: 60 (optional)
      → Microphone name: (leave empty for default or select from microphones list)
 
  - When: User clicks "Stop" button
    → Action: Stop recording
      → Filename: "my-recording"
      → Save: Yes (to upload to Bubble)
 
  - When: "saved" event is triggered
    → Action: Save the "audiobubble" state URL to your database

9. PERMISSIONS
  - The browser will request microphone access permission on first recording
  - Ensure your site is served over HTTPS (required for microphone access in most browsers)

10. COMPATIBILITY
   - Works on modern browsers that support MediaRecorder API
   - Chrome, Firefox, Edge, Safari (recent versions)
   - No external dependencies or additional libraries required

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Technical   •   Productivity   •   Data (things)   •   Media   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble