Áudio

No HTML, podemos incorporar conteúdo de áudio e vídeo diretamente nas páginas da web usando as tags <audio> e <video>, respectivamente. Vamos discutir a incorporação de áudio primeiro:

Incorporando Áudio

A tag <audio> incorpora conteúdo de áudio em um documento HTML. Ela permite que você reproduza arquivos de áudio diretamente no navegador.

Atributos de Áudio

• controls: Adiciona controles de áudio padrão, como reproduzir, pausar e ajustar o volume, ao player;
• autoplay: Especifica se o áudio deve começar a tocar automaticamente quando a página carrega;
• loop: Especifica se o áudio deve ser reproduzido em loop continuamente.

Exemplo:

Você pode ter notado que apenas especificamos as características do player de áudio, mas não mencionamos de onde o áudio está vindo. Precisamos da tag <source>.

Fonte

A tag <source> é usada dentro da tag <audio> para especificar a URL do arquivo de áudio e seus atributos. Podemos usar o atributo src para especificar a URL do arquivo de áudio e o atributo type para especificar o tipo MIME do arquivo de áudio.
Exemplo:

No exemplo acima:

• A tag <audio> inclui atributos como controls, autoplay e loop;
• As tags <source> especificam as URLs de origem dos arquivos de áudio e seus tipos MIME;
• Se o navegador não suportar a tag <audio> ou os formatos de áudio especificados, o texto alternativo Your browser does not support the audio element. é exibido.

Tutorial em Vídeo