Desenvolvimento - ActionScript

Video-player em AS3 no Flash - Parte 1

Veremos como criar um player de vídeo utilizando ActionScript 3 no Flash, utilizando Streaming.

por Rafael Costa



Resumo:
Veremos como criar um player de vídeo utilizando ActionScript 3 no Flash, utilizando Streaming.

Tutorial:
Muitas pessoas usam componentes prontos do Flash para rodar seus vídeos, como o FLVPlayback, mas não sabem que é relativamente fácil criar um próprio player, podendo assim customizar como quiser o seu layout.
Nesta primeira parte do tutorial, veremos como criar o player e como adicionas alguns controles no filme como: play, stop, pause e reset.
E na segunda parte vamos adicionar controle de volume e a seekbar, que serve para atrasar ou adiantar o filme.

Antes de iniciarmos, visite uma prévia do artigo:

http://www.rafaelcosta.com/Tutoriais/playerVideo/


Vamos ao trabalho:


Obs: Colocarei a tag

 no 
início de qualquer código e a tag 
no final do mesmo código, para facilitar o entendimento.

Para criar seu player de vídeo, usaremos NetConnection e NetStream. Não é necessário servidor especial para isso.

Começaremos o projeto declarando algumas variáveis que serão necessárias:


</FONT></I><BR id=qdtc><I id=l993><SPAN id=xur2 
style="BACKGROUND: rgb(255,255,255) 0% 50%">// Largura do Vídeo</SPAN><BR 
id=tb_o><SPAN id=fedv style="BACKGROUND: rgb(255,255,255) 0% 50%">var 
larguraVideo:Number = new Number(320);</SPAN><BR id=h7bw><SPAN id=r4e0 
style="BACKGROUND: rgb(255,255,255) 0% 50%">// Altura do Vídeo</SPAN><BR 
id=wuy5><SPAN id=b598 style="BACKGROUND: rgb(255,255,255) 0% 50%">var 
alturaVideo:Number = new Number(240);</SPAN><BR id=gpr4><SPAN id=tqve 
style="BACKGROUND: rgb(255,255,255) 0% 50%">// Posição X do vídeo</SPAN><BR 
id=et.3><SPAN id=apdh style="BACKGROUND: rgb(255,255,255) 0% 50%">var posicaoX = 
0;</SPAN><BR id=h1o:><SPAN id=nxg1 
style="BACKGROUND: rgb(255,255,255) 0% 50%">// Posição Y do vídeo</SPAN><BR 
id=qytp><SPAN id=vo26 style="BACKGROUND: rgb(255,255,255) 0% 50%">var posicaoY = 
0;</SPAN><BR id=hcvh><SPAN id=u6vy 
style="BACKGROUND: rgb(255,255,255) 0% 50%">// Link do vídeo</SPAN><BR 
id=pyn-><SPAN id=xqp_ style="BACKGROUND: rgb(255,255,255) 0% 50%">var 
urlVideo:String = new 
String("video.flv");</SPAN></I></FONT></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=wzej><FONT id=vaed 
face="Times New Roman, serif"><FONT id=yr4n size=3><FONT id=ln77 size=2><FONT 
id=g4_j face="Verdana, sans-serif"><SPAN id=ojhn 
style="BACKGROUND: rgb(255,255,255) 0% 50%"><I id=hdfx><FONT id=zqu_ 
color=#ff0000>


Estas variáveis informam a largura e altura do vídeo, as posições X e Y do vídeo e a url do vídeo.

Feito isso, vamos criar a instância do video e posiciona-lo ao palco.

</FONT></I><BR id=nyxw><I id=aeg8><SPAN id=lols 
style="BACKGROUND: rgb(255,255,255) 0% 50%">// Criando nova instância do 
vídeo</SPAN><BR id=mh:d><SPAN id=vtj4 
style="BACKGROUND: rgb(255,255,255) 0% 50%">var video:Video = new 
Video();</SPAN><BR id=vvcz><SPAN id=b0-b 
style="BACKGROUND: rgb(255,255,255) 0% 50%">// Adicionando o vídeo ao 
Palco</SPAN><BR id=jsz6><SPAN id=o7e: 
style="BACKGROUND: rgb(255,255,255) 0% 50%">addChild(video);</SPAN><BR 
id=fhpc><SPAN id=mov4 style="BACKGROUND: rgb(255,255,255) 0% 50%">// 
Posicionando a posição X do vídeo</SPAN><BR id=nd54><SPAN id=zi6x 
style="BACKGROUND: rgb(255,255,255) 0% 50%">video.x = posicaoX;</SPAN><BR 
id=yvho><SPAN id=k5uw style="BACKGROUND: rgb(255,255,255) 0% 50%">// 
Posicionando a posição Y do vídeo</SPAN><BR id=vz33><SPAN id=uf55 
style="BACKGROUND: rgb(255,255,255) 0% 50%">video.y = 
posicaoY;</SPAN></I></FONT></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=g6ix><FONT id=b123 
face="Times New Roman, serif"><FONT id=spiu size=3><FONT id=au6g size=2><FONT 
id=i6gv face="Verdana, sans-serif"><I id=h6j9><FONT id=i8pi 
color=#ff0000>


Agora vamos criar a NetConnection para o nosso vídeo

</FONT></I><BR id=kd26><I id=mvo4><SPAN id=d87b 
style="BACKGROUND: rgb(255,255,255) 0% 50%">// Nova instância para 
NetConnection</SPAN><BR id=cqof><SPAN id=en1b 
style="BACKGROUND: rgb(255,255,255) 0% 50%">var nc:NetConnection = new 
NetConnection();</SPAN><BR id=nf-m><SPAN id=ix9: 
style="BACKGROUND: rgb(255,255,255) 0% 50%">// Como não estamos usando um 
servidor específico, conectaremos a NetConnection a um valor nulo</SPAN><BR 
id=rv.2><SPAN id=bd26 
style="BACKGROUND: rgb(255,255,255) 0% 50%">nc.connect(null);</SPAN></I></FONT></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=txyp><FONT id=rxoa 
face="Times New Roman, serif"><FONT id=gq0h size=3><FONT id=avcl size=2><FONT 
id=qg7c face="Verdana, sans-serif"><I id=vzg5><FONT id=p.90 
color=#ff0000>


Feito isso, crie a instância para NetStream

</FONT></I><BR id=k8qi><I id=lnsh>// Novo NetStream, 
responsável pelo stream do vídeo<BR id=cxl2><SPAN id=v7dn 
style="BACKGROUND: rgb(255,255,255) 0% 50%">var ns:NetStream = new 
NetStream(nc);</SPAN></I></FONT></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=lx92><FONT id=dxdc 
face="Times New Roman, serif"><FONT id=f.7u size=3><FONT id=isk: size=2><FONT 
id=bwuu face="Verdana, sans-serif"><I id=qjsu><FONT id=nxog 
color=#ff0000>


E agora colocar o video com Stream

</FONT></I><BR id=y5pg><SPAN id=w_nv 
style="BACKGROUND: rgb(255,255,255) 0% 50%"><I 
id=h8th>video.attachNetStream(ns);</I></SPAN></FONT></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=gq0v><FONT id=vgns 
face="Times New Roman, serif"><FONT id=xuo9 size=3><FONT id=vucd size=2><FONT 
id=o3.g face="Verdana, sans-serif"><I id=d9fu><FONT id=uqtu 
color=#ff0000>


Executar o vídeo...

</FONT></I><BR id=jt3f><I id=qd4n><SPAN id=ozvo 
style="BACKGROUND: rgb(255,255,255) 0% 50%">// Caminho para o vídeo</SPAN><BR 
id=ruga><SPAN id=bf9a 
style="BACKGROUND: rgb(255,255,255) 0% 50%">ns.play(urlVideo);</SPAN></I></FONT></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=yrpz><FONT id=t1.t 
face="Times New Roman, serif"><FONT id=l5xm size=3><FONT id=euu. size=2><FONT 
id=y5ha face="Verdana, sans-serif"><I id=uusu><FONT id=ihkq 
color=#ff0000>


Agora crie 4 botões e instancie-os de: iniciar, parar, pausar e resetar.


Aprenderemos como adicionar ações de controle em nossos vídeos.

Todas as ações serão passadas para nosso NetStream, que mandará para o vídeo.


Ações para pausar o vídeo:


</I></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=c1n1><FONT id=etw3 
face="Verdana, sans-serif"><FONT id=y40k size=2>// Adicionar Evento ao 
botão</FONT></FONT></P>
<P class=western lang=pt-BR id=dv9.><FONT id=v6gd 
face="Verdana, sans-serif"><FONT id=xv6s 
size=2>pausar.addEventListener(MouseEvent.CLICK, pauseVideo);</FONT></FONT></P>
<P class=western lang=pt-BR id=ized><FONT id=b-lu 
face="Verdana, sans-serif"><FONT id=nlg0 size=2>// Botão ficar com 
“mãozinha”</FONT></FONT></P>
<P class=western lang=pt-BR id=v.bs><FONT id=ro6y 
face="Verdana, sans-serif"><FONT id=uhvj size=2>pausar.buttonMode = 
true;</FONT></FONT></P>
<P class=western lang=pt-BR id=xps8><FONT id=v4k4 
face="Verdana, sans-serif"><FONT id=n18: size=2>// Função chamada pelo 
botão</FONT></FONT></P>
<P class=western lang=pt-BR id=hbq2><FONT id=d62b 
face="Verdana, sans-serif"><FONT id=maeo size=2>function 
pauseVideo(e:MouseEvent):void</FONT></FONT></P>
<P class=western lang=pt-BR id=flnu><FONT id=b2-5 
face="Verdana, sans-serif"><FONT id=v652 size=2>{</FONT></FONT></P>
<P class=western lang=pt-BR id=tajr><FONT id=mnh4 
face="Verdana, sans-serif"><FONT id=ngzs size=2>// Pausar 
vídeo</FONT></FONT></P>
<P class=western lang=pt-BR id=qltq><FONT id=p0q6 
face="Verdana, sans-serif"><FONT id=sp6i size=2>ns.pause();</FONT></FONT></P>
<P class=western lang=pt-BR id=aoex><FONT id=y4bc 
face="Verdana, sans-serif"><FONT id=t7bq size=2>}</FONT></FONT></P>
<P class=western lang=pt-BR id=fhd4><FONT id=gd.m color=#ff0000><FONT id=fe2c 
face="Verdana, sans-serif"><FONT id=t6ep size=2><I 
id=m5e1>



Ações para executar o vídeo:


</I></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=txf_><FONT id=vs4m 
face="Verdana, sans-serif"><FONT id=kzq8 size=2><I 
id=e7q9>iniciar.addEventListener(MouseEvent.CLICK, 
resumeVideo);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=mgdn><FONT id=l6sc 
face="Verdana, sans-serif"><FONT id=j0pi size=2><I id=klz8>iniciar.buttonMode = 
true;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=a45z><FONT id=l-it 
face="Verdana, sans-serif"><FONT id=xkwc size=2><I id=tfqp>function 
resumeVideo(e:MouseEvent):void</I></FONT></FONT></P>
<P class=western lang=pt-BR id=u:er><FONT id=la50 
face="Verdana, sans-serif"><FONT id=uifo size=2><I 
id=x:0e>{</I></FONT></FONT></P>
<P class=western lang=pt-BR id=kj-c><FONT id=c3bm 
face="Verdana, sans-serif"><FONT id=epld size=2><I id=kop:>// Retornar 
vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=pk0e><FONT id=kd5d 
face="Verdana, sans-serif"><FONT id=cq_h size=2><I 
id=yjmn>ns.resume();</I></FONT></FONT></P>
<P class=western lang=pt-BR id=kk6y><FONT id=k68v 
face="Verdana, sans-serif"><FONT id=pcp1 size=2><I 
id=j:7u>}</I></FONT></FONT></P>
<P class=western lang=pt-BR id=p1yz><FONT id=hzad color=#ff0000><FONT id=n4b- 
face="Verdana, sans-serif"><FONT id=gl6d size=2><I 
id=tld_>



Ações para parar(famoso stop) o vídeo:


</I></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=ji2f><FONT id=dck2 
face="Verdana, sans-serif"><FONT id=kli5 size=2><I 
id=za0m>parar.addEventListener(MouseEvent.CLICK, 
pararVideo);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=ievr><FONT id=bhy2 
face="Verdana, sans-serif"><FONT id=vt.s size=2><I id=ynhr>parar.buttonMode = 
true;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=o0am><FONT id=c_-w 
face="Verdana, sans-serif"><FONT id=hb6t size=2><I id=iux_>function 
pararVideo(e:MouseEvent):void</I></FONT></FONT></P>
<P class=western lang=pt-BR id=c3yw><FONT id=r9g5 
face="Verdana, sans-serif"><FONT id=cdxm size=2><I 
id=ahs4>{</I></FONT></FONT></P>
<P class=western lang=pt-BR id=j_.3><FONT id=fuki 
face="Verdana, sans-serif"><FONT id=nhq2 size=2><I id=kdlk>// Retorna o vídeo 
para 0 segundos</I></FONT></FONT></P>
<P class=western lang=pt-BR id=h:xo><FONT id=e3sp 
face="Verdana, sans-serif"><FONT id=yfc5 size=2><I 
id=q7fu>ns.seek(0);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=b:qg><FONT id=k6qe 
face="Verdana, sans-serif"><FONT id=b46t size=2><I id=fis1>// Pausa o 
vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=o15q><FONT id=sl3x 
face="Verdana, sans-serif"><FONT id=cikr size=2><I 
id=xbk1>ns.pause();</I></FONT></FONT></P>
<P class=western lang=pt-BR id=drfd><FONT id=nd85 
face="Verdana, sans-serif"><FONT id=pqx1 size=2><I 
id=wjm5>}</I></FONT></FONT></P>
<P class=western lang=pt-BR id=fib8><FONT id=i7vp color=#ff0000><FONT id=wh-n 
face="Verdana, sans-serif"><FONT id=rvuz size=2><I 
id=hoaz>



Ações para retornar o vídeo a 0segundos, sem parar.


</I></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=w46e><FONT id=i7:n 
face="Verdana, sans-serif"><FONT id=udiv size=2><I 
id=qbpm>resetar.addEventListener(MouseEvent.CLICK, 
resetarVideo);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=wcq:><FONT id=rtoz 
face="Verdana, sans-serif"><FONT id=jg-k size=2><I id=eg0v>resetar.buttonMode = 
true;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=o1vb><FONT id=xksl 
face="Verdana, sans-serif"><FONT id=fl-r size=2><I id=ulc:>function 
resetarVideo(e:MouseEvent):void</I></FONT></FONT></P>
<P class=western lang=pt-BR id=xkc0><FONT id=zhj9 
face="Verdana, sans-serif"><FONT id=gv9- size=2><I 
id=l:y1>{</I></FONT></FONT></P>
<P class=western lang=pt-BR id=v401><FONT id=pqmx 
face="Verdana, sans-serif"><FONT id=zpaf size=2><I id=nuu0>// Retornar vídeo à 0 
segundos</I></FONT></FONT></P>
<P class=western lang=pt-BR id=rvek><FONT id=fejm 
face="Verdana, sans-serif"><FONT id=yc:y size=2><I 
id=das7>ns.seek(0);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=ejiu><FONT id=sb4. 
face="Verdana, sans-serif"><FONT id=qo0y size=2><I 
id=anz2>}</I></FONT></FONT></P>
<P class=western lang=pt-BR id=o9e7><FONT id=stg: color=#ff0000><FONT id=f3bv 
face="Verdana, sans-serif"><FONT id=de9r size=2><I 
id=qvmo>



Abaixo o código completo:


</I></FONT></FONT></FONT></P>
<P class=western lang=pt-BR id=lbvj><FONT id=d7tw 
face="Verdana, sans-serif"><FONT id=jrt8 size=2><I id=e.8c>// Largura do 
Vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=dkx6><FONT id=y2md 
face="Verdana, sans-serif"><FONT id=fvkw size=2><I id=bw3->var 
larguraVideo:Number = new Number(320);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=r2l9><FONT id=lnd: 
face="Verdana, sans-serif"><FONT id=y0ek size=2><I id=vl2l>// Altura do 
Vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=qtdb><FONT id=b0-6 
face="Verdana, sans-serif"><FONT id=ymcb size=2><I id=l4xm>var 
alturaVideo:Number = new Number(240);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=dtnv><FONT id=g7xk 
face="Verdana, sans-serif"><FONT id=j-ts size=2><I id=nmqp>// Posição X do 
vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=j:de><FONT id=k60c 
face="Verdana, sans-serif"><FONT id=qflt size=2><I id=zogw>var posicaoX = 
0;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=kchz><FONT id=fhld 
face="Verdana, sans-serif"><FONT id=lz0v size=2><I id=l2op>// Posição Y do 
vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=x7jj><FONT id=bluo 
face="Verdana, sans-serif"><FONT id=by:m size=2><I id=cc53>var posicaoY = 
0;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=d.3u><FONT id=ydaq 
face="Verdana, sans-serif"><FONT id=a7:l size=2><I id=dv_.>// Link do 
vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=b5zz><FONT id=wol5 
face="Verdana, sans-serif"><FONT id=n7hp size=2><I id=zbd.>var urlVideo:String = 
new String("video.flv");</I></FONT></FONT></P>
<P class=western lang=pt-BR id=h_r_><FONT id=gbzl 
face="Verdana, sans-serif"><FONT id=d5n4 size=2><I id=r44_>// Criando nova 
instância do vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=xze6><FONT id=q_gf 
face="Verdana, sans-serif"><FONT id=bp1e size=2><I id=f6.m>var video:Video = new 
Video();</I></FONT></FONT></P>
<P class=western lang=pt-BR id=lrkx><FONT id=wc6p 
face="Verdana, sans-serif"><FONT id=u4r: size=2><I id=tcxf>// Adicionando o 
vídeo ao Palco</I></FONT></FONT></P>
<P class=western lang=pt-BR id=d3-0><FONT id=r_.v 
face="Verdana, sans-serif"><FONT id=j0lo size=2><I 
id=cqq1>addChild(video);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=d:0j><FONT id=r73l 
face="Verdana, sans-serif"><FONT id=qa1v size=2><I id=h:sp>// Posicionando a 
posição X do vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=vy5o><FONT id=t41e 
face="Verdana, sans-serif"><FONT id=qcv- size=2><I id=n2f0>video.x = 
posicaoX;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=g.7.><FONT id=c:3b 
face="Verdana, sans-serif"><FONT id=xz._ size=2><I id=xxzw>// Posicionando a 
posição Y do vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=j5oo><FONT id=bzwo 
face="Verdana, sans-serif"><FONT id=hdsm size=2><I id=gw18>video.y = 
posicaoY;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=rp:q><FONT id=c6-e 
face="Verdana, sans-serif"><FONT id=nhxz size=2><I id=stq0>// Nova instância 
para NetConnection</I></FONT></FONT></P>
<P class=western lang=pt-BR id=p7cz><FONT id=ygiy 
face="Verdana, sans-serif"><FONT id=n9lr size=2><I id=wasl>var nc:NetConnection 
= new NetConnection();</I></FONT></FONT></P>
<P class=western lang=pt-BR id=zen-><FONT id=adgk 
face="Verdana, sans-serif"><FONT id=bv7t size=2><I id=z-06>// Como não estamos 
usando um servidor específico, conectaremos a NetConnection a um valor 
nulo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=u3kw><FONT id=kqrp 
face="Verdana, sans-serif"><FONT id=kf5d size=2><I 
id=cr11>nc.connect(null);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=keuu><FONT id=iweh 
face="Verdana, sans-serif"><FONT id=y:8a size=2><I id=koxa>// Novo NetStream, 
responsável pelo stream do vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=dxc:><FONT id=egd1 
face="Verdana, sans-serif"><FONT id=o52e size=2><I id=fc26>var ns:NetStream = 
new NetStream(nc);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=gnxw><FONT id=e_xd 
face="Verdana, sans-serif"><FONT id=ce1k size=2><I 
id=n-l1>video.attachNetStream(ns);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=y7o1><FONT id=xvod 
face="Verdana, sans-serif"><FONT id=zf9w size=2><I id=dj_e>// Caminho para o 
vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=hg8j><FONT id=p1-2 
face="Verdana, sans-serif"><FONT id=voth size=2><I 
id=z1l9>ns.play(urlVideo);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=x-37><FONT id=o5f2 
face="Verdana, sans-serif"><FONT id=t:40 size=2><I id=vqu4>// Adicionar Evento 
ao botão</I></FONT></FONT></P>
<P class=western lang=pt-BR id=y0.j><FONT id=srpz 
face="Verdana, sans-serif"><FONT id=b-n7 size=2><I 
id=mtl4>pausar.addEventListener(MouseEvent.CLICK, 
pauseVideo);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=j4ml><FONT id=gapx 
face="Verdana, sans-serif"><FONT id=mm16 size=2><I id=xc49>// Botão ficar com 
“mãozinha”</I></FONT></FONT></P>
<P class=western lang=pt-BR id=t4ru><FONT id=nipd 
face="Verdana, sans-serif"><FONT id=q55o size=2><I id=zyo2>pausar.buttonMode = 
true;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=j..o><FONT id=wgk5 
face="Verdana, sans-serif"><FONT id=xxuc size=2><I id=l84l>// Função chamada 
pelo botão</I></FONT></FONT></P>
<P class=western lang=pt-BR id=onaf><FONT id=p-2- 
face="Verdana, sans-serif"><FONT id=sn_: size=2><I id=l8rr>function 
pauseVideo(e:MouseEvent):void</I></FONT></FONT></P>
<P class=western lang=pt-BR id=aiew><FONT id=f1.d 
face="Verdana, sans-serif"><FONT id=zk:d size=2><I 
id=wr_1>{</I></FONT></FONT></P>
<P class=western lang=pt-BR id=zgin><FONT id=u8cg 
face="Verdana, sans-serif"><FONT id=ali. size=2><I id=uy:i>// Pausar 
vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=fuwh><FONT id=lura 
face="Verdana, sans-serif"><FONT id=ron4 size=2><I 
id=y:i0>ns.pause();</I></FONT></FONT></P>
<P class=western lang=pt-BR id=xq69><FONT id=sl6b 
face="Verdana, sans-serif"><FONT id=d0q- size=2><I 
id=ysek>}</I></FONT></FONT></P>
<P class=western lang=pt-BR id=tijq><FONT id=o243 
face="Verdana, sans-serif"><FONT id=ld70 size=2><I 
id=jxzq>iniciar.addEventListener(MouseEvent.CLICK, 
resumeVideo);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=q2n:><FONT id=zr.x 
face="Verdana, sans-serif"><FONT id=j7mh size=2><I id=u.j1>iniciar.buttonMode = 
true;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=rmfr><FONT id=ys62 
face="Verdana, sans-serif"><FONT id=kfpj size=2><I id=arwq>function 
resumeVideo(e:MouseEvent):void</I></FONT></FONT></P>
<P class=western lang=pt-BR id=f8j_><FONT id=n2w8 
face="Verdana, sans-serif"><FONT id=yygh size=2><I 
id=c8yj>{</I></FONT></FONT></P>
<P class=western lang=pt-BR id=d6h3><FONT id=y3d9 
face="Verdana, sans-serif"><FONT id=pvka size=2><I id=ynua>// Retornar 
vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=gny.><FONT id=nbv- 
face="Verdana, sans-serif"><FONT id=uhz1 size=2><I 
id=sk_i>ns.resume();</I></FONT></FONT></P>
<P class=western lang=pt-BR id=d-qz><FONT id=uf7i 
face="Verdana, sans-serif"><FONT id=b4pr size=2><I 
id=dka3>}</I></FONT></FONT></P>
<P class=western lang=pt-BR id=x:s4><FONT id=okyg 
face="Verdana, sans-serif"><FONT id=j9b6 size=2><I 
id=ygsj>parar.addEventListener(MouseEvent.CLICK, 
pararVideo);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=q.4:><FONT id=z7n4 
face="Verdana, sans-serif"><FONT id=ucp3 size=2><I id=b3lk>parar.buttonMode = 
true;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=l:5y><FONT id=nh0d 
face="Verdana, sans-serif"><FONT id=u3w5 size=2><I id=cok8>function 
pararVideo(e:MouseEvent):void</I></FONT></FONT></P>
<P class=western lang=pt-BR id=nr33><FONT id=ktaf 
face="Verdana, sans-serif"><FONT id=b7th size=2><I 
id=hjeg>{</I></FONT></FONT></P>
<P class=western lang=pt-BR id=ylsa><FONT id=t:3g 
face="Verdana, sans-serif"><FONT id=o34v size=2><I id=c0q5>// Retorna o vídeo 
para 0 segundos</I></FONT></FONT></P>
<P class=western lang=pt-BR id=te4c><FONT id=ikcx 
face="Verdana, sans-serif"><FONT id=tq9x size=2><I 
id=yn-r>ns.seek(0);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=w4ti><FONT id=gpo9 
face="Verdana, sans-serif"><FONT id=cx1k size=2><I id=cjkv>// Pausa o 
vídeo</I></FONT></FONT></P>
<P class=western lang=pt-BR id=g-i2><FONT id=z.84 
face="Verdana, sans-serif"><FONT id=a6:- size=2><I 
id=dt6b>ns.pause();</I></FONT></FONT></P>
<P class=western lang=pt-BR id=afhz><FONT id=g1tr 
face="Verdana, sans-serif"><FONT id=pjwv size=2><I 
id=k71q>}</I></FONT></FONT></P>
<P class=western lang=pt-BR id=p4nc><FONT id=pup4 
face="Verdana, sans-serif"><FONT id=ip2g size=2><I 
id=ppyq>resetar.addEventListener(MouseEvent.CLICK, 
resetarVideo);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=ud4w><FONT id=u6l3 
face="Verdana, sans-serif"><FONT id=lp.: size=2><I id=ad4b>resetar.buttonMode = 
true;</I></FONT></FONT></P>
<P class=western lang=pt-BR id=d2uk><FONT id=u9uz 
face="Verdana, sans-serif"><FONT id=hgdn size=2><I id=qms7>function 
resetarVideo(e:MouseEvent):void</I></FONT></FONT></P>
<P class=western lang=pt-BR id=gpzh><FONT id=reg1 
face="Verdana, sans-serif"><FONT id=lj-y size=2><I 
id=jy6d>{</I></FONT></FONT></P>
<P class=western lang=pt-BR id=soh-><FONT id=clh- 
face="Verdana, sans-serif"><FONT id=io4y size=2><I id=rc9o>// Retornar vídeo à 0 
segundos</I></FONT></FONT></P>
<P class=western lang=pt-BR id=ehvc><FONT id=lj-l 
face="Verdana, sans-serif"><FONT id=cqh8 size=2><I 
id=bdma>ns.seek(0);</I></FONT></FONT></P>
<P class=western lang=pt-BR id=pz_0><FONT id=qrcc 
face="Verdana, sans-serif"><FONT id=by8n size=2><I 
id=lgmb>}</I></FONT></FONT></P>
<P class=western lang=pt-BR id=s4m_><FONT id=tqco color=#ff0000><FONT id=alxr 
face="Verdana, sans-serif"><FONT id=nbcm size=2><I 
id=pqyx>



Espero que tenha ficado claro como criar seu próprio player de vídeo no Flash usando AS3 e aguarde que na segunda parte vamos personalizar ainda mais nosso player.

Qualquer dúvida poste nos comentários. Abraços a todos!

Rafael Costa

Rafael Costa - Programador Actionscript há 2 anos. Participante do fórum FlashMasters, maior comunidade Flash do Brasil.
Além de Actionscript, possui conhecimentos em outras linguagens como: JavaScript, CSS, XHTML, PHP e MySQL.
Para saber mais sobre o autor, visite seu site:
http://www.rafaelcosta.com.