Aprenda Inserção de Arquivos de Áudio em HTML

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

<audio controls autoplay loop>
  <!-- Source goes here -->
</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.

<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.

index.html

Nota

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

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

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

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 3. Capítulo 3

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain more about the different audio formats supported by browsers?

How do I add multiple audio sources for better compatibility?

What happens if the browser doesn't support the audio element?

Awesome!

Completion rate improved to 2.86

Deslize para mostrar o menu