MARKETPLACE
PLUGINS
AUDIO RECORDER PRO - BUBBLE MOBILE
Audio Recorder Pro - Bubble Mobile logo

Audio Recorder Pro - Bubble Mobile

Published July 2026
   •    Updated today

Plugin details

Audio Recorder Pro Mobile
Audio Recorder Pro Mobile is a professional native mobile audio recorder plugin for Bubble Mobile. It lets your app record microphone audio, pause, resume, stop, reset, request microphone permission, track duration, calculate file size in MB, monitor upload progress, and optionally save the final audio file directly to Bubble storage.

🎙 Native mobile recording
Built for Bubble Mobile using React Native and native Expo audio libraries. This is not an HTML recorder and does not rely on DOM, browser audio, jQuery, or web-only APIs. The recorder element is headless and invisible, so you can build your own buttons, icons, layouts, and workflows while the plugin handles the native audio logic behind the scenes.

⏯ Complete recorder controls
Start a recording, pause it, resume from the paused point, stop it, reset it, and request microphone permission through Bubble workflows. This makes the plugin useful for voice notes, interviews, inspections, reports, messaging apps, learning apps, journaling, field data collection, and any mobile workflow that needs audio capture.

📁 Bubble storage support
You can choose whether the plugin should save the recording to Bubble storage or publish the local recorded file URI. When Bubble storage is enabled, the plugin uses your Bubble app name and app version to upload through Bubble’s native file upload endpoint and publish the returned file URL to the file state.

🌊 Live Wave Sound element included
Audio Recorder Pro Mobile also includes a visual Wave Sound element. It requests microphone permission, listens to the microphone, and displays animated waveform bars inside the element. The Wave Sound element automatically adapts to the width and height you set in Bubble.

🎨 Customizable Wave Sound design
Customize the wave visual with background color, wave color, border style, border radius, and border color. The visual element can be used as a small indicator, a full-width recording bar, or a larger animated audio panel.

🔐 Smart microphone permissions
The recorder can request microphone permission on load or through a workflow action. If the permission remains denied, the plugin can attempt to open the device/app settings screen so the user can manually allow microphone access.

📊 Recorder states and workflow events
The recorder publishes useful states for your Bubble workflows, including file, duration, recording status, paused status, stopped status, error messages, microphone permission, file size in MB, and upload progress. It also triggers events when recording starts, pauses, stops, when the file becomes available, and when microphone permission is granted.

Risk-free trial
To try any plugin, simply subscribe to its monthly plan. Bubble's pro-rata billing ensures you only pay for the days you use it (e.g., only ~$0.17 per day for a $5/month plugin).

🔗 Demo and editor

Open Mobile Demo Page

Open Mobile Editor Page

$16

One time  •  Or  $4/mo

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

Platform

Native mobile

Contributor details

Ticket Land logo
Ticket Land
Joined 2020   •   75 Plugins
View contributor profile

Instructions

Audio Recorder Pro Mobile - Instructions
1. Recorder element
Add the Audio Recorder Pro element to your Bubble Mobile page. This element is headless and invisible. It does not render buttons or UI. You control it with Bubble workflows and can design your own Record, Pause, Resume, Stop, and Reset buttons.

2. Recorder fields
Max file size MB
Use this to limit the maximum recording file size in MB. Leave empty or set to 0 for no file size limit.

Limit in seconds
Use this to limit the recording duration. Leave empty or set to 0 for no duration limit.

Permission on load
When yes, the plugin requests microphone permission when the recorder element mounts.

Save to Bubble storage
When yes, the plugin uploads the final audio file to Bubble storage. When no, the plugin publishes the local recorded file URI.

App name
Your Bubble app name or domain. Examples: myapp, myapp.bubbleapps.io, or https://mycustomdomain.com.

App version
Use test or live. Test uploads to /version-test/fileupload. Live uploads to /fileupload.

3. Recorder actions
Record
Starts a new recording. If the recording is paused, calling Record continues the paused recording.

Pause
Pauses the current recording.

Resume
Continues the paused recording from where it stopped.

Stop
Stops the recording, publishes the final duration and file size, updates recording states, and prepares or uploads the final file.

Reset
Clears the current recording and resets the recorder states.

Request microphone permission
Requests microphone permission. If permission remains denied, the plugin attempts to open the app/device settings so the user can allow microphone access manually.

4. Recorder states
File
The final audio file URL when saved to Bubble storage, or the local file URI when storage upload is disabled.

Duration
Recording duration in seconds.

Is recording
Yes when the recorder is actively recording.

Is paused
Yes when the current recording is paused.

Is stopped
Yes when the recorder is stopped.

Error
The latest error message, if any.

Microphone permission
Yes when microphone permission is granted.

File size
The final file size in MB.

Upload progress
Upload progress number. Useful when saving to Bubble storage.

5. Recorder events
Is recording
Triggered when recording starts or resumes.

Is paused
Triggered when recording pauses.

Is stopped
Triggered when recording stops.

File is available
Triggered when the final file URL or URI is available.

Microfone permission is granted
Triggered when microphone permission is granted.

6. Saving recordings to Bubble storage
To save files to Bubble storage, set Save to Bubble storage to yes and configure App name and App version. The plugin uploads the recording as Base64 to Bubble’s native fileupload endpoint and publishes the returned URL to the File state.

7. Wave Sound element
The plugin also includes a Wave Sound visual element. Add it to the page when you want to display live microphone waveform bars. The element requests microphone permission and fills the width and height defined in Bubble.

8. Wave Sound fields
Bg color
Background color of the Wave Sound element. Example: #0b1020.

Wave color
Color of the animated waveform bars. Example: #38bdf8.

Border style
Can be None, Solid, Dotted, or Dashed. If different from None, the border is shown with 1px width.

Border radius
Border radius number. Empty uses 6.

Border color
Border color. If empty, the plugin uses the Wave color.

9. Recommended workflow setup
1. Add the Recorder element to the page.
2. Optional: set Permission on lod to yes.
3. Create a Record button and run the Record action.
4. Create a Pause button and run the Pause action.
5. Create a Resume button and run the Resume action.
6. Create a Stop button and run the Stop action.
7. Use File is available to save or display the final audio file.
8. Use Error for user-facing error handling.
9. Add the Wave Sound element if you want a live microphone visualizer.

10. Important notes
This plugin is designed for Bubble Mobile and native mobile behavior. It does not use HTML audio, DOM access, jQuery, document, or browser-only APIs inside the mobile component. For best results, test microphone permission, recording, pause/resume, stop, upload, and the Wave Sound element on a real iOS or Android device using BubbleGO or a built mobile app.

Types

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

Categories

This plugin can be found under the following categories:
Media   •   Containers   •   Productivity   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble