Zerocode Waveform playlist

[danimaltex26]

Hi All -
I am currently using ZEROQODE Waveform Audi player. I am generating a repeating group and pulling tracks from a separate table, to build the playlist. On the Wave player side, i am unsure how to trigger the cell of the group (playlist), that has the track i want to play.
Anyone have any ideas?

[asked111]

@ZeroqodeSupport are usually pretty good and will help with this I am sure.

[ZeroqodeSupport]

Hi @danimaltex26 ,

Thank you for reaching out and for your recent purchase!

To integrate the Waveform Audio Player with a repeating group (RG) to play specific tracks from your playlist, you can follow these steps:

1. Ensure Repeating Group (RG) Setup

• Your Repeating Group should be configured to display the list of tracks from your database.
  

  

• Each track should have a unique identifier or a URL that the Waveform Audio Player can use as its source.

2. Workflow to Trigger the Player

• When a user selects a track from the RG, use a workflow to:

  1. Update the Source: Set the URL or track ID of the selected track as the source for the Waveform Audio Player.
     

     

  2. Trigger Playback: Use the “Play” action of the Waveform Audio Player to start playing the updated track.

Let us know if you need further clarification or examples!

Looking forward to your feedback.

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[ZeroqodeSupport]

Hi @danimaltex26 ,

We wanted to follow up and see if you’ve had a chance to go over the steps we shared earlier. If the issue persists or if there’s anything else you’d like help with, please don’t hesitate to let us know.

We’re always here to assist and would be happy to help address any challenges you might be facing

Looking forward to your reply!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[danimaltex26]

Hi Guys -
I have a follow on question. I have been able to trigger the song to ‘load’ into the player from the RG. In my workflow, i am using the load action. Then i try to follow on with the play action, but it will not auto-start.

So that loading works. Point of note - It doesnt load anything until i press the RG cell. Then it loads, and auto plays - FRIST time only.
Then, when i press a different cell, it DOES load, but does NOT auto play.

This is my work flow…

Desired result is that it autoloads on page load (Does not play). But when i chose and press a song on the playlist, it should play (i should not have to hit the play button again)

Please advise,
Dan

PS - I noticed your waveform player is INSIDE your RG, is that necessary?

[ZeroqodeSupport]

Hey @danimaltex26 ,

Thanks for reaching out!

We’re glad loading from your repeating group (RG) is working! Let’s fix it so your playlist auto-loads on page load (without playing) and auto-plays each time you pick a song.

We see from your screenshots you’re using a dynamic link to Current cell’s Audio_file’s audio_file URL, which looks good. The issue is likely that after the first play, the player’s state (like paused or stopped) prevents auto-play on the next load.

Quick Steps to Fix

• Keep the Player Outside the RG: You asked if the player needs to be inside the RG—it’s better outside, so one player updates with each cell selection. It looks like you’ve got this set up already, but just confirm!
• Tweak Your Workflow: When you press an RG cell:
  • Add a “stop” action to reset the player’s state.
  • Then “load” the new track with Current cell’s Audio_file’s audio_file URL.
  • Finally, “play” the track. If there’s a “Track loaded” event, wait for it before playing; otherwise, add a 1-second delay with Bubble’s “pause” action.
• Auto-Load on Page Load: For page load, add a “When page is loaded” workflow to “load” a default track URL (like the first song), but don’t “play” it.

Give this a shot and let us know how it goes! If it’s still not auto-playing after the first song, we’re happy to dig deeper.

Regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[danimaltex26]

Good morning guys -
I followed the above, but have a few more bugs.
First:
How do i expose the song name dynamically outside of the RG, like under the wave? Should i do that from a field in the db as i upload the track (by adding the track data)

I have fields in the database, but don’t have them populated as the Upload part is not done yet.

I have a few more issues, but one at a time

[danimaltex26]

FYI - I followed the guidelines on loading the first track. I noticed the behavior that when i switch to the (collapsed/exploded) group where the audio player is, it doesnt always apear. I added a delay of 2 sec to load, but still hit or miss.
All else is spot on… thanks for all the help!!
Dan

[ZeroqodeSupport]

Hey @danimaltex26,

Good morning, Dan! Glad the initial loading is working!

To display the song name dynamically under the waveform (outside the RG), set the player’s “Track Name” field to Current cell’s Audio_file’s name in your RG click workflow. Since your upload isn’t done yet, make sure each song in your database has a name field once you set it up. If the player doesn’t support this, use a text element under the waveform, bind it to a state like “current_song_name,” and update that state when a song is selected.

For the player not appearing reliably and auto-play issues:

• Create a state “current_track” (type: text) to store the selected song’s URL.
• On RG click: Set “current_track” to Current cell’s Audio_file’s audio_file URL. If the player’s group is visible, stop the current track, load the new one, and play it.
• When the group is shown: Add a “When group is shown” event, wait 1 second (using a “pause” action), then stop, load, and play “current_track” if set.
• On page load: Load the first track into “current_track” without playing.

This should fix visibility and ensure auto-play works consistently.

Give it a try and let me know how it goes! If you need more help, the plugin docs might have extra tips: Waveform Audio Player Plugin Documentation.

Cheers,
Support Team
Browse all Zeroqode Plugins for Bubble