Tag de áudio em html | Explicado

HTML5 fornece uma tag para adicionar arquivos de áudio aos sites. Adicionar multimídia a qualquer site é uma maneira notável de atrair o público e o uso apropriado de arquivos de áudio em qualquer site leva a uma melhor experiência na web. Com a ajuda de elementos multimídia como e, podemos adicionar sons e visuais a qualquer site e podemos tocá-los facilmente sem complementos. Usando tag, podemos incorporar um arquivo de áudio em nossos sites em vários formatos i.e. mp3, wav, ogg.

Você está disposto a aprender como a tag funciona, se sim, então você precisa entender os seguintes aspectos da tag html:

• A sintaxe básica da tag
• Atributos da tag
• Formatos de áudio comumente usados
• Suporte do navegador para tag
• Como usar a tag

Vamos começar!

Sintaxe

O trecho-ridículo abaixo mostra a sintaxe básica da tag:

• SRC e Type são atributos de tag, vamos aprender sobre eles na seção Atributos.
• Aqui, um ponto -chave a entender é tudo o que escrevemos dentro das tags iniciais e finais serão exibidas apenas se o navegador não suportar o arquivo de áudio

Atributos

Existem alguns atributos que podem ser usados ​​na tag, conforme listado abaixo:

• controles: Como o próprio nome sugere, ele nos permite controlar o arquivo de áudio i.e. Ele especifica quais controles devem ser visíveis para o usuário e.g. brincar, pausa, mudo, etc.
• SRC: determina o endereço do arquivo de áudio.
• laço: Permite a estrutura de loop i.e. Os arquivos de áudio serão reproduzidos repetidamente.
• silenciado: determina se o arquivo de áudio será silenciado
• pré -carga: Ele determina a visão do autor sobre como o arquivo de áudio será carregado quando a página da web carregar
• Reprodução automática: Ele determina que o arquivo será reproduzido instantaneamente

Formatos

A tag é uma tag moderna introduzida no HTML5, atualmente, suporta três formatos de arquivo i.e. "Mp3", "Wav", "Ogg".

Suporte do navegador

A seguir, a lista de navegadores para os vários formatos de arquivo de áudio:

• Chrome, Microsoft Edge, Opera e Mozilla Firefox suportam todos os três formatos I.e. mp3, wav, ogg.
• Internet Explorer suporta apenas formato mp3
• Safari suporta formatos WAV e MP3

Como usar a tag

Considere o snippet de código abaixo para entender como usar a tag para incorporar um arquivo de áudio a uma página da web:

Tag de áudio

Arquivo não suportado

Este código executa as seguintes funcionalidades:

• Adicionamos o atributo "controles" na tag para que um usuário possa controlar o arquivo em termos de reprodução/pausa, mudo/atividade etc.
• Tag nos ajude a especificar os vários arquivos.

A seguir, será a saída para o trecho de código acima:

Vários formatos de arquivo podem ser especificados na tag nesse caso, o navegador reproduzirá a primeira fonte reconhecida.

Vamos modificar um pouco o exemplo e adicionar o atributo "silenciado" na tag

Tag de áudio

Arquivo não suportado

Agora, quando executamos o código, inicialmente o arquivo será silenciado:

Da mesma forma, você pode usar o AutoPlay, Loop ou qualquer outro atributo de acordo com sua necessidade.

Conclusão

A tag de áudio pode ser usada para adicionar um arquivo de áudio a qualquer documento/site, diferentes atributos podem ser usados ​​na tag de áudio para executar diferentes funcionalidades. Se especificarmos os endereços de mais de um arquivo de áudio, o navegador anexará o primeiro arquivo ao documento. Este artigo demonstra o que é tag html e como usar a tag. Além disso, fornece uma explicação detalhada dos formatos de arquivo de áudio disponíveis e navegadores suportados.