En HTML, es posible incrustar contenido de audio y video directamente en las páginas web utilizando las etiquetas <audio> y <video>, respectivamente. Primero, abordemos la inserción de audio:

Incrustar audio

La etiqueta <audio> inserta contenido de audio en un documento HTML. Permite reproducir archivos de audio directamente en el navegador.

Atributos de audio

• controls: Agrega controles estándar de audio, como reproducir, pausar y ajustar el volumen, al reproductor;
• autoplay: Especifica si el audio debe comenzar a reproducirse automáticamente al cargar la página;
• loop: Especifica si el audio debe reproducirse en bucle de forma continua.

Ejemplo:

<audio controls autoplay loop>
  <!-- Some other tags -->
</audio>

Puede 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 indicar la URL del archivo de audio y el atributo type para especificar el tipo MIME del archivo de audio.
Ejemplo:

<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>

En el ejemplo anterior:

• La etiqueta <audio> incluye atributos como controls, autoplay y loop;
• Las etiquetas <source> especifican las URL de origen de los archivos de audio y sus tipos MIME;
• Si el navegador no admite 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