Advanced Audio Player

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

  1. Install Advanced Audio Player plugin
    1. Image without caption
  1. Place the Audio Player element on the page
    1. Image without caption

Plugin Element Properties

Image without caption
Image without caption
Image without caption
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
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
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
Border radius of audio player
Border radius of audio player
Number, Optional
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

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

Changelogs

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
Share
Content