Link to plugin page: https://bubble.io/plugin/advanced-audio-player-1512649492508x928502074846478300
Demo to preview the settings
Introduction
Empower your Bubble app with advanced audio capabilities using the Advanced Audio Player Plugin. This dynamic plugin enables users to play, control, and manage audio files seamlessly within your application. From music tracks to podcasts, the Advanced Audio Player offers a comprehensive solution for integrating audio content, ensuring a rich user experience.
The plugin features an intuitive interface that supports a wide range of audio formats, allowing for smooth playback across various devices. Users can enjoy functionalities such as play, pause, skip, and volume control, providing them with full command over their listening experience. Furthermore, the Advanced Audio Player is designed to accommodate custom styling, enabling you to align the audio player's appearance with your app's branding effortlessly.
In addition to playback controls, the Advanced Audio Player Plugin comes equipped with actions and states that enable further interaction, such as dynamically loading audio files, monitoring playback progress, and reacting to user actions. Whether you're creating a music streaming service, a language learning app, or need to embed audio content for any other purpose, the Advanced Audio Player Plugin offers the flexibility and features needed to elevate your application's audio capabilities.
How to setup
- Install Advanced Audio Player plugin
- Place the Audio Player element on the page
Plugin Element Properties
Title | Description | Type |
Song | Upload a song or set an url to it. Can be a list of songs separated by a comma. | Text, Required |
Restart Audio When Over | Replay audio when song is over | Yes/No, Required |
Enable Autoplay Audio List | Enabling autoplay when you have an playlist, so next song from list will play automaticaly | Yes/No, Required |
Shuffle | Shuffles the playlist | Yes/No, Required |
Delay | Define the delay that the next song from playlist will play | Number, Required |
Start Playing On Second | Start playing from given second | Number, Optional |
Stop Playing On Second | Stop playing when it will reach given second. | Number, Optional |
-------------------- Style ------------------— | ||
Player Color | Player color | Color, Optional |
Controls Color | Player controls color ( current bars, icons and time ) | Color, Optional |
Handle Color | Player handle color | Color, Optional |
Background Color Of Bars | Color of bars background | Color, Optional |
Show Play/Pause Buttons | Displays the play/pause buttons on the web audio player, and hides them when unchecked. | Checkbox |
Border Radius Of Audio Player | Border radius of audio player | Number, Optional |
------------ Media Information -----------— | ||
Song Title | Title of the current playing song | Text, Optional |
Song Artist | Title of the current playing song | Text, Optional |
Song Artwork | Artwork of the current playing song | Image, Optional |
Album | Name of album | Text, Optional |
Show Next/Previous Buttons | Controls the visibility of next/previous buttons on the close screen of a mobile player. When checkbox checked, the mobile player will display next and previous buttons instead of skip buttons. When checkbox unchecked, the skip buttons will be shown instead. Keep in mind that not all devices will show the buttons, this feature depends on device/browser settings and restrictions set for lock screen. | Checkbox |
----------------- Others -------------— | ||
Pause Other Players | When the player starts, it will pause other players on the page. | Checkbox |
Element actions
1) Load audio
2) Play
3) Pause
4) Play next audio
5) Play previous audio
6) Play first audio
7) Play last audio
8) Set To Position
9) Set playback speed
10) Play from index
Exposed states
Title | Description | Type |
Current audio name | Current audio name | Text |
Current audio URL | Current audio URL | File |
Playback position (s) | Playback position (s) | Number |
Currently playing | Returns true if the song is playing | Yes/No |
Remaining time | Remaining time | Number |
Track length | Length of song | Number |
Song is ended | Returns true if the song finished playing | Yes/No |
Element events
Title | Description |
A Audio Player Ended | Triggers when a song finished playing |
A Audio Player Audio Ready To Play | Triggers when audio is ready to play |
When the screen is locked or the browser is not focused on iOS, audio players might stop automatically. This behavior is typical on iOS because the operating system suspends non-essential activities, such as playing audio through the browser, to conserve power when the screen is off. To prevent this, you might consider using a "wake lock" to keep the screen active. However, please be aware that iOS restrictions may limit the effectiveness of this solution, and it may not work in all cases or across all browsers.
Changelogs
Update 17.08.24 - Version 1.68.0
- Introduced Wake Screen Lock API
Update 06.08.24 - Version 1.67.0
- Added "Show Play/Pause Buttons
Update 25.07.24 - Version 1.66.0
- Minor update
Update 11.07.24 - Version 1.63.0
- Fixed shuffle, playing next/previous song and added "Show Next/Previous Buttons" field.
Update 20.06.24 - Version 1.62.0
- Fixed "autoplay" feature
Update 17.06.24 - Version 1.60.0
- Added "Pause Other Players" field.
Update 24.05.24 - Version 1.58.0
- Fixed play Audioplayer, play next/previous actions
Update 03.05.24 - Version 1.57.0
- New Track length (s) state
Update 22.04.24 - Version 1.56.0
- Fixed track length
Update 05.04.24 - Version 1.53.0
- New loop song and loop playlist features
Update 03.04.24 - Version 1.52.0
- Updated description
Update 15.03.24- Version 1.51.0
- Updated for the new responsive engine
Update 12.03.24 - Version 1.50.0
- Fixed issue with changing delay and shuffle stopping song playback
Update 24.01.24 - Version 1.49.0
- Updated description
Update 27.12.23 - Version 1.48.0
- Updated description
Update 26.12.23 Version 1.47.0
- Updated description
Update 19.10.23 - Version 1.46.0
- Updated description
Update 18.09.23 - Version 1.45.0
- Updated description
Update 13.09.23 - Version 1.44.0
- Minor updates
Update 06.09.23 - Version 1.43.0
- Obfuscation
Update 10.07.23 - Version 1.42.0
- Updated description
Update 19.06.23 - Version 1.41.0
- Updated the description
Update 16.06.23 - Version 1.40.0
- Updated the description
Update 23.02.23 - Version 1.39.0
- Deleted the icons
Update 21.02.23 - Version 1.38.0
- Updated the description
Update 02.02.23 - Version 1.37.0
- Updated description
Update 20.01.23 - Version 1.36.0
- Updated description
Update 19.09.22 - Version 1.35.0
- Adjusted common part
Update 29.08.22 - Version 1.34.0
- Updated common part
Update 03.03.22 - Version 1.33.0
- fixed controls bar color change
Update 13.07.21 - Version 1.32.0
- Updated description
Update 12.07.21 - Version 1.31.0
- Updated icon
Update 12.07.21 - Version 1.30.0
- Updated description
Update 22.05.21 - Version 1.29.0
- Added the ability to change the colors of the player elements
Update 03.03.21 - Version 1.28.0
- Updated description
Update 18.02.21 - Version 1.27.0
- Updated icon
Update 24.12.20 - Version 1.26.0
- Fixed bug with the element in Firefox browser
Update 01.09.20 - Version 1.25.0
- Removed 'play audio on load' propriety
Update 14.08.20 - Version 1.24.0
- Add an action to play a song from the selected index
Update 13.05.20 - Version 1.23.0
- Added possibility to change playback speed via "action Set Playback Speed"
Update 11.05.20 - Version 1.22.0
- fixed bug for the Restart audion when over"
Update 20.08.19 - Version 1.21.0
- Updated documentaton for all fields
Update 5.08.19 - Version 1.20.0
- In this update were added two states, one of them contains the length of the audio file, and the other one contains the time left to the end of playback. Both values are stored in seconds time unit.
Update 02.08.19 - Version 1.19.0
- In this update were added two states, one of them contains the length of the audio file, and the other one contains the time left to the end of playback. Both values are stored in seconds time unit
Update 26.07.19 - Version 1.18.0
- Minor update - Track Length & Remaining Time states returns in seconds now
Update 26.07.19 - Version 1.17.0
- Minor update - Fixed type of returned states (Remaining Time, Track Length) from text to number.
Update 24.07.19 - Version 1.16.0
- added plugin states for: 1. track length 2. remaining time
Update 27.06.19 - Version 1.15.0
- minor fixes
Update 03.12.18 - Version 1.14.0
- Added "Audio Ready to Play" Event
Update 02.11.18 - Version 1.13.0
- added settoposition workflow action
Update 14.09.18 - Version 1.12.0
- added state - currently playing (yes/no)
Update 13.09.18 - Version 1.11.0
- minor fixes
Update 20.06.18 - Version 1.10.0
- added state: "Playback position (s)"
Update 30.05.18 - Version 1.9.0
- Minor fixes + added state "current audio url"
Update 30.05.18 - Version 1.8.0
- added state - currently playing (yes/no)
Update 20.04.18 - Version 1.7.0
- Fixed bug with audio uploading
Update 20.04.18 - Version 1.6.0
- added ability to change audio source dynamically
Update 20.04.18 - Version 1.5.0
- added responsiveness
Update 20.04.18 - Version 1.4.0
- added event "when audio is ended"
Update 12.03.18 - Version 1.3.0
- added playlist support, actions to switch audio, fixed load audio action
Update 07.02.18 - Version 1.2.0
- Updated descriptio
Update 09.12.17 - Version 1.1.0
- Minor fix
Update 09.12.17 - Version 1.0.0
- Initial Build