Lecteur Audio HTML5 de Fond - Musique d'Ambiance avec Volume et Reprise entre les Pages

De la musique de fond, en toute courtoisie

Un son que le visiteur ne peut pas arrêter est le moyen le plus rapide de le perdre. Ce module apporte à votre boutique une musique de fond assortie d'une commande visible dès la première seconde : lecture, pause, retour au début et curseur de volume, toujours à portée de main. Boutiques de mode, magasins de musique et d'instruments, sites d'événementiel et de mariage, galeries et boutiques thématiques obtiennent l'ambiance qu'ils recherchent — et le client garde la télécommande.

Comment ça marche

• 1. Indiquez votre fichier audio — collez une URL en https:// ou téléversez un MP3, un OGG ou un WAV (jusqu'à 10 Mo) directement dans le module.
• 2. Choisissez son emplacement — la barre supérieure, le pied de page, ou la colonne de gauche ou de droite. La page de configuration affiche un aperçu en direct du lecteur avec vos réglages enregistrés.
• 3. Peaufinez les détails — volume par défaut, jeu d'icônes GIF ou PNG, largeur du lecteur, nombre de barres de volume et couleurs du thème, sans oublier les options de lecture automatique et de reprise automatique.

Il se souvient où en était la musique

Activez la reprise automatique et le lecteur enregistre la position de lecture et le volume dans un cookie : passer de la page d'accueil à une fiche produit poursuit le même morceau à la même seconde au lieu de le relancer. Désactivez-la et chaque page repart de zéro — à vous de choisir.

Affichez-le uniquement là où il a sa place

Le réglage « Pages autorisées » accepte une liste de contrôleurs séparés par des virgules — index,product, par exemple — afin que le lecteur ne vive que sur votre page d'accueil, uniquement sur les fiches produit, ou partout. Laissez le champ vide et il apparaît sur toutes les pages.

Reconstruit pour le PrestaShop moderne

• JavaScript natif — aucune dépendance à jQuery, pas de Flash, pas de lecteur d'ancienne génération.
• Personnalisation par variables CSS — les couleurs sont injectées dans l'en-tête de la page, si bien que le lecteur s'accorde à votre thème sans toucher aux feuilles de style.
• Aucune surcharge du cœur — le module fonctionne uniquement par hooks ; les templates restent surchargeables depuis votre thème si vous souhaitez aller plus loin.
• Corrections de stabilité — le plantage de la colonne de droite des versions précédentes a disparu, et un mode débogage consigne les diagnostics dans la console du navigateur lorsque vous avez besoin de vérifier quelque chose.

Compatibilité

PrestaShop 1.7, 8 et 9. Le module s'appuie sur l'audio HTML5 natif du navigateur : il fonctionne donc sur les navigateurs modernes, ordinateur comme mobile, sans aucun plugin. À noter que les navigateurs bloquent la lecture automatique avec son tant que le visiteur n'a pas interagi avec la page — le bouton de lecture fonctionne toujours, et le module le signale en mode débogage.

Questions fréquentes

Les visiteurs peuvent-ils couper la musique ?

Oui, c'est tout l'intérêt. Le lecteur affiche lecture/pause, retour au début et un curseur de volume dès le chargement de la page.

La musique continue-t-elle d'une page à l'autre ?

Avec la reprise automatique activée, oui — la position et le volume sont conservés dans un cookie, si bien que le morceau reprend là où il s'était arrêté au lieu de recommencer.

Quels formats audio puis-je utiliser ?

MP3, OGG et WAV, sous forme d'URL complète en https:// ou de fichier téléversé dans le module (jusqu'à 10 Mo).

Pourquoi ne démarre-t-il pas tout seul ?

Les navigateurs modernes bloquent la lecture automatique avec son tant que le visiteur n'a pas interagi avec la page. C'est une règle du navigateur, pas une limite du module ; laissez la lecture automatique activée et la lecture démarre dès la première interaction.

Puis-je l'afficher uniquement sur la page d'accueil ?

Oui. Saisissez index dans le champ Pages autorisées — ou toute liste de contrôleurs séparés par des virgules. Laissez-le vide pour l'afficher sur toutes les pages.

Puis-je en modifier l'apparence ?

Oui — la position, la largeur, le jeu d'icônes, le nombre de barres de volume et les couleurs du thème sont autant de réglages, appliqués via des variables CSS : rien à modifier dans votre thème.