HTML5 Background Audio Player - Background Music with Volume & Cross-Page Resume

Background music, done politely

Audio that a visitor cannot stop is the fastest way to lose them. This module gives your shop background music with a visible control from the very first second: play, pause, rewind and a volume slider, always within reach. Boutiques, music and instrument shops, event and wedding sites, galleries and themed stores get the atmosphere they want — and customers keep the remote control.

How it works

• 1. Point it at your audio — paste an https:// URL or upload an MP3, OGG or WAV (up to 10 MB) straight into the module.
• 2. Choose where it sits — the top bar, the footer, or the left or right column. The configure page shows a live preview of the player with your saved settings.
• 3. Tune the details — default volume, GIF or PNG icon set, player width, volume-bar count and skin colours, plus autoplay and auto-resume switches.

It remembers where the music was

Turn on auto-resume and the player stores the playback position and volume in a cookie, so browsing from the homepage to a product page continues the same track at the same second instead of restarting it. Turn it off and every page starts fresh — your choice.

Show it only where it belongs

The "Allowed pages" setting takes a comma-separated list of controllers — index,product, for example — so the player can live on your homepage only, on product pages only, or everywhere. Leave it empty and it appears on every page.

Rebuilt for modern PrestaShop

• Vanilla JavaScript — no jQuery dependency, no Flash, no legacy player.
• CSS-variable skinning — colours are injected in the page header, so the player matches your theme without editing stylesheets.
• No core overrides — the module works purely through hooks; templates can be overridden from your theme if you want to go further.
• Stability fixes — the right-column crash from earlier versions is gone, and a debug mode logs diagnostics to the browser console when you need to check something.

Compatibility

PrestaShop 1.7, 8 and 9. Uses the browser's native HTML5 audio, so it works on modern desktop and mobile browsers with no plugin. Note that browsers block autoplay with sound until the visitor interacts with the page — the play button always works, and the module logs it in debug mode.

Frequently asked questions

Can visitors turn the music off?

Yes, that is the point. The player shows play/pause, rewind and a volume slider from the moment the page loads.

Does the music keep playing between pages?

With auto-resume on, yes — the position and volume are stored in a cookie so the track continues where it left off instead of starting over.

Which audio formats can I use?

MP3, OGG and WAV, either as a full https:// URL or as a file you upload into the module (up to 10 MB).

Why doesn't it start on its own?

Modern browsers block autoplay with sound until the visitor interacts with the page. That is a browser rule, not a module limit; keep autoplay on and playback starts as soon as they interact.

Can I show it only on the homepage?

Yes. Put index in the Allowed pages field — or any comma-separated list of controllers. Leave it empty for every page.

Can I change the look?

Yes — position, width, icon set, number of volume bars and the skin colours are all settings, applied through CSS variables so nothing in your theme needs editing.