viernes, 15 de febrero de 2013

Agregar audio con HTML5

Siempre se ha necesitado de distintos plugins para compatibilizar los archivos de audio en distintos navegadores, HTML5 pretende estandirizar los formatos de archivo audio en todos los navegadores a través del nuevo tag audio.

El elemento audio soporta los siguientes atributos ...

autoplay -> El audio se reproduce automáticamente.
controls -> Especifica que los controles de audio deben mostrarse.
loop -> especifica que la reproducción se debe de hacer en búcle.
muted -> reproducción sin sonido.
preload -> auto | metadata | none. Modo de carga del audio
src -> ubicación del audio.


Formatos de audio ...

MP3 -> audio/mpeg
Wav -> audio/wav
Ogg -> audio/ogg


La etiqueta source es útil para indicar distintos formatos de video o audio y así ampliar el campo de compatibilidad. 

<audio controls>
<source src="audio.ogg" type="audio/ogg">
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.wav" type="audio/wav">
Tu navegador no es compatible
</audio>