Conhecendo o Flash 8 – Parte 3 (Vídeo)
Conhecendo o Flash 8 – Parte 3 (Video)Olá pessoal! Finalizando essa série sobre os novos aspectos do Flash 8 eu vou falar sobre as melhorias que firmam a Plataforma Flash como a melhor solução para video na Web. A melhor forma de compreender as melhorias é fazer um exemplo, pensando nisso procurei um video que facilitasse a exemplificação desses novos recursos. Um filme não muito grande mas com video e audio. Optei por um filme com 4.818 KB mostrando as peripércias de um jogador comum de futebol. Antes de começarmos a trabalhar, vou 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. FLV – Carregamento do arquivo FLV durante a exibição do seu conteúdo (Download Progressivo). FCS – Carregamento no servidor de streaming (Flash Communication Server). Nesse artigo 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 as 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. Durante esse artigo irei falar mais sobre o Encoder. Outra grande novidade (talvez a maior) é o novo codec de vídeo, o On2 VP6 que é o núcleo dessa revolução de vídeo no Flash 8. Com o VP6 conseguimos compactações incríveis, mas vou mostrar isso mais adiante. Agora chega de explicações e vamos botar a mão na massa. Nosso primeiro passo será coverter 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. 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. 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 como eu configurei 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 eu 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.
Pronto tendo um FLV já gerado, em menos de 5 minutos você cria uma aplicação para reproduzí-lo através de download progressivo. Difícil?! Creio que nem um pouco e com os devidos testes e exemplos tenho certeza que todos os interessados estarão aptos a criar esse tipo de conteúdo de forma rápida, fácil e sem maiores dores de cabeça. Abaixo vocês podem visualizar o arquivo que criei para esse artigo, lembrem-se esse vídeo ficou com apenas 2.330 KB contra os 4.818 KB do WMV. Obviamente ele está voltado à aqueles que possuem uma banda de pelo menos 150 kbps o que não é nada hoje em dia. E pensar que eu li há alguns dias que um provedor já fornece 100 mbps no Japão… A propósito, o vídeo tem 1:54 min e mais uma vez eu afirmo: 2.330 KB!! Espero que ter desmistificado possíveis dificuldades na criação e visualização de arquivos FLVs pelo Flash além de ter apresentado nosso poderoso Video Encoder e seus FLVs. Façam seus testes e espero em breve ver várias aplicações utilizando esses recursos tão valiosos. Em caso de dúvidas utilizem nossos fóruns. Um abraço a todos e até a próxima. Danilo Santana |
Escrito por Danilo Santana
on setembro 16, 2005. Arquivado em Flash.
Você pode seguir as respostas a esse artigo pelo RSS 2.0.
Você pode deixar respostas para esse artigo
Parabens, gostei do tuto, muito bem explicado. Continue assim fazendo feliz os admiradores de fllash
Olá Danilo Santana;
Estou com problemas. Segui todos os passos de seu tutorial (que por sinal achei muito bom). Tudo funcionou corretamente, porém quando coloquei meu site no ar o vídeo não aparece. Fica apenas um espaço em branco como se não houvesse arquivo nenhum no local da página. O engraçado é que se no espaço da página você apertar como o botão direito do mouse, e navegador indica que há um arquivo flash naquele local.
Coloquei tudo na mesma pasta e refiz o vídeo diversas vezes, mesmo assim não adiantou.
Me ajude por favor;
Estou no aguardo… Caso queira entrar no site para ver: http://www.familiapinho.com
P.S. montei meu site e vídeo através de um pendrive. Será que pode ser este o problema?
Tambem tive o mesmo problema o video não aparece será que tem que instalar algum componente no servidor?
Tambem estou com o mesmo problema.
Será que é por caisa dos programas piratas ou um macete que ninguem sabe?????
kra os controle do FLV Playback nao aparece qdo coloco no servidor, somente qdo eu executo o arquivo.swf, pq ?
Por favor me add
MSN leandrorcom@hotmail.com
Segui as indicações , mas o vidio ficou de cabeça para baixo e o audio não ficou sincronizado com a imagem. Porque o que fiz de errado??????????????????????????????????????
Aconteceu o mesmo comigo, se alguem consegui por gentileza post aqui qual será o nosso erro
mui grato
Show muito bem explicado..
como eu faço para chamar um video dinamicamente igual o player do ML faz….
cod html do ml.
Como faço para salvar video em flash q eu assisto?
abraços
como faço para exibir vários videos na mesma página?
por exemplo, gostaria de montar uma página em flash com links de vários videos. Cada link clicado exibiria o video correspondente, porém na mesma página.
Obrigado
Ola pessoal
Comigo aconteceu também o arquivo funciona apenas localmente, quando enviou para o servidor mostra apenas uma pagina em branco, caso alguém tenha solucionado o problema posta ai
Abraços
O controle do FLV Playback nao aparece qdo coloco no servidor, somente o video, porque ?
Quando coloco no ar, o filme não aparece, qual sera o problema?
por favor me ajudem!
hugo_aa_@hotmail.com
Hugo, vê se você colocou o arquivo convertido (.flv) lá no ftp junto com o .swf e tal.
Danilo, parabéns, belo tutorial, bastante prático.
abraços!!!
fiz todo o procedimento ate coloquei o video .flv no http://ftp.. e fica tudo preto
os caras do videos jogam d+++++++
Olá…
estou iniciando e estou com algumas duvidas, espero que vc possa me dar umas dicas…
entao, estou usando este componente FLVPlayBack para a reproduçao de videos flv, ate ai td bem… está funcionando, mas…. eu nao quero que ele carregue o video automaticamente qdo eu carrego a pagina… preciso que ele inicie o carregamento do video somente qdo clicar no botao play…
pq tenho varios videos e todos carregam ao mesmo tempo, ai fico mto pesado…
se puder me ajudar…
obrigada,
Eliane.