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
,autoplay
eloop
; - 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
,autoplay
eloop
; - 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!