Áudio HTML
O elemento HTML <audio>é usado para reproduzir um arquivo de áudio em uma página da web.
O elemento HTML <audio>
Para reproduzir um arquivo de áudio em HTML, use o <audio>elemento:
Exemplo
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Áudio HTML - Como funciona
O controlsatributo adiciona controles de áudio, como reproduzir, pausar e volume.
O <source>elemento permite especificar arquivos de áudio alternativos que o navegador pode escolher. O navegador usará o primeiro formato reconhecido.
O texto entre as tags <audio>e </audio>só será exibido em navegadores que não suportam o <audio>elemento.
HTML <áudio> Reprodução automática
Para iniciar um arquivo de áudio automaticamente, use o autoplayatributo:
Exemplo
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Observação: os navegadores Chromium não permitem reprodução automática na maioria dos casos. No entanto, a reprodução automática sem som é sempre permitida.
Adicione muteddepois
autoplaypara permitir que seu arquivo de áudio comece a ser reproduzido automaticamente (mas silenciado):
Exemplo
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o
<audio>elemento.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Formatos de áudio HTML
Existem três formatos de áudio suportados: MP3, WAV e OGG. O suporte do navegador para os diferentes formatos é:
| Browser | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | YES | YES* | YES* |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
*A partir da borda 79
Áudio HTML - Tipos de mídia
| File Format | Media Type |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
Áudio HTML - Métodos, Propriedades e Eventos
O HTML DOM define métodos, propriedades e eventos para o <audio>elemento.
Isso permite carregar, reproduzir e pausar áudios, bem como definir a duração e o volume.
Há também eventos DOM que podem notificá-lo quando um áudio começa a tocar, é pausado, etc.
Para obter uma referência completa do DOM, acesse nossa Referência do DOM de áudio/vídeo HTML .
Tags de áudio HTML
| Tag | Description |
|---|---|
| <audio> | Defines sound content |
| <source> | Defines multiple media resources for media elements, such as <video> and <audio> |