real player 8.0 gaspare giuliano bruno. controle o player pode ser controlado utilizando links com...
TRANSCRIPT
Real Player 8.0
Gaspare Giuliano Bruno
Controle
• O Player pode ser controlado utilizando links com comandos específicos.
• Todos os comandos devem ter como destino o próprio player
• Comandos aceitos são play, stop, pause e seek.
Controle
• EX:• <par>
<a href=“command:play()&target=_player”><image src="play.gif" region="play"/>
</a><a href=“command:seek(1:35)&target=_player”>
<image src=”seek.gif" region=”seek"/></a>
</par>
Usando em HTML
• É possível se adicionar o real player a uma pagina HTML utilizando o elemento <EMBED> na pagina.
• O browser costuma associar as extensões .smil, .smi, .ram, .rpm, .rm, .rp, ra, rt.
• EX:<EMBED SRC="..." WIDTH=300 HEIGHT=134>
Usando em HTML
• É possível alguns parâmetros adicionais:– autostart– nojava– nologo– numloops– backgroundcolor
Usando em HTML
• Parâmetro CONTROLS:– Define como o “player” será apresentado. – Lista completa de parâmetros em:
http://service.real.com/help/library/guides/productiong261/htmfiles/control.htm#controls
Usando em HTML
• Parâmetro CONSOLE– Une varias instancias do “player” que possuem
o mesmo nome e a estiverem na mesma página.– Todas as instancias com o mesmo CONSOLE
possuem a mesma linha de tempo.– Não é possível duas instancias tocarem ao
mesmo tempo.– Pode assumir também: _master ou _unique
Usando em HTML
• Parâmetro REGION:– Associa a região onde o plugin foi colocado a
uma região de uma apresentação SMIL.– Em conjunto com o comando CONSOLE, é
possível se criar apresentações sincronizadas em regiões diferentes de uma pagina HTML.
Usando em HTML
HTML:
<EMBED SRC="sample.smil” WIDTH=250 HEIGHT=144 NOJAVA=true CONTROLS=ImageWindow REGION=video CONSOLE=player1>
<EMBED SRC="sample.smil” WIDTH=120 HEIGHT=50 NOJAVA=true CONTROLS=ImageWindow REGION=texto CONSOLE=player1>
SAMPLE.SMIL<par>
<textstream src="news.rt" region=”texto"/><video src="newsvid.rm" region="video"/>
</par>
RealText
• Modelo de mídia criado pela real para apresentar textos formatados de maneira temporal.
• Formado por um elemento “window”, que define a mídia, e elementos de formatação textual e temporal.
Elemento Window
• Este elemento apresenta o formato da mídia.– Parâmetros:
• bgcolor• duration• height• width• loop• link• wordwrap
Elemento Window
• Parâmetro type:– informa o tipo de texto a ser apresentado.– Valores:
• Generic
• tickertape
• marquee
• scrollingnews
• teleprompter
Elemento Window
• Parâmetro Crawlrate– define velocidade horizontal (usado pelo
TickerTape e Marquee)
• Parâmetro scrollrate– define velocidade vertical (usado pelo generic,
scrollingnews e teleprompter)
Elementos de formatação
• Formatação temporal
• time begin– define a hora em que o texto será visivel.
• time end– define a hora em que o texto desaparece.
• Os tempos são relativos ao inicio da mídia
Elementos de Formatação
• EX:
<window duration=“30”><time begin=“10”/> texto em 10s<time begin=“15” end=“20”>
texto apresentado em 15s e retirado em 20s (visível por 5s)
</window>
Elementos de Formatação
• A formatação do texto segue os padrões do HTML:
• <b>..</b>
• <i>..</i>
• <br/>
• <center>..</center>
• <font ...> ... </font>
Elementos de Formatação
• Elementos especiais:– <clear/>: Limpa a área da mídia– <tl>..</tl>: Texto superior da TickerTape– <tu>..</tu>: Texto inferior da TickerTape– <pos x=.. Y=.. />: Posiciona o texto em
determinado local. Relativo a área da mídia.
RealText Exemplo
<window type="tickertape" duration="1:00" width="350" loop="true" underline_hyperlinks="false" link="white"><br/> <b><tu> <a href="http://www.dowjones.com/">DJIA</a> </tu><tl>7168.35 +36.52 </tl><tu>NIKEI 225 Index</tu><tl>20603.71 +203.11</tl></b>
</window>
RealText Exemplo
<window type="teleprompter" height="64" duration="25" bgcolor="lime" wordwrap="false"> <font face="system">Out, out, brief candle! <br/><time begin="3.5"/>Life's but a walking shadow, a poor player <br/><time begin="7"/>That struts <time begin="8"/>and frets <time begin="9"/>his hour upon the stage <br/><time begin="12"/>And then is heard no more: <time begin="15"/>it is a tale <br/><time begin="16"/>Told by an idiot, <time begin="17.5"/>full of sound and fury, <br/><time begin="20"/>Signifying <time begin="22"/><font color="red">nothing.</font></font>
</window>
RealPix
• Modelo de mídia criado pela real para apresentar imagens de maneira temporal.
• É possível apresentar imagens no formato GIF, JPEG e PNG
• É composto por um elemento <imfl> .. </imfl>, um cabeçalho <head/>, uma lista de imagens e elementos temporais.
RealPix<imfl>
<head timeformat="dd:hh:mm:ss.xyz"duration="46"bitrate="12000"width="256"height="256” />
<image handle="1" name="jbeans.jpg"/><image handle="2" name="peppers.jpg"/>
<fill start="0" color="black"/><fadein start="1" duration="2" target="1"/><crossfade start="4" duration="3" target="2"/>
</imfl>
Head
• O elemento <head /> define os dados de transmissão e visualização da mídia como um todo.
• Possui os parâmetros:• bitrate
• duration
• timeformat
• width
• height
Lista de Imagens
• Todas as imagens a serem manipuladas devem antes ser declaradas.
• Isso é feito usando o elemento <image />
• Parâmetros:– handle– name
Efeitos
• Sobre uma determinada imagem, deve-se aplicar um efeito temporal.
• Parâmetros:– duration– start– target– url
Fadein
• Este efeito, definido pelo elemento <fadein/>, permite uma transição gradual da imagem apresentada no momento para uma imagem definida.
<fadein start="4" duration="3" target="2"/>
FadeOut
• O efeito <fadeout /> retira qualquer imagem presente no ambiente da mídia e substitui, de forma gradual, por uma cor determinada.
• Este efeito não possui o parâmetro target, mas possui um novo parâmetro, color.
<fadeout start="10" duration="3" color=”black"/>
CrossFade
• O efeito <crossfade/> executa a transição gradual de uma imagem para outra, levando em conta a imagem contida no momento na região de apresentação.
Wipe
• <wipe /> realiza a transição instantânea para uma nova imagem.
• Possui um novo parâmetro, type, que pode assumir “push” ou “normal”, e direction, que pode assumir “left”, “right”, “up” ou “down”
<wipe type="push" direction="left" start="10" duration="3" target="2"/>
Animate
• O elemento <animate/> é usado para executar animações presentes em gifs.
• Se uma gif animada é utilizada com qualquer outro tipo de efeito, apenas o primeiro frame é apresentado.
• Ex: <animate start="10" duration="30” target="2"/>
Fill
• O elemento <fill /> apenas preenche a área da mídia com uma determinada cor.
• Este elemento possui apenas os parametros start e color.
• Ex:<fill start="0" color="blue"/>
Alterando Imagens
• É possível, com qualquer efeito menos fadeout, utilizar apenas uma determinada área da imagem fonte para manipulação usando os parâmetros srcx, srcy, srcw, srch.
Alterando Imagens
• Da mesma forma, pode-se utilizar apenas uma região da mídia para visualização usando os paramentros dstx, dsty, dsth, dstw.
• É possível se ter duas imagens visíveis ao mesmo tempo.
ViewChange
• O Efeito <viewchange /> permite, utilizando os parâmetros de alteração de imagem, executar efeitos de zoom e pan na imagem corrente (a que esta visível atualmente).
• Ex:
<viewchange start="4" duration="3" srcx="0" srcy="0" srcw="128" srch="128"/>
RealPlayer
Fonte:http://service.real.com/help/library/
FIM