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 CostaResumo:
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!
- Custom Events + AMF + AS3 + ColdFusion – Casamento que dá certo!Flash
- Trabalhando com a classe DataGrid – Pacote fl.controlsActionScript
- Conhecendo e Trabalhando com os pacotes fl.controls, fl.data e fl.eventsActionScript
- POO – Trabalhando com ActionScript File 3.0ActionScript
- Trabalhando com o flash.filters.BevelFilter no AS3ActionScript