disign | HTML5: gestione formati audio | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/html5-gestione-formati-audio-480-47-1.html

© Luca Frassineti

xhtml - html5 4.151 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>

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 




Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:



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