Trucos para el blog (3)

Incluir una canción en el blog

Para insertar un audio en HTML5 debes incluir este código en tu página:

<audio controls>
<source src="URL del archivo mp3" type="audio/mpeg">
<source src="URL del archivo ogg" type="audio/ogg">
¡Hola usuario de Internet Explorer!, ¿qué crees? aquí se está reproduciendo una canción increíble, pero no puedes oirla porque tu navegador es antiguo :(
</audio>

En rojo lo que tienes que cambiar tú. El hecho de tener que ponerlo en dos formatos es para que puedan verlo distintos navegadores ya que hay alguno que no abre archivos mp4.

Los atributos del elemento AUDIO y VIDEO son: controls, autoplay, loop, muted, y preload

• controls permite que se muestren los controles y el reproductor en sí.
• autoplay hace que el archivo se reproduzca al cargar la página.
• loop reproducirá el archivo una y otra vez.
• muted quitará el audio del archivo.
• preload define si el reproductor se debe cargar cuando se cargue la página.

Acuerdate que para centrar la barra de audio tienes que poner antes del código la etiqueta:

<div style="text-align: center;">      y no te olvides de cerrarla con      </div>

En el presente caso hemos incluido el siguiente código:

<div style="text-align: center;">

<audio controls>
<source src="https://sites.google.com/site/marinovassite/home/Katie%20Melua-Halfway%20Up%20The%20Hindu%20Kush.mp3" type="audio/mpeg">
<source src="URL del archivo ogg" type="audio/ogg">
¡Hola usuario de Internet Explorer!, ¿qué crees? aquí se está reproduciendo una canción increíble, pero no puedes oirla porque tu navegador es antiguo :(
</audio>

</div>