ProgramacionAzteca.com > html > Reproduce audio con Html 5
Tags.- html 5 etiqueta audio html programacion web paginas web tutorial
Metiéndonos cada ves mas en el tema del html 5, esta ves nos toca ver la etiqueta audio, esta etiqueta nos permitirá reproducir archivos de audio en nuestra pagina web sin la necesidad de utilizar flash o cualquier tipo de plugin, pero, solo hay un pequeño problema.
Como aun no es oficial la integración de la tecnología html 5 en los navegadores web, aun no hay un estándar que seguir y esto nos lleva a que el navegador de Mozilla reproducirá archivos de audio en formato .OGG mientras que la gran mayoría los reproducirá en formato .MP3, asi que la solución sera programar dos versiones de audio por cada archivo de sonido.
Entrando un poquito mas en detalle el navegador web Safari no reconoce los archivos de audio con extensión.OGG, mientras que el navegador Opera 10 y anteriores solo trabajan con formato .WAV, y que podemos decir de Internet explorer que ni siquiera es compatible en lo mínimo con Html5.
Atributos de la etiqueta vídeo.-
+ autoplay.- Reproduce el vídeo en cuanto la pagina se cargue.
+ controls.- Muestra los controles de reproducción (play, pause, stop).
+ preload.- Inmediatamente comienza la carga en la web (valores.- none, auto, metadata).
+ src.- Ruta donde se encuentra el archivo de audio a reproducir.
Ejemplo para utilizar la etiqueta audio.-
< audio autoplay="autoplay" controls="controls">
< source src="archivo.ogg">
< source src="archivo.mp3">
< /audio>
Síguenos en.-
@programacionweb
Fan_Page
Rss
Otros articulos de tu interes.-
Te gusto el artículo? Puedes compartirlo en las siguientes redes sociales.