Esempio
Riprodurre un suono:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
Prova tu stesso " Definizione e utilizzo
Il <audio> tag definisce il suono, come la musica o altri flussi audio.
Attualmente, ci sono 3 formati di file supportati per la <audio> elemento: MP3, Wav e Ogg :
| Browser | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
Tipi MIME per i formati audio
| Formato | Tipo MIME |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Differenze tra HTML 4.01 e HTML5
Il <audio> tag è nuovo in HTML5.
Suggerimenti e Note
Suggerimento: Qualsiasi testo all'interno del tra <audio> e </audio> verranno visualizzati nei browser che non supportano la <audio> tag.
attributi
= Nuovo in HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| autoplay | autoplay | Specifica che l'audio inizierà a giocare non appena è pronto |
| controls | controls | Specifica che i controlli audio devono essere visualizzati (ad esempio un pulsante play / pause, ecc) |
| loop | loop | Specifica che l'audio inizierà da capo, ogni volta che è finito |
| muted | muted | Specifica che l'uscita audio deve essere disattivato |
| preload | auto metadata none | Specifica se e come l'autore pensa che l'audio deve essere caricato al caricamento della pagina |
| src | URL | Specifica l'URL del file audio |
attributi globali
Il <audio> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <audio> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
Di riferimento HTML DOM: HTML Audio / Video Reference del DOM
Impostazioni predefinite CSS
Nessuna.