Stop other wavesurfer instances while start playing the current one

Hello

I’ve figured out how to add multiple instance of wavesurfer.js with webflow’s dynamic cms solution. The play/pause button is also working for each instance. However, i would like the play/pause button to stop other instances of wavesurfer while starting the current one. Does anyone know how this could be achieved?

It’s the page called ‘Music Library’. Thanks a lot.


Here is my site Read-Only: (https://preview.webflow.com/preview/ompltd?utm_medium=preview_link&utm_source=designer&utm_content=ompltd&preview=007126246c8c50bf88648b61e484f129&pageId=6618f3cdc0d3539f1e2db794&locale=en-HK&workflow=preview)

1 Like