iMasters | Por uma internet mais criativa e dinâmica

• ActionScript
• Flash

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 8 comentários

Olá Pessoal! Nessa minha segunda matéria no iMasters vamos falar de um assunto muito interessante. Trata-se da classe Sound, para podermos adicionar e controlar um som no nosso filme Flash. Neste artigo vou mostrar-lhes detalhadamente como funcionam alguns métodos da classe e criaremos um simples player de MP3. Então vamos conhecer os métodos dos quais falaremos a respeito.

Sound.attachSound(seu_som); Anexa o som especificado nos parênteses. O som deve estar na biblioteca e com um linkage.

Sound.getBytesTotal(); Retorna o número de bytes no total.

Sound.getPan(); Retorna o nível de pan definido na última chamada setPan.

Sound.getVolume(); Retorna o nível de volume do som.

Sound.start(deslocamento em segundos, loops);

Deslocamento em segundos permite reproduzir um som de um ponto específico. Ex.: Se temos um som de 1:00 e queremos iniciá-lo a partir dos 30 segundos basta escrevermos Sound.start(30,loops);

Ex.: Sound.start(30,9999);

Ambos os parâmetros são opcionais.

Sound.stop(); Para o som especificado ou todos os sons que estiverem sendo reproduzidos no momento.

Propriedade / Descrição

Sound.position(); Somente leitura. Retorna a posição do som em milisegundos.

Eventos / Descrição

Sound.onLoad Evento chamado automaticamente quando o som é carregado.

Gostaria de lembrar que não mencionei todos os métodos, propriedades e eventos da classe Sound. Os demais deixarei para uma próxima oportunidade.

Abra o painel de ações e escreva na primeira frame:

[cor1]//Criando o objeto som[/cor1]
som = new Sound();
[cor1]//Carregando o som[/cor1]
som.loadSound("arquivo.mp3", false)
[cor1]//aqui carregamos o som arquivo.mp3 que está na mesma pasta que o nosso filme. Como você deve ter //percebido o segundo parâmetro está false, ou seja, não estamos usando o streaming.[/cor1]
som.stop();
[cor1]//aqui definimos que o som deve ficar parado, mas se você deseja que ele se inicialize sozinho, basta //alterar esta parte por som.start(0,1);[/cor1]

Se você rodar o seu filme Flash verá que o som será tocado, mas ainda não podemos comandá-lo.

Crie 3 botões (Play, Stop e Pause).

Stop - vai parar o nosso som quando clicado.

Agora vamos criar as ações nos botões. Selecione o botão Pause, abra o painel de ações e coloque o seguinte:

on(release) {  [cor1] //Quando realizado[/cor1]
som.pausa = som.position/1000;  
[cor1]//O som.pausa pega a posição atual do som. Dividimos por 1000 pois a posição está em milisegundos //mas precisamos dela em segundos. [/cor1]
som.stop();    [cor1]//Paramos a reprodução.[/cor1]
}

Agora, selecione o botão Play e, no painel de ações, coloque o seguinte:

on (release) {     [cor1]//Quando realizado[/cor1]
if (som.pausa != null) {    [cor1]// Damos uma condição: Se som.pausa for diferente (!) de nulo (0)[/cor1]
som.start(som.pausa, 0);
[cor1]//Veja que o parâmetro Deslocamento em segundos se encontra som.pausa, ou seja, o ponto atual da //reprodução do som. Isso faz com que o som seja continuado a partir do ponto de onde demos Pausa.[/cor1]
} else {  [cor1] //Caso o contrário[/cor1]
som.start(0, 1);  [cor1] //Inicia o som com 0 de deslocamento e 1 loop.[/cor1]
}
} 

Feito isso, vamos ao botão Stop. Portanto selecione-o e abra o painel de ações:

on (release) { [cor1]  //Quando realizado[/cor1]
som.stop();   [cor1] //Paramos a reprodução do som[/cor1]
som.pausa = 0;
[cor1]//Definimos o valor de som.pausa como 0. O motivo é bem simples, se não fizermos isso, quando //clicarmos no botão Pause, o botão Stop perde sua funcionalidade pois ele vai pausar a música e não //parar.[/cor1]
}

Bom, agora podemos controlar o som de certa forma. Mas seria bom se pudéssemos controlar o volume e o balanço, e quem sabe até mostrarmos o transcorrer da música.

Mãos à obra. Em uma nova camada, vamos criar dois campos de texto dinâmicos. O primeiro terá instância "vol_t" (sem aspas) e será o responsável em mostrar o nível de volume para nós. Ao lado do campo "vol_t" crie mais dois botões "" e "-" (sem aspas). Faço o mesmo para o balanço mas coloque a instância do campo de "bal_t" (sem aspas).

Vá novamente na primeira frame onde no começo colocamos as ações iniciais e adicione o seguinte:

[cor1]//Criamos as variáveis com os valores de volume e balanço[/cor1]
var vol = 100;   [cor1]//O valor inicial do volume será 100, ou seja, o máximo.[/cor1]
var bal = 0;    [cor1]//O valor inicial do balanço será 0, ou seja, o som será distribuído em[/cor1]
[cor1]//ambas as caixas de som.[/cor1]
_root.onEnterFrame = function() {  [cor1] //Usamos o evento EnterFrame para que os[/cor1]
[cor1]//valores sempre se atualizem[/cor1]
som.setVolume(vol);    [cor1]//Definimos o volume do som, o valor do volume está na[/cor1]
[cor1]//variável vol.[/cor1]
vol_t.text = vol;  [cor1]  //Aqui mostramos o valor de vol no campo de texto vol_t[/cor1]
som.setPan(bal);       [cor1] //Definimos o balanço do som, o valor do balanço está na[/cor1]
[cor1]// variável bal.[/cor1]
bal_t.text = bal;   [cor1] //Aqui mostramos o valor de bal no campo de texto bal_t[/cor1]
};  

Agora só está faltando a nossa barra que indicará o transcorrer da música. Para isso, crie em uma nova camada uma barra de tamanho x = 100. Transforme-a em um MC e a instancie de "duracao" (sem aspas). Para que possamos redimensionar a barra sem que mudemos o seu valor (x = 100), selecione o MC e aperte F8 para criarmos mais um objeto do tipo MC com nome e instância de "barra_d" (sem aspas).

Na primeira frame, vamos inserir mais um código.

Logo abaixo da linha bal_t.text = bal; coloque:

barra_d.duracao._xscale = som.position/som.duration*100;
[cor1]//A escala de x da barra vai conforme o tempo que a música toca. Usamos o som.position dividido pelo //som.duration para definir o tempo que se transcorreu a música.[/cor1]

O código completo fica assim:

[cor1]//Criando o objeto som[/cor1]
som = new Sound();
[cor1]//Carregando o som[/cor1]
som.loadSound("arquivo.mp3", false)
[cor1]//aqui carregamos o som arquivo.mp3 que está na mesma pasta que o nosso filme. Como você deve ter //percebido o segundo parâmetro está false, ou seja, não estamos usando o streaming.[/cor1]
som.stop();
[cor1]//aqui definimos que o som deve ficar parado, mas se você deseja que ele se inicialize sozinho, basta //alterar esta parte por som.start(0,1);[/cor1]

[cor1]//Criamos as variáveis com os valores de volume e balanço[/cor1]
var vol = 100;   [cor1]//O valor inicial do volume será 100, ou seja, o máximo.[/cor1]
var bal = 0;     [cor1]  //O valor inicial do balanço será 0, ou seja, o som será distribuído em[/cor1]
[cor1]//ambas as caixas de som.[/cor1]
_root.onEnterFrame = function() {   [cor1] //Usamos o evento EnterFrame para que os[/cor1]
[cor1]//valores sempre se atualizem[/cor1]
[cor1]som.setVolume(vol);   [cor1] //Definimos o volume do som, o valor do volume está na[/cor1]
//variável vol.[/cor1]
vol_t.text = vol;    [cor1]//Aqui mostramos o valor de vol no campo de texto vol_t[/cor1]
[cor1]som.setPan(bal);   [cor1] //Definimos o balanço do som, o valor do balanço está na[/cor1]
// variável bal.[/cor1]
bal_t.text = bal;   [cor1]  //Aqui mostramos o valor de bal no campo de texto bal_t[/cor1]
barra_d.duracao._xscale = som.position/som.duration*100;
[cor1]// A escala de x da barra vai conforme o tempo que a música toca. Usamos o som.position dividido pelo //som.duration para definir o tempo que se transcorreu a música.[/cor1]
};

Como você viu, os valores de loop que definimos para som.start foram 1. Isso que dizer que a música se repetirá somente 1 vez. Se desejar que ela toque sempre, defina o valor como 9999, é o máximo permitido. Caso esteja carregando a música por streaming, para que ela se repita teremos de usar o evento som.onSoundComplete. O código com o streaming ficaria assim:

[cor1]//Criando o objeto som[/cor1]
som = new Sound();
[cor1]//Carregando o som[/cor1]
som.loadSound("arquivo.mp3", true)
[cor1]//aqui carregamos o som arquivo.mp3 que está na mesma pasta que o nosso filme. Agora estamos //usando o streaming.[/cor1]
som.stop();
[cor1]//aqui definimos que o som deve ficar parado, mas se você deseja que ele se inicialize sozinho, basta //alterar esta parte por som.start(0,1);[/cor1]

[cor1]//Criamos as variáveis com os valores de volume e balanço[/cor1]
var vol = 100;  [cor1]//O valor inicial do volume será 100, ou seja, o máximo.[/cor1]
var bal = 0;    [cor1]//O valor inicial do balanço será 0, ou seja, o som será distribuído em[/cor1]
[cor1]//ambas as caixas de som.[/cor1]
_root.onEnterFrame = function() {   [cor1] //Usamos o evento EnterFrame para que os[/cor1]
[cor1]//valores sempre se atualizem[/cor1]
som.setVolume(vol);   [cor1]//Definimos o volume do som, o valor do volume está na[/cor1]
[cor1]//variável vol.[/cor1]
vol_t.text = vol;   [cor1]//Aqui mostramos o valor de vol no campo de texto vol_t[/cor1]
som.setPan(bal);    [cor1]//Definimos o balanço do som, o valor do balanço está n[/cor1]a
[cor1]// variável bal.[/cor1]
bal_t.text = bal;   [cor1]//Aqui mostramos o valor de bal no campo de texto bal_t[/cor1]
barra_d.duracao._xscale = som.position/som.duration*100;
[cor1]// A escala de x da barra vai conforme o tempo que a música toca. Usamos o som.position dividido pelo //som.duration para definir o tempo que se transcorreu a música.[/cor1]
som.onSoundComplete = function(){   
[cor1]//Usamos o evento onSoundComplete para que quando o som chegue ao fim, se execute a função que fará //a música tocar novamente, desta forma temos um loop infinito.[/cor1]
this.start(0,1);
}
};

Bom, é isso. Espero que tenham aproveitado e aprendido bastante com esta pequena explicação sobre a classe Sound. Abraços a todos do iMasters! Dúvidas, me contatem.

Todos os artigos de Julio Henrique

8 comentários publicados

• 1. Otima Materia

  Quarta-feira, 04/04/2007, por Welinton Batista do Prado
  

  Julio,
  
  Gostei muito desta materia, muito didatica, acho que o principio para um bom aprendizado sao os detalhes, e voce foi bem detalhista. Consegui assimilar tudo... parabens ... continue contribuindo para nosso conhecimento...
  
  Sds.: Welinton

  Responder comentário

• 2. Bacana

  Quarta-feira, 04/04/2007, por daniel mariz
  

  Muito bacana a matéria espero que ela tenha continuidade para que possa mostrar todas as propriedades do mp3 com título|autor|album| enfim essas descrições q podemos inserir no mp3.

  Responder comentário

• 3. Legal, mas tenho uma dúvida!

  Quarta-feira, 04/04/2007, por Gustavo Andrade
  

  Conheço pouco de Flash, e gostaria de saber se esse script de player mp3 é capaz de reproduzir o formato .ogg (aufio).

  Responder comentário

• 4. Muito bom...

  Terça-feira, 10/04/2007, por Eliane Capra
  

  O artigo é simples, porém objetivo. Parabéns!

  Responder comentário

• 5. SHow...

  Quarta-feira, 18/04/2007, por Edgar Kaiser
  

  Cara, obrigado pela matéria, gostaria que se possível em oportunidades futuras, falasse um pouco Sobre o soundBufTime
  
  Até

  Responder comentário

• 6. Bem explicado, mas tenho duvidas!

  Segunda-feira, 20/08/2007, por Victor Passarelli
  

  o meu deu certo na parte do som, mas o controle de balanço e volume, nao alteram! :S
  e a barra tambem nao funcionou! nao sei o que fiz errado!
  se responder agradeço muito!
  Obrigado.

  Responder comentário

• 7. bom,

  Quinta-feira, 20/09/2007, por Everton Eduardo Vilela
  

  Link para o arquivo da matéria
  http://www.flashmasters.com.br/tutoriais/avancado/sound/zip/player.zip
  
  so poderia fazer uma segunda matéria agora continuando dessa, implementando xml funções como evitar que o play seja apertado mais de uma vez e rode a musica varias vezes. da para montar uma saga com essa matéria.....
  
  flws;;;

  Responder comentário

• 8. Equalizador Paramétrico

  Sexta-feira, 21/09/2007, por Laybows S.
  

  Olá alguém sabe como controlar com sliders o agudo, medio e grave de um som no flash? Por favor entre em contato: laybows@rockachu.net

  Responder comentário

Sobre o autor

Julio Henrique é estudante de Administração e Desenvolvimento para Internet na FIAP. Trabalha com Flash desde 2004, realizando diversos projetos com ActionScript 2.0

Indique para um amigo

Tags relacionadas

php microsoft linux twitter lançamento celular google windows apple android tecnologia seguranca brasil ti crescimento mobile criação mercado iphone internet 3g desenvolvimento yahoo web publicidade youtube

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!