Link to the plugin page: https://zeroqode.com/plugin/audio-player-for-bubble-mobile-1738846526299x289546517852726800
Demo to preview the plugin:
Introduction
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.
How to setup
- Place Audio Player element and 4 buttons on the page
- Configure element with a list of audio files from project’s data base
- Configure each button with workflow and condition:
Play Button
Mute Button
Previous Track
Next Track
- Basic configuration is ready, preview the page to test
Plugin Element Properties
Audio Player
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) |
Element Actions
- Change Track - Switches to the specified track in the playlist and starts playback.
Title | Description | Type |
Track Index | The index of the track to play. | Number |
- Mute - Mutes the audio playback.
- Unmute - Unmutes the audio playback.
- Toggle Mute - Toggles the mute state of the audio playback.
- Play - Starts playback of the current track if it is not already playing.
- Pause - Pauses playback of the current track if it is playing.
- Toggle Play/Pause - Toggles between play and pause states for the current track.
- Seek - Adjusts the playback position of the track to the specified time.
Title | Description | Type |
Time | The time (in seconds) where you want to seek in the audio. Example: 30 (seeks to the 30-second mark) | Text |
Exposed states
Title | Description | Type |
Play | Indicates whether the audio is currently playing. | Checkbox (yes/no) |
Pause | Indicates whether the audio is currently paused. | Checkbox (yes/no) |
Current Track Index | The index of the currently playing track in the playlist. | Number |
Current Time | The current playback time of the audio, in seconds. | Number |
Duration | The total duration of the current audio track, in seconds. | Number |
Mute | Indicates whether the audio is muted. | Checkbox (yes/no) |
Error Message | A message that contains details about the error encountered during audio playback or operations. | Text |
Element Events
Title | Description |
Play | Triggered when the audio starts playing. |
Pause | Triggered when the audio is paused. |
Ended | Triggered when the audio finishes playing. |
