Come aggiungere codice HTML per musica di sottofondo

Dai primi giorni del World Wide Web, vari metodi per incorporare musica in una pagina web sono diventati popolari. In particolare, il tag "embed" in HTML, i lettori audio basati su Java e i lettori basati su Flash sono tutte opzioni possibili per aggiungere musica di sottofondo, ma nessuna soluzione è stata universalmente adottata ed è pienamente compatibile con tutti i browser e piattaforme. Il più recente standard HTML5 include il tag "audio", specificamente definito per la riproduzione audio incorporata.

Passaggio 1

Aggiungi il seguente codice in qualsiasi punto del body del tuo documento HTML per incorporare un file musicale e riprodurlo automaticamente quando un visitatore naviga sul tuo sito.

Modifica l'attributo "src" in modo che contenga il percorso e il nome del file musicale che vuoi incorporare.

Passaggio 2

Aggiungi l'attributo "loop" se vuoi che il file musicale suoni in loop continuo.

Passaggio 3

Usa più tag "source" invece dell'attributo "src" del tag "audio" se vuoi offrire al browser dell'utente una scelta di più formati di file.

In questo esempio, il browser dell'utente deciderà se riprodurre il file MP3 o OGG. Questa tecnica può essere utile per mirare a dispositivi mobili che possono riprodurre solo certi formati audio.

Passaggio 4

Includi il tag "embed" all'interno del tag "audio" per fornire supporto ai browser più vecchi che non supportano HTML5. Nota che questo uso del tag "embed" è deprecato (non è più ufficialmente richiesto), quindi sperimenta questa tecnica solo se sospetti che i tuoi utenti useranno browser web obsoleti. Ecco un esempio:

Suggerimento

Considera di aggiungere l'attributo "controls" al tag "audio" per permettere all'utente di fermare la musica e cambiare il volume. Inoltre, considera di non usare l'attributo "autoplay" a meno che non ci sia una buona ragione. Molti utenti trovano fastidiosa la musica di sottofondo che parte inaspettatamente senza il loro permesso e lasceranno immediatamente il tuo sito.