Una de las cosas que ya está estandarizada en HTML5 es la reproducción de elementos de audio. Es decir, podemos poder música en la web de una forma estándar.
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="cancion"></audio>
Por lo tanto, si nuestra canción es «micancion.mp3» el código a utilizar será:
<audio src="micancion.mp3"></audio>
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,… Así, si queremos que el elemento de AUDIO venga con un reproductor deberemos de añadir el autributo controls.
<audio src="micancion.mp3" controls="controls"></audio>
Así ya tendremos el reproductor que nos permita poner la música en nuestra web con HTML5</a.
Los formatos que podemos reproducir mediante el elemento AUDIO de HTML5</a son:
- MPEG-1 audio layer 3, que son los más que de sobra conocidos como MP3 y extensión .mp3.
- Advanced Audio Coding, mejoraban la calidad de sonido de los MP3 y es un formato promovido por Apple. Su extensión es .acc. Este formato funciona bajo pantentes
- Vorbis, o conocido como Ogg Vorbis. Es un formato libre de patentes. La extensión que utilizan es .ogg