Audio y formatos en HTML 5

Al igual que con el elemento videos, el audio puede presentarse en varios formatos y podemos especificarlo en la página para asegurar la compatibilidad con diferentes exploradores .

El componente <source> (un elemento dentro del contenedor de audio) permite indicar el archivo de sonido que se debe reproducir así como el formato. Cada explorador reproducirá el archivo compatible. Mira este ejemplo de código:

<audio autoplay>
  <source src="musica.mp3" type="audio/mpeg">
  <source src="musica.ogg" type="audio/ogg">
  <source src="musica.wav" type="audio/wav">
Este explorador no reconoce la etiqueta video.
</video>

Así de sencillo, son estos tres formatos aseguramos que cualquier explorador reproducirá nuestro archivo de audio. He aquí un resumen de los atributos que permite el elemento source

Nombre Valores Uso
src url la dirección web del archivo de audio
type

audio/ogg
audio/mpeg
audio/wav

Formato de audio usado, o sea, el tipo MIME de datos. El mpeg es para mp3

Al igual que ocurre con los videos, estos tipos MIME deben estar declarados en el servidor. Una forma es mediante un archivo .htaccess cuyo contenido sería de la forma

AddType audio/mpeg .mpeg

Aunque habitualmente los servidores tiene esta asociación en su configuración.

Y aquí una muestra


Con el código usado para este ejemplo

<audio controls>
<source src="imgs/Baby.mp3" type="audio/mp3">
Este explorador no reconoce el elemento audio
</audio>