Otimização dos arquivos Fla para saída SWF

Na medida em que aumenta o tamanho do arquivo de documentos, também aumenta o tempo de download e a velocidade da reprodução. Podemos tomar diversas medidas para preparar nosso documento para uma melhor reprodução.
Como parte do processo de publicação, o Flash executa automaticamente alguma otimização nos documentos. Antes de exportar um documento, podemos otimizá-lo ainda mais usando diversas estratégias para reduzir o tamanho do arquivo. Podemos, também, comprimir o arquivo SWF na publicação.
Enquanto fazemos as mudanças, teste o documento executando-o em diversos computadores, sistemas operacionais e conexões da internet.
Para otimização de documentos siga as seguintes diretrizes:
• Use símbolos, animados ou não, para todos os elementos que aparecem mais de uma vez.
• Use animações interpoladas sempre que possível na criação de seqüências animadas. As animações interpoladas usam menos espaço de arquivo do que uma série de quadros- chave.
• Use clipes de filme em vez de símbolos gráficos para seqüências de animação.
• Limite a área de mudança em cada quadro-chave; faça a ação acontecer na menor área possível.
• Evite elementos de bitmap animados; use imagens de bitmaps como elementos estáticos ou de fundo.
• Use mp3, o menor formato de som, sempre que possível.
• Limite o número de tipos de linhas especiais, como tracejadas, pontilhadas, irregulares e assim por diante. As linhas sólidas exigem menos memória. As linhas criadas com a ferramenta Lápis exigem menos memória que os traçados com pincel.
• Limite o número de fontes e de estilos de fonte. Use fontes incorporados com moderação, pois elas aumentam o tamanho do arquivo.
• Use gradientes com moderação. O preenchimento de uma área com cor gradiente exige cerca de 50 bytes a mais do que preenchê-la com cor sólida.
• Use transparência alfa com moderação, pois ela retarda a reprodução.
► O melhor formato de bitmap a ser importado para o Flash é o PNG, o formato nativo do Adobe Fireworks. Os arquivos PNG têm informações RGB e alfa para cada pixel.
A taxa mais alta de quadros (medida em quadros por segundo, ou fps) produz uma animação suave em um arquivo SWF mas pode exigir muito do processador, principalmente em computadores mais antigos. Teste as animações em taxas de
quadros diferentes, para encontrar a menor taxa de quadros possível.
O bitmap em cache ajuda a melhorar o desempenho de clipes de filmes de conteúdo estático nos aplicativos. Quando definimos as propriedades MovieClip.cacheAsBitmap ou Button.cacheAsBitmap para verdadeiro, o Flash Player coloca em cache a representação interna do bitmap do clipe de filme ou da ocorrência do botão. Isso pode melhorar o desempenho dos clipes de filme com conteúdo
vetorial complexo. Todos os dados vetoriais de um clipe de filme que têm bitmaps em cache são desenhados no bitmap, em vez de no Palco principal.

O Flash também pode criar arquivos executáveis, que contém todos os elementos necessários para visualizar o filme, sem a necessidade do usuário precisar de um navegador para isso. O arquivo torna-se um pouco maior por conter os elementos necessários incorporados a ele.
Podemos criar arquivos no Flash para gravar um CD-ROM multimídia, basta gerarmos um arquivo executável e gravarmos este arquivo no CD.
Para gerarmos arquivos executáveis em Tela Cheia, sem aumentar as imagens evitando uma perda de qualidade das imagens do filme, devemos colocar os comandos abaixo na Timeline no filme:

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.displayState = StageDisplayState.FULL_SCREEN;

O Flash ainda gera arquivos no formato de vídeo compatível com o QuickTime.
Esses filmes podem ser assistidos por usuários que não possuem o plugin do Flash.

Após criarmos nosso filme é hora de disponibilizá-lo para que os usuários o assistam. Para isso devemos definir suas configurações de exportação, que são efetuadas no painel Publish Settings.
1- Crie um novo arquivo.
2- Selecione o menu: File > Publish Settigns. Nesta janela escolhemos o formato desejado entre os disponíveis para exportação.
- Flash (.swf): gera um arquivo swf;
- HTML (.html): gera um arquivo HTML, pronto para ser disponibilizado na Web;
- GIF (.gif): cria uma imagem no formato GIF, que pode ser estática ou animada;
- JPEG (.jpg): cria uma imagem no formato JPG;
- PNG (.png): cria uma imagem no formato PNG;
- Windows Projector (.exe): gera um executável para Window;
- Macintosh Projector: gera uma executável para MAC;
- QuickTime (.mov): cria um filme para QuickTime.
Para exportarmos em algum dos formatos disponíveis , devemos marcar a caixa de seleção ao lado do formato.
Ao fazermos isso, novas abas são adicionadas ao painel Publish Settings para as configurações do formato.
Os formatos de arquivos executáveis não abrirão abas, pois não terão elementos para serem configurados.
Observe que ao lado de cada formato existe um campo chamado File, no qual podemos escolher separadamente o nome e local de cada arquivo que será gerado.
► Para realmente criarmos os arquivos devemos clicar no botão Publish que efetua a publicação. O botão OK apenas serve para  confirmarmos as configurações.

Flash

As configurações disponíveis para este formato são:
- Player: a versão do player necessário para visualizarmos o arquivo swf.
- Script: escolhemos a versão do ActionScript que será utilizada no filme.

Html

Podemos configurar o arquivo HTML que o Flash vai gerar. Esse arquivo pode ser colocado no nosso site para que os usuários visualizem nosso filme. Não esquecendo de levar o arquivo swf junto.
- Template: contém opções de modelos de códigos HTML predefinidos para serem usados em nossas paginas;
- Detect Flash Version: essa opção faz com que o arquivo HTML possua um código anexo que verifica a versão do player;
- Dimensions: podemos definir o tamanho que o filme ocupará na página HTML;
- Paused at start: com essa opção selecionada o filme se inicia parado, aguardando que um comando mande reproduzi-lo;
- Loop: faz com que o filme recomece ao atingir seu ponto final, desde que nenhuma ação no último frame mande o filme parar;
- Display menu: quando o usuário clica com o botão direito do mouse no filme, um menu contextual se abre. Caso não deseje exibir o menu completo (alguns itens são obrigatórios), podemos desmarcar essa opção;
- Device font: essa opção substitui fontes existentes no filme por existentes na máquina do usuário;
- Quality: define a qualidade do filme;
- Window mode: no Internet Explorer podemos definir o comportamento visual da área do filme. Temos as opções: Window (modo padrão), Opaque Windowless (evita que elementos que estejam por trás do filme sejam exibidos através dele) é uma opção bastante utilizada para evitar que um menu DHTML se sobreponha ao filme e não funcione corretamente e o Transparent Windowless (torna o fundo do filme transparente).
- HTML alignment: configura o alinhamento que a área do filme ocupará no navegador;
- Scale: configura como o conteúdo do Flash ire se comportar caso tenha sido alterada alguma das dimensões do filme: Default (Show all) não distorce o filme, No Border mantém a proporção do filme, cortando-o se ultrapassar a área especificada, Exact Fit faz com que todo o conteúdo do filme seja compreendido na área especificada para ele, não se importando com a proporção, podendo acarretar
distorção e o No Scale que é sem escala;
- Flash alignment: configura o alinhamento que o filme terá dentro da área especificada.
- Show warning messages: se marcada, mostra alertas sobre eventuais erros. Para termos um controle maior do nosso HTML com as Tags DIV recomenda-se que o HTML do seu Website seja gerado através do Adobe Dreamweaver e inserido o arquivo swf  posteriormente.

Gif

- Dimensions: define o tamanho da imagem. Se marcada a opção Match Movie, teremos as dimensões do filme do Flash; caso desmarcada, poderemos definir nossas dimensões;
- Playback: opção para definir se a imagem GIF será estática (Static) ou animada (Animated);
Quando definida a opção Animated, é necessário escolher se a imagem estará em um loop infinito (Loop continuously) ou o número de quantidades de vezes que a image será reproduzida até parar (Repeat).
- Optimize colors: remove cores não utilizadas na tabela de cores da imagem GIF;
- Interlace: mostra a imagem rapidamente, melhorando sua qualidade aos poucos enquanto faz o download dela;
- Smooth: suaviza a imagem a ser exportada;
- Dither solids: utiliza pontilhamentos (utilização de duas cores próximas para simular uma terceira) para simular uma gama maior de cores;
- Remove gradients: converte os gradientes em cor sólida;
- Transparent: configura como será a transparência da imagem: Opaque (sem transparência), Transparent (faz com que o fundo do filme seja exportado como área transparente na imagem), Alpha (transparência parcial da imagem).
No campo Threshold definimos um valor de 0 a 255 que corresponderá a um limite para a transparência.
- Dither: configura o pontilhamento: None (não pontilha e substitui cores não presentes na tabela de cores da imagem pelas mais próximas), Ordered (pontilhamento com qualidade razoável sem aumentar muito o tamanho do arquivo), Difusion (melhor qualidade, entretanto com aumento do arquivo);
- Palete type: tipo de paleta a ser utilizada na imagem: Web 216 (cores seguras da Web), Adaptive (cria uma tabela com as cores utilizadas no arquivo, alterando algumas para se manter no limite do formato), Web Snap Adaptive (semelhante à adaptive, só que converte cores semelhantes em cores da paleta segura da Web), Custom (podemos buscar uma tabela de cor).

Png

- Dimensions: define o tamanho da imagem. Se marcada a opção Match Movie, teremos as dimensões do filme do Flash; caso desmarcada, poderemos definir nossas dimensões;
- Bit depth: profundidade de cores utilizada na imagem que será gerada, sendo sua opções: 8 bits (256 cores), 16 bits (milhares de cores), 24 bits com with Alpha (milhares de cores com transparência);
- Optimize colors: remove cores não utilizadas na tabela de cores da imagem GIF;
- Interlace: mostra a imagem rapidamente, melhorando sua qualidade aos poucos enquanto faz o download dela;
- Smooth: suaviza a imagem a ser exportada;
- Dither solids: utiliza pontilhamentos (utilização de duas cores próximas para simular uma terceira) para simular uma gama maior de cores;
- Remove gradients: converte os gradientes em cor sólida;
- Dither: configura o pontilhamento: None (não pontilha e substitui cores não presentes na tabela de cores da imagem pelas mais próximas), Ordered (pontilhamento com qualidade razoável sem aumentar muito o tamanho do arquivo), Difusion (melhor qualidade, entretanto com aumento do arquivo);
- Palete type: tipo de paleta a ser utilizada na imagem: Web 216 (cores seguras da Web), Adaptive (cria uma tabela com as cores utilizadas no arquivo, alterando algumas para se manter no limite do formato), Web Snap Adaptive (semelhante à adaptive, só que converte cores semelhantes em cores da paleta segura da Web), Custom (podemos buscar uma tabela de cor).
- Filter: são as maneiras como a imagem será filtrada para facilitar sua compressão.

Da mesma forma que utilizamos máscaras para visualizar elementos por uma área delimitada, também podemos criar máscaras que nos permitam que apenas áreas específicas do vídeo sejam visualizadas.
10- Adicione uma nova layer (acima da layer “video”) e renomei-a para “mask”.
11- Desenhe um quadrado com os cantos arredondados sobre a área em que se encontra o vídeo.
12- Selecione a layer “mask”e clicando nela com o botão direito do mouse, escolha a opção Mask.
Pronto, foi criada uma máscara sobre nosso vídeo

Vídeo em tela cheia

Uma novidade incorporada a mais recente versão do player do Flash é a possibilidade de exibir seu conteúdo em tela cheia.
Podemos criar um vídeo de forma semelhante ao que ocorre no You Tube, por exemplo.
1- Crie um arquivo novo.
2- No painel Components arraste para o palco uma instância do componente FLVPlayback.
3- No painel Component Inspector no item source escolha o video cafe_art.flv.
4- No item Skin escolha uma que tenha a opção FullScreen.
5- Selecione o menu: File > Publish Settings.
6- Na área HTML ajuste o item template para: Flash Only – Allow Full Screen.
7- Clique no botão Publish.
8- Ao testarmos o arquivo HTML gerado clique no botão dedicado a exibir o filme em tela cheia, localizado na extremidade inferior direita do skin.
Uma mensagem, que desaparece logo depois, avisa que é possível utilizar a tecla ESC para sair do modo de tela cheia.
Será gerado um arquivo com a extensão .js (JavaScript) que deve ser enviado junto com os arquivos para o seu website.

Adobe Media Encoder é um aplicativo de codificação independente empregado por programas como Adobe Premiere Pro, Adobe Soundbooth e Flash para impressão de certos formatos de mídia. Dependendo do programa, o Adobe Media Encoder
oferece uma caixa de diálogo especializada Exportar configurações que acomoda as inúmeras configurações associadas com certos formatos de exportação, como Adobe Flash Video e H.264. Para cada formato, a caixa de diálogo Exportar configurações
inclui uma série de predefinições que são personalizadas para uma mídia de entrega em particular.
1- Crie um novo documento no Flash.
2- Abra o Adobe Media Encoder CS5.
3- Clique no botão Add e selecione o vídeo cafe_art.vwm
4- Nos botão Preset selecione a opção Edit export settings e configure o vídeo.
5- Clique em OK
Na janela Adobe Media Encoder clique no botão Start Queue. E o vídeo inicia a exportação para o formato FLV.
6- Retorne para o Flash e clique em Import > Import Video e escolha o arquivo cafe_art.flv
7- Escolha a opção Embed FLV in SWF and play in timeline.
8- No item Symbol Type escolha a opção Movie Clip.
Em Symbol Type escolhemos que o vídeo se encontrará dentro do filme do Flash como incorporado: Embed Vídeo; em áudio track escolhemos que o áudio será integrado com o vídeo: Integrated; marcando a opção: Place instance on stage, estamos dizendo que queremos que uma instância do arquivo seja colocada no palco; a opção: Expand timeline if needed marcada indicará que a timeline do filme poderá ser expandida para acomodar todo o vídeo; marcando o item Embed the entire vídeo, iremos para a etapa Encoding para editar o vídeo antes de ser incorporado ao filme.
9- Clique no botão next e finish.
O vídeo já esta no palco do Flash.

1- Crie um novo arquivo.
2- Desenhe um retângulo no palco do Flash e transforme-o em um símbolo Movie Clip. Instancie-o para “ativa”. Renomeie esta layer para “banner”.
3- Dê um duplo clique para entrar em sua edição e escreva “Passe o Mouse” como texto estático.
5- Retorne para a cena principal.
6- Crie um quadrado da mesma largura do retângulo já criado e posicione-o acima do retângulo (na parte de fora do palco) em uma nova layer chamada “animacao”.
7- Transforme essa forma em um símbolo Movie Clip e instancie-o para “tela”.
8- Entre na edição do Movie Clip “tela” e transforme o Shape em um símbolo Gráfico.
9- Crie uma interpolação de movimento e no quadro final desloque o objeto para baixo do símbolo.
10- Ainda dentro do Movie Clip “tela”crie uma nova camada e insira um keyframe no frame 13. Escreva “Adobe Flash”na parte superior fora do palco.
11- Crie uma interpolação de movimento e no quadro final desta layer posicione o texto em cima do outro símbolo.
12- Crie uma nova camada e renomei-a para “acoes”. No seu primeiro frame coloque um comando de Stop:
stop();
13- Retorne a cena principal e crie uma nova camada com o nome de “acoes”.
14- Coloque a ordem das camadas como na imagem. Esta ordem é importante para o funcionamento correto do banner.
15- Habilite o painel Actions no primeiro frame da layer “acoes” e na primeira linha digite:
stop();
ativa.addEventListener(MouseEvent.MOUSE_OVER,Exibe);
ativa.addEventListener(MouseEvent.MOUSE_OUT,Esconde);
ativa.buttonMode = true;
Quando o mouse passar em cima do Movie Clip “ativa” irá chamará a função “Exibe”; e quando o mouse sair de cima do Movie Clip ativa, chamará a função “Esconde”.
16- Na quinta linha digite:
function Exibe(evento:MouseEvent):void{
tela.addEventListener(Event.ENTER_FRAME, Abre);
tela.removeEventListener(Event.ENTER_FRAME,Fecha);
}
function Abre(evento:Event):void{
tela.nextFrame();
if (tela.currentFrame == tela.totalFrames) {
tela.removeEventListener(Event.ENTER_FRAME, Abre);
}
A função “Exibe” quando executa a função “abre” vai para o próximo frame até chegar ao final no Movie Clip Tela, onde está nossa animação.
Na condição (if) temos: se o Frame atual for igual ao numero total de frames, remove a função abrir.
17- Na linha seguinte digite:
function Esconde(evento:MouseEvent):void{
tela.addEventListener(Event.ENTER_FRAME, Fecha);
tela.removeEventListener(Event.ENTER_FRAME,Abre);
}
function Fecha(evento:Event):void{
tela.prevFrame();
if (tela.currentFrame == 1){
tela.removeEventListener(Event.ENTER_FRAME,Fecha);
}
}
Para a função “Esconde” temos a mesma lógica, alterando a condição (if) para: se o frame atual for igual a 1, remove a função fechar da lista.
18- Pronto. Teste seu Movie Clip e veja a funcionalidade do banner.

Para este tutorial é necessário criar um arquivo .psd com um retângulo com gradiente de transparência.

1- Crie um novo arquivo.
2- Clique no menu: File > Import > Import to stage e selecione o arquivo banner.psd que esta na pasta imagens.
3- Selecione cada layer e marque a opção: Flattened bitmap image, a qual irá ser uma imagem não editável.
Na layer Shape 1 marque a opção: Editable paths and layer styles, que fará com que esta imagem seja editável, deixando, no caso
deste arquivo, a forma separada do preenchimento.
Desmarque a layer background, pois não a usaremos no arquivo fla.
Deixe marcada a opção Flash Layers.
As duas opções abaixo ficam marcadas:
- Place object at original position: os objetos importados para o Flash ficaram na mesma posição que se encontravam no Photoshop;
- Set stage size to same size as Photoshop canvas: o placo do Flash será redimensionado para as mesmas dimensões do Photoshop.
Veja que nossos arquivos estão nas Layers do Flash exatamente como estavam no Photoshop e que na Biblioteca as imagens encontram-se organizadas em uma pasta.
4- Selecione o Movie Clip, localizado na layer Shape 1 e dê um duplo clique para entrarmos em sua edição.
5- Exclua a layer 1, que corresponde à cor de preenchimento do objeto.
6- Importe para a Biblioteca 3 imagens do seu computador.
7- Renomeia-e a layer 2 para mask.
8- Crie uma nova layer e renomeie-a para “imagem1”. Posicione-a abaixo
da layer “mask”.
9- Com a layer “flor1” selecionada arraste a imagem flor1.jpg para o palco do Flash.
Redimensione e posicione a imagem em cima do objeto.
10- Crie uma interpolação de movimento na layer “imagem1” e redimensione os
quadros desta para o quadro 80.
11- Deixe o indicador de tempo posicionada no quadro 1 e diminua o Alpha para 0%.
12- No quadro 10 deixe o Alpha em 100%.
13- No quadro 80 deixe o Alpha em 0%.
14- No quadro 70 deixe o Alpha em 100%.
15- Estenda a layer “mask” até
o quadro 80, também.
16- Teste a animação.
17- Insira uma layer acima da layer “imagem1” e renomei-a para “imagem2″
18- Posicione o indicador de tempo no quadro 70 e insira um quadro-chave (F6) na layer “imagem2”.
19- Arraste a imagem flor2.jpg para o palco e diminua a mesma.
20- Crie uma interpolação de movimento nesta layer e arraste-a até o quadro 160.
21- Prolongue a layer “mask”, também.
22- No quadro 70 na layer “imagem2” deixe o Alpha em 0%.
23- No quadro 80 desta layer deixe o Alpha em 100%.
24- No quadro 160 deixe o Alpha em 0%.
25- No quadro 150 deixe o Alpha em 100%.
26- Teste a animação e veja as imagens passando na máscara.
27- Retorne a Cena principal.
28- Selecione o bitmap correspondente as curvas da parte de baixo do banner e transforme-a em um símbolo Movie Clip.
29- Entre na edição deste MC e crie uma nova layer desenhando um forma ao lado esquerdo da imagem.
30- Crie uma interpolação de movimento e no quadro final da layer aumenta a forma de maneira que cubra toma a imagem.
31- Peça a propriedade de Mask para esta layer.
32- Coloque um stop no quadro final da animação.
33- Retorne a cena principal.
34- Insira uma nova layer e renomei-a para “btnInvisivel”.
35- Clique no menu: Insert > New Symbol e escolha a opção Button.
36- Insira um Keyframe no estado Hit do botão e desenhe um retângulo, configurando a posição X e Y para 0.
37- Retorne a Cena principal.
38- Com a layer “btnInvisivel”selecionada arraste o novo botão criado para o palco do Flash, posicionando-o em cima do banner e redimensionando-o de forma que ocupe toda a extensão do banner.
39- Instancie este botão para “btn”.
40- Crie uma nova layer e renomei-a para “acoes”. Habilite o painel Action e digite:
btn.addEventListener(MouseEvent.CLICK, banner);
function banner(event:MouseEvent):void {
navigateToURL(new
URLRequest(“http://www.google.com”), “_blank”);
}
O método navigateToURL é o responsável por abrirmos uma nova página.

1- Abra o arquivo desejado.
2- Em todas as layers do seu filme filme avance um frame, deixando-as todas iniciando a partir do frame 2 da Timeline.
3- Crie uma nova layer abaixo da layer “acoes” e renomei-a para “preloader”.
4- Crie um campo de texto dinâmico com o nome de instância de “pct”.
5- Delete o segundo quadro da layer “preloader”, deixando somente o quadro 1 com o objeto de texto.
6- Selecione o quadro 1 da camada “preloader”e habilite o painel Action digitando:
stop();
this.addEventListener(Event.ENTER_FRAME,loaded); function
loaded(EVENT:Event):void
{
var carregando:Number=int(loaderInfo.bytesLoaded/
loaderInfo.bytesTotal*100) pct.text=carregando+”%”;
if(carregando==100)
{
removeEventListener(Event.ENTER_FRAME,loaded);
gotoAndPlay(2);
}
}
Criamos uma função “loaded”que executa o carregamento a partir da classe loaderInfo, responsável pela execução do carregamento, que passa o resultado dos bytes carregados divididos pelos bites totais e multiplicado por 100.
A instância “pct” é do tipo texto que quando carregada mostra o valor em porcentagem
Se carregado todo o arquivo ele remove a função loaded e vai para o frame 2.
7- Desloque o quadro da ações da camada “acoes” para o segundo e coloque um stop na primeira linha.
8- Teste seu filme. Para ver o preloader em funcionamento pressione CTRL + Enter, novamente.
Quando chegar a 100% será carregado nosso filme.
Para adicionar uma barra que vai crescendo juntamente com a porcentagem crie um retângulo de largura de 2 pixels e transforme-a em um símbolo do tipo Movie Clip com nome de instância de “barra”.
9- Habilite o painel Action e digite na 7 linha:
barra.gotoAndStop(carregando);
10- Teste seu arquivo e veja como ficou

Vimos como utilizar sons para trabalhar no Flash. Nesta lição veremos a possibilidade do som não precisar ser previamente importado para o filme, mas que isso seja feito através do ActionScript.
Vamos ver um exemplo que buscará um arquivo de som externo.
1- Crie uma nova layer e renomeie para “controlesom”.
2- Nessa layer desenhe dois botões: um que simbolize a Play e o outro o Stop.
3- Selecione o botão correspondente ao stop e transforme-o em um Button e instancieo para “parar”.
4- Selecione o botão correspondente ao play e transforme-o em um Button e instancieo para “tocar”.
Antes de programarmos os botões iremos carregá-lo externamente através de comandos em ActionScript.
5- Selecione o primeiro quadro da camada “acoes” e digite na primeira linha do painel Actions (F9):
var audio:Sound = new Sound();
Nesta linha criamos uma instância chamada áudio a partir da classe Sound,
responsável por trabalhar com som no Flash.
6- Após, em uma segunda linha digite:
Var endereco:URLRequest=new
URLRequest(“sons_site/som_site.mp3”);
audio.load(endereco);
Na primeira linha criamos uma instância chamada “endereço” a partir daclasse URLRequest que armazena o endereço para o arquivo que iremos carregar.
Na segunda linha, para a instância chamada “audio”carregamos o arquivo de som pelo método load.
O arquivo de som já esta carregado, mas só será executado quando mandarmos ele fazer isso.
7- Numa outra linha digite:
audio.play();
Agora sim, mandamos à instância chamada “audio” iniciar a reprodução do som
pelo método play( ).
8- Teste o filme e veja que o som será carregado e executado.
9- No painel Actions altere a linha:
audio.play();

Para:

var
canal_de_som:SoundChannel=audio.play(0,int.MAX_VALUE);
Continuamos a mandar que o arquivo seja executado pelo método play que agora contém uma constante, ou seja, nosso som irá repetir (quando chegar ao final). O método play foi associado a uma instância que foi criada chamada “canal_de_som”, do tipo SoundChannel.
10- Para fazermos o som parar digite no painel Action:
parar.addEventListener(MouseEvent.CLICK,paraSom);
function paraSom(evento:MouseEvent):void {
canal_de_som.stop();
}
12- Para fazermos o som tocar novamente digite:
tocar.addEventListener(MouseEvent.CLICK,tocaSom);
function tocaSom(evento:MouseEvent):void {
canal_de_som = audio.play(0,int.MAX_VALUE);
}
11- Teste o arquivo e veja seu funcionamento.

Inserindo áudio em botões

Podemos associar sons aos diversos estados de um símbolo de botão. Como os sons são armazenados junto com o símbolo, eles funcionam em todas as ocorrências do símbolo.
1- Crie um novo arquivo.
2- Arraste uma instância de botão para o palco do Flash através do menu: Window > Common Libraries > Buttons.
3- Dê um duplo clique em cima do botão para entrar em sua edição.
4- Crie uma nova layer renomeando-a para “som”. Insira um qaudro em cada estágio do botão.
5- Importe um som para a Library que está na pasta sons_botoes.
6- Selecione o estágio Down na camada som do botão e clique no item Sound opção Name selecionando o som do botão.
7- Teste o filme e veja que quando o botão é pressionado emite o som.

Um dos grandes diferenciais do Flash com relação a outros tipos de animação é a possibilidade de ter som.
1- Crie um novo arquivo.
2- Selecione o menu: File > Import > Import to Library e escolha: sons_site > natureza. mp3
No caso de importação de áudio não tem importância à opção escolhida. Isso ocorre porque ao importamos um arquivo de áudio, ele vai direto para a Library.
3- Observe que o arquivo de som já esta na Library.
Apesar de estar na Library, o arquivo de áudio não é um símbolo e sim um pseudo- símbolo, assim como o vídeo, por exemplo, uma vez que só temos três tipos de símbolos por padrão no Flash (Gráfico, Botão e Movie Clip).
4- Para reproduzirmos o som basta clicarmos no botão Play, localizado na área superior direita da Library.

Configurações do som no Flash

5- Clique duas vezes em cima do ícone do som na Library. A janela Sound Properties se irá abrir.
Clicando no botão Test podemos testar as configurações do som, para parar é só clicar no botão Stop.
Para atualizar o som após alterações feitas externamente ao Flash é só clicar no botão Update. Para importar um novo som usamos o botão Import.
Nossas configurações ocorrem através do item Compression. Quando estivermos usando um arquivo MP3 e estiver marcada a opção Use Imported MP3 quality, o som utilizará a configuração original do MP3:
6- Desmarque a opção Use imported MP3 quality. Agora aparecem novos campos para configurarmos.
No item Compression escolhemos a compressão desejada para o som:
- ADPCM: ideal para sons curtos;
- MP3: mais utilizada para trilhas;
- RAW: geralmente sem compressão;
- Speech: compressão utilizada especialmente para fala.
7- Marque a opção MP3 no campo Compression.
É preciso definir a taxa de amostragem utilizada (Bit rate). Um valor acima de 16kbps produz resultados melhores. No campo quality definimos a qualidade desejada. O valor Fast é uma qualidade mais voltada para a web e suas opções resultam em sons com qualidades melhores.
8- No item Bit rate marque 20 kbps e no campo quality marque a opção Fast.
9- Clique no frame 100 da timeline e insira um Keyframe (F6).
10- Selecione o frame 1 desta layer e no Painel Properties na opção Sound escolha o áudio.
Repare que riscos aparecem na Timeline representando o som. Para melhor visualizarmos estes “riscos” podemos clicar com o botão direito em cima na layer correspondente e na opção properties dela escolher 300% para o item Layer height.
11- Vamos começar a configurar o som do filme no painel Properties. Selecione o quadro 1 e escolha a opção: Stream no campo Sync.
No campo Sync estão às configurações do comportamento do som.
- Event: ao escolhermos este item (no frame selecionado) uma nova instância do som será iniciada quando o indicador de tempo passar por esse Keyframe. Nessa opção o som toca inteiramente de forma semelhante ao Movie Clip, mesmo ocupando um quadro do filme. Neste item temos que ter cuidado, pois podem ser iniciadas novas instâncias do som enquanto a primeira ainda está tocando, causando sobreposições de sons;
- Start: funciona da mesma forma que a Event, diferenciando pelo fato de somente iniciar uma nova instância do som quando a atual já estiver sido finalizada, não sobrepondo os sons;
- Stop: para a instância que está tocando;
- Stream: seus trechos de som são anexados aos quadros do filme, portando só podemos ouvir o som quando houver quadros na Timeline. São carregados somente os trechos de música que aparecem nos quadros. É a melhor opção para um som que desejamos sincronizado a animação.
12- No campo Effect (campo que controla o efeito de volume do som) escolha a opção: Fade Out e clique no botão Edit:
- Left Channel: reproduz o som apenas no canal esquerdo (estéreo);
- Right Channel: reproduz o som apenas no canal direito (estéreo);
- Fade Left to Right: desloca o som do canal esquerdo para o direito;
- Fade Right to Left: desloca o som do canal direito para o esquerdo;
- Fade In: aumenta gradualmente a amplitude do som;
- Fade Out: diminui gradualmente a amplitude do som;
No botão Edit sound envelope, temos uma representação gráfica do som em seus dois canais (esquerda e direita).
Para alterar o volume em algum dos canais, basta clicarmos na janela correspondente e um quadro representativo aparece.
Nesta janela quanto mais próximo da parte inferior de algum canal mais baixo será o som e quanto mais próximo do topo mais alto o volume será.
13- Teste o filme e veja que o filme será reproduzido segundo as configurações e efeitos que configuramos.