Audio

En HTML, podemos incrustar contenido de audio y video directamente en las páginas web usando las etiquetas <audio> y <video>, respectivamente. Primero, discutamos cómo incrustar audio:

Incrustar Audio

La etiqueta <audio> incrusta contenido de audio en un documento HTML. Te permite reproducir archivos de audio directamente en el navegador.

Atributos de Audio

• controls: Añade controles de audio estándar, como reproducir, pausar y ajustar el volumen, al reproductor;
• autoplay: Especifica si el audio debe comenzar a reproducirse automáticamente cuando la página se carga;
• loop: Especifica si el audio debe reproducirse en bucle continuamente.

Ejemplo:

Es posible que hayas notado que solo hemos especificado las características del reproductor de audio, pero no hemos mencionado de dónde proviene el audio. Necesitamos la etiqueta <source>.

Fuente

La etiqueta <source> se utiliza dentro de la etiqueta <audio> para especificar la URL del archivo de audio y sus atributos. Podemos usar el atributo src para especificar la URL del archivo de audio y el atributo type para especificar el tipo MIME del archivo de audio.
Ejemplo:

En el ejemplo anterior:

• La etiqueta <audio> incluye atributos como controls, autoplay y loop;
• Las etiquetas <source> especifican las URLs de origen de los archivos de audio y sus tipos MIME;
• Si el navegador no soporta la etiqueta <audio> o los formatos de audio especificados, se muestra el texto alternativo Your browser does not support the audio element..

Tutorial en Video