Player de Música em Flash + XML

1 fevereiro, 2009 | Flash | 27 Comentários

Olá amigos, venho trazer mais um tutorial de flash, vamos mostrar hoje como fazer um player de música MP3 em flash + XML com um botão de Play e Stop, muito legal.Player de Música em Flash + XML

Flash 8.0
Action Script 2.0

Primeiro vamos ao código XML.
Abra o bloco de notas (ou um editor de texto qualquer) e entre com o seguinte código:

<music url=”musica01.mp3″/>
<music url=”musica02.mp3″/>
<music url=”musica03.mp3″/>

Nesse caso esse código aponta para três músicas diferentes (musica01.mp3, musica02.mp3 e musica03.mp3).
Pronto salve o arquivo como “lista_musica.xml”

Agora vamos ao Flash
Abra seu Flash, mude o tamanho do palco de 550 x 400px e cor de background “verde”, ou qualquer outra de sua preferência, adicione mais uma camada e nela dois retângulos em branco, conforme imagem abaixo:
Palyer de Música em Flash + XML
Feito isso, selecione-o, “F8” e converta em Movie Clip
Dê dois cliques em cima dele para “entrar”, insira um outro quadro chave, apague os retângulos e desenhe um triangulo como o símbolo de “play”, exatamente como na figura abaixo:
Player de Música em Flash + XML
volte para o primeiro quadro chave (sem sair do MovieClip), onde tem os dois retângulos, aperte a tecla “F9” para abrir a janela de “actions” e digite o seguinte comando: stop();
(Essa action é da frame). Agora selecione os retângulos e aperte a techa “F8” novamente, converta em “Butom”. Após converter, clique em cima dele e aperte a tecla “F9”, adicione a seguinte Action no botão:


on (release) {
pos = _parent.trilha.position;
_parent.trilha.stop();
nextFrame();
}

Essa action tem a função de dar um “Stop” na música.

Agora vamos ao “Play”. Selecione o triangulo no segundo frame e converta-o também em “Butom”, clique em cima dele e abra a janela de “Actions”, entre com o seguinte código:


on (release) {
_parent.trilha.start(0, 0);
prevFrame();
}

Essa action e responsável em dar o “Play” na música.

Volte para a “Scene1” e no frame que esta em branco da outra camada entre com o seguinte código:


mNumber = 0;
trilha = new Sound();
lista_musica= new XML();
lista_musica.ignoreWhite = true;
lista_musica.load("lista_musica.xml");
lista_musica.onLoad = function() {
playlist = lista_musica.childNodes;
musica = playlist[0].attributes.url;
trilha.loadSound(musica, true);
trilha.start(0, 0);
carregou = true;
dur = trilha.duration;
pos = trilha.position;
};

Bem, espero que tenham curtido o Tuto, qualquer dúvida só mandar um comentário.

Até mais
Arara Azul Websites – Criação de sites

Compartilhe

Comentários

Atualmente tem 27 Comentários

  1. Felipe disse:

    Muito bom vlw…
    penaq ainda nao consegui ashsassasauusah

  2. giantdriguer disse:

    legal mesmo este tutorial pena que é muito básico este player, mas eu queria saber como carregar mais coisas do xml como o titulo, o nome do artista e o nome do album, mas mesmo assim é um otimo tutorial valew!

  3. Leandro Alves disse:

    parabens pelo tutorial muito bom, gostaria de saber se eu posso deixar esse player sem que ele comece automaticamente tem com isso ser feito se tiver como poderia me ajudar nisso?

  4. Luan disse:

    Muito bom! Mas tive um problema aqui… eu optei por não por a opção de play e stop, então só coloquei o código que faz a leitura do arquivo xml na cena 1. A primeira música toca certinho, mas depois q termina, a segunda não começa =/ Alguém sabe pq?

  5. Diones disse:

    Parabéns pela iniciativa,
    mas estou com um probleminha meu amigo,
    ele toca a música mas quando termina não vai para a próxima música q esta no xml.

    :(

  6. Luan disse:

    É esse o problema que tá acontecendo aqui! A primeira música toca numa boa, mas depois que termina não vai para a próxima da lista =/ O que vocês acham que pode ser?

  7. admin disse:

    Olá meus amigos

    Vejo a há uma dúvida geral aí por parte do player de música, que é a de não tocar a proxima música da lista XML, certo?

    Bem, vamos a resolução disso:

    no mesmo frame onde se encontra a action:
    mNumber = 0;
    trilha = new Sound();
    lista_musica= new XML();
    lista_musica.ignoreWhite = true;
    lista_musica.load(“lista_musica.xml”);
    lista_musica.onLoad = function() {
    playlist = lista_musica.childNodes;
    musica = playlist[0].attributes.url;
    trilha.loadSound(musica, true);
    trilha.start(0, 0);
    carregou = true;
    dur = trilha.duration;
    pos = trilha.position;
    };

    logo abaixo entre com mais esta action:

    trilha.onSoundComplete = function() {
    mute = true;
    if (mNumber<playlist.length) {
    mNumber++;
    musica = playlist[mNumber].attributes.url;
    trilha.loadSound(musica, true);
    stopado.gotoAndStop(1);
    trilha.start();
    display.mute = false;
    }
    };

    Acho q isso vai resolver, qualquer dúvida postem aí q juntos vamos resolvendo. ;)

  8. admin disse:

    Olá Leandro

    Tem como sim meu camarada. Basta você fazer o seguinte:

    Na action principal, procure pela linha:
    trilha.start(0, 0);
    e altera para:
    trilha.stop();

    Feito isso o player vai carregar a musica mais não vai começar a tocar automaticamente, somente quando clicar no botão “Play”

  9. Bonifacio disse:

    PREZADOS SOU LEIGO NO ASSUNTO POREM MT CURIOSO, ESTOU FZD UM SITE PESSOAL E GOSTARIA DE COLOCAR UM PLAYER DESSE TIPO, POREM NAO ENTENDO ND DE XML, MT MENOS DE FLASH. BEM SEGUI PASSO A PASSO O DITO ACIMO E DPOIS ONDE EU SALVO ISSU TD??? COMO COLOCO ISSU NO MEU SITE VIA FTP???
    MT OBRIGADO E NO AGUARDO DE UM HELP.

  10. Luiz Alberto disse:

    Prezado, tenho que fazer um playlist com musicas – fotos e titulos, vi isso num site, tinha a foto seguido a relação das musicas do cantor e clicando na musica ele tocava a mesma, clicaba em outra musica e fazia stop da que estava tocando e iniciava a clicada.
    Como posso fazer algo assim, ou onde posso procurar.
    Aguardo seu contato.
    Abs. Luiz

  11. Yan Victor disse:

    Olha ele funciono… mais só que não passa de musica sempre fica na mesma musica =/ eu queria também um que repeti a musica pelo mesnos um 1 vez

  12. maldonado disse:

    valew, estava procurando um player bem simples, do jeito que você fez.
    obrigado.

  13. Caio César disse:

    Muitoo bom mesmo valeuzão ai

  14. Eduardo disse:

    Sr º Admin queria saber como faço para salvar a action.
    isso é necessario ?
    me embolei todo nessa parte :S
    fiquei muito confuso.

  15. soy jo disse:

    O MEU PLAYER NAO ESTA RODANDO NO MOZILLA FIREFOX, APENAS NO INTERNET EXPLORER.

    ALGUEM PODE ME AJUDAR??

    OBRIGADO!!

  16. Tudo bem, gostaria de perguntar se não seria necessário mais um botao para avançar a musica, o tutor ficou legal, so que as musicas não mudam, faz um tutor com outro botao..

    vlw. um abraço

  17. raimundo disse:

    Cara , ele num toca a musica ele da esse erro aqui o: Error opening URL ‘file:///D|/Nova%20pasta%20%284%29/undefined’

  18. Paulo Barreto disse:

    Otimo tuto, gostaria de saber se tem como colocar fadeIn e Out ao clicar nos botoes, tentei aqui com alguns codigos mas deram errado. Fico grato desde de ja!

  19. Davi disse:

    Olá, tenho pouco conhecimento no assunto… estou fazendo um site pessoal (banda) e estou usando um modelo da flashmo.com em flash+xml.
    É possivel adicionar esse player nesse modelo que eu baixei?
    vlw

  20. saetiel disse:

    queria saber como colocar em um blog ? sse tem que upar o player ? onde upar? se eu upar o swf o que faço com o xml ?
    responda avisa pelo emael quando responder pq to olhando em varios site

  21. elvis disse:

    como criar uma caixa onde exiba informações da musica

  22. Pac disse:

    Esta dando um erro de URL:
    Error opening URL “file:///C|/Documents%20and%20Settings/?/Desktop/”

    OS ARQUIVOS ESTÃO SALVOS NO MESMO DIRETÓRIO E ESTÃO NOMEADOS DE FORMA CORRETA, NÃO ERA PARA DAR ERROS. Já conferi um milhão de vezes. Me ajudem por favor!

  23. Wellington disse:

    Pac esse erro deve ser porque as aspas que esta descrita no código acima está errada, apague-as e coloque-as novamente com shift apertado.

  24. Wellington disse:

    Como adicionar os botões avancar e voltar neste player, preciso disso urgente, pois já tentei varias códificações mas nenhuma funcionou, preciso urgente….

  25. Aridusan7 disse:

    Olá, Pac. Seu problema é o mesmo que o meu. Faça como eu fiz, que dará certo:

    1) Observe exatamente e com bastante atenção todas as actuons que utilizou, veja se estão corretas, principalmente referentes aos arquivo XML;

    2) No arquivo XML observe se todas as tags utilizadas nele estão corretas, principalmente tratando-se dos nomes e locais das músicas. Os nomes que estiverem nas músicas devem ser os mesmos no arquivo XML, e o local onde elas estão, devem ser o mesmo local onde você criou e salvou o arquivo XML).

    É isso aí ,cara. Fui ver esse erro somente ontem, pois meu XML estava em outra pasta fora das músicas. Depois, uma das músicas estava com o nome diferente no arquivo XML.

    Veja aí e poste se deu certo. Bye

  26. Renan Diego disse:

    gostaria de saber como por a função pause e next

  27. Renan disse:

    Queria muita saber qual o comando que eu utilizo para botar um botão fw e next!!!! Precisando muito! Agradeço desde já!

Deixe uma resposta