Link to the plugin page: will be later
Demo to preview the plugin:
Introduction
The Audio Recorder Free Bubble Mobile plugin provides native audio recording capabilities specifically designed for mobile applications built with Bubble. This plugin allows users to record audio directly from their mobile device, with upload functionality to Bubble’s file system.
The plugin handles microphone permissions automatically. It’s perfect for voice note applications, audio messaging, interview recording, or any mobile app that requires audio input functionality.
Prerequisites
No external developer accounts are required for basic functionality. However, if you plan to upload recorded files to Bubble’s file system, ensure you have:
- A properly configured Bubble application with file upload capabilities
- Access to Bubble’s
/fileuploadendpoint or your custom upload endpoint
- This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at: https://testflight.apple.com/join/4fXUggud
Please note that the testing app is currently available for iOS only.
How to setup
- Add the Plugin: Install the Audio Recorder Free Bubble Mobile plugin from the Bubble plugin marketplace to your application.
- Add the Element: Drag the “Audio Recorder Native” element onto your page where you want the recording functionality.
- Configure Upload Endpoint (if using upload to Bubble):
- Set the “Endpoint” field to your Bubble app’s file upload URL.
- Format:
https://yourapp.bubbleapps.io/version-test/fileupload
- Add actions to start and stop recording:
- Add 2 icon-buttons to start and stop recording.
- Configure WorkFlows: add actions “start recording” and “stop recording”.
- Ready. After recording is finished, run Save to Bubble action to store record to the Bubble’s storage.
- You may want to use Audio Player to play saved recorders from Bubble’s storage.
Plugin Element - Audio Recorder Native
Fields
Element Actions
Exposed States
Workflow example
Basic Recording Workflow
Upload Workflow
