HTML5 Achtergrondmuziek Speler - Achtergrondmuziek met Volume & Hervatten op Elke Pagina

Achtergrondmuziek, maar dan beleefd

Geluid dat een bezoeker niet kan stoppen is de snelste manier om hem kwijt te raken. Deze module geeft uw webshop achtergrondmuziek met een zichtbare bediening vanaf de allereerste seconde: afspelen, pauzeren, terugspoelen en een volumeschuif, altijd binnen handbereik. Boetieks, muziek- en instrumentenwinkels, evenementen- en bruiloftssites, galeries en themawinkels krijgen precies de sfeer die ze willen — en de klant houdt de afstandsbediening in handen.

Zo werkt het

• 1. Wijs uw audio aan — plak een `https://`-URL of upload rechtstreeks een MP3-, OGG- of WAV-bestand (tot 10 MB) in de module.
• 2. Kies de plek — de bovenbalk, de footer, of de linker- of rechterkolom. De configuratiepagina toont een live voorbeeld van de speler met uw opgeslagen instellingen.
• 3. Verfijn de details — standaardvolume, GIF- of PNG-iconenset, breedte van de speler, aantal volumebalkjes en skinkleuren, plus schakelaars voor autoplay en automatisch hervatten.

Hij onthoudt waar de muziek was

Zet automatisch hervatten aan en de speler bewaart de afspeelpositie en het volume in een cookie, zodat de bezoeker die van de homepage naar een productpagina klikt hetzelfde nummer op dezelfde seconde hoort doorlopen in plaats van opnieuw te beginnen. Zet u het uit, dan start elke pagina fris — uw keuze.

Laat hem alleen zien waar hij thuishoort

De instelling "Toegestane pagina's" accepteert een door komma's gescheiden lijst van controllers — bijvoorbeeld `index,product` — zodat de speler alleen op uw homepage kan staan, alleen op productpagina's, of overal. Laat het veld leeg en hij verschijnt op elke pagina.

Herbouwd voor modern PrestaShop

• Vanilla JavaScript — geen afhankelijkheid van jQuery, geen Flash, geen verouderde speler.
• Skinning via CSS-variabelen — kleuren worden in de paginakop geïnjecteerd, zodat de speler bij uw thema past zonder stylesheets te bewerken.
• Geen core-overrides — de module werkt volledig via hooks; templates kunt u vanuit uw thema overschrijven als u verder wilt gaan.
• Stabiliteitsverbeteringen — de crash in de rechterkolom uit eerdere versies is verholpen, en een debugmodus schrijft diagnostische informatie naar de browserconsole wanneer u iets wilt controleren.

Compatibiliteit

PrestaShop 1.7, 8 en 9. Maakt gebruik van de native HTML5-audio van de browser, dus het werkt op moderne desktop- en mobiele browsers zonder plug-in. Let op: browsers blokkeren autoplay met geluid totdat de bezoeker met de pagina interacteert — de afspeelknop werkt altijd, en de module registreert dit in de debugmodus.

Veelgestelde vragen

Kunnen bezoekers de muziek uitzetten?

Ja, dat is juist de bedoeling. De speler toont afspelen/pauzeren, terugspoelen en een volumeschuif vanaf het moment dat de pagina laadt.

Blijft de muziek doorspelen tussen pagina's?

Met automatisch hervatten aan wel — de positie en het volume worden in een cookie bewaard, zodat het nummer verdergaat waar het gebleven was in plaats van opnieuw te starten.

Welke audioformaten kan ik gebruiken?

MP3, OGG en WAV, ofwel als volledige `https://`-URL, ofwel als bestand dat u in de module uploadt (tot 10 MB).

Waarom start hij niet vanzelf?

Moderne browsers blokkeren autoplay met geluid totdat de bezoeker met de pagina interacteert. Dat is een browserregel, geen beperking van de module; laat autoplay aan staan en het afspelen begint zodra de bezoeker iets doet.

Kan ik hem alleen op de homepage tonen?

Ja. Zet `index` in het veld Toegestane pagina's — of een willekeurige door komma's gescheiden lijst van controllers. Laat het leeg voor elke pagina.

Kan ik het uiterlijk aanpassen?

Ja — positie, breedte, iconenset, aantal volumebalkjes en de skinkleuren zijn allemaal instellingen, toegepast via CSS-variabelen zodat er niets in uw thema aangepast hoeft te worden.