Cell. +39 3479684755
Il Blog di Instant Websites
Come usare il tag audio di HTML5
Introduzione
Abbiamo già esaminato in un precedente articolo il nuovo tag <video> introdotto con HTML5 e la sua utilizzazione per mostrare dei filmati in una pagina HTML senza usare Flash.
In modo del tutto analogo, con la nuova versione di questo linguaggio è stato introdotto il corrispondente tag audio che consente la riproduzione di file, appunto, di tipo audio.
La sintassi essenziale è molto semplice:
<audio src=”nomefile.mp3″></audio>
presupponendo che il file da eseguire si trovi nella stessa cartella della pagina in cui deve essere eseguito.
Formati audio
Per garantire la totale compatibilità del file audio con i diversi browser, soprattutto nella prima fase di diffusione della nuova versione, è opportuno rendere disponibile quest’ultimo in più formati e cioè: ogg, mp3 e wav.
In questo caso si aggiunge il parametro source che consente di specificare diverse alternative da gestire in sequenza e, facoltativamente, il parametro type (vedi più sotto per la spiegazione).
La sintassi di base diventerà dunque la seguente:
<audio>
<source src=”nomefile.ogg” type=”audio/ogg”>
<source src=”nomefile.mp3″ type=”audio/mpeg”>
<source src=”nomefile.wav” type=”audio/wav”>
</audio>