Come aggiungere un codice musicale HTML in background

Vari metodi per incorporare la musica in una pagina Web sono diventati popolari sin dai primi giorni del World Wide Web. In particolare, il tag "embed" in HTML, lettori audio basati su Java e lettori basati su Flash sono tutte opzioni possibili per aggiungere musica di sottofondo a una pagina Web, ma nessuna soluzione è stata universalmente adottata o è completamente compatibile con tutti i browser e le piattaforme . Il nuovo standard HTML5 include il tag "audio", che è specificamente definito per la riproduzione audio incorporata.

Passaggio 1

Aggiungi il seguente codice ovunque nel corpo del tuo documento HTML per incorporare un file musicale e riprodurlo automaticamente quando un visitatore naviga nel tuo sito web.

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

Passaggio 2

Aggiungi l'attributo "loop" se desideri che il file musicale venga riprodotto più e più volte:

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 il file OGG. Questa tecnica può essere utile per il targeting di dispositivi mobili che possono riprodurre solo determinati formati audio.

Passaggio 4

Annida il tag "embed" all'interno del tag "audio" per fornire supporto per i browser meno recenti che non supportano HTML5. Tieni presente che questo uso del tag "embed" è deprecato (il che significa che non è più ufficialmente richiesto che sia supportato), quindi sperimenta questa tecnica solo se sospetti che i tuoi utenti utilizzeranno browser Web obsoleti. Ecco un esempio:

Suggerimento

Prendi in considerazione l'aggiunta dell'attributo "controlli" al tag "audio" per consentire all'utente di interrompere la musica e modificare il volume. Inoltre, considera di non utilizzare l'attributo "autoplay" a meno che non ci sia una buona ragione per questo comportamento del browser. Molti utenti trovano fastidiosa la musica di sottofondo incorporata che viene riprodotta inaspettatamente senza il loro permesso e lascerà immediatamente il tuo sito web.