Criando um Player de Áudio – Parte 01

Por Redação MX Masters em 07/05/2009 - 4:26 > 61.665 Visualizações > 99 comentários



Olá Pessoal do Mx Masters. Atendendo a vários pedidos, na video-aula de hoje começaremos a desenvolver um player de música em flash, usando ActionScript 3.
Nesta vídeo aula, além de já definirmos todos os elementos gráficos do player, vamos importar um arquivo XML, e criaremos uma função para que o player toque uma musica aleatória a partir dos dados do XML. Comentem no post, e dúvidas podem postar no nosso fórum!

Espero que aproveitem, e até a próxima!


Redação MX Masters é composta por administradores completamente qualificados responsáveis pela atualização diária do portal MX masters e seus sites afiliados.

Siga o autor no twitter: # | Site do Autor : www.mxmasters.com.br

Siga o MX Masters no twitter e receba nossas atualizações: @mxmasters

Comentários

  • http://www.powereletromix.hd1.com.br Rafael Costa

    Ola Michel Araújo queria sugerir uma video aula para um sistema de login e cadastro este site esta encinando a fazer http://www.mxstudio.com.br/flash/criando_um_sistema_de_cadastro_e_login_com_php_mysql/ mais eu nao estou entendendo muito bem se vc eu queria saber se vc poderia fazer uma videos aula encinando como se fazer isso…
    caso queira entrar em contato o meu e-mail é este
    cjrafa@hotmail.com
    se vc puder fazer eu agradeço muito Michel Araújo

  • Danilo

    Ola Michel,bela video aula…
    vc poderia mostrar a ultima linha do seu codigo das barras aleatorias, é que na video aula ficou umas palavras sem mostrar,ai nao sei quais sao..

    aguardo resposta..
    obg.

  • Bárbara

    O meu não ta funcionando pq? Não entendo quando coloco pra rodar não toca.

  • Anderson

    Michael ficou faltando você botar em seu player um volume

  • http://codigfonte.blogspot.com Leandro Domingos

    vi seus videos na youtube e ache um macimo, mais agora não consigo ver os videos no seu site, ele fica piscando sem parar e eu ja tentei de todo o jeito ja disativei lop etc. como fasso para os videos ficarem perfeitos?

  • http://www.mxmasters.com.br David CHC

    @@Leandro Domingos, tente limpar o cache do seu navegador. Se vc estiver usando Internet Explorer basta vc apertar CTRL + F5, caso esteja usando o No Firefox, aperte CRTL + SHIFT + DEL, e deixe marcado apenas cache, e clique Limpar Agora Veja se isso resolve.

  • DJ ANDRE SOUZA

    Ola Gostaria de saber como faço pra deixa uma musica pra download nun site em flash qual e a ação q devo coloca. aguardo sua resposta….

  • http://codigfonte.blogspot.com Leandro Domingos

    isso não me ajudo muito mais o problema eu resolvi instalando ultro plugin da adobe, mais mesmo asim brigado seus videos são muito bem esplicados e obejetivos.

  • Wagner Carvalho

    Gostaria de saber se é possivel fazer com que o player execute as musicas pela ordem do xml, e não aleatóriamente.

  • Wagner Carvalho

    Como faço pra dar o comando para o player executar uma musica de uma lista onde tem varias musicas cadastradas. Pensei em montar um player pra cada musica e usar o codigo include pra quando a pessoa clicar mudar o player e o xml.
    Um teria o xml de todas as musicas, e o outros de casa musica em particular.Tem com simplificar para que eu não prescise de varios players e varios xmls
    Agradesso

  • http://www.grupobatepe.com Cristina Vasques

    Olá, adorei a video aula, eu estava sofrendo para fazer um player, quando me deparei com sua aula, fiz tudo direitinho e FUNCIONOU!…Porém, leiga total como sou, estou com um problema, como fazer funcionar no index do meu site? Tentei inserir e nada…me ajude, por favor, ficou lindo.
    Criei um arquivo chamado player com todos os arquivos e musicas, dentro existe o index do player, que testando está funcionando lindamente,…já coloquei tudo no “ar” pelo http://FTP….mas não aparece no site…nem consigo fazer funcionar no index do site no meu pc…

  • boby

    muito boa essa video aula so teve um problema quando hospedei no site a radio não funciona pelo firefox so no internet explorer e no Chrome pode me ajudar!!! grato.

  • Raquel

    Gostaria de saber se é possivel fazer com que o player execute as musicas pela ordem do xml, e não aleatóriamente. E com um botão voltar.

  • pablo

    fis do jeito que falo e to com esse erro

    http://img694.imageshack.us/img694/826/errorcu.png

    oque posso ter feito de errado
    OBS: estou usando AS 3.0 adobe flash

  • PABLOooO

    1046: O tipo não foi encontrado ou não é uma constante de tempo de compilação: SoundChannel.

  • De

    é aqui mesmo que posta duvida do video?

  • Daniela

    Eu fiz o player mas a barra verde ao carregar salta de sitio, de seguida quando carrego para passar de música ela volta a saltar e acho que tenho código correctamente introduzido, contudo se tiver algum erro acho que será na function toca:

    addEventListener(Event.ENTER_FRAME, mostraPosicao);
    fw_btn.addEventListener(MouseEvent.CLICK, toca);
    stop_btn.addEventListener(MouseEvent.CLICK, pausa);

    //cria a função
    //void nao retorna nada
    //pegar os dados do XML
    function xmlCarregado(evt:Event):void{
    //colocar todos os dados da variavel xmlLoad dentro da variavel XML
    //ou xml = new (xmlLoader.data);
    xml = new XML (evt.target.data);
    //Cria nosso atalho para pegar os dados do xml
    musica = new XMLList(xml.musica);
    //apos ter termido de carregar tudo chamamos uma funcão com um evento de mouse para tocar()
    toca(evt);
    }

    //criando a função toca
    function toca(evt:Event):void{
    canal.stop();
    tocando=true;
    // função criar e retorna numero aleatorios para tocar a musica
    nroMusica =Math.random() * (musica.length());
    var reqSom:URLRequest= new URLRequest(musica[nroMusica].@url); //para pegar valor do XML usa o .@nome_da_tag do XML
    var som:Sound= new Sound(reqSom, cntx);//pega a musica e o contexto dele com o tempo e tal
    musicaAtual = som;//aqui está apontando a musica a tual para a variaval musicaAtual para saber qual é a musica Atual

    //colocar a musica pra tocar

    canal=som.play();

    musicaAtual.addEventListener(ProgressEvent.PROGRESS, carregandoMusica);

    info_txt.text= “DJ: ” + musica[nroMusica].dj;//pegar um elemento filho dj
    canal.addEventListener(Event.SOUND_COMPLETE, toca);
    }

    function carregandoMusica(evt:ProgressEvent):void {
    barraCarregando_mc.scaleX=canal.position;

    }

    function mostraPosicao(evt:Event):void{
    var tamEstimado:int = Math.ceil(musicaAtual.length / (musicaAtual.bytesLoaded / musicaAtual.bytesTotal));
    barraPosicao_mc.scaleX = canal.position / tamEstimado;

    }
    function pausa(evt:MouseEvent):void{
    posicao = canal.position;
    canal.stop();
    tocando=false;
    play_btn.addEventListener(MouseEvent.CLICK, retoma);
    }

    function retoma(evt:MouseEvent):void{
    if(tocando == false){
    canal = musicaAtual.play(posicao);
    canal.addEventListener(Event.SOUND_COMPLETE, toca);
    tocando = true;
    play_btn.removeEventListener(MouseEvent.CLICK, retoma);
    }

    Ajudem-me sff :S

  • http://www.radioeldoradosjc.com.br Renato Zecca

    Estou tentando fazer esse player buscar gravações de programas que ficam em um provedor de streaming mas a url onde está o player esta em outro local, não consigo fazer ele acionar (buscar) a url com o arquivo porque? Por outro lado também não consegui fazer ele funcionar com arquivos wma o que fazer nos dois casos?

  • http://Website Nightwolf

    eu gostaria de saber como crio um efeito de brilho passando pela image.

  • http://Website Nightwolf

    desculpe, eu queria saber como eu crio um efeito de brilho passando pela image no flash

  • Availto Oliveira

    Muito bom mesmo, exatamente o que eu precizava.
    Fui acompanhado a video aula e fazendo e deu tudo certinho.
    Parabens a equipe MX Masters.

  • http://rodrigoamorinn.zip.net Rodrigo Amorim

    Cara sua video aula é ótima…. mas ainda não é o que eu gostaria de fazer… ja tem uns 3 dia que estou proucurando algo que me ajuda a fazer, mas ate agora nao consegui nada.
    ao invez do xml pegar uma musica no formato mp3, pegar um link MMS e transmitir a web radio po dentro do meu site em flash. E essa é minha pergunta é possivel? se sim, como fazer isso com AS3.
    se puder me ajudar…=D abraços

  • http://www.festeventos.com fest eventos

    felipe aprendi com você…
    você é o cara mano
    meu site é:
    http://www.festeventos.com

  • http://www.akiemaislegal.com.br junior

    Bem no fim nao vai ser um comentario..mas assim eu fiz um site,mas nao estou concguindo fazer com q as minhas animações abram uma pagina quando clicado nelas!como eu poderi fazer isso?

  • Vitor

    Cade o tuto

  • http://www.rocknaweb.com IGOR RAVELL

    Olá Michel ! Ah Video Aula, está perfeita, estou começando a criar o player e práticar no trabalho. Cara será que você não saberia me indicar um programa que eu poderia baixar essas video aulas do “videolog” não?A única desvantagem é sempre que alguém quiser rever as aulas tem que aguardar a carregar e é muito grande o video, já tentei alguns programas pra fazer download da video aula e não consegui, se puder optar por “upar” em algum servidor, ou indicar um programa que aceite a extensão do videolog, fico grato desde já, continue assim, até mais.

  • Leonardo

    Adorei a video aula mas tem um probleminha ocorrendo meu Script esta igualzinho mais esta dando erros em varias linhas pode postar o seu script?

  • http://vldmwd.110mb.com/ VICTOR LUIZ DOMINGUES

    eu fiz o player mais dao seguinte erro

    1093: Syntax error.
    var xmlReq:URLRequest = new URLRequest(“playlist.xml”);

    auguem tem auguem tem os arquivos prontos ae?

  • Elza

    Michel Araújo muito obrigada por compartilhar seu conhecimento conosco.

    Muito melhor que um player funcionando (isso tem aos montes em sites de templates) é compreender como tudo acontece, realmente aprender AS3.
    Sua didática para vídeo aulas é impecável, parabéns.
    Amei o player.

  • http://radiogamadodownloads.blogspot.com Dj Chitao

    Poderia Criar um Tutorial a Ensinar como colocar Online no player automaticamente para aparecer uma descriçao o nome do Dj e a musica que ta tocando?? Porfavor!!!
    Vlw Site Muito Otimo!!!

  • http://www.querfesta.com.br Alessandro

    Como coloco para tocar músicas aleatoreamente?
    grato.

  • Romulo Feletti

    Primeiramente, parabens pela video aula
    E gostaria de saber uma informaçao referente ao action script.
    gostaria de saber como fazer para as musicas fikarem reproduzindo em ordem?
    muito obrigado

  • helio

    gostei muito da video aula , mais to precisando colocar ela pra ficar em pausa so tocar quando da o play , alguem sabe onde posso colocar ou mudar as propriedades

  • http://fabio-ti.com.br fabio luis

    fiz o codigo conforme a video aula

    import flash.net.URLRequest;
    import flash.net.URLLoader;

    stage.scaleMode = StageScaleMode.NO_SCALE;

    //Declaração de variáveis
    var tocando:Boolean;
    var nroMusica:uint;
    var posicao:Number;
    //SOM
    var musicaAtual:Sound = new Sound();
    var canal:SoundChannel = new SoundChannel();
    var cntx:SoundLoaderContext = new SoundLoaderContext(8000, true);
    //XML
    var xml:XML = new XML();
    var musica:XMLList = new XMLList();
    var xmlReq:URLRequest = new URLRequest(“playlist.xml”);
    var xmlLoader:URLLoader = new URLLoader(xmlReq);

    xmlLoader.addEventListener(Event.COMPLETE, xmlCarregado);

    function xmlCarregado(evt:Event):void {
    xml = new XML(evt.target.data);
    musica = new XMLList(xml.musica);
    toca(evt);
    }

    function toca(evt:Event):void {
    canal.stop();
    tocando=true;
    nroMusica = Math.round(Math.random() * (musica.length() – 0.51));
    var reqSom:URLRequest = new URLRequest(musica[nroMusica].@url);
    var som:Sound = new Sound(reqSom, cntx);
    musicaAtual = som;
    canal = som.play();

    }

    mas qd vou no control + enter pra ver se toca as musicas
    aparece esse erro em output

    Fonts should be embedded for any text that may be edited at runtime, other than text with the “Use Device Fonts” setting. Use the Text > Font Embedding command to embed fonts.
    TypeError: Error #1090: Falha de análise do XML: elemento malformado.

    at player_fla::MainTimeline/xmlCarregado()
    at flash.events::EventDispatcher/dispatchEventFunction()
    at flash.events::EventDispatcher/dispatchEvent()
    at flash.net::URLLoader/onComplete()

    gostaria de ajuda

    Obrigado

  • Fabio

    Fabio Luis chará esse erro é o seguinte o flash pede pra você incorporar a fonte que você está usando no seu swf é normal é só você ir nas propriedades de texto e lá vai ter um botão escrito Embed você clica e vai abrir uma janela aonde vc vai colocar o nome da fonte ou não vai de vc e na opção character range vc coloca all ai tudo resolvido esse erro não aparece mais, valeuuuuuuuuu.

  • Fabio

    Fabio Luis essa info que passei acima é referente ao primeiro erro “embed fonts”.Esse outro erro confere o seu arquivo xml ve se está igual ao da aula e se está salvo no mesmo diretório do seu swf valeuuuuuuuuuu

  • water

    Olá!
    vi várias aulas aki no MXmasters mas estou aqui para pedir um player que execute uma lista de músicas no arquivo m3u,asx ou xml mas que seja aleatória,para que o player não enicie desde o começo a tocar as músicas todas as vezes que o usuário clicar para ouvir,tipo uma lista no windows media player a onde temos a opção de ativar a execução aleatória.
    já procurei muito na web mas não encontrei nada do tipo,não entendo nada de flash e por isso estou pedindo se for possivel coloquem este player aqui para nós.

  • Jose Nilton

    Bom dia!
    quero falar para o rapaz que fez esse tutorial sobre Flash – Player de rádio com streaming
    mim mostre um site que funcione com ele pois com mp3 sim funciona mais com streaming jamais.

    Obr.

  • Cedemilson Castro

    Boa noite!
    Estou em busca de vídeo aula ensinando como criar um player de vídeo.
    Andei assistindo alguns vídeos aqui no MX MASTERS e realmente vocês são feras.

    Bom meus amigos, gostaria de saber se vocês tem algum vídeo ensinando a criar um player de vídeo.
    Se você pudessem mandar pra mim ficaria muito agradecido, pois preciso deste vídeo e não encontro nada na net com qualidade.

    Grande abraço a todos.

  • eltin182

    E nao eh q eu consegui de primeira!!! Nao deu erro nenhum :D
    Com um cod desse tamanho eu pensei: vai da merda… kkkkkkkkkkkkk
    nem deu!!! Axo q 1º cod extenso q pega d primeira qndo eu faço kkkkkkkkkkkkkkk. Gostei, eu so nao usei a barrinha, pq realmente nao quis e tbm pq nao entendi…
    Explicou muito rapido, mas axo q eh o d menos, brigado, rumo a 2º parte!

  • http://www.jamaicabrasileira.com.br Gabriel

    Muito loko a video aula ja me salvo varias vezes…rsrs…parabens Michel ….

    Cara gostari que vocês do MX MASTERS postassem como fazer um player deste Link :

    http://www.artluvr.com/files/mp3_player_2/mp3Player.html ou parecido…

    Obrigado

    E parabens novamente pela video aula..

    Jah Bless …
    “Nao tome remedios escute Dub “

  • Marco

    MIchel,
    Muito boa a video aula…
    gostaria de saber como incrementar um controle de volume na sua rádio, ou entao também um botao pra trocar de estação…Obrigado, aguardo resposta… vlww!!!

  • Joel Correia

    Ola pessoal eu fiz tudo certo como na vidoa aula mas quando dou Ctrl + Enter da os seguinte erro:
    Error #2044: IOErrorEvent: não manipulado. text=Error #2032: Erro de fluxo.
    at play_fla::MainTimeline/toca()
    at play_fla::MainTimeline/xmlCarregado()
    at flash.events::EventDispatcher/dispatchEventFunction()
    at flash.events::EventDispatcher/dispatchEvent()
    at flash.net::URLLoader/onComplete()
    será que alguem pode me ajudar serei muito grato
    até mais.

  • Marco

    Oi, eu sei que este tutorial é antigo, mas todos estao sempre procurando aprender as coisas, mas nem sempre no mesmo momento. eu ja procurei fora daqui, mas este ainda é o melhor tutorial que encontrei, o problema é que quando dou o comando pra visualizar, o arquivo o compilador da varios erros de classe (ou interface) que não puderam ser carregados. alguem pode me dar uma dica de qual caminho devo seguir pra resolver este problema? fiz exatamente igual a video aula. No aguardo.
    Obrigado desde ja

  • GuiNorman

    Como eu coloco esse player por exemplo , no Blogger ?

  • adriano

    ufaaaaaaaaaaaa!!!!!!! até que em fim, garoto vc foi poreta…. sua radio funcionou,,,,, adorei,,,, está de parabens… assisti todas as aulas dos babacas da net e nunca consegui fazer uma radio para colocar no meu site e vc foi demais cara!!!!!! amei……vc é um garoto esperto….parabens mais uma vez….. meu site é http://www.ubermu.com.br, só q ainda nao terminei ele estou fazendo ajustes….se quizer comunicar comigo é só enviar um e-mail pela mha pagina……fuiiiiii

  • Jéssica

    Olá, eu tenho um player de mp3 em flash com arquivo xml, mas quando o importo para o dreamweaver o player não funciona… Poderia me ajudar a descobrir o porque disso?

  • Gustavo N Ro

    Olá Michel
    Quando dou Ctrl+Enter no final não toca.
    As musicas esta na pasta musicas com o mesmo nome
    O q devo fazer?
    Abraço

  • rafael

    mano, a e 10, + manda os codigos e o aquivos prontos ou pra fazer download por favor, eu tentei + deu uns 20 erros, por favor quebra esse galho ai mano.


Hospedado por Hostnet - Hospedagem de sites

MX Masters - Todos os direitos reservados - 2004 / 2012

Developed by: MX Web Studio