Player Audio HTML5 di Sottofondo - Musica di Sottofondo con Volume e Ripresa tra le Pagine
Dai una colonna sonora al tuo negozio senza togliere il controllo ai visitatori. Questo player HTML5 aggiunge una piccola barra audio personalizzabile — play, pausa, riavvolgimento e volume — nella barra superiore, nel footer o in una delle due colonne, e può riprendere lo stesso brano dallo stesso secondo mentre il visitatore passa da una pagina all'altra. MP3, OGG e WAV, tramite URL o file caricato, con controllo pagina per pagina su dove compare. JavaScript puro, senza jQuery e senza Flash. Per PrestaShop 1.7 – 9.
Musica di sottofondo, con buone maniere
Un audio che il visitatore non può fermare è il modo più rapido per perderlo. Questo modulo porta la musica di sottofondo nel tuo negozio con un comando visibile fin dal primo secondo: play, pausa, riavvolgimento e cursore del volume, sempre a portata di mano. Boutique, negozi di musica e strumenti, siti di eventi e matrimoni, gallerie e store a tema ottengono l'atmosfera che desiderano — e i clienti restano con il telecomando in mano.
Come funziona
- 1. Indica il tuo file audio — incolla un URL
https://oppure carica direttamente nel modulo un MP3, OGG o WAV (fino a 10 MB). - 2. Scegli dove collocarlo — barra superiore, footer, colonna sinistra o colonna destra. La pagina di configurazione mostra un'anteprima dal vivo del player con le impostazioni salvate.
- 3. Rifinisci i dettagli — volume predefinito, set di icone GIF o PNG, larghezza del player, numero di barre del volume e colori della skin, oltre agli interruttori per riproduzione automatica e ripresa automatica.
Ricorda dove era arrivata la musica
Attiva la ripresa automatica e il player memorizza la posizione di riproduzione e il volume in un cookie: passando dalla homepage a una scheda prodotto, lo stesso brano continua dallo stesso secondo invece di ripartire da capo. Disattivala e ogni pagina riparte da zero — la scelta è tua.
Mostralo solo dove serve
L'impostazione "Pagine consentite" accetta un elenco di controller separati da virgola — ad esempio index,product — così il player può vivere solo sulla homepage, solo sulle schede prodotto oppure ovunque. Lascia il campo vuoto e comparirà su ogni pagina.
Ricostruito per il PrestaShop moderno
- JavaScript puro — nessuna dipendenza da jQuery, niente Flash, nessun player obsoleto.
- Skin con variabili CSS — i colori vengono iniettati nell'header della pagina, così il player si adatta al tuo tema senza modificare i fogli di stile.
- Nessun override del core — il modulo lavora esclusivamente tramite hook; i template possono essere sovrascritti dal tuo tema se vuoi spingerti oltre.
- Correzioni di stabilità — il crash della colonna destra presente nelle versioni precedenti è stato eliminato e una modalità debug registra le diagnostiche nella console del browser quando ti serve una verifica.
Compatibilità
PrestaShop 1.7, 8 e 9. Utilizza l'audio HTML5 nativo del browser, quindi funziona sui browser desktop e mobile moderni senza alcun plugin. Nota che i browser bloccano la riproduzione automatica con audio finché il visitatore non interagisce con la pagina — il pulsante play funziona sempre e il modulo lo registra in modalità debug.
Domande frequenti
I visitatori possono spegnere la musica?
Sì, ed è proprio questo il punto. Il player mostra play/pausa, riavvolgimento e cursore del volume dal momento in cui la pagina viene caricata.
La musica continua a suonare tra una pagina e l'altra?
Con la ripresa automatica attiva sì: la posizione e il volume vengono salvati in un cookie, così il brano riprende da dove era rimasto invece di ricominciare.
Quali formati audio posso usare?
MP3, OGG e WAV, sia come URL https:// completo sia come file caricato nel modulo (fino a 10 MB).
Perché non parte da sola?
I browser moderni bloccano la riproduzione automatica con audio finché il visitatore non interagisce con la pagina. È una regola del browser, non un limite del modulo: lascia attiva la riproduzione automatica e la musica parte non appena c'è un'interazione.
Posso mostrarlo solo sulla homepage?
Sì. Inserisci index nel campo Pagine consentite — o qualsiasi elenco di controller separati da virgola. Lascialo vuoto per mostrarlo su ogni pagina.
Posso cambiare l'aspetto?
Sì — posizione, larghezza, set di icone, numero di barre del volume e colori della skin sono tutte impostazioni, applicate tramite variabili CSS così non devi modificare nulla nel tuo tema.
-
CompatibilitàPrestashop 1.4
Prestashop 1.5
Prestashop 1.6
Prestashop 1.7
Prestashop 8
Prestashop 9 -
Traduzioni del Modulo DisponibiliFrancese
Inglese
Italiano
Olandese
Polacco
Spagnolo
Tedesco
Turco
MEG Venture
4 altri prodotti nella stessa categoria
| Versione | 2.0.0 |
|---|---|
| Ultimo aggiornamento | 2026-07-28 |
| Registro delle modifiche | - [2026-07-24] Add Italian, Dutch, Polish, and Turkish translations for audio player module settings and messages - [2026-07-23] Translate audio player module strings to Dutch, Polish, and Turkish; update text for clarity and consistency across languages. - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Add missing translation files (fr, de, pl, nl, tr, it, es) - [2026-07-15] Add HTML5 Background Audio Player with customizable features - [2023-10-02] Smarty variable casting - [2023-09-14] v1.3.1 - [2023-09-05] v1.3.0 - [2022-09-23] v1.2.3 upgrade, js value fix, demo mp3 change - [2022-05-22] copyright update - [2022-02-19] Update bgaudioplayer.css - [2021-12-17] v1.2.2 - [2021-12-17] Initial commit |
• [2023-10-02] Smarty variable casting
• [2023-09-14] v1.3.1
• [2023-09-05] v1.3.0
• [2022-09-23] v1.2.3 upgrade, js value fix, demo mp3 change
• [2022-05-22] copyright update
• [2022-02-19] Update bgaudioplayer.css
• [2021-12-17] v1.2.2
• [2021-12-17] Initial commit
Commenti (3)
Non è stato possibile inviare il tuo giudizio sulla recensione
Segnala commento
Segnalazione inviata
Non è stato possibile inviare la tua segnalazione