Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Incorporação de Arquivos de Áudio em HTML | Imagens e Mídia
Fundamentos de HTML

bookIncorporaçã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 como controls, autoplay e loop;
  • 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 alternativo Your browser does not support the audio element. será exibido.
index.html

index.html

copy

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?

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

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

Suggested prompts:

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

bookIncorporaçã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 como controls, autoplay e loop;
  • 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 alternativo Your browser does not support the audio element. será exibido.
index.html

index.html

copy

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?

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 3
some-alt