disign.it | HTML5: gestione formati audio | a digital sign for a best design!
A digital sign for a best design
xhtml - html5 2.613 visualizzazioni

HTML5: gestione formati audio

21/06/2013

In 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>

← HTML5: nuovi attributi per il tag form PHP: controllare e ripulire input →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.