16
out

Dicas para uso de Flash parte 2

Convenções de vídeo

Há muitas opções disponíveis para editar o vídeo, antes de importarmos para um documento FLA, ou para carregar um arquivo FLV para um arquivo SWF. O Flash e o Adobe Media Encoder têm controles melhores para compressão de vídeo. A compressão cuidadosa do vídeo é importante porque ela controla a qualidade da seqüência de imagens do vídeo e o tamanho do arquivo. Os arquivos de vídeo, mesmo comprimidos, são grandes em comparação com a maioria dos outros recursos do arquivo SWF.
Antes de importar o vídeo para o Flash, considere a qualidade de vídeo que necessita, que formato de vídeo usar com o arquivo FLA e como fazer o download. Se importar vídeo para um arquivo FLA (chamado vídeo incorporado), ele aumenta o tamanho do arquivo SWF para publicação. O download deste vídeo começa a ser feito, progressivamente, para o computador do usuário, seja o vídeo visualizado ou não. Podemos exibir o vídeo externo FLV usando um componente ou um objeto de vídeo.
Um componente facilita o desenvolvimento de aplicativos com o vídeo FLV, porque os controles do vídeo são pré-construídos e há necessidade apenas de especificar o caminho do arquivo FLV para reproduzir o conteúdo.
Para manter o arquivo SWF o menor possível, exiba o vídeo em um objeto de vídeo e crie seus próprios recursos e códigos para controlar o vídeo. Considere, também, o uso do componente FLVPlayback do Flash CS5 Professional, que tem tamanho de arquivo menor do que os componentes de Media (Flash MX Professional 2004 e posterior).
É uma boa idéia dar algum controle aos usuários (como a capacidade de parar, dar pausa, reproduzir e reiniciar o vídeo, além de controlar o volume) sobre o vídeo em um arquivo SWF.
Para conquistar algum tipo de flexibilidade sobre o vídeo, como manipular o vídeo com animação ou sincronizar diversas partes dele com a linha do tempo, incorpore o vídeo no arquivo SWF, em vez de carregá-lo usando o ActionScript ou um dos componentes Media.
Para maior controle sobre um símbolo de vídeo que a classe Vídeo permite, coloque o vídeo dentro de um Movie Clipe. A linha do tempo do vídeo é reproduzida independentemente de uma linha do tempo do Flash e podemos colocar o conteúdo dentro de um clipe de filme para controlar as linhas de tempo.

Exportação, compressão e hospedagem de arquivos FLV

Podemos exportar arquivos FLV dos ambientes de criação do Flash. Após a exportação do vídeo para o documento, ele aparece como símbolo de vídeo na biblioteca. Para exportar o vídeo como FLV, selecione o vídeo e depois selecione Biblioteca > Propriedades.
Para definir configurações de exportação, clique em Exportar na caixa de diálogo Propriedades do vídeo incorporado.
O exportador QuickTime do FLV comprime vídeos de software de edição de vídeo de terceiros.
Quando for comprimir o vídeo, lembre-se das seguintes recomendações:
• Não comprima novamente o vídeo. Recomprimir novamente um vídeo provoca degradação da qualidade, como artefatos. Use seqüências filmadas não processadas, ou as menos comprimidas, que tenha disponíveis.
• Faça o seu vídeo o mais curto possível. Apare o início e o fim do vídeo e edite para remover todo o conteúdo desnecessário. Isso pode ser conseguido diretamente no Flash usando o assistente de importação de vídeo.

18
set

Formulário de contato com Flash AS3

Os Componentes, como já vimos, são Movie Clips com parâmetros que permitem modificar sua aparência.
Ao invés de criamos botões, combos e listas, podemos arrastar esses componentes para o palco do Flash e adicionar funcionalidade a eles, configurando-os a nossa maneira.
1- Abra o arquivo contatenos.fla
2- Habilite o painel Componentes.
3- Selecione o componente TextInput e arraste-o para o palco do Flash colocando o nome de instância de “nome”.
4- Aumente o tamanho deste Componente para 300×20.
Quando arrastamos um componente para o palco, automaticamente é criada um símbolo dele junto a Biblioteca.
5- Selecione o símbolo TextInput da Biblioteca e arraste-o para o palco do Flash, colocando-o logo abaixo do outro, deixando-o com a mesma largura e altura. Dê o nome de instância para ele de “email”.
6- Agora, arraste uma instância do componente TextArea para a palco, colocando abaixo dos outros componentes com a largura de 300×40. Instancie-o para “mensagem”:
7- Arraste uma instância do componente Button para o palco do Flash, posicionando abaixo dos outros componentes.
8- No painel Components Inspector mude o item label para “Enviar” e instancie-o para “btn_enviar”.
9- Arraste outra instância do componente Button para o palco do Flash, colocando-o ao lado do btn_enviar.
10- Mude a opção label para “Limpar”e instancie- o para “btn_limpar”
11- Precisamos agora de um campo de erro. Selecione a ferramenta Text Tool no formato Dynamic Text e clique e arraste uma caixa na parte superior dos componentes.
12- Instancie esta caixa de texto para “mensagemErro”.
13- Crie uma nova camada e renomei-a para “acoes”. Habilite o painel Actions e digite na primeira linha:
btn_enviar.addEventListener(MouseEvent.CLICK, valida);
btn_limpar.addEventListener(MouseEvent.CLICK, limpar);
A função “valida” servirá para verificar se os campos foram digitados, se não retornará uma mensagem.
A função “limpar” servirá para apagar os campos de texto.

14- Na terceira linha digite:
function valida(evento:MouseEvent):void{
mensagemErro.text = “”;
if (nome.text == “”){
mensagemErro.text = “Favor preencher o campo
nome \n”;
}
if (email.text == “”){
mensagemErro.text = String(mensagemErro.text)
+ “Favor preencher o campo email \n”;
}
if (mensagem.text == “”){
mensagemErro.text = String(mensagemErro.text)
+ “Favor preencher o campo mensagem \n”;
}
}
function limpar(evento:MouseEvent):void{
nome.text = “”; email.text = “”; mensagem.text = “”;
}
Caso as caixas de texto estejam vazias retornará uma mensagem no campo de texto instanciado de “mensagemErro”.
Teste o arquivo e veja que os botões estão funcionando.
Melhore o visual desta página inserindo imagens de redes sociais e maiores informações.

 

Configurando o envio de dados do formulário de contato

15- Abaixo dos ouvintes dos botões (na terceira linha) digite:
var nomeArquivo:String;
nomeArquivo = “processa.asp”;
O Flash conversa com o ASP e PHP através de envio e recebimento de variáveis, executando as tarefas.
Neste exercício passaremos os dados para o ASP fazer o envio dos dados por e-mail.
16- Abaixo das condicionais (if) acrescente mais uma para a função “enviar”, digitando:
if (mensagemErro.text = = “”){
this.enviar();
}
17- Abaixo iremos digitar a função “enviar”, responsável pelo envio dos nossos dados do formulário:
function enviar():void {
var req:URLRequest=new URLRequest(nomeArquivo);
req.method=URLRequestMethod.POST;
var vars:URLVariables=new URLVariables;
vars.nome=escape(nome.text);
vars.email=escape(email.text);
vars.mensagem=escape(mensagem.text); req.data=vars;
var loader:URLLoader=new URLLoader();
loader.load(req);
loader.addEventListener(Event.
COMPLETE,onVarsLoaded);
loader.addEventListener(IOErrorEvent.IO_ERROR,
onIOError);
}
function onVarsLoaded(event:Event):void{
var loader:URLLoader = URLLoader(event.target);
mensagemErro.text = “Email enviado com sucesso”;
}
function onIOError(event:IOErrorEvent):void {
mensagemErro.text = “Erro ao enviar o email”;
}
A função enviar pega todos os itens digitados nos campos e envia os dados. São criadas variáveis para os objetos (nome, email,  mensagem) para guardarem o conteúdo dos dados digitados.