Artículos
HTML5

Música infinita en tu web con HTML5

20/May/2012

Ya hemos visto como Poner música en tu web con HTML5 de una forma sencilla manejando el elemento AUDIO. Ahora vamos a dar un pequeño paso más y es que vamos a poner música infinita en tu web con HTML5. Es decir, la canción que pongamos de fondo sonará una y otra vez de forma infinita.

Lo primero poner el audio en HTML5:

<audio src="micancion.mp3"></audio>

Lo bueno de la etiqueta AUDIO es que, por defecto, no nos muestra un panel con controles de reproducción. Lo cual hará que sea perfecto para poner nuestra música de fondo. Pero claro, deberemos de iniciar la canción. Para ello vamos a utilizar el primer atributo que es autoplay. Al atributo autoplay del AUDIO le daremos un valor true.

<audio src="micancion.mp3" autoplay="autoplay"></audio>

Ahora que ya tenemos la canción sonando de fondo vamos a conseguir que la música suene de forma infinita. En este caso usaremos el atributo loop. Al cual volveremos a dar nuevamente un valor de true.

<audio src="micancion.mp3" autoplay="autoplay" loop="loop"></audio>

Esta simple línea de código en HTML5 nos permite poner música infinita en tu web con HTML5.

Vídeos sobre HTML5

Disfruta también de nuestros artículos sobre HTML5 en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML5

¿Te atreves a probar tus habilidades y conocimiento en HTML5 con nuestro test?

Test HTML5
Suscribir
Notificar de
guest
39 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios