ubiquitour.com

Cómo agregar un código HTML música de fondo

Cómo agregar un código HTML música de fondo

Diversos métodos de incorporar música en una página Web se han vuelto populares desde los primeros días de la World Wide Web. En particular, la etiqueta "embed" en HTML, reproductores de audio basado en Java y reproductores basados en Flash son todas las posibles opciones para añadir música de fondo a una página Web, pero nadie ha sido universalmente adoptada o es totalmente compatible con todos los navegadores y plataformas. El más reciente estándar de HTML5 incluye la etiqueta "audio", que se define específicamente para la reproducción de audio embebida.

Instrucciones

1 Agregue el código siguiente en cualquier parte del cuerpo del documento HTML para incrustar un archivo de música y reproducirla automáticamente cuando un visitante navega por su sitio de Internet.

< src="music/file.mp3 audio" autoplay = "autoplay" >< / audio >

Cambiar el atributo "src" para que contenga la ruta y el nombre del archivo de música que desea incrustar.

2 Agregue el atributo de "bucle" Si desea que el archivo de música para jugar una y otra vez:

< src="music/file.mp3 audio" autoplay = "autoplay" loop = "loop" >< / audio >

3 Utilizar varias etiquetas de «código» en lugar del atributo "src" de la etiqueta "audio" Si desea ofrecer el navegador del usuario una opción de múltiples formatos de archivo:

< audio autoplay = "autoplay" loop = "loop" >< src="music/MP3file.mp3 de la fuente" tipo = "audio/mpeg" >< src="music/OGGfile.ogg de la fuente" tipo = "audio/ogg" >< / audio >

En este ejemplo, el navegador del usuario decidirá si desea reproducir el archivo MP3 o OGG. Esta técnica puede ser útil para dirigidos a dispositivos móviles que sólo pueden reproducir ciertos formatos de audio.

4 Anide la etiqueta "embed" en la etiqueta "audio" para proporcionar soporte para navegadores antiguos que carecen de soporte de HTML5. Nota que este uso de la etiqueta "embed" es obsoleto (es decir, que oficialmente ya no es necesario ser apoyado), tan sólo experimento con esta técnica Si se sospecha que los usuarios a usar navegadores anticuados. Aquí está un ejemplo:

< src="music/file.mp3 audio" autoplay = "autoplay" >< embed src="music/file.mp3" autostart = "true" loop = "true" oculto = "true" / >< / audio >

Consejos y advertencias

  • Considere agregar el atributo de "controles" a la etiqueta "audio" para permitir al usuario detener la música y cambiar el volumen. Además, puede no utilizar el atributo de "reproducción automática" a menos que haya una buena razón para este comportamiento del navegador. Muchos usuarios encuentran incrustados música de fondo que inesperadamente sin su permiso molesto y dejarán su sitio de Internet inmediatamente.