<audio>: Elemento AUDIO
Última atualização: 2026-10-13
<audio>Elemento AUDIO
Incorpora um player de áudio; frequentemente combinado com source para vários formatos e garantir compatibilidade.
| Categoria | Links e Mídia |
|---|---|
| Modelo de Conteúdo | Conteúdo incorporado |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </audio> tag |
| Status | Padrão |
📝 Sintaxe
<audio controls>conteúdo de áudio</audio>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
src | Audio file URL (for a single source; use source for multiple). | |
controls | Shows play/pause, volume and other controls. | |
autoplay | Starts playing on load (usually needs muted). | |
loop | Replays from the start when finished. | |
muted | Starts muted by default. | |
preload | Preload hint: none/metadata/auto. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <audio> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Adicione controls para mostrar a interface de reprodução; autoplay geralmente exige muted para funcionar (política do navegador).
❓ Perguntas Frequentes
QComo o audio se compatibiliza com vários formatos?
AColoque vários
<source>; o navegador escolhe o primeiro que conseguir reproduzir: <source src='a.ogg'><source src='a.mp3'>. Recomenda-se no mínimo mp3 (a maior compatibilidade) + ogg/opus (formatos abertos); se nenhum for suportado, aparece o texto de fallback dentro da tag.QPor que o autoplay do audio frequentemente não funciona?
AOs navegadores têm política de reprodução automática: mídia com som exige interação prévia do usuário com a página, senão é bloqueada. Saídas viáveis: reprodução automática silenciada (
autoplay muted) sempre passa; ou ouvir o primeiro evento de interação e só então chamar audio.play().QO que pode ser escrito dentro da tag audio?
AElementos source + conteúdo de fallback:
<audio controls><source src='a.mp3'>Seu navegador não suporta reprodução de áudio.</audio>. O texto de fallback aparece em ambientes sem suporte a audio; navegadores modernos quase nunca o exibem, mas mantê-lo é bom hábito.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
