Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Incorporação de Áudio e Vídeo para Conteúdo Multimídia Avançado | Trabalhando com Mídia e Tabelas
HTML Definitivo
course content

Conteúdo do Curso

HTML Definitivo

HTML Definitivo

1. Compreendendo o Desenvolvimento Web
2. Tags e Atributos HTML
3. Estrutura do Documento HTML
4. Trabalhando com Mídia e Tabelas

book
Incorporação de Áudio e Vídeo para Conteúdo Multimídia Avançado

Incorporação de Áudio

É possível utilizar o elemento <audio> para incluir arquivos de áudio em uma página web. Veja o exemplo a seguir:

html

index.html

copy

Neste exemplo:

  • O elemento <audio> contém um elemento <source>, que especifica a URL e o tipo de arquivo de áudio. Os formatos mais comumente suportados são MP3 e OGG;
  • O atributo controls exibe controles padrão de reprodução, como reproduzir, pausar e ajustar o volume;
  • Caso o navegador do usuário não ofereça suporte ao elemento de áudio, será exibida uma mensagem alternativa.

Atributos adicionais comumente usados com o elemento de áudio HTML incluem:

  • autoplay: inicia a reprodução do arquivo de áudio assim que a página é carregada;
  • loop: faz com que o arquivo de áudio seja reproduzido continuamente em loop;
  • muted: silencia o áudio por padrão;
  • volume: especifica o nível de volume padrão para o arquivo de áudio, variando de 0.0 (mudo) a 1.0 (volume máximo).

Veja um exemplo demonstrando o uso de todos esses atributos:

html

index.html

copy

Incorporação de Vídeo

É possível incorporar arquivos de vídeo em uma página web utilizando o elemento <video>. Considere o exemplo a seguir:

html

index.html

copy

Neste exemplo:

  • O elemento <video> contém um elemento <source>, que especifica a URL e o tipo de arquivo do vídeo. Os formatos comumente suportados são WebM, MP4 e OGG;
  • O atributo controls exibe controles padrão de reprodução;
  • Caso o navegador do usuário não ofereça suporte ao elemento de vídeo, será exibida uma mensagem alternativa.

Atributos comumente usados para o elemento de vídeo HTML incluem:

  • autoplay: inicia a reprodução do arquivo de vídeo assim que a página é carregada;
  • loop: faz com que o arquivo de vídeo seja reproduzido continuamente em loop;
  • muted: silencia o áudio por padrão;
  • volume: especifica o nível de volume padrão para o arquivo de áudio, variando de 0.0 (mudo) a 1.0 (volume máximo);
  • poster: especifica a URL de uma imagem a ser exibida como miniatura do vídeo antes da reprodução;
  • width e height: especifica a largura e a altura do player de vídeo em pixels.

Veja um exemplo demonstrando o uso de todos esses atributos:

html

index.html

copy

Nota

Além disso, existem muitas bibliotecas JavaScript e APIs disponíveis que fornecem funcionalidades adicionais para reprodução e manipulação de conteúdo de vídeo na web.

question mark

Qual das seguintes afirmações sobre os elementos <audio> e <video> em HTML é verdadeira?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 5
Sentimos muito que algo saiu errado. O que aconteceu?
some-alt