Tag HTML <audio>
Aqui, falaremos sobre Tag Audio . Com a intenção de que atendesse aos requisitos educacionais.
A tag de áudio HTML é um elemento HTML usado para incorporar conteúdo de áudio, como música ou efeitos sonoros, em uma página da web. A tag de áudio é representada pela tag <audio> e pode ser usada para especificar vários atributos, como a origem do arquivo de áudio, o tipo do arquivo de áudio e se o áudio deve ser reproduzido automaticamente ou em loop.
O arquivo de som será reproduzido:
Example
Aqui está o exemplo básico da tag de áudio:
Example:
Benefícios de usar a tag HTML <audio>
Aqui estão alguns benefícios de usar a tag <audio> :
- A tag <audio> fornece uma experiência de áudio perfeita para os visitantes do site. Os visitantes podem ouvir o conteúdo de áudio diretamente na página, sem a necessidade de navegar para um reprodutor de áudio externo.
- A tag <audio> pode melhorar a acessibilidade para pessoas com deficiência visual ou dificuldade de leitura. O conteúdo de áudio pode fornecer uma forma alternativa de consumir conteúdo na página.
- A tag <audio> pode tornar o conteúdo mais envolvente, fornecendo uma maneira adicional de apresentar informações aos visitantes do site.
- Ao incorporar conteúdo de áudio em uma página, os proprietários de sites podem aumentar o tráfego e o engajamento em seus sites. É mais provável que os visitantes passem mais tempo em uma página com conteúdo de áudio do que em uma página sem ele.
- A tag <audio> pode melhorar a otimização do mecanismo de pesquisa (SEO), fornecendo aos mecanismos de pesquisa mais informações sobre o conteúdo da página. Os mecanismos de pesquisa podem indexar o conteúdo de áudio, o que pode ajudar a melhorar a visibilidade e a classificação da página nos resultados da pesquisa.
- A tag <audio> é suportada pela maioria dos navegadores modernos, tornando-a compatível em diferentes plataformas e dispositivos.
Usos e Definição
Utilizando Tag Audio <audio> , você pode incorporar música ou outros arquivos de áudio em um documento.
Pode conter várias tags < source > com diferentes fontes de áudio . Assim que o navegador detectar uma fonte compatível, ele a selecionará.
Somente navegadores incapazes de reconhecer o elemento de áudio exibirão o texto entre as tags <audio> e </audio> .
A partir de agora, o HTML suporta três tipos de formatos de áudio: MP3, WAV e OGG.
Formato de áudio e compatibilidade do navegador
| Navegador | MP3 | WAV | OGG |
|---|---|---|---|
| Borda / IE | SIM | NÃO | NÃO |
| cromada | SIM | SIM | SIM |
| Raposa de fogo | SIM | SIM | SIM |
| Safári | SIM | SIM | NÃO |
| Ópera | SIM | SIM | SIM |
Dicas e Notas
Compatibilidade do navegador
Se você observar os números da tabela, verá qual versão do navegador inicialmente oferece suporte completo para o elemento.
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <áudio> | 4.0 | 9,0 | 3.5 | 4.0 | 11.5 |
Atributos
| Atributo | Valor | Visão geral |
|---|---|---|
| controles | controles |
Fornece detalhes sobre como os controles de áudio devem aparecer. (por exemplo, o botão reproduzir/pausar) |
| Reprodução automática | Reprodução automática |
Declara que o áudio começará a ser reproduzido assim que for processado. |
| pré-carga | metadados automáticos nenhum |
Sempre que uma página começa a carregar, o autor determina se e como deve renderizar o áudio. |
| origem | URL |
Forneça o URL do arquivo de áudio |
| laço | laço |
Um método que inicia o áudio do zero após cada término da gravação. |
| mudo | mudo |
Cria a saída sem som para áudio. |
Atributos Globais
<audio> poderia utilizar os atributos globais do HTML com a tag Audio .
Atributos do Evento
<audio> poderia utilizar os atributos de evento do HTML com a tag Audio.
Páginas Relacionadas
Para melhor compreensão, dê uma olhada na referência HTML DOM: HTML Audio/Video DOM Reference
Configurações de CSS por padrão
Não há espaço para estilo CSS na tag de áudio.
