Poner música en tu web con HTML5

Una de las cosas que ya está estandarizada en HTML5 es la reproducción de elementos de audio. Es decir, podemos poner música en la web de una forma estándar.

El elemento AUDIO

Para poder poner música en las webs, HTML5 ha estandarizado el elemento AUDIO. Así que, lo que tendremos que hacer, para poner un archivo de música será insertar la siguiente etiqueta:

<audio src="[micancion.mp](http://micancion.mp/)3"></audio>

Por lo tanto, si nuestra canción es micancion.mp3 el código a utilizar será:

<audio src="[micancion.mp](http://micancion.mp/)3"></audio>

Añadir controles al reproductor

Si escribimos solamente este código no llegaremos muy lejos ya que, por defecto, el elemento de audio no se muestra. Por lo tanto no podremos utilizar los botones de play, stop, pause, etc.

Así, si queremos que el elemento de AUDIO venga con un reproductor deberemos de añadir el atributo controls:

<audio src="[micancion.mp](http://micancion.mp/)3" controls></audio>

Así ya tendremos el reproductor que nos permita poner la música en nuestra web con HTML5.

Formatos de audio soportados

Los formatos que podemos reproducir mediante el elemento AUDIO de HTML5:

• MPEG-1 audio layer 3, que son los más que de sobra conocidos como MP3 y extensión .mp3.
• Advanced Audio Coding, mejoraba la calidad de sonido de los MP3 y es un formato promovido por Apple. Su extensión es .acc. Este formato funciona bajo patentes.
• Vorbis, o conocido como Ogg Vorbis. Es un formato libre de patentes. La extensión que utilizan es .ogg