Tag audio
Il tag audio controlla la riproduzione
di audio su una pagina HTML. Quando
viene aggiunto, sulla pagina appare un player,
che avrà pulsanti "Indietro", "Avanti",
"Stop" e così via (il loro aspetto e numero dipende
dal browser). Il percorso del file è specificato tramite
l'attributo src o il tag annidato source.
Il tag source serve per specificare
i percorsi ai file audio in vari formati
(poiché i browser supportano formati audio diversi,
ad esempio mp3 o wav).
Se disponi di una registrazione in uno dei formati,
è necessario convertirla anche negli altri.
All'interno del tag audio si può scrivere del testo,
che verrà visualizzato nei browser che
non supportano l'audio in HTML (questo viene fatto
per informare gli utenti).
Se desideri visualizzare il player per controllare la riproduzione
dell'audio - devi aggiungere l'attributo controls.
Senza di esso non vedrai nulla - e non ci sarà
nemmeno alcun suono. Per avere l'audio in assenza
del player - aggiungi l'attributo autoplay.
Attributi
| Attributo | Descrizione |
|---|---|
src |
Specifica il percorso del file audio.
Ma è meglio usare per questo il tag source
(in questo caso sarà possibile specificare l'audio in formati diversi).
|
preload |
Utilizzato per caricare il file audio contemporaneamente al caricamento della pagina del sito.
Valori accettati: none (non caricare il file, predefinito),
metadata (carica solo le informazioni di servizio: durata della riproduzione, ecc.),
auto (carica l'intero file audio al caricamento della pagina HTML).
|
autoplay |
L'audio inizia a riprodursi immediatamente dopo il caricamento della pagina,
inoltre la presenza dell'attributo preload verrà ignorata.
Attributo senza valore. |
controls |
Aggiunge un pannello di controllo al file audio.
inoltre la presenza dell'attributo preload verrà ignorata.
Attributo senza valore. |
loop |
Ripete la traccia audio in "loop": dopo il termine ricomincia a riprodursi.
inoltre la presenza dell'attributo preload verrà ignorata.
Attributo senza valore. Per impostazione predefinita (se l'attributo non è presente) la traccia verrà riprodotta solo 1 volta.
|
muted |
Disattiva l'audio nella traccia.
Attributo senza valore. Per impostazione predefinita (se l'attributo non è presente) l'audio della traccia è attivo. |
Esempio . Player su una pagina del sito
Aggiungiamo un player con una traccia audio alla pagina.
Per i browser che non supportano
il tag audio è lasciato un messaggio speciale
in merito:
<audio src="track.mp3" controls>
Il tuo browser non supporta audio in HTML5.
</audio>
Esempio . Player su una pagina del sito con il tag source
Ora invece dell'attributo src
per il tag audio aggiungiamo il tag source:
<audio controls>
<source src="track.mp3">
Il tuo browser non supporta audio in HTML5.
</audio>
