Cell. +39 3479684755

Il Blog di Instant Websites

Tag: tutorial su HTML5

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>

Continua a leggere

Categorie
Archivi