<audio>

<audio> es una etiqueta que sirve para añadir audios :) Entre video y audio, hoy es el día de las obviedades :) Veamos como funciona...

<audio src="audio/cancion.mp3" autoplay controls></audio>

Como ven, la etiqueta es practicamente igual que <video>. Esta vez hemos añadido solo el formato MP3 y le hemos puesto varios atributos, hay que decir que si usamos el atributo autoplay y preload en la misma etiqueta audio, se va a ignorar el preload, ya que al iniciar al instante el video, no habrá un preload antes de que comience como se busca con ese atributo :) Por eso en este caso solo ponemos autoplay.

En principio el formato MP3 es muy usado en muchos navegadores, compatibilidad total en los principales navegadores, pero por si acaso, aquí les muestro como hacerlo :)

<audio controls preload>

   <source src="horse.ogg" type="audio/ogg">

   <source src="horse.mp3" type="audio/mpeg">

   Tu navegador no es compatible con la etiqueta audio.

</audio>

Se me olvidó comentaros que en la etiqueta <audio> o <video> podemos poner un texto como el que veis arriba "Tu navegador no es compatible con la etiqueta audio" para que les aparezca a la personas que tengan un navegador no compatible.

Es muy sencillo como ya veis :) Venga, sigamos adelante a ver una nueva etiqueta ;)