HTML5: gestione formati audio
21/06/2013In html5 è possibile incorporare oggetti audio senza dover fruire di plugin esterni e quindi incorrere nelle problematiche derivanti dai plugin non supportati da Apple nei suoi mobile device.
Il tag HTML5 specifico prevede l'apertura del tag audio al cui interno va posizionato il tag source che deve indicare il file audio da riprodurre e il mime dello stesso.
Per coprire una vasta gamma di browser è opportuno inserire almeno due mime (utilizzando un doppio source) in modo da esser certi che tutti i browser possano 'visualizzare' i controlli e riprodurre correttamente l'audio.
I MIME-type supportati sono i seguenti:
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav
E' buona norma inserire nel tag audio un messaggio testuale che verrà visualizzato qualora il browser non supprti l'html5.
Un esempio di codice è questo:
<audio controls>
<source src="mysong.ogg" type="audio/ogg">
<source src="mysong.mp3" type="audio/mpeg">
Il tuo browser non è aggiornato e non supporta la riproduzione audio
</audio>