HTML5 – Control audio

El estándar HTML5 incluye un nuevo control audio que permite reproducir en una página web un archivo de audio.

Los formatos de audio disponibles son: MP3, Wav y Ogg, aunque no hay ningun browser que soporte los tres tipos de archivo.

Por ejemplo el formato Wav es soportado únicamente por Internet Explorer, desde la versiòn 9 en adelante.

Atributos

Veamos cuales son los atributos previstos por el estándard:

src

Especifica el archivo de audio que se quiere cargar.

autoplay

Indica que el archivo empieza a sonar ni bien es cargado por la página

autobuffer

Este atributo permite cargar en modo oculto (en background) el archivo de audio, en modo que
cuando el usuario presiona el botòn “play” la ejecuciòn sea más rápida. Básicamente realiza una pre-carga del archivo de audio.
Funciona solamente en el caso de que el atributo autoplay no sea presente.

loop

El archivo de audio recomienza indefinidamente cada vez que termina de sonar

controls

Visualiza los controles de audio (empezar, pausa, etc.)

Sintaxis

La sintaxis de este tag es muy simple:

<audio src="miArchivoAudio.mp3" controls autoplay>
   Su navegador no soporta el elemento audio
</audio>

En este caso inclumos un archivo de tipo mp3, indicando que se deben ver los controles para el audio y debe comenzar automáticamente.

Soporte

No todos los navegadores incluyen completamente esta funcionalidad, pero existen librerias como Modernizr que permiten chequear y eventualmente manejar la compatibilidad a nivel del navegador.

Existen tambien páginas como esta permite controlar qué navegadores soportan HTML5 en general y el tag audio en particular.

Bookmark and Share
Fernando Arturi www.arturi.eu. Varese, Italia