Incorporação de Arquivos de Áudio em HTML
Em HTML, é possível incorporar conteúdo de áudio e vídeo diretamente nas páginas da web utilizando as tags <audio> e <video>, respectivamente. Vamos abordar primeiro a incorporação de áudio:
Incorporação de Áudio
A tag <audio> incorpora conteúdo de áudio em um documento HTML. Ela permite a reprodução de arquivos de áudio diretamente no navegador.
Atributos de Áudio
controls: Adiciona controles padrão de áudio, como reproduzir, pausar e ajuste de volume, ao player;autoplay: Especifica se o áudio deve começar a tocar automaticamente quando a página for carregada;loop: Especifica se o áudio deve ser reproduzido continuamente em loop.
Exemplo:
<audio controls autoplay loop>
<!-- Some other tags -->
</audio>
Você pode ter notado que apenas especificamos as características do player de áudio, mas não mencionamos de onde o áudio está vindo. Precisamos da tag <source>.
Fonte
A tag <source> é utilizada dentro da tag <audio> para especificar a URL do arquivo de áudio e seus atributos. Podemos usar o atributo src para indicar a URL do arquivo de áudio e o atributo type para especificar o tipo MIME do arquivo de áudio.
Exemplo:
<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>
No exemplo acima:
- A tag
<audio>inclui atributos comocontrols,autoplayeloop; - As tags
<source>especificam as URLs de origem dos arquivos de áudio e seus tipos MIME; - Se o navegador não suportar a tag
<audio>ou os formatos de áudio especificados, o texto alternativoYour browser does not support the audio element.será exibido.
index.html
Tutorial em Vídeo
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?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you explain how to embed video using the `<video>` tag?
What are the differences between the `<audio>` and `<video>` tags?
Can you show more examples of using the `<audio>` tag with different attributes?
Awesome!
Completion rate improved to 3.13
Incorporação de Arquivos de Áudio em HTML
Deslize para mostrar o menu
Em HTML, é possível incorporar conteúdo de áudio e vídeo diretamente nas páginas da web utilizando as tags <audio> e <video>, respectivamente. Vamos abordar primeiro a incorporação de áudio:
Incorporação de Áudio
A tag <audio> incorpora conteúdo de áudio em um documento HTML. Ela permite a reprodução de arquivos de áudio diretamente no navegador.
Atributos de Áudio
controls: Adiciona controles padrão de áudio, como reproduzir, pausar e ajuste de volume, ao player;autoplay: Especifica se o áudio deve começar a tocar automaticamente quando a página for carregada;loop: Especifica se o áudio deve ser reproduzido continuamente em loop.
Exemplo:
<audio controls autoplay loop>
<!-- Some other tags -->
</audio>
Você pode ter notado que apenas especificamos as características do player de áudio, mas não mencionamos de onde o áudio está vindo. Precisamos da tag <source>.
Fonte
A tag <source> é utilizada dentro da tag <audio> para especificar a URL do arquivo de áudio e seus atributos. Podemos usar o atributo src para indicar a URL do arquivo de áudio e o atributo type para especificar o tipo MIME do arquivo de áudio.
Exemplo:
<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>
No exemplo acima:
- A tag
<audio>inclui atributos comocontrols,autoplayeloop; - As tags
<source>especificam as URLs de origem dos arquivos de áudio e seus tipos MIME; - Se o navegador não suportar a tag
<audio>ou os formatos de áudio especificados, o texto alternativoYour browser does not support the audio element.será exibido.
index.html
Tutorial em Vídeo
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?
Obrigado pelo seu feedback!