Summary  
This chapter explains how to use the HTML <audio> element with nested <source> tags and attributes like controls, autoplay, and loop to embed audio files and provide fallback text.  

General domain of usage  
Multimedia websites

O HTML permite adicionar áudio diretamente a uma página da web usando a tag `<audio>`.

## Incorporando Áudio
A tag `<audio>` exibe um reprodutor de áudio no navegador.

### Atributos Úteis de Áudio
- `controls`: exibe opções de reprodução, pausa, volume, etc;
- `autoplay`: inicia a reprodução automaticamente;
- `loop`: repete o áudio continuamente
```html
<audio controls autoplay loop>
  
</audio>
```

## Adicionando a Fonte de Áudio
A tag `<source>` dentro de `<audio>` informa ao navegador onde o arquivo de áudio está localizado e qual é o seu formato.
```html
<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>
```



- `<audio>` define o player e seu comportamento;
- `<source>` fornece URLs e formatos de arquivos de áudio;
- O texto alternativo aparece se o navegador não conseguir reproduzir o áudio.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF1ZGlvPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxhdWRpbyBjb250cm9scyBsb29wPgogICAgICA8c291cmNlCiAgICAgICAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzLzM5MmYyNGFjLTAxMjYtNGMzNC1hMjhhLWYyZjI2ZDEyMTk2Yi9zZWN0aW9uLTMvaW4tdGhlLWZvcmVzdC1hdWRpby1leGFtcGxlLm1wMyIKICAgICAgICB0eXBlPSJhdWRpby9tcGVnIgogICAgICAvPgogICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgYXVkaW8gZWxlbWVudC4KICAgIDwvYXVkaW8+CiAgPC9ib2R5Pgo8L2h0bWw+

Formatos de áudio comuns: MP3, Ogg, WAV. Utilizar mais de um formato aumenta a compatibilidade entre navegadores.

Nota

Qual tag é usada para incorporar conteúdo de áudio em um documento HTML?

Por que é recomendado fornecer o áudio em vários formatos?

Domine os fundamentos do HTML para criar conteúdos web bem estruturados e acessíveis. Aprenda a estruturar documentos utilizando tags, elementos e atributos. Trabalhe com confiança com textos, listas, imagens, áudio e vídeo para enriquecer páginas web. Crie tabelas para organizar dados e formulários para entrada e interação do usuário. Descubra o HTML semântico para aprimorar a acessibilidade e construa estruturas completas e funcionais de sites desde o início.

Obtenha uma introdução à web e ao HTML, incluindo a importância de tags, elementos e atributos. Conheça a estrutura básica de um documento HTML e um breve histórico da web.

Domine os conceitos essenciais da marcação HTML, com foco em formatação especial de texto e listas, compreendendo sua importância na estruturação do conteúdo em um documento HTML. Aprofunde-se nas particularidades da estrutura do documento HTML enquanto aprimora técnicas de marcação de texto.

Desbloqueie o potencial do conteúdo visual e auditivo no desenvolvimento web ao aprender a integrar de forma eficiente imagens, vídeos e elementos de áudio em documentos HTML. Explore as nuances da incorporação de diversos formatos de mídia.

Navegue pelas complexidades da apresentação de dados e interação do usuário com uma cobertura abrangente de tabelas e formulários em HTML, incluindo estruturas de tabelas, criação de formulários e elementos de entrada. Adquira proficiência na implementação de elementos de entrada de formulários e no uso de atributos para funcionalidade aprimorada.

Aprimore suas habilidades em HTML explorando elementos semânticos, permitindo a criação de conteúdo web bem estruturado e acessível. Inicie a construção do seu primeiro site, aplicando o conhecimento adquirido para concretizar suas ideias.

Inserção de Arquivos de Áudio em HTML

Incorporando Áudio

Atributos Úteis de Áudio

Adicionando a Fonte de Áudio

1. Qual tag é usada para incorporar conteúdo de áudio em um documento HTML?