<aside> ✅
Link to the plugin page: https://zeroqode.com/plugin/audio-player-for-bubble-mobile-1738846526299x289546517852726800
</aside>
<aside> ✅
Live Demo: https://zeroqode-native-demo-01.bubbleapps.io/api/1.1/mobile/preview
</aside>
<aside> ✅
Bubble Editor: https://bubble.io/page?name=audio_player&preview_view=audio_player&id=zeroqode-native-demo-01&tab=Design&type=page&version=live
</aside>
This audio player plugin is perfect for any mobile app built with Bubble's mobile editor. It features high-quality, interactive audio experience, seamless audio playback with key features such as autoplay, looping, and customizable media information like song title, artist, and artwork as well as intuitive controls for play, pause, seek, mute, and track navigation. With exposed states like current time, duration, and track index, users can track playback progress easily. The plugin supports essential events and actions like play, pause, change track, mute/unmute, and more.
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
<aside> ⚠️
Please note that the testing app is currently available for iOS only.
</aside>
Place Audio Player element and 4 buttons on the page
Configure element with a list of audio files from project’s data base
Data base
Audio Player Settings
Configure each button with workflow and condition:
Basic configuration is ready, preview the page to test
Fields:
| Title | Description | Type |
|---|---|---|
| Audio Source | The audio track(s) to be played, provided as a single URL or a comma-separated list of URLs. | Text |
| Loop | Specifies whether the current track should loop continuously. | Checkbox (yes/no) |
| Enable Autoplay Audio List | Determines if the player should automatically play the next track in the list when the current track ends. | Checkbox (yes/no) |