Player de Música em Flash + XML
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.
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:
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:
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
Nenhum post relacionado.
Muito bom vlw…
penaq ainda nao consegui ashsassasauusah
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!
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?
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?
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.
É 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?
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.
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”
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.
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
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
valew, estava procurando um player bem simples, do jeito que você fez.
obrigado.
Muitoo bom mesmo valeuzão ai
Sr º Admin queria saber como faço para salvar a action.
isso é necessario ?
me embolei todo nessa parte :S
fiquei muito confuso.
O MEU PLAYER NAO ESTA RODANDO NO MOZILLA FIREFOX, APENAS NO INTERNET EXPLORER.
ALGUEM PODE ME AJUDAR??
OBRIGADO!!
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
Cara , ele num toca a musica ele da esse erro aqui o: Error opening URL ‘file:///D|/Nova%20pasta%20%284%29/undefined’
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!
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
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
como criar uma caixa onde exiba informações da musica
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!