Services Plugins FAQs

Advanced Audio Player – playlist is not overwritten (always plays the 1st loaded album)

Plugins
#1

Hi, Zeroqode team.

In my Bubble SPA that uses the Advanced Audio Player (AAP) plugin, I can’t clear the first playlist that loads: after the first album (Album A) is opened, every other album page still plays track #1 of Album A. I need a way to reset / overwrite the playlist so each album plays its own songs.

What I want AAP to do

  1. When the user presses the Play / Pause button on an album page, load that album’s songs list into AAP and start from track #1.
  2. If the button is pressed again on the same page, pause / resume playback.
  3. If the user moves to a different album page and presses Play, the first track of the new album should start (the previous album must not continue).

Issue to solve

Symptom

  • Album A (first page loaded) plays correctly.
  • On Album B page, pressing Play still starts track #1 of Album A.
  • Any subsequent album page also plays track #1 of Album A.

Things I already tried

  • Updating playingAlbum / playingList custom states – debugger shows the states DO update.
  • Reset data on the FloatingGroup that contains AAP, adding a small pause (50 ms) – no effect.
  • Using AAP’s “Audio Ready To Play” trigger – no effect.
  • Observed JS console error (TypeError: Cannot read properties of undefined) when AAP tries to “Play from index” before any list is loaded.

Example WF configuration

Target element: “Play / Pause” button on the album page (see screenshot)

  1. Element Event
    2.Button Play / Pause is clicked*
  • Only when index's playingAlbum is not Parent group's Album
  1. Step 1 – Reset [FloatingGroup] Audio bar
  2. Step 2 – Add a pause before next action (50 ms)
  3. Step 3 – Set states playingAlbum… of index
  4. Step 4 – Set states playingList… of index
  5. Step 5 – Load audio Audioplayer A
  6. Step 6 – Play from index Audioplayer A

From what I can see, the custom states change, but AAP keeps the first playlist in memory.
Is this a caching / reset limitation of the plugin, or something wrong with my SPA workflow?
Any guidance to properly clear / overwrite the playlist—or a confirmed workaround—would be greatly appreciated.

#2

Hi @k.kuma41 ,

Thank you for your inquiry.

The issue with the Advanced Audio Player (AAP) plugin persisting the first playlist across album pages is likely due to the plugin retaining the initial playlist in memory, possibly related to SPA caching or improper playlist reset.

Based on your workflow, the current configuration updates the states but does not fully clear the playlist.

To resolve this:

  1. Ensure the “Reset [FloatingGroup] Audio bar” step explicitly clears the AAP playlist by reinitializing it before loading a new album’s songs.
  2. Verify the “Load audio Audioplayer A” step uses a unique playlist ID or clears the existing playlist using the plugin’s API (check the plugin docs: Advanced Audio Player for reset methods).
  3. Add a conditional check to confirm the playlist is cleared before loading new tracks.

The JS console error (“TypeError: Cannot read properties of undefined”) suggests AAP attempts to play before the playlist is fully loaded. Add a delay or use the “Audio Ready To Play” trigger to ensure the playlist is ready.

Feel free to check the plugin docs for a detailed description of the plugin.

We would greatly appreciate it if you could share screenshots of the issues you are encountering to assist us further.

Let us know if we can search for additional insights.

Best regards,
Support Team
Browse all Zeroqode Plugins for bubble
Banner_Last3

1 Like