Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How to play music consistently in the background while browsing a website?

Featured Replies

I know that background music is not good for website, but my client want it. I spent two hours but didn't find nothing in google.

I use this solution

<!-- Simple audio playback -->
<audio loop="loop" autoplay="autoplay"> 
<source src="img/site-music.mp3" type="audio/mpeg">
</audio>

But music restart in every page. Add to that that when my client close page on tablet music continue playing! I am ii shoke))))

 

I know about http://jplayer.org but this plugin add background music only to one page.

 

Is there any jq plugin i can use to achive loop background music on whole site?

 

Thank you!)

 

  • Author

Thank you! But i see news site. How it can help me? There is a script download button? Is there any way to avoid pop-up?

The only other way is to have the whole website inside an iframe or a frame, not sure that's very friendly though...

 

The news site has an example of them doing a popup.

  • Author

Oh, I see. Can you point me to the right tutorial for how to make frame for this? I understand that there is no any JQ plugin, right? Even http://jplayer.org can't help me? I am surprised. I thought that JQ has plugins for all goals.. If is so hard can you tell me at least how i can avoid tablet bug with music, how i can stop music after closing site? Jplayer can do this job?

Edited by fleur

  • Author

Understand. thank you very much for answer. Please, give me advice how i can create pop up window and save it above all pages ? User will open next pages and audio will play consistently. how to make this pop up? point me to right tutorial if possible, i can't find.

  • Author
its not workingRedik Jan 9 at 12:18

It's okey. Thank you for advice! Next time i will be more careful and use AJAX

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.