• You MUST read the Babiato Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.

    Our resources on Babiato Forum are CLEAN and SAFE. So you can use them for development and testing purposes. If your are on Windows and have an antivirus that alerts you about a possible infection: Know it's a false positive because all scripts are double checked by our experts. We advise you to add Babiato to trusted sites/sources or disable your antivirus momentarily while downloading a resource. "Enjoy your presence on Babiato"

(Help) how to create a player like this site? www.tupi.fm

kororoti

Member
Apr 23, 2019
33
4
8
See that he is using wordpress, but the player is "fixed" in the footer, even if I change the page or click on a link within the site
 
It's not a podcast, it's a live radio stream, but indeed it has a fixed position at the bottom. That's easy to achieve with CSS. Watching the website more closely when you click on a link, you can see that not only the audio player stays in place, all other content is static too, except the main content column.

It's a bit technical to explain, but this can be done with AJAX. Meaning when clicking on a link the content is requested in an ajax call and then loaded into the main div without refreshing the page. If you're familiar with coding, this can be a starting point: Load content in a div with ajax.
 
  • Like
Reactions: kororoti
Thanks @frizzel,
exactly my doubt. browsing the entire, player dont stop streaming. 15 years ago, we did this with frameset heeheh, I will search ajax documentation. Thanks
 

Forum statistics

Threads
78,868
Messages
1,128,079
Members
246,589
Latest member
AHMED_ASIF
AdBlock Detected

We get it, advertisements are annoying!

However in order to keep our huge array of resources free of charge we need to generate income from ads so to use the site you will need to turn off your adblocker.

If you'd like to have an ad free experience you can become a Babiato Lover by donating as little as $5 per month. Click on the Donate menu tab for more info.

I've Disabled AdBlock