An audio player for Bubble native mobile apps. It takes a playlist, draws a waveform you can drag to scrub, shows cover art, and puts the current track on the lock screen. Every control is drawn by the plugin rather than by the phone, so the player looks the same on iOS and Android and takes one colour from your brand.

Quick start

  1. Drag Audio Player onto a mobile page.
  2. Set audio_url to a direct link to an audio file.
  3. Fill in track_title, artist_name and artwork_url — these are what show on the lock screen, not only inside the player.
  4. Set accent_color and pick a theme.

That is a working player. Everything below is optional.

The playlist

There are three ways to hand tracks over, and they win in this order.

1. List fields

Field What goes in it
track_urls the audio links — this is the playlist
track_titles titles, same order
track_artists artists, same order
track_artworks cover images, same order

Tick Is a list on all four. Without that box Bubble hands over a single value and the playlist ends up one track long, with no error to tell you.

Point the field at the text, not at the record: Search for Audios:each item's Track, where Track is the field holding the link. If you point it at the records themselves the player will try to find a link inside each one, but the field is the reliable way.