How to play music from a Repeating Group and show a Floating Group music player in Bubble?

General
1

Hello Everyone,

I’m trying to build a music-playing feature in my Bubble app and would appreciate some guidance.

Here’s what I want to achieve:

  • I have a Repeating Group that displays a list of music tracks.
  • When I click on a track, I want a Floating Group music player to appear at the bottom of the screen.
  • The selected track should start playing immediately when the Floating Group opens.
  • I also want to implement additional player functionalities, such as pause, next/previous, and displaying track info dynamically.

Could anyone guide me on how to:

  1. Pass the selected track’s data to the Floating Group?
  2. Control the audio playback (start, pause, etc.) using workflows?
  3. Make sure only one track plays at a time and updates dynamically when another track is clicked?
  4. Any best practices for designing a user-friendly audio player in Bubble?

Thank you