Flex Action Script MP3 Player + Equalizer

   

Depois de estar ausente 2 dias das publicações no blog, venho anunciar um doce para os leitores, depois de muito investigar, testar e inventar, lá consegui realizar um projecto ambicioso.

Criar um leitor de mp3 para qualquer aplicação flex com um equalizer, algo meio complicado no inicio, mas com um resultado final lindo :)

Vamos aos detalhes:
* www.msdevstudio.com
* MP3 Player v1.0
* Um simples leitor de mp3 feito totalmente em action script, extendendo
* um canvas, com um spectrum analiser, que nos mostra como podemos usar
* os dados do flash.media.SoundMixer para obter as variações do espectro
* de audio e com elas desenhar a respectiva variação das ondas numa linha.
*
* Podemos definir a cor do spectrum, e fundo, autoPlay e urlMP3
* Por defeito:
* corSpectrum: #43ADF0;
* corFundo: #202021;
* autoPlay=false;
* urlMP3 = http://www.msdevstudio.com/music/Obssesion.mp3
*
* Para usar basta copiar o package (preservando as directorias e nomes com->msdevstudio->playSound)
* para a pasta do vosso projecto, e este player passa a estar disponivel na janela componentes em custom
* ou se preferirem usar em action script, usam apenas para testar:
*
* import com.msdevstudio.playSound;
*
* var meuPlayer:playSound;
*
* e numa função:
* meuPlayer.corSpectrum=”#43ADF0″;
* meuPlayer.corFundo=”#202021″;
* meuPlayer.urlMp3=”http://www.msdevstudio.com/music/Obssesion.mp3″;
* addChild(meuPlayer);
* meuPlayer.play();
*
* estão disponiveis os metodos:
*
* meuPlayer.play();
* meuPlayer.stop();
* meuPlayer.pause();
* meuPlayer.resume();
* meuPlayer.autoPlay=false/true;
* meuPlayer.corSpectrum=”#43ADF0″; //cor
* meuPlayer.corFundo=”#202021″; //cor
* meuPlayer.urlMp3=”http://www.msdevstudio.com/music/Obssesion.mp3″; //ficheiro audio/mp3
*
* estas opções também estão disponiveis no painel de propriedades, em geral, sendo mais facil definir as   opções.
*
* Por Mário Santos
* www.msdevstudio.com
* Creative Commons by-nd-nc 3.0 unported
*

Vejam a imagem:

image

Podem aumentar e diminuir o seu tamanho quase sem limitações… o seu uso como dito em cima é bem simples..vejam algumas personalizações…

 3_players image

 

Vejam o exemplo online aqui com o código fonte disponível

Se quiserem apenas o package, façam download aqui

 

p.s. O código ainda não está comentado… mais à frente faço isso.

Deu trabalho, mas vocês merecem! :p

 

Venham de lá esses comentários!!

Abraço.

ccommons

versão pdf temporariamente indisponivel.
Deixe um comentário ou um Trackback

10 Comentários

  1. Junho 25, 2008 às 6:19 pm | Permalink

    pessoal? alguem ja testou o meu exemplo online? aqui em casa está com o equalizador parado… a alguem acontece o mesmo?

    Já testaram em casa?

    p.s. parece que funciona passados alguns segundos… tenho que ver o que se passa… penso que será do streaming…Amanha verifico… aguardem alguns segundos para verem o equalizer a funcionar…

    Abraço.

  2. Junho 26, 2008 às 7:04 am | Permalink

    Bom, em principio estará a funcionar como deve ser, testem e deixem as vossas opiniões e experiencias.

    Abraço.

  3. Junho 26, 2008 às 10:04 am | Permalink

    Não consigo ver o exemplo. Recebo um sandbox violation (erro abaixo), e estranhamente a tentar ler um swf de um site que visitei ontem. :-P

    SecurityError: Error #2121: Security sandbox violation: SoundMixer.computeSpectrum: http://www.msdevstudio.com/blog/flexSource/testAS3Mp3Player/tutorial.swf cannot access http://www.montedasfaias.com/som.swf. This may be worked around by calling Security.allowDomain.
    at flash.media::SoundMixer$/computeSpectrum()
    at com.msdevstudio::playSound/specChange()
    at flash.utils::Timer/_timerDispatch()
    at flash.utils::Timer/tick()

  4. Vítor
    Junho 26, 2008 às 10:19 am | Permalink

    Está funcionando sim. ;)

  5. Junho 26, 2008 às 11:29 am | Permalink

    Pagongski, esse erro é muito estranho e parece que só pode ter a ver com a cache do browser, tente limpar a cache ou esperimentar com outro browser (IE/Firefox)

    Visto que a sandbox está a aceder ou têm um pedido pendente para esse link som.swf.

    Se limpar a cache deverá funcionar!

    Vitor, Obrigado pela confirmação.

    Abraço.

  6. Junho 26, 2008 às 12:55 pm | Permalink

    Cara, muito bom mesmo, hein?!!! Parabéns!

    Não precisa se culpar por passar dois dias sem atualizar o blog … já estou há uns 2 meses sem atualizar o meu! :) Vou me policiar para seguir o seu bom exemplo.

    Abraço!

    Elvis Fernandes

  7. Junho 27, 2008 às 11:53 am | Permalink

    hehehe Elvis :)

    Obrigado pelo comentário.

    Abraço.

  8. jerusa
    Novembro 26, 2008 às 11:17 pm | Permalink

    Ola, gostaria de saber se posso utilizar o player para um trabalho de sistemas multimidias na universidade que eu estudo, porem preciso do codigo fonte pois preciso estudar o codigo e acrescentar algo a mais para validar o trabalho.
    Porem o codigo que peguei somente possui um arquivo playsound.as… nao deveria possuir algum outro arquivo ? da tela ?
    estou utilizando o software adobe flash CS3 profissional.
    fico no aguardo de seu retorno, obrigada

  9. Novembro 27, 2008 às 7:04 am | Permalink

    Oi jerusa.

    A verdade é que não há qualquer outro código fonte, apenas mesmo só esse package, e como esse package extende alguns controlos do Flex, apenas funcionará em Adobe Flex 3 visto que ao ser adicionado ao stage ele assume todos os controlos e cria o player automaticamente.

    Tente procurar pelo google que encontrará alguns players para flash cs3.

    Cumps.

  10. Dezembro 15, 2008 às 4:39 pm | Permalink

    olá, alguem tem o arquivo .fla dessa página, se tiver por favor envie para mim.

Deixe um comentário

O seu email nunca será publicado ou partilhado. Campos obrigatórios estão marcados com um *

*
*