¿Cómo agregar música en HTML? Al editar una página web, HTML nos permite crear toda la configuración necesaria para determinar lo que aparecerá en dicha página.
Es por esto que a continuación hablaremos de la forma en que podemos agregar audio en HTML para que aparezca en la página web que se publicará en la red.
Así que prestemos atención a lo que se necesita para esto.
Abrir el archivo HTML con la estructura básica
Lo primero que debemos hacer es crear o abrir el archivo HTML para agregar el audio, y esto se hará colocando lo siguiente:
Se debe colocar “control” a la etiqueta de audio para conseguir las opciones de (reproducir, pausar, volumen y las demás funciones del audio)
Ejemplo:
<audio control>
Seguidamente en la etiqueta source debemos colocar el audio que se va a reproducir y el tipo de formato.
Ejemplo:
<source src=”electrónica.mp3” type=”audio/mp3”>
A continuación se debe agregar un mensaje que sirve para indicar los casos en los cuales el ordenador no permite la configuración del audio HTML.
Ejemplo:
Tu navegador no soporta audio HTML5
Y listo, este es todo el procedimiento que debemos llevar a cabo para agregar música en HTML.
¿Se puede agregar más de una etiqueta sources?
Si se puede, y esto se hace justamente para agregar todos los formatos posiblemente soportados en HTML.
Ejemplo:
< audio control >
<source src=”electrónica.mp3” type=”audio/mp3”>
<source src=”electrónica.ogg” type=”audio/ogg”>
<source src=”electrónica.wav” type=”audio/wav”>
Y listo. Ahora bien, también te estarás preguntando ¿cuáles son los audios soportados para esta acción? Y esto lo responderemos a continuación.
Formatos soportados por HTML
Los tres que mencionaremos a continuación son los que no tendrán problema alguno en HTML para la reproducción de audio:
- Mp3.
- Ogg.
- Wav.
Esta es la manera de agregar música en HTML de una forma muy sencilla, por lo que las páginas web tienen acceso a lograr música en su plataforma solo si lo configuramos de esta manera.
Es importante priorizar que el audio que se quiera agregar a esta ocasión esté en los formatos que hemos mencionado, y si no es así, se debe buscar la manera de transformarlo para que pueda ser editado en HTML.
Lo mejor es seguir la indicación sobre los tipos de formatos que soporta HTML, para de esta manera no tener problema alguno sobre la configuración de la página web.
Lo ideal es configurar e ir viendo la página para saber si efectivamente ha quedado perfecta la configuración del audio, de no ser así entonces el procedimiento deberá hacerse de nuevo o buscar el error que existe en dicha configuración.
Por lo demás, observamos que es un procedimiento realmente fácil y rápido de ejecutar, solo es cuestión de prestar atención a los códigos que se deben colocar en cada etiqueta y listo. Es muy importante que se coloquen las comillas y los puntos donde van.
Debemos tomar en cuenta que hablamos de configuración en códigos, por lo que todo debe estar muy bien escrito de forma detallada para de esta manera lograr un excelente resultado.