Come aggiungere un codice musicale HTML di sottofondo

click fraud protection
...

Aggiungi musica di sottofondo al tuo sito web per far divertire gli utenti mentre navigano.

Vari metodi per incorporare musica in una pagina Web sono diventati popolari fin 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 l'aggiunta musica di sottofondo a una pagina Web, ma nessuna soluzione è stata adottata universalmente o è completamente compatibile con tutti i browser e piattaforme. Il nuovo standard HTML5 include il tag "audio", che è definito specificamente per la riproduzione audio incorporata.

Passo 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.

Video del giorno

Modificare l'attributo "src" in modo che contenga il percorso e il nome del file musicale che si desidera incorporare.

Passo 2

Aggiungi l'attributo "loop" se vuoi 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 prendere di mira i dispositivi mobili che possono riprodurre solo determinati formati audio.

Passaggio 4

Nidifica il tag "embed" all'interno del tag "audio" per fornire supporto per i browser meno recenti che non dispongono del supporto HTML5. Nota che questo uso del tag "embed" è deprecato (nel senso che non è più ufficialmente richiesto supportato), quindi sperimenta questa tecnica solo se sospetti che i tuoi utenti utilizzino Web obsoleto browser. Ecco un esempio:

Consiglio

Considera 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 "riproduzione automatica" 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.