La versione 5.0 di Html comprende un elemento apposito per includere file audio nella propria pagina. La sintassi è molto semplice:
Si noti che si tratta in realtà di due elementi: un elemento contenitore <audio> e uno o più elementi vuoti <source> in esso contenuti.
L'attributo controls (che non ha valore) fa comparire i controlli utente per la riproduzione della traccia audio (avvio, stop, etc). In assenza di questo attributo, l'audio viene avviato comunque in background.
All’interno di <audio> vi è poi un elemento di tipo <source>, mediante il quale possiamo specificare il file che ci interessa riprodurre. Poiché alcuni tipi di file non sono supportati da tutti i browser, è possibile specificare diversi tag <source>. Ad esempio:
In questo caso, il browser tenterà per prima cosa di riprodurre il file specificato nel primo tag <source>. Se (e solo se), per qualche motivo, il file non potesse essere riprodotto, il browser proverà a riprodurre il secondo file, e così via per tutti i tag <source> presenti. Per garantire, infine, la retro compatibilità con le precedenti versioni di HTML, è possibile utilizzare una stringa (o dell’altro codice HTML) che verrà visualizzata nel caso in cui il browser non supporti il tag <audio>.
Qui sotto è mostrato un esempio di come viene visualizzato l'elemento audio su una pagina:
Altrettanto semplice (e sostanzialmente identico al tag audio) è l'elemento video, che permette di includere un video nella pagina:
Il risultato è il seguente:
Sito realizzato in base al template offerto da
http://www.graphixmania.it