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

Varios métodos de incrustar 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 "incrustar" en HTML, los reproductores de audio basados ​​en Java y los reproductores basados ​​en Flash son opciones posibles para agregar música de fondo a una página web, pero ninguna solución ha sido adoptada universalmente o es totalmente compatible con todos los navegadores y plataformas. . El estándar HTML5 más reciente incluye la etiqueta "audio", que se define específicamente para la reproducción de audio incrustado.

Paso 1

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

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

Paso 2

Agregue el atributo "bucle" si desea que el archivo de música se reproduzca una y otra vez:

Paso 3

Utilice varias etiquetas de "fuente" en lugar del atributo "src" de la etiqueta de "audio" si desea ofrecer al navegador del usuario la opción de varios formatos de archivo:

En este ejemplo, el navegador del usuario decidirá si reproducir el archivo MP3 o el archivo OGG. Esta técnica puede resultar útil para orientar dispositivos móviles que solo pueden reproducir determinados formatos de audio.

Paso 4

Anide la etiqueta "incrustar" dentro de la etiqueta "audio" para proporcionar soporte para navegadores más antiguos que no son compatibles con HTML5. Tenga en cuenta que este uso de la etiqueta "incrustar" está en desuso (lo que significa que ya no se requiere oficialmente que sea compatible), así que solo experimente con esta técnica si sospecha que sus usuarios usarán navegadores web obsoletos. Aquí hay un ejemplo:

Consejo

Considere agregar el atributo "controles" a la etiqueta "audio" para permitir que el usuario detenga la música y cambie el volumen. Además, considere no usar el atributo de "reproducción automática" a menos que haya una buena razón para este comportamiento del navegador. Muchos usuarios encuentran molesta la música de fondo incrustada que se reproduce inesperadamente sin su permiso y abandonarán su sitio web de inmediato.