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

click fraud protection
...

Agregue música de fondo a su sitio web para que los usuarios la disfruten mientras navegan.

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 todas 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 nuevo 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.

Video del día

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

Paso 2

Agregue el atributo "loop" 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 "audio" si desea ofrecer al navegador del usuario una 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 apuntar a dispositivos móviles que solo pueden reproducir determinados formatos de audio.

Etapa 4

Inserte la etiqueta "incrustar" dentro de la etiqueta "audio" para brindar compatibilidad con los navegadores más antiguos que carecen de compatibilidad con HTML5. Tenga en cuenta que este uso de la etiqueta "embed" está obsoleto (lo que significa que ya no se requiere oficialmente compatible), por lo que solo experimente con esta técnica si sospecha que sus usuarios usarán Web desactualizados navegadores. Aquí hay un ejemplo:

Propina

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 utilizar el atributo "reproducción automática" a menos que exista 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 que abandonará su sitio web de inmediato.