Tecnología

Inicio

Cómo agregar un fondo HTML Código de Música

Cómo agregar un fondo HTML Código de Música


Varios métodos de incorporación de la música en una página web se han convertido en popular desde los primeros días de la World Wide Web. reproductores de audio en particular, la etiqueta de "inserción" en HTML, Java basado en y reproductores basados ​​en Flash son todas las opciones posibles para añadir música de fondo a una página Web, pero no hay una única solución ha sido universalmente aceptado o es totalmente compatible con todos los navegadores y plataformas . El nuevo estándar HTML5 incluye la etiqueta "audio", que se define específicamente para la reproducción de audio embebido.

Instrucciones

1 Agregue el código siguiente en cualquier parte del cuerpo del documento HTML para incrustar un archivo de música y reproducirlo de forma automática cuando un usuario navega su sitio web.

<Audio src = "música / file.mp3" reproducción automática = "reproducción automática"> </ audio>

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

2 Añadir el atributo "bucle" si desea que el archivo de música para reproducir una y otra vez:

<Audio src = "música / file.mp3" reproducción automática = "reproducción automática" loop = "bucle"> </ audio>

3 El uso de múltiples etiquetas "fuente" en lugar del atributo "src" de la etiqueta de "audio" si desea ofrecer el navegador del usuario una selección de múltiples formatos de archivo:

<Audio de reproducción automática de bucle = "reproducción automática" = "bucle">
<Fuente src = tipo de "música / MP3file.mp3" = "audio / mpeg">
<Fuente src = "/ OGGfile.ogg música" type = "audio / ogg">
</ Audio>

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

4 Nido de la etiqueta "embed" dentro de la etiqueta "audio" para proporcionar apoyo a los navegadores antiguos que carecen de soporte HTML5. Tenga en cuenta que es obsoleto este uso de la etiqueta "embed" (lo que significa que ya no es necesario estar oficialmente soportado), por lo que sólo experimentar con esta técnica si usted sospecha que sus usuarios van a utilizar los navegadores Web obsoletos. Aquí hay un ejemplo:

<Audio src = "música / file.mp3" reproducción automática = "reproducción automática">
<Src = autostart = "true" bucle incrustar "música / file.mp3" = "true" hidden = "true" />
</ Audio>

Consejos y advertencias

  • Considere agregar el atributo "controles" a la etiqueta "audio" para permitir al usuario detener la música y cambiar el volumen. Además, tenga en cuenta que no utilizan el atributo de "reproducción automática" a menos que haya una buena razón para este comportamiento del navegador. Muchos usuarios encuentran la música de fondo incrustado que juega de forma inesperada sin su permiso molesto y dejará su sitio web inmediatamente.

Artículos relacionados