I'm making a radio site and as part of that there's a listen live element which uses an audio plugin. When the user clicks on a navigation item to bring them to a new page the audio stops (understandably).

Is there a way to keep the audio playing smoothly?

  • which audio plugin? You didn't mention that in wordpress.stackexchange.com/questions/392128/…, have you contacted their support route?
    – Tom J Nowell
    Commented Jul 18, 2021 at 20:54
  • Should have mentioned it sorry. Using the Shoutcast Icecast HTML5 Radio Player but it's really just for any audio widget in general. I've reached out to the theme designers who have their own in built audio widget without much luck.
    – Toby
    Commented Jul 18, 2021 at 22:43
  • Did you find a solution to this. I have a Radio station I built which I want to do the same thing. I use a popup window at the moment but the station now is able to use https so I want to unify the blog and station
    – markhunte
    Commented Mar 25, 2022 at 16:29
  • I didn't unfortunately, just ended up having a dedicated page for it instead. If you end up finding a solution let me know!
    – Toby
    Commented Apr 9, 2022 at 16:57

1 Answer 1


Maybe the "normal" wordpress themes are not the right tool here, and what you need is a "headless" wordpress with {insert JS framework} to get the content via the json API and handle the page routing without performing actuall page refresh.

Another possible solution is to turn it from audio to video as browsers now have the capability to detach a video out of the browser window which means they should not be impacted by browser navigation

  • That is something I considered but the people I'm making it for were very keen on going the traditional WordPress route. One of the solutions I'm thinking of is to make it a single page with a sticky header and only the content below the header changes. (maybe by using sections?) But instead of the sections scrolling they should appear/disappear depending on the nav item clicked. Is that possible to implement?
    – Toby
    Commented Jul 19, 2021 at 10:04
  • For reference - [theme preview] (preview.themeforest.net/item/…)
    – Toby
    Commented Jul 19, 2021 at 10:13
  • Amost everything is possible to implement, it is just a question of effort, and yes if you have a limited amount of content it is more viable. The other option is obviously play the audio only on a specific page with as many sections visual sections as you like and not to bother with the audio on other pages (althoug in theory you can transfer the position information to the new page but I assume the user experiance will be "jumpy" at page navigation/refresh. Commented Jul 19, 2021 at 12:25
  • Yeah it would be jumpy and it's also a live streaming link (it's a radio site) so I don't think that's viable. I've done something like it before already in plain HTML & Javascript using hidden divs. Just not even sure what to search to begin doing it in WordPress
    – Toby
    Commented Jul 19, 2021 at 15:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.