Sticky (player) stack floating on top of the site. Does it exist?


(Leif Ottosson) #1

I’m working on a site for a new radio station and are about to integrate a player. “Problem” is that it stops when surfing to another page on the site. It can be opened in a new window, but that doesn’t feel like a particularly elegant solution 2015. A better solution would be a player that floats on top of the site like the player on this site: http://sverigesradio.se

You can surf to any page on the site and the player never stops. Anyone that knows a stacks solution for this?

// Leif


(Nico Declerck) #2

Sorry Leif, I can not help you. But I do understand your problem. I have the same with my new website www.orgelradio.eu. Maybe Joe Workman could help us out?


(scott williams) #3

Look and see what they are using for the podcast here, it does not stop if you switch pages.

Just a thought


(Leif Ottosson) #4

I asked the same question in the G+ group. You can see the post here:


(Nico Declerck) #5

Joe Workman told me it is impossible. Because in Rapidweaver has every page a different url. I experimented with Screens and that works. Look at www.orgelradio.eu.


(Leif Ottosson) #6

@harmonicorde But a screens page is only one page. That’s why it’s working.


(Oscar Schmid) #7

@leif_ottosson
Ever considered to play all (the whole website) in an iframe page?
Then the sound must play all the time.


(Leif Ottosson) #8

@Oscar
Interesting idea, that might work. I decided to use a popover window. The site goes live on Monday and you can see the (almost) finished site here. www.starfmvaxjo.se/test

We think that most people will use the mobile apps anyway so a popover will probably work just fine for the desktop listeners.


(Robert Ziebol 🖖🏼) #9

Was messing around with a test project for someone else and this idea came to me, you can use MovingBox along with its external linking to make a navigation and it looks like you are going from page to page, but yet staying on the same page. This way you can have any audio stack (I am using Joe’s HTML5 Audio hidden) and it will keep playing, you can see an example here:

http://www.zeebedesigns.com/movingbox-navigation

It should work with other themes as well, but I only tested it with Foundation.

Edit - oh, and only the first three links work.