SlideShare uma empresa Scribd logo
1 de 6
Publicando Video no Flash8

Pré-Requisitos

Macromedia Flash 8 Professional, Macromedia Flash 8 Video Encoder e familiaridade no
trabalho com a ferramenta.

Objetivo

Capacitar o leitor a utilizar as potencialidades de vídeo para Web através dos arquivos
FLVs e do Macromedia Flash 8, além de transmitir conceitos sobre esse segmento e
suas melhorias com a nova versão da ferramenta.

Conceitos

Antes de começarmos a trabalhar, vamos dar um panorâma sobre o uso de video no
Flash e suas novidades para a versão 8.

Para aqueles que nunca trabalharam com video no Flash aqui vai uma pequena
explicação sobre as formas de se dispor vídeo para a Web através dele:

SWF - Importação do vídeo dentro do seu documento e publicação em SWF. (Small
Web Format)
>>>> Além de ser fácil, não requer softwares adicionais.
Saiba mais: http://en.wikipedia.org/wiki/Swf

FLV - Carregamento do arquivo FLV durante a exibição do seu conteúdo (Download
Progressivo).
>>>> Além de servir como "falso streaming", nos possibilita o uso de cue points e de
vídeos maiores.
Saiba mais: http://en.wikipedia.org/wiki/FLV

FCS - Carregamento no servidor de streaming (Flash Communication Server).
>>>> Possibilita controle do streaming assim como detecção de banda e conexões
simultâneas.
Saiba mais: http://en.wikipedia.org/wiki/Flashcom

Vamos ver a segunda opção, o uso de arquivos FLVs carregados do servidor e exibidos
em um player no nosso SWF.

Agora que vocês já sabem quais são as formas de se trabalhar com vídeo no Flash,
vou lhes contar às novidades que a nova versão trouxe.

Primeiramente nós temos o Flash 8 Video Encoder, uma ferramenta que nos
possibilita gerar nossos FLVs de forma rápida e fácil. Ele vem junto com o Flash e pode
ou não ser instalado junto com a ferramenta.
Outra grande novidade (talvez a maior) é o novo codec de vídeo, o On2
VP6(http://www.on2.com/) que é o núcleo dessa revolução de vídeo no Flash 8 com
ele conseguimos compactações incríveis.




Conteúdo

Nosso primeiro passo será converter o vídeo WMV em FLV utilizando o Flash 8 Video
Encoder.

Com o Flash 8 e seu Encoder instalados, vocês podem abrí-lo na pasta Macromedia do
menu Iniciar.




1 - Botão Add para selecionar com quais arquivos iremos trabalhar.
2 - Descrição do arquivo adicionado como caminho absoluto, configuração de
compactação e status.
3 - Botão Settings para as configurações de compactação.

Depois de adicionar o vídeo ao Encoder, selecionem Settings para fazer as
configurações necessárias.
1 - Escolha da configuração de codificação.
2 - Botão Show/Hide Advanced Settings nos mostra mais opções para a
codificação.
3 - Opções de vídeo como qualidade e codec a ser utilizado.

Selecionando a aba Cue Points, podemos definir esses pontos que servem como
capítulos em nosso vídeo:
1   -   Aba Cue Points.
2   -   Botões para adição e remoção de cue points.
3   -   Linha do tempo do vídeo para delimitação dos cue points.
4   -   Cue Point sendo adicionado e configurado.

Clicando em OK, resta agora iniciar a compactação:




1 - Botão Start/Stop Queue.
2 - Informações referentes ao arquivo de entrada, o de saída e dados sobre a
compactação.
3 - Demonstrativo de progressão e tempo estimado de término.

Com a conclusão da compactação resta-nos saber qual foi a diferença de tamanho do
WMV para o FLV. No caso, foi configurado para que o vídeo ficasse um pouco mais
"modesto", chegamos ao incrível valor de 2.330 KB no nosso FLV.




A redução foi de mais de 50% e vale dizer que poderia ter sido ainda mais rigoroso nas
configurações de compactação.
Bom passada a positiva surpresa do tamanho de nosso FLV, vamos agora abrir nosso
Flash 8 e utilizar um componente para exibí-lo:




1 - Selecione o componente FLVPlayBack, específico para reproduções de FLV na
versão 8.
2 - Arraste o componente para o palco.
3 - Abra o painel Component Inspector na aba Parameters.
4 - No parâmetro contentPath referencie o arquivo FLV a ser carregado (recomendo
que ele esteja na mesma pasta).
Se vocês publicarem o vídeo já será exibido, mas sem nenhum controle dos quais
estamos acostumados, logo, vamos inserir controles de vídeo como volume, play e
stop além de botões para navegação dos capítulos:




1   -   Selecione o parâmetro skin.
2   -   Exibe-se um preview da skin selecionado.
3   -   Escolha a skin a ser utilizada, no meu caso: SteelExternalAll.swf.
4   -   Dê um OK e confirme a aplicação da skin.

Obs: Um adendo quanto ao uso de skins é que depois de inserí-la no seu arquivo já
salvo em uma pasta e publicado, você verá que foi gerado um swf com o nome da skin
selecionada, isso significa que a skin é na verdade um arquivo externo que é carregado
durante a exibição para aplicar os elementos visuais que você escolheu.

Mais conteúdo relacionado

Mais procurados

Aula de HTML5 - DevCampos - www.devcampos.com.br
Aula de HTML5 - DevCampos - www.devcampos.com.brAula de HTML5 - DevCampos - www.devcampos.com.br
Aula de HTML5 - DevCampos - www.devcampos.com.brDevCampos
 
BERLIN 10.1 UPDATE 2 EDIÇÃO DE ANIVERSÁRIO
BERLIN 10.1 UPDATE 2 EDIÇÃO DE ANIVERSÁRIOBERLIN 10.1 UPDATE 2 EDIÇÃO DE ANIVERSÁRIO
BERLIN 10.1 UPDATE 2 EDIÇÃO DE ANIVERSÁRIOFernando Rizzato
 
Traduções no WordPress
Traduções no WordPressTraduções no WordPress
Traduções no WordPressBreno Alves
 
Documento de especificação de requisitos
Documento de especificação de requisitosDocumento de especificação de requisitos
Documento de especificação de requisitosFábio Ferreira
 
Windows 7 starter, o
Windows 7 starter, oWindows 7 starter, o
Windows 7 starter, oBruna Praia
 

Mais procurados (8)

Aula de HTML5 - DevCampos - www.devcampos.com.br
Aula de HTML5 - DevCampos - www.devcampos.com.brAula de HTML5 - DevCampos - www.devcampos.com.br
Aula de HTML5 - DevCampos - www.devcampos.com.br
 
BERLIN 10.1 UPDATE 2 EDIÇÃO DE ANIVERSÁRIO
BERLIN 10.1 UPDATE 2 EDIÇÃO DE ANIVERSÁRIOBERLIN 10.1 UPDATE 2 EDIÇÃO DE ANIVERSÁRIO
BERLIN 10.1 UPDATE 2 EDIÇÃO DE ANIVERSÁRIO
 
Novidades do plone 4
Novidades do plone 4Novidades do plone 4
Novidades do plone 4
 
Configurando o client sap business one para browser
Configurando o client sap business one para browser Configurando o client sap business one para browser
Configurando o client sap business one para browser
 
Traduções no WordPress
Traduções no WordPressTraduções no WordPress
Traduções no WordPress
 
Documento de especificação de requisitos
Documento de especificação de requisitosDocumento de especificação de requisitos
Documento de especificação de requisitos
 
Baixando videos linux
Baixando videos linuxBaixando videos linux
Baixando videos linux
 
Windows 7 starter, o
Windows 7 starter, oWindows 7 starter, o
Windows 7 starter, o
 

Destaque

Extensión de garantía
Extensión de garantíaExtensión de garantía
Extensión de garantíarichsolis7
 
8 concepts on-personality_bernd_schmid_systemic_ta (english/ portuguese)
8 concepts on-personality_bernd_schmid_systemic_ta (english/ portuguese) 8 concepts on-personality_bernd_schmid_systemic_ta (english/ portuguese)
8 concepts on-personality_bernd_schmid_systemic_ta (english/ portuguese) isb GmbH Systemische Professionalität
 
Salvador Dali 1
Salvador Dali 1Salvador Dali 1
Salvador Dali 1susan
 
Coerência e Coesão
Coerência e CoesãoCoerência e Coesão
Coerência e CoesãoArtur Araujo
 
Guia do utilizador da BE - MT 2014-15
Guia do utilizador da BE - MT 2014-15Guia do utilizador da BE - MT 2014-15
Guia do utilizador da BE - MT 2014-15Biblioteca Torga
 
τουριστικός οδηγός αργολίδας
τουριστικός οδηγός αργολίδαςτουριστικός οδηγός αργολίδας
τουριστικός οδηγός αργολίδαςgtamp
 
Be a fruit champion!!!
Be a fruit champion!!!Be a fruit champion!!!
Be a fruit champion!!!clarodgers
 
Cuaderno De PráCticas EspañOl 2o. Bloque Iii Nat Y My
Cuaderno De  PráCticas EspañOl 2o. Bloque Iii Nat Y MyCuaderno De  PráCticas EspañOl 2o. Bloque Iii Nat Y My
Cuaderno De PráCticas EspañOl 2o. Bloque Iii Nat Y Myguest1461f4
 
The things they carried
The things they carriedThe things they carried
The things they carried2008Adriana06
 
London el
London elLondon el
London elpptsmps
 
Respiratoty response to exercise dipayan
Respiratoty response to exercise dipayanRespiratoty response to exercise dipayan
Respiratoty response to exercise dipayanWbuhs
 
Apostila bancodedados (1)
Apostila bancodedados (1)Apostila bancodedados (1)
Apostila bancodedados (1)Reuel Lopes
 
浅谈项目标准
浅谈项目标准浅谈项目标准
浅谈项目标准jndream
 
Identidade visual Via Sete
Identidade visual Via SeteIdentidade visual Via Sete
Identidade visual Via SeteDoremaDigital
 

Destaque (20)

gluma
 gluma gluma
gluma
 
Extensión de garantía
Extensión de garantíaExtensión de garantía
Extensión de garantía
 
8 concepts on-personality_bernd_schmid_systemic_ta (english/ portuguese)
8 concepts on-personality_bernd_schmid_systemic_ta (english/ portuguese) 8 concepts on-personality_bernd_schmid_systemic_ta (english/ portuguese)
8 concepts on-personality_bernd_schmid_systemic_ta (english/ portuguese)
 
Multimédia redes sociais
Multimédia redes sociaisMultimédia redes sociais
Multimédia redes sociais
 
Salvador Dali 1
Salvador Dali 1Salvador Dali 1
Salvador Dali 1
 
leukada
leukadaleukada
leukada
 
Coerência e Coesão
Coerência e CoesãoCoerência e Coesão
Coerência e Coesão
 
Guia do utilizador da BE - MT 2014-15
Guia do utilizador da BE - MT 2014-15Guia do utilizador da BE - MT 2014-15
Guia do utilizador da BE - MT 2014-15
 
τουριστικός οδηγός αργολίδας
τουριστικός οδηγός αργολίδαςτουριστικός οδηγός αργολίδας
τουριστικός οδηγός αργολίδας
 
Be a fruit champion!!!
Be a fruit champion!!!Be a fruit champion!!!
Be a fruit champion!!!
 
Cuaderno De PráCticas EspañOl 2o. Bloque Iii Nat Y My
Cuaderno De  PráCticas EspañOl 2o. Bloque Iii Nat Y MyCuaderno De  PráCticas EspañOl 2o. Bloque Iii Nat Y My
Cuaderno De PráCticas EspañOl 2o. Bloque Iii Nat Y My
 
The things they carried
The things they carriedThe things they carried
The things they carried
 
London el
London elLondon el
London el
 
Respiratoty response to exercise dipayan
Respiratoty response to exercise dipayanRespiratoty response to exercise dipayan
Respiratoty response to exercise dipayan
 
Rocketworks CI Laf
Rocketworks CI LafRocketworks CI Laf
Rocketworks CI Laf
 
msdos
msdosmsdos
msdos
 
Android Logcat
Android LogcatAndroid Logcat
Android Logcat
 
Apostila bancodedados (1)
Apostila bancodedados (1)Apostila bancodedados (1)
Apostila bancodedados (1)
 
浅谈项目标准
浅谈项目标准浅谈项目标准
浅谈项目标准
 
Identidade visual Via Sete
Identidade visual Via SeteIdentidade visual Via Sete
Identidade visual Via Sete
 

Semelhante a 09 publicando video no Flash 8

Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0A C Octaviani Jr
 
Tutorial 007 – convertendo vídeos em vários formatos
Tutorial 007 – convertendo vídeos em vários formatosTutorial 007 – convertendo vídeos em vários formatos
Tutorial 007 – convertendo vídeos em vários formatoscipasap
 
Video Streaming - Final Presentation
Video Streaming - Final PresentationVideo Streaming - Final Presentation
Video Streaming - Final Presentationcatarina_albino
 
Aprender html5 em 4 passos
Aprender html5 em 4 passosAprender html5 em 4 passos
Aprender html5 em 4 passosJeser Cotrim
 
Guia de instalação ECM
Guia de instalação ECMGuia de instalação ECM
Guia de instalação ECMraquelrioga
 
Tutorial After Effects - Fernando Moreira
Tutorial After Effects - Fernando MoreiraTutorial After Effects - Fernando Moreira
Tutorial After Effects - Fernando Moreirafabricastartups
 
Configurando o FTP no Windows 2008 Server
Configurando o FTP no Windows 2008 ServerConfigurando o FTP no Windows 2008 Server
Configurando o FTP no Windows 2008 ServerAparicio Junior
 
Arquivos de vídeos
Arquivos de vídeosArquivos de vídeos
Arquivos de vídeosmatheusdasg
 

Semelhante a 09 publicando video no Flash 8 (20)

Configurando o brazil firewall
Configurando o brazil firewallConfigurando o brazil firewall
Configurando o brazil firewall
 
Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0
 
Windows movie maker
Windows movie makerWindows movie maker
Windows movie maker
 
Novo Tutorial Sobre Videos
Novo Tutorial Sobre VideosNovo Tutorial Sobre Videos
Novo Tutorial Sobre Videos
 
Vídeo digital ass
Vídeo digital  assVídeo digital  ass
Vídeo digital ass
 
Pacotão video aulas proxy
Pacotão video aulas proxyPacotão video aulas proxy
Pacotão video aulas proxy
 
Apostila c#
Apostila c#Apostila c#
Apostila c#
 
Tutorial 007 – convertendo vídeos em vários formatos
Tutorial 007 – convertendo vídeos em vários formatosTutorial 007 – convertendo vídeos em vários formatos
Tutorial 007 – convertendo vídeos em vários formatos
 
Video Streaming - Final Presentation
Video Streaming - Final PresentationVideo Streaming - Final Presentation
Video Streaming - Final Presentation
 
Video Streaming
Video StreamingVideo Streaming
Video Streaming
 
Aprender html5 em 4 passos
Aprender html5 em 4 passosAprender html5 em 4 passos
Aprender html5 em 4 passos
 
Manual glo maker notasapoio
Manual glo maker notasapoioManual glo maker notasapoio
Manual glo maker notasapoio
 
Muvie Maker
Muvie MakerMuvie Maker
Muvie Maker
 
Como usar o youtube
Como usar o youtubeComo usar o youtube
Como usar o youtube
 
Muvie Maker
Muvie MakerMuvie Maker
Muvie Maker
 
Movie Maker
Movie MakerMovie Maker
Movie Maker
 
Guia de instalação ECM
Guia de instalação ECMGuia de instalação ECM
Guia de instalação ECM
 
Tutorial After Effects - Fernando Moreira
Tutorial After Effects - Fernando MoreiraTutorial After Effects - Fernando Moreira
Tutorial After Effects - Fernando Moreira
 
Configurando o FTP no Windows 2008 Server
Configurando o FTP no Windows 2008 ServerConfigurando o FTP no Windows 2008 Server
Configurando o FTP no Windows 2008 Server
 
Arquivos de vídeos
Arquivos de vídeosArquivos de vídeos
Arquivos de vídeos
 

Mais de Reuel Lopes

Trabalhando com EVA 2017
Trabalhando com EVA 2017Trabalhando com EVA 2017
Trabalhando com EVA 2017Reuel Lopes
 
Panorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldadesPanorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldadesReuel Lopes
 
[PROFOCO] Slideshare
[PROFOCO] Slideshare[PROFOCO] Slideshare
[PROFOCO] SlideshareReuel Lopes
 
Trabalhando na Plataforma EVA
Trabalhando na Plataforma EVATrabalhando na Plataforma EVA
Trabalhando na Plataforma EVAReuel Lopes
 
GLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃOGLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃOReuel Lopes
 
Formação de Professores - EVA 2015
Formação de Professores - EVA 2015Formação de Professores - EVA 2015
Formação de Professores - EVA 2015Reuel Lopes
 
EVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de AprendizagemEVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de AprendizagemReuel Lopes
 
Palestra sobre android
Palestra sobre androidPalestra sobre android
Palestra sobre androidReuel Lopes
 
Design para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimDesign para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimReuel Lopes
 
Pesquisas em usabilidade de interfaces e interação - 2 bim
Pesquisas em usabilidade de interfaces e interação -  2 bimPesquisas em usabilidade de interfaces e interação -  2 bim
Pesquisas em usabilidade de interfaces e interação - 2 bimReuel Lopes
 
Pesquisas em usabilidade de interfaces e interação - 1 bim
Pesquisas em usabilidade de interfaces e interação -  1 bimPesquisas em usabilidade de interfaces e interação -  1 bim
Pesquisas em usabilidade de interfaces e interação - 1 bimReuel Lopes
 
Inserção da pesquisa no contexto de ihc - 1 bim
Inserção da pesquisa no contexto de ihc -  1 bimInserção da pesquisa no contexto de ihc -  1 bim
Inserção da pesquisa no contexto de ihc - 1 bimReuel Lopes
 
Avaliação heuristica - 1 bim
Avaliação heuristica - 1 bimAvaliação heuristica - 1 bim
Avaliação heuristica - 1 bimReuel Lopes
 
Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Reuel Lopes
 
Project mobility net_beans
Project mobility net_beansProject mobility net_beans
Project mobility net_beansReuel Lopes
 
Java EE netbeans
Java EE netbeansJava EE netbeans
Java EE netbeansReuel Lopes
 
Apostila complementar java móvel
Apostila complementar  java móvelApostila complementar  java móvel
Apostila complementar java móvelReuel Lopes
 
Cases Hipermídia 2010
Cases Hipermídia 2010Cases Hipermídia 2010
Cases Hipermídia 2010Reuel Lopes
 

Mais de Reuel Lopes (20)

Trabalhando com EVA 2017
Trabalhando com EVA 2017Trabalhando com EVA 2017
Trabalhando com EVA 2017
 
Panorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldadesPanorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldades
 
[PROFOCO] Slideshare
[PROFOCO] Slideshare[PROFOCO] Slideshare
[PROFOCO] Slideshare
 
Trabalhando na Plataforma EVA
Trabalhando na Plataforma EVATrabalhando na Plataforma EVA
Trabalhando na Plataforma EVA
 
GLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃOGLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃO
 
Formação de Professores - EVA 2015
Formação de Professores - EVA 2015Formação de Professores - EVA 2015
Formação de Professores - EVA 2015
 
EVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de AprendizagemEVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de Aprendizagem
 
Palestra sobre android
Palestra sobre androidPalestra sobre android
Palestra sobre android
 
O futuro da web
O futuro da webO futuro da web
O futuro da web
 
Design para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimDesign para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bim
 
Pesquisas em usabilidade de interfaces e interação - 2 bim
Pesquisas em usabilidade de interfaces e interação -  2 bimPesquisas em usabilidade de interfaces e interação -  2 bim
Pesquisas em usabilidade de interfaces e interação - 2 bim
 
Pesquisas em usabilidade de interfaces e interação - 1 bim
Pesquisas em usabilidade de interfaces e interação -  1 bimPesquisas em usabilidade de interfaces e interação -  1 bim
Pesquisas em usabilidade de interfaces e interação - 1 bim
 
Inserção da pesquisa no contexto de ihc - 1 bim
Inserção da pesquisa no contexto de ihc -  1 bimInserção da pesquisa no contexto de ihc -  1 bim
Inserção da pesquisa no contexto de ihc - 1 bim
 
Avaliação heuristica - 1 bim
Avaliação heuristica - 1 bimAvaliação heuristica - 1 bim
Avaliação heuristica - 1 bim
 
Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Arquitetura de informação - Case G1
Arquitetura de informação - Case G1
 
Project mobility net_beans
Project mobility net_beansProject mobility net_beans
Project mobility net_beans
 
Netbeans slides
Netbeans slidesNetbeans slides
Netbeans slides
 
Java EE netbeans
Java EE netbeansJava EE netbeans
Java EE netbeans
 
Apostila complementar java móvel
Apostila complementar  java móvelApostila complementar  java móvel
Apostila complementar java móvel
 
Cases Hipermídia 2010
Cases Hipermídia 2010Cases Hipermídia 2010
Cases Hipermídia 2010
 

09 publicando video no Flash 8

  • 1. Publicando Video no Flash8 Pré-Requisitos Macromedia Flash 8 Professional, Macromedia Flash 8 Video Encoder e familiaridade no trabalho com a ferramenta. Objetivo Capacitar o leitor a utilizar as potencialidades de vídeo para Web através dos arquivos FLVs e do Macromedia Flash 8, além de transmitir conceitos sobre esse segmento e suas melhorias com a nova versão da ferramenta. Conceitos Antes de começarmos a trabalhar, vamos dar um panorâma sobre o uso de video no Flash e suas novidades para a versão 8. Para aqueles que nunca trabalharam com video no Flash aqui vai uma pequena explicação sobre as formas de se dispor vídeo para a Web através dele: SWF - Importação do vídeo dentro do seu documento e publicação em SWF. (Small Web Format) >>>> Além de ser fácil, não requer softwares adicionais. Saiba mais: http://en.wikipedia.org/wiki/Swf FLV - Carregamento do arquivo FLV durante a exibição do seu conteúdo (Download Progressivo). >>>> Além de servir como "falso streaming", nos possibilita o uso de cue points e de vídeos maiores. Saiba mais: http://en.wikipedia.org/wiki/FLV FCS - Carregamento no servidor de streaming (Flash Communication Server). >>>> Possibilita controle do streaming assim como detecção de banda e conexões simultâneas. Saiba mais: http://en.wikipedia.org/wiki/Flashcom Vamos ver a segunda opção, o uso de arquivos FLVs carregados do servidor e exibidos em um player no nosso SWF. Agora que vocês já sabem quais são as formas de se trabalhar com vídeo no Flash, vou lhes contar às novidades que a nova versão trouxe. Primeiramente nós temos o Flash 8 Video Encoder, uma ferramenta que nos possibilita gerar nossos FLVs de forma rápida e fácil. Ele vem junto com o Flash e pode ou não ser instalado junto com a ferramenta.
  • 2. Outra grande novidade (talvez a maior) é o novo codec de vídeo, o On2 VP6(http://www.on2.com/) que é o núcleo dessa revolução de vídeo no Flash 8 com ele conseguimos compactações incríveis. Conteúdo Nosso primeiro passo será converter o vídeo WMV em FLV utilizando o Flash 8 Video Encoder. Com o Flash 8 e seu Encoder instalados, vocês podem abrí-lo na pasta Macromedia do menu Iniciar. 1 - Botão Add para selecionar com quais arquivos iremos trabalhar. 2 - Descrição do arquivo adicionado como caminho absoluto, configuração de compactação e status. 3 - Botão Settings para as configurações de compactação. Depois de adicionar o vídeo ao Encoder, selecionem Settings para fazer as configurações necessárias.
  • 3. 1 - Escolha da configuração de codificação. 2 - Botão Show/Hide Advanced Settings nos mostra mais opções para a codificação. 3 - Opções de vídeo como qualidade e codec a ser utilizado. Selecionando a aba Cue Points, podemos definir esses pontos que servem como capítulos em nosso vídeo:
  • 4. 1 - Aba Cue Points. 2 - Botões para adição e remoção de cue points. 3 - Linha do tempo do vídeo para delimitação dos cue points. 4 - Cue Point sendo adicionado e configurado. Clicando em OK, resta agora iniciar a compactação: 1 - Botão Start/Stop Queue. 2 - Informações referentes ao arquivo de entrada, o de saída e dados sobre a compactação. 3 - Demonstrativo de progressão e tempo estimado de término. Com a conclusão da compactação resta-nos saber qual foi a diferença de tamanho do WMV para o FLV. No caso, foi configurado para que o vídeo ficasse um pouco mais "modesto", chegamos ao incrível valor de 2.330 KB no nosso FLV. A redução foi de mais de 50% e vale dizer que poderia ter sido ainda mais rigoroso nas configurações de compactação.
  • 5. Bom passada a positiva surpresa do tamanho de nosso FLV, vamos agora abrir nosso Flash 8 e utilizar um componente para exibí-lo: 1 - Selecione o componente FLVPlayBack, específico para reproduções de FLV na versão 8. 2 - Arraste o componente para o palco. 3 - Abra o painel Component Inspector na aba Parameters. 4 - No parâmetro contentPath referencie o arquivo FLV a ser carregado (recomendo que ele esteja na mesma pasta).
  • 6. Se vocês publicarem o vídeo já será exibido, mas sem nenhum controle dos quais estamos acostumados, logo, vamos inserir controles de vídeo como volume, play e stop além de botões para navegação dos capítulos: 1 - Selecione o parâmetro skin. 2 - Exibe-se um preview da skin selecionado. 3 - Escolha a skin a ser utilizada, no meu caso: SteelExternalAll.swf. 4 - Dê um OK e confirme a aplicação da skin. Obs: Um adendo quanto ao uso de skins é que depois de inserí-la no seu arquivo já salvo em uma pasta e publicado, você verá que foi gerado um swf com o nome da skin selecionada, isso significa que a skin é na verdade um arquivo externo que é carregado durante a exibição para aplicar os elementos visuais que você escolheu.