Mídia HTML

O multimídia na web se refere a efeitos sonoros, música, vídeo e animação.

Os navegadores da web modernos já suportam muitos formatos multimídia.

O que é multimídia?

O multimídia vem em muitos formatos diferentes. Pode ser qualquer conteúdo que você ouve ou vê, como texto, imagens, música, efeitos sonoros, gravações, filmes, animações etc.

Na Internet, você encontrará frequentemente elementos multimídia incorporados em páginas da web, e os navegadores modernos já suportam muitos formatos multimídia.

Neste tutorial, você aprenderá sobre diferentes formatos multimídia e como usá-los em suas páginas da web.

Suporte do navegador

O primeiro navegador da Internet suportava apenas texto, e até mesmo o suporte ao texto era limitado a um único tipo de letra e uma única cor. Posteriormente, navegadores que suportavam cores, tipos de letra e estilos de texto foram lançados, e o suporte a imagens também foi adicionado.

Os navegadores lidam de diferentes maneiras com o suporte a efeitos sonoros, animações e vídeos. Alguns elementos podem ser manipulados de maneira inline, enquanto outros precisam de plug-ins adicionais.

Você aprenderá mais sobre plug-ins nas seções a seguir.

Formato multimídia

Os elementos multimídia (como vídeos e áudio) são armazenados em arquivos de mídia.

A maneira mais comum de determinar o tipo de mídia é verificar a extensão do arquivo. Quando o navegador obtém a extensão .htm ou .html, ele assume que o arquivo é uma página HTML. A extensão .xml indica um arquivo XML, enquanto a extensão .css indica uma folha de estilo. Os formatos de imagem são identificados por .gif ou .jpg.

Os elementos multimídia também possuem formatos de arquivo com diferentes extensões, como .swf, .wmv, .mp3 e .mp4.

Formato de vídeo

O formato MP4 é um novo formato de vídeo da Internet que está prestes a se tornar popular. O HTML5, os players Flash e sites de vídeos como o Youku suportam-o.

Formato Arquivo Descrição
AVI .avi O formato AVI (Audio Video Interleave) é desenvolvido pela Microsoft. Todos os computadores que executam o Windows suportam o formato AVI. É um formato muito comum na Internet, mas os computadores não Windows não sempre conseguem reproduzir.
WMV .wmv O formato Windows Media é desenvolvido pela Microsoft. O Windows Media é muito comum na Internet, mas não pode reproduzir filmes Windows Media sem instalar componentes adicionais (gratuitos). Alguns filmes Windows Media mais recentes não podem ser reproduzidos em todos os computadores não Windows, pois não há players apropriados.
MPEG
  • .mpg
  • .mpeg
 O formato MPEG (Moving Pictures Expert Group) é o formato mais popular na Internet. É cross-plataforma e é suportado por todos os navegadores mais populares.
QuickTime .mov O formato QuickTime foi desenvolvido pela Apple. O QuickTime é um formato comum na Internet, mas os filmes QuickTime não podem ser reproduzidos em computadores Windows sem a instalação de componentes adicionais (gratuitos).
RealVideo
  • .rm
  • .ram
 O formato RealVideo foi desenvolvido pela Real Media para a Internet. Este formato permite fluxo de vídeo em condições de baixa largura de banda (vídeos online, TV a cabo). Devido ao uso prioritário de baixa largura de banda, a qualidade frequentemente diminui.
Flash
  • .swf
  • .flv
 O formato Flash (Shockwave) foi desenvolvido pela Macromedia. O formato Shockwave requer componentes adicionais para reprodução. No entanto, esses componentes são pré-instalados em navegadores como Firefox ou IE.
Mpeg-4 .mp4 O Mpeg-4 (com compressão de vídeo H.264) é um novo formato para a Internet. De fato, o YouTube recomenda o uso do MP4. O YouTube aceita vários formatos e os converte em .flv ou .mp4 para distribuição. Cada vez mais criadores de vídeos estão mudando para o MP4, tornando-o o formato de compartilhamento da Internet para players de Flash e HTML5.

Formato de som

Formato Arquivo Descrição
MIDI
  • .mid
  • .midi

O MIDI (Musical Instrument Digital Interface) é um formato destinado a dispositivos musicais eletrônicos (como sintetizadores e placa de som). Os arquivos MIDI não contêm som, mas contêm instruções musicais digitais que podem ser reproduzidas por dispositivos eletrônicos (como placa de som).

Clique aqui para reproduzir The Beatles.

Porque o formato MIDI contém apenas instruções, os arquivos MIDI são extremamente pequenos. O exemplo acima tem apenas 23k de tamanho, mas consegue reproduzir quase 5 minutos. O MIDI é amplamente suportado por uma grande quantidade de software em várias plataformas. A maioria dos navegadores web populares suporta MIDI.
RealAudio
  • .rm
  • .ram
 O formato RealAudio foi desenvolvido pela Real Media para a Internet. Este formato também suporta vídeo. Ele permite fluxos de áudio em condições de baixa largura de banda (música online, música na Internet). Devido à prioridade da largura de banda baixa, a qualidade geralmente diminui.
Wave .wav O formato Wave (waveform) foi desenvolvido pela IBM e pela Microsoft. Todos os computadores que executam o Windows e todos os navegadores da Internet (exceto o Google Chrome) suportam ele.
WMA .wma O formato WMA (Windows Media Audio), de qualidade superior ao MP3, é compatível com a maioria dos players, exceto o iPod. Os arquivos WMA podem ser transmitidos como fluxo de dados contínuo, o que o torna útil para estações de rádio online ou música online.
MP3
  • .mp3
  • .mpga
 Os arquivos MP3 são na verdade a parte de som dos arquivos MPEG. O formato MPEG foi originalmente desenvolvido pelo Grupo de Especialistas em Imagem Móvel. O MP3 é o formato de som mais popular para música. Espera-se que futuros sistemas de software o suportem.

Qual formato usar?

WAVE é o mais popular na InternetSem compressãoformato de som, suportado por todos os navegadores populares. Se você precisar de som (música ou palestra) não comprimido, você deve usar o formato WAVE.

MP3 é o mais recenteCompressãoFormatos de Gravação de Música. O termo MP3 se tornou sinônimo de música digital. Se o seu site se dedica à gravação de música, o MP3 é uma opção.