Persist an audio player across multiple pages

[user5377]

Question:
I am looking for a way to persist an audio player across multiple page

Product:
I’m using wix editor

What are you trying to achieve:
I need an audio player to stay persistent when I open a new page on my app.

I have an audio field in a collection that is linked to a list on a webpage.
the audio filed is linked to a collection with a bunch of artists, albums and playlist

When the user switch pages for example from one artist to his album,
I would like the music to keep playing or at least start back where it last started without too much delay

Is there a way to do this ? I have tried a few methods but to no avail. Any ideas?

What have you already tried:
MY solution so far is quite buggy, I attached the audio player component to the footer and implemented a bunch of save state to get the last current time of the music and when a new page is loaded set the audio player time to the right timing but it is quite buggy.
Any idea on how to implement in a more stable manner ?

i also so that common ninja propose an audio player that solves this issue
and plays music across all pages without interruption .
I only needed to add embed their custom script in the website wide custom code of my website.

The problem is that it is not connected to my music and I don’t how I can make it interract with my website(e.g make the artist name clickable in order to open the artist page)

Any Idea on how I could create my own similar component that I could integrate in wix ?

Widget Editor | Common Ninja

[onemoretime]

Hi, @user5377 !!

This implementation is not related to CommonNinja, but this topic might be helpful.

Always Visible Audio Player

Hello everyone, I am currently working on Wix Studio to create a radio website. I would like to use an audio player to let the user listen to the radio music while exploring the website. I used an iframe to create my audio player (because we can’t change the height of the default one) The issue is that with this method the iframe loads each time when I switch to another page. Then the music player stop and the user has to click again on “play” to resume. However I already manage to create th…

[user5377]

Common ninja is not directly related to my problem but their solution seems to respond partially to my problem.

Once a new page is loaded, the player keeps playing seamlessly as the new page is loaded.
I’m wondering if it would be possible to code a similar custom audio player that could be embedded to my wix website similarly(adding the widget script to the custom wide code of my app) and have it communicate with my wix music collection directly and be aware of the page it’s currently in to load the relevant playlist.