mozilla

Comparar revisões

Usando_áudio_e_vídeo_no_Firefox

Change Revisions

Revisão 274442:

Revisão 274442 por Verruckt a

Revisão 274443:

Revisão 274443 por Verruckt a

Título:
Usando áudio e vídeo no Firefox
Usando áudio e vídeo no Firefox
Slug:
Usando_áudio_e_vídeo_no_Firefox
Usando_áudio_e_vídeo_no_Firefox
Conteúdo:

Revisão 274442
Revisão 274443
n11      O&nbsp;Firefox 3.5 introduz suporte para os elementos <a cln11      O&nbsp;Firefox 3.5 introduz suporte para os elementos <a cl
>ass="internal" href="/Pt/HTML/Element/Audio" title="Pt/HTML/Eleme>ass="internal" href="/Pt/HTML/Element/Audio" title="Pt/HTML/Eleme
>nt/Audio"><code>audio</code></a> e <a class="internal" href="/Pt/>nt/Audio"><code>audio</code></a> e <a class="internal" href="/Pt/
>HTML/Element/Video" title="Pt/HTML/Element/Video"><code>video</co>HTML/Element/Video" title="Pt/HTML/Element/Video"><code>video</co
>de></a> do HTML&nbsp;5, oferecendo a capacidade de facilmente emb>de></a> do HTML&nbsp;5, oferecendo a capacidade de facilmente emb
>utir mídia em documentos HTML. Atualmente, somente os formatos de>utir mídia em documentos HTML. Atualmente são suportados os forma
> mídia OGG e WAV são suportados, mas o suporte a outros formatos >tos de mídia&nbsp;Ogg&nbsp;Theora, Ogg&nbsp;Vorbis e WAV.
>é esperado no futuro. 
n31&lt;video autoplay&gt;n31&lt;video controls&gt;
n33  &lt;source src="foo.mov"&gt;n33  &lt;source src="foo.mp4"&gt;
n38      tocará um arquivo OGG em navegadores que suportem o formaton38      tocará um arquivo Ogg em navegadores que suportem o formato
> Ogg. Se o navegador não suportar OGG, ele tentará usar o arquivo> Ogg. Se o navegador não suportar Ogg, ele tentará usar o arquivo
> MOV.> MPEG-4.
39    </p>
39    </p>40    <p>
40    <div class="note">41      Você pode também especificar quais codecs de mídia o arquiv
 >o requere; isto permite ao navegador, tomar decisões cada vez mai
 >s inteligentes:
41      <strong>Nota:</strong> O&nbsp;elemente source ainda não é c
>ompletamente suportado pelo Firefox. Veja {{ bug("449363") }} par 
>a detalhes. 
42    </div>42    </p>
43    <pre class="brush: html">
44&lt;video controls&gt;
45  &lt;source src="foo.ogg" type="video/ogg; codecs=&amp;quot;dira
 >c, speex&amp;quot;"&gt;
46  Your browser does not support the &lt;code&gt;video&lt;/code&gt
 >; element.
47&lt;/video&gt;
48</pre>
49    <p>
50      Aqui nós especificamos que o vídeo usa os codecs Dirac e Sp
 >eex.&nbsp;Se o navegador suportar Ogg, mas não os codecs especifi
 >cados, o vídeo não será carregado.
51    </p>
52    <p>
53      Se o atributo <code>type</code> não for especificado, o tip
 >o da mídia é obtido pelo servidor e checado para ver se o Gecko p
 >ode lidar com ele; se ele não puder ser renderizado, a próxima fo
 >nte é checada. Se nenhum dos elementos <span style="font-family: 
 >monospace;">source</span> especificados puder ser usado, um event
 >o <code>error</code> é expedido para o elemento <code>video</code
 >>. Se o atributo <code>type</code> é especificado, ele é comparad
 >o com os tipos que o&nbsp;Gecko pode tocar, e se não for reconhec
 >ido, o servidor não é nem mesmo requisitado; ao invés disso, a pr
 >óxima fonte é checada uma vez.
54    </p>
n125            A&nbsp;mídia torna-se vazia; por exemplo, este eventon137            A&nbsp;mídia torna-se vazia; por exemplo, este evento
> é enviado se a mídia já foi carregada (ou parcialmente carregada> é enviado se a mídia já foi carregada (ou parcialmente carregada
>), e o método<span style="font-family: monospace;"><a class="inte>), e o método <a class="internal" href="/En/nsIDOMMediaHTMLElemen
>rnal" href="/En/nsIDOMMediaHTMLElement#load()" title="En/nsIDOMMe>t#load()" title="En/nsIDOMMediaHTMLElement#load()"><code>load()</
>diaHTMLElement#load()"><code>load()</code></a> é chamado para rec>code></a> é chamado para recarregar isto.
>arregar isto.</span> 
nn281      Opções de fallback
282    </h2>
283    <p>
284      O código HTML incluído entre, por exemplo, as tagas <code>&
 >lt;video&gt;</code> e <code>&lt;/video&gt;</code> é processado po
 >r navegadores que não suportam o elemento <code>media</code> do H
 >TML 5.&nbsp;Você pode tirar vantagem deste fato para proporcionar
 > um <strong>fallback</strong> de mídia alternativa para estes nav
 >egadores.
285    </p>
286    <p>
287      Esta seção proporciona duas possíveis opções de <strong>fal
 >lback</strong> para vídeo. Em cada caso, se o navegador suportar 
 >o elemento <code>video</code> do HTML 5, este será usado; caso co
 >ntrário, a opção <strong>fallback</strong> será usada.
288    </p>
289    <h3>
290      Usando Flash
291    </h3>
292    <p>
293      Você pode usar o Flash para tocar um filme em formato Flash
 > se o elemento <code>video</code> não for suportado:
294    </p>
295    <pre class="brush: html">
296&lt;video src="video.ogv" controls&gt;
297    &lt;object data="flvplayer.swf" type="application/x-shockwave
 >-flash"&gt;
298      &lt;param value="flvplayer.swf" name="movie"/&gt;
299    &lt;/object&gt;
300&lt;/video&gt;
301</pre>
302    <p>
303      Note que você não inclui <code>class</code> ou <code>id</co
 >de> na tag <code>object</code> para que seja compatível com outro
 >s navegadores além do Internet Explorer.
304    </p>
305    <h3>
306      Tocando vídeos Ogg usando um miniaplicativo Java
307    </h3>
308    <p>
309      Aqui está um miniaplicativo Java chamado <a class="external
 >" href="http://maikmerten.livejournal.com/2256.html" title="http:
 >//maikmerten.livejournal.com/2256.html">Cortado</a> que você pode
 > usar como <strong>fallback</strong> para tocar vídeos Ogg em nav
 >egadores que tenham suporte a Java, mas não ao elemento <code>vid
 >eo do HTML 5<span style="font-family: Verdana,Tahoma,sans-serif;"
 >>:</span></code>
310    </p>
311    <pre class="brush: html">
312&lt;video src="my_ogg_video.ogg" controls width="320" height="240
 >"&gt;
313  &lt;object type="application/x-java-applet"
314          width="320" height="240"&gt;
315     &lt;param name="archive" value="cortado.jar"&gt;
316     &lt;param name="code" value="com.fluendo.player.Cortado.clas
 >s"&gt;
317     &lt;param name="url" value="my_ogg_video.ogg"&gt;
318  &lt;/object&gt;
319&lt;/video&gt;
320</pre>
321    <h2>
t284      <li>{{ interface("nsIDOMHTMLMediaElement") }}t337      <li>{{ interface("nsIDOMHTMLMediaElement") }} (EN)
338      </li>
339      <li>
340        <a class="internal" href="/En/Media_formats_supported_by_
 >the_audio_and_video_elements" title="En/Media formats supported b
 >y the audio and video elements">Media formats supported by the au
 >dio and video elements</a> (EN)

Voltar ao Histórico