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.