Skip to content

Commit

Permalink
convert content to md
Browse files Browse the repository at this point in the history
  • Loading branch information
@SphinxKnight
SphinxKnight committed Sep 26, 2022
1 parent ada4904 commit a9205e2
Showing 1 changed file with 63 additions and 76 deletions.
139 changes: 63 additions & 76 deletions files/pt-br/web/media/formats/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,113 +16,100 @@ translation_of: Web/Media/Formats
translation_of_original: Web/HTML/Supported_media_formats
original_slug: Web/HTML/formatos_midia_suportados
---
<p><span class="seoSummary">Os elementos {{ HTMLElement("audio") }} e {{ HTMLElement("video") }} fornecem suporte para a reprodução de mídias de áudio e vídeo sem necessitar de plug-ins.</span> Codecs de áudio e vídeo são usados para manipular arquivos de áudio e vídeo, diferentes codecs oferecem diferentes níveis de compressão e qualidade. Um formato do repositório é usado para armazenar e transmitir o codec de áudio e vídeo ( ambos juntos, no caso de um vídeo com tilha sonora). Existem muitas combinações de codecs e formatos de containers, embora apenas alguns são relevantes para a internet.</p>
Os elementos {{ HTMLElement("audio") }} e {{ HTMLElement("video") }} fornecem suporte para a reprodução de mídias de áudio e vídeo sem necessitar de plug-ins. Codecs de áudio e vídeo são usados para manipular arquivos de áudio e vídeo, diferentes codecs oferecem diferentes níveis de compressão e qualidade. Um formato do repositório é usado para armazenar e transmitir o codec de áudio e vídeo ( ambos juntos, no caso de um vídeo com tilha sonora). Existem muitas combinações de codecs e formatos de containers, embora apenas alguns são relevantes para a internet.

<p>Diferentes navegadores não dão suporte para os mesmos formatos de mídias em suas implementações de áudio e vídeo no HTML5, principalmente por causa de questões de patentes. A área de formatos de mídias na internet tem sofrido muito com leis de patentes em muitos países, incluindo os Estados Unidos e países da União Européia (as notas sobre patentes nesse artigo são fornecidas como estão e sem garantias). Este artigo discute a diferença de codecs e combinações de containers relevantes para a internet, incluindo suporte de navegadores em computadores ou outros tipos de dispositivos.<br>
<br>
Para exibir um vídeo usando HTML5, que funcione nas últimas versões dos principais navegadores, você pode disponibilizar seu vídeo em dois formatos: WebM e MPEG H.264 AAC, usando o elemento {{HTMLElement("source")}} desta forma:</p>
Diferentes navegadores não dão suporte para os mesmos formatos de mídias em suas implementações de áudio e vídeo no HTML5, principalmente por causa de questões de patentes. A área de formatos de mídias na internet tem sofrido muito com leis de patentes em muitos países, incluindo os Estados Unidos e países da União Européia (as notas sobre patentes nesse artigo são fornecidas como estão e sem garantias). Este artigo discute a diferença de codecs e combinações de containers relevantes para a internet, incluindo suporte de navegadores em computadores ou outros tipos de dispositivos.

<pre class="brush: html">&lt;video controls&gt;
&lt;source src="somevideo.webm" type="video/webm"&gt;
&lt;source src="somevideo.mp4" type="video/mp4"&gt;
Para exibir um vídeo usando HTML5, que funcione nas últimas versões dos principais navegadores, você pode disponibilizar seu vídeo em dois formatos: WebM e MPEG H.264 AAC, usando o elemento {{HTMLElement("source")}} desta forma:

```html
<video controls>
<source src="somevideo.webm" type="video/webm">
<source src="somevideo.mp4" type="video/mp4">
Desculpe; seu navegador não suporta vídeos HTML5 em WebM com VP8 ou MP4 com H.264.
&lt;!-- Você pode embutir um Flash player aqui, para exibir seu vídeo mp4 em navegadores antigos --&gt;
&lt;/video&gt;
</pre>
<!-- Você pode embutir um Flash player aqui, para exibir seu vídeo mp4 em navegadores antigos -->
</video>
```

## WebM

O formato [WebM](http://www.webmproject.org/) é baseado em uma versão restrita do container [Matroska](http://corecodec.com/products/matroska). Ele sempre usa o codec de vídeo VP8 ou VP9 e o codec de áudio Vorbis ou Opus. WebM tem suporte nativo em navegadores de desktop e dispositivos móveis como Gecko (Firefox), Chrome e Opera, e o suporte para esse formato pode ser adicionado no Internet Explorer e Safari (mas não no iOS) por meio de um plug-in.

[Declaração da Microsoft sobre o porquê o IE9 não possui suporte nativo para o WebM.](http://blogs.msdn.com/b/ie/archive/2011/02/02/html5-and-web-video-questions-for-the-industry-from-the-community.aspx)

<h2 id="WebM">WebM</h2>
O formato WebM, especificamente o codec de vídeo VP8, tinha sido acusado de violar patentes por um grupo de empresas respondendo um chamado da MPEG LA para a formação de um conjunto de patentes, mas a [MPEG LA concordou em licenciar estas patentes para a Google](http://www.businesswire.com/news/home/20130307006192/en/Google-MPEG-LA-Announce-Agreement-Covering-VP8) sob uma "[licença perpétua intransferível, livre de direitos autorais](http://xiphmont.livejournal.com/59893.html?thread=310261#t310261)". Isto significa, efetivamente, que todas a patentes conhecidas do formato WebM são licenciadas para todos de graça.

<p>O formato <a class="external" href="http://www.webmproject.org/">WebM</a> é baseado em uma versão restrita do container <a class="external" href="http://corecodec.com/products/matroska">Matroska</a>. Ele sempre usa o codec de vídeo VP8 ou VP9 e o codec de áudio Vorbis ou Opus. WebM tem suporte nativo em navegadores de desktop e dispositivos móveis como Gecko (Firefox), Chrome e Opera, e o suporte para esse formato pode ser adicionado no Internet Explorer e Safari (mas não no iOS) por meio de um plug-in.<br>
<br>
<a href="http://blogs.msdn.com/b/ie/archive/2011/02/02/html5-and-web-video-questions-for-the-industry-from-the-community.aspx">Declaração da Microsoft sobre o porquê o IE9 não possui suporte nativo para o WebM.</a><br>
<br>
O formato WebM, especificamente o codec de vídeo VP8, tinha sido acusado de violar patentes por um grupo de empresas respondendo um chamado da MPEG LA para a formação de um conjunto de patentes, mas a <a href="http://www.businesswire.com/news/home/20130307006192/en/Google-MPEG-LA-Announce-Agreement-Covering-VP8">MPEG LA concordou em licenciar estas patentes para a Google</a> sob uma "<a href="http://xiphmont.livejournal.com/59893.html?thread=310261#t310261">licença perpétua intransferível, livre de direitos autorais</a>". Isto significa, efetivamente, que todas a patentes conhecidas do formato WebM são licenciadas para todos de graça.<br>
<br>
Gecko reconhece os seguintes tipos de arquivos WebM:</p>
Gecko reconhece os seguintes tipos de arquivos WebM:

<dl>
<dt><code>video/webm</code></dt>
<dd>Um arquivo de mídia WebM contendo vídeo (e possivelmente áudio também).</dd>
<dt><code>audio/webm</code></dt>
<dd>Um arquivo de mídia WebM contendo apenas áudio.</dd>
</dl>
- `video/webm`
- : Um arquivo de mídia WebM contendo vídeo (e possivelmente áudio também).
- `audio/webm`
- : Um arquivo de mídia WebM contendo apenas áudio.

<h2 id="Ogg_Theora_Vorbis">Ogg Theora Vorbis</h2>
## Ogg Theora Vorbis

<p>O formato de container Ogg com o codec de vídeo Theora e o codec de áudio Vorbis é suportados em desktops e dispositivos móveis Gecko (Firefox), Chrome, Opera e o suporte para esses formatos pode ser adicionado ao Safari (exceto iOS) instalando um plug-in. O Internet Explorer não possui suporte para esse formato.<br>
<br>
WebM é geralmente mais utilizado que Ogg Theora Vorbis quando disponível, por que ele possui uma melhor qualidade de compressão e tem suporte na maioria dos navegadores. O formato Ogg, contudo, pode ser usado para navegadores mais antigos (por exemplo o Firefox 3.5/3.6 não tem suporte WebM, mas suporta Ogg).</p>
O formato de container Ogg com o codec de vídeo Theora e o codec de áudio Vorbis é suportados em desktops e dispositivos móveis Gecko (Firefox), Chrome, Opera e o suporte para esses formatos pode ser adicionado ao Safari (exceto iOS) instalando um plug-in. O Internet Explorer não possui suporte para esse formato.

<p>A situação de patente do Theora é similar com a da WebM.</p>
WebM é geralmente mais utilizado que Ogg Theora Vorbis quando disponível, por que ele possui uma melhor qualidade de compressão e tem suporte na maioria dos navegadores. O formato Ogg, contudo, pode ser usado para navegadores mais antigos (por exemplo o Firefox 3.5/3.6 não tem suporte WebM, mas suporta Ogg).

<p>Você pode ler mais sobre criar méidia com Ogg lendo o <a class="external" href="http://en.flossmanuals.net/ogg-theora/">Theora Cookbook</a>.</p>
A situação de patente do Theora é similar com a da WebM.

<p>Grecko reconhece os seguintes tipos MIME como arquivos Ogg:</p>
Você pode ler mais sobre criar méidia com Ogg lendo o [Theora Cookbook](http://en.flossmanuals.net/ogg-theora/).

<dl>
<dt><code>audio/ogg</code></dt>
<dd>Um arquivo Ogg que contem apensa áudio</dd>
<dt><code>video/ogg</code></dt>
<dd>Um arquivo Ogg que contem vídeo (e possivelmente áudio)</dd>
<dt><code>application/ogg</code></dt>
<dd>Um arquivo Ogg com conteúdo não especificado. Usando um dos dois tipos de MIME, mas você pode usar ele se você não sabe qual é o conteúdo do arquivo.</dd>
</dl>
Grecko reconhece os seguintes tipos MIME como arquivos Ogg:

<h2 id="Ogg_Opus">Ogg Opus</h2>
- `audio/ogg`
- : Um arquivo Ogg que contem apensa áudio
- `video/ogg`
- : Um arquivo Ogg que contem vídeo (e possivelmente áudio)
- `application/ogg`
- : Um arquivo Ogg com conteúdo não especificado. Usando um dos dois tipos de MIME, mas você pode usar ele se você não sabe qual é o conteúdo do arquivo.

<p>O container Ogg pode também conter um áudio codificado usando o <a href="http://www.opus-codec.org/">codec Opus</a>. Suporte para ele está disponível no Gecko 15.0 {{ geckoRelease("15.0") }} e versões superiores, em navegadores no desktop e dispositivos móveis.</p>
## Ogg Opus

<h2 id="Ogg_FLAC">Ogg FLAC</h2>
O container Ogg pode também conter um áudio codificado usando o [codec Opus](http://www.opus-codec.org/). Suporte para ele está disponível no Gecko 15.0 {{ geckoRelease("15.0") }} e versões superiores, em navegadores no desktop e dispositivos móveis.

<p>O contêiner Ogg pode também conter um áudio codificado usando o <a href="https://xiph.org/flac/index.html">codec FLAC</a>. Suporte para ele está disponível no Gecko 51.0 {{geckoRelease ("51.0")}} e versões superiores, somente no desktop.</p>
## Ogg FLAC

<h2 id="MP4_H.264_(AAC_ou_MP3)">MP4 H.264 (AAC ou MP3)</h2>
O contêiner Ogg pode também conter um áudio codificado usando o [codec FLAC](https://xiph.org/flac/index.html). Suporte para ele está disponível no Gecko 51.0 {{geckoRelease ("51.0")}} e versões superiores, somente no desktop.

<p>O formato MP4 com o codec de vídeo H.264 e codec de áudio AAC tem suporte nativo para Internet Explorer, Safari e Chrome no desktop e dispositivos móveis, o Opera não possui suporte para este formato. IE e Chrome também possuem suporte para codec de áudio MP3 no container MP4, mas o Safari não tem suporte para isso. Firefox/Firefox para hardware do dispositivo pode <span class="short_text" id="result_box" lang="pt"><span class="hps">manipular o</span> <span class="hps">perfil utilizado</span> <span class="hps">para codificar</span> <span class="hps">o MP4</span><span>.</span></span></p>
## MP4 H.264 (AAC ou MP3)

<div class="note">
<p><strong>Nota</strong>: Codificação MP4 com um perfil elevado não será executado em um hardware inferior, como o Firefox OS.</p>
</div>
O formato MP4 com o codec de vídeo H.264 e codec de áudio AAC tem suporte nativo para Internet Explorer, Safari e Chrome no desktop e dispositivos móveis, o Opera não possui suporte para este formato. IE e Chrome também possuem suporte para codec de áudio MP3 no container MP4, mas o Safari não tem suporte para isso. Firefox/Firefox para hardware do dispositivo pode manipular o perfil utilizado para codificar o MP4.

<p>O formato de mídia MPEG é coberto por patentes, do qual não é livremente licenciado. Todas as licenças necessárias podem ser compradas da MPEG LA. Desde H.264 o formato não é livre de direitos autorais, é impróprio para a internet aberta, de acordo com a Mozilla [<a class="external" href="http://shaver.off.net/diary/2010/01/23/html5-video-and-codecs/" title="http://shaver.off.net/diary/2010/01/23/html5-video-and-codecs/">1</a>, <a class="external" href="http://robert.ocallahan.org/2010/01/video-freedom-and-mozilla_23.html" title="http://robert.ocallahan.org/2010/01/video-freedom-and-mozilla_23.html">2</a>], Google [<a class="external" href="http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html">1</a>, <a class="external" href="http://blog.chromium.org/2011/01/more-about-chrome-html-video-codec.html">2</a>] e Opera. Contudo, desde que os formatos de direitos livres não são suportados pelo Internet Explorer e Safari, a <a href="https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/">Mozilla decidiu dar suporte para o formato</a>, e a Google nunca cumpriu sua promessa de remover o suporte para o Chrome.</p>
> **Nota:** Codificação MP4 com um perfil elevado não será executado em um hardware inferior, como o Firefox OS.
<h2 id="MP3">MP3</h2>
O formato de mídia MPEG é coberto por patentes, do qual não é livremente licenciado. Todas as licenças necessárias podem ser compradas da MPEG LA. Desde H.264 o formato não é livre de direitos autorais, é impróprio para a internet aberta, de acordo com a Mozilla \[[1](http://shaver.off.net/diary/2010/01/23/html5-video-and-codecs/), [2](http://robert.ocallahan.org/2010/01/video-freedom-and-mozilla_23.html)], Google \[[1](http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html), [2](http://blog.chromium.org/2011/01/more-about-chrome-html-video-codec.html)] e Opera. Contudo, desde que os formatos de direitos livres não são suportados pelo Internet Explorer e Safari, a [Mozilla decidiu dar suporte para o formato](https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/), e a Google nunca cumpriu sua promessa de remover o suporte para o Chrome.

<p>O formato de áudio MP3(.mp3 audio/mpeg; diferente do áudio MP3 no MP4 container acima) é suportado na tag &lt;audio&gt; no Firefox/Firefox para Android/Firefox OS quando o sistema operacional fornece um decodificador MP3, para Internet Explorer, Chrome e Safari.</p>
## MP3

<h2 id="WAVE_PCM">WAVE PCM</h2>
O formato de áudio MP3(.mp3 audio/mpeg; diferente do áudio MP3 no MP4 container acima) é suportado na tag \<audio> no Firefox/Firefox para Android/Firefox OS quando o sistema operacional fornece um decodificador MP3, para Internet Explorer, Chrome e Safari.

<p>O formato WAVE, com o codec de áudio PCM (codec WAVE "1") tem suporte nos navegadores Gecko(Firefox) e Safari no desktop e dispositivos móveis. Arquivos com o formato WAVE tipicamente tem a extensão ".wav".</p>
## WAVE PCM

<div class="note"><strong>Nota: Veja </strong><a class="external" href="http://www.rfc-editor.org/rfc/rfc2361.txt">RFC 2361</a> para ver registros do codec WAVE</div>
O formato WAVE, com o codec de áudio PCM (codec WAVE "1") tem suporte nos navegadores Gecko(Firefox) e Safari no desktop e dispositivos móveis. Arquivos com o formato WAVE tipicamente tem a extensão ".wav".

<p>Gecko reconhece os seguintes tipos MIME em arquivos de áudio WAVE:</p>
> **Nota:** **Nota: Veja** [RFC 2361](http://www.rfc-editor.org/rfc/rfc2361.txt) para ver registros do codec WAVE
<ul>
<li><code>audio/wave</code> (preferido; não funciona no Chrome)</li>
<li><code>audio/wav</code></li>
<li><code>audio/x-wav</code></li>
<li><code>audio/x-pn-wav</code></li>
</ul>
Gecko reconhece os seguintes tipos MIME em arquivos de áudio WAVE:

<h2 id="Media_Source_Extensions_(MSE)">Media Source Extensions (MSE)</h2>
- `audio/wave` (preferido; não funciona no Chrome)
- `audio/wav`
- `audio/x-wav`
- `audio/x-pn-wav`

<p><a href="https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/media-source.html">Origem da extesão de mídia</a> é um projeto de trabalho da W3C que planeja ampliar {{ domxref("HTMLMediaElement") }} para permitir que o JavaScript gere fluxo de mídia para reprodução. Permitindo que o JavaScript gere fluxos facilita uma variedade de uso, como o fluxo adaptado e o tempo de mudança de transmissão ao vivo. Isto é atualmente um suporte experimental no Firefox desktop, e em outros navegadores também.<br>
<br>
Por exemplo, <a href="http://msopentech.com/blog/2014/01/03/streaming_video_player/">você pode implementar MPEG-DASH usando JavaScript durante carregamento da decodificação para MSE</a>.</p>
## Media Source Extensions (MSE)

<div class="note">
<p><strong>Nota</strong>: Time Shifting é o processo de consumo de uma transmissão ao vivo, algum tempo após ter acontecido.</p>
</div>
[Origem da extesão de mídia](https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/media-source.html) é um projeto de trabalho da W3C que planeja ampliar {{ domxref("HTMLMediaElement") }} para permitir que o JavaScript gere fluxo de mídia para reprodução. Permitindo que o JavaScript gere fluxos facilita uma variedade de uso, como o fluxo adaptado e o tempo de mudança de transmissão ao vivo. Isto é atualmente um suporte experimental no Firefox desktop, e em outros navegadores também.

Por exemplo, [você pode implementar MPEG-DASH usando JavaScript durante carregamento da decodificação para MSE](http://msopentech.com/blog/2014/01/03/streaming_video_player/).

> **Nota:** Time Shifting é o processo de consumo de uma transmissão ao vivo, algum tempo após ter acontecido.
<h2 id="Veja_também">Veja também</h2>
## Veja também

<ul>
<li><a class="internal" href="/en/Using_HTML5_audio_and_video" title="En/Using audio and video in Firefox">Using audio and video in Firefox</a></li>
<li><a href="http://bluishcoder.co.nz/2013/08/21/html-media-support-in-firefox.html">HTML media support in Firefox</a></li>
<li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#media-elements">Media elements</a> (HTML 5 specification)</li>
<li><code><a class="internal" href="/en/HTML/Element/Video" title="En/HTML/Element/Video">video</a></code></li>
<li><a class="internal" href="/en/HTML/Element/Audio" title="En/HTML/Element/Audio"><code>audio</code></a></li>
</ul>
- [Using audio and video in Firefox](/en/Using_HTML5_audio_and_video "En/Using audio and video in Firefox")
- [HTML media support in Firefox](http://bluishcoder.co.nz/2013/08/21/html-media-support-in-firefox.html)
- [Media elements](http://www.whatwg.org/specs/web-apps/current-work/#media-elements) (HTML 5 specification)
- [`video`](/en/HTML/Element/Video "En/HTML/Element/Video")
- [`audio`](/en/HTML/Element/Audio "En/HTML/Element/Audio")

0 comments on commit a9205e2

Please sign in to comment.