Website navigation that doesn't interrupt playing media

Design help General
1

Hi all,

I am designing a radio station website, and they are keen to have a “sticky” audio player on all pages that live streams what’s currently on air.

Naturally, if I click on another page in the Nav menu while listening in the audio player, it will stop the stream as it loads the new page.

I was wondering - is there any way to make the navigation/links so it doesn’t reload the page? I didn’t think this was possible until I saw this website (click on “LISTEN LIVE” and then navigate to another link).

If anyone knows how to achieve this in Webflow, that would be greatly appreciated.

Cheers!

Here is my site Read-Only: https://preview.webflow.com/preview/kcr-website-april-19?utm_source=kcr-website-april19&preview=bef2f8a43a71a8e9a84df250dd3a8ad4

1 Like
2

Hey @KaiLovel

Not sure, but here’s some info > ajax - How do soundcloud keep music playing on when navigating? - Stack Overflow

and html - How do I make an <audio> file play continuously on all pages? - Stack Overflow

Piter :webflow_heart:

1 Like
3

Hi @KaiLovel.
I’m looking for something similar to my website. Did you manage to find a radio player that will not stop the stream as it loads the new page?
Thanks

4

Unfortunately, not! I didn’t properly explore the links above so maybe start there?