Audio HTML
L'elemento HTML <audio>viene utilizzato per riprodurre un file audio su una pagina web.
L'elemento HTML <audio>
Per riprodurre un file audio in HTML, utilizzare l' <audio>elemento:
Esempio
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Audio HTML - Come funziona
L' controlsattributo aggiunge controlli audio, come riproduzione, pausa e volume.
L' <source>elemento consente di specificare file audio alternativi tra cui il browser può scegliere. Il browser utilizzerà il primo formato riconosciuto.
Il testo tra i tag <audio>e </audio>verrà visualizzato solo nei browser che non supportano l' <audio>elemento.
HTML <audio> Riproduzione automatica
Per avviare automaticamente un file audio, utilizzare l' autoplayattributo:
Esempio
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Nota: nella maggior parte dei casi, i browser Chromium non consentono la riproduzione automatica. Tuttavia, l'autoplay disattivato è sempre consentito.
Aggiungi muteddopo
autoplayper avviare automaticamente la riproduzione del file audio (ma disattivato):
Esempio
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'
<audio>elemento.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Formati audio HTML
Sono disponibili tre formati audio supportati: MP3, WAV e OGG. Il supporto del browser per i diversi formati è:
| Browser | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | YES | YES* | YES* |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
*Dal bordo 79
Audio HTML - Tipi di media
| File Format | Media Type |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
Audio HTML: metodi, proprietà ed eventi
Il DOM HTML definisce metodi, proprietà ed eventi per l' <audio>elemento.
Ciò consente di caricare, riprodurre e mettere in pausa l'audio, nonché di impostare la durata e il volume.
Esistono anche eventi DOM che possono avvisarti quando un audio inizia a essere riprodotto, viene messo in pausa, ecc.
Per un riferimento DOM completo, vai al nostro Riferimento DOM audio/video HTML .
Tag audio HTML
| Tag | Description |
|---|---|
| <audio> | Defines sound content |
| <source> | Defines multiple media resources for media elements, such as <video> and <audio> |