Criar um reprodutor de MP3 em Flash

Como criar um reprodutor de mp3 em flash e asp.

Por Tutoriales-flash.com


Publicado em: 21/7/08
Valorize este artigo:
Neste tutorial vamos aprender a realizar um reprodutor MP3 com Flash, com sua lista de reprodução. Como vamos empregar componentes, vocês verão o fácil que é a programação do exemplo.



COMO FAZÊ-LO.

Vamos depositar os arquivos MP3 em um diretório na raiz do servidor web chamado mp3. Se dispusermos da capacidade para executar alguma tecnologia de servidor como ASP ou PHP, criaremos dinamicamente um arquivo XML com os nomes dos arquivos MP3. Se não tivermos nenhuma destas tecnologias ao nosso alcance o melhor é criar o arquivo XML manualmente e depositá-lo no servidor. De qualquer forma, o XML que administra os dados deverá ter esta estrutura.

<?xml versao='1.0' ?>
<exploracao pasta='mp3'>
<arquivo nome='2_pi_r.mp3' />
<arquivo nome='Brain_Stew.mp3' />
<arquivo nome='Carrera_Rapida.mp3' />
<arquivo nome='Feel_The_Pain.mp3' />
<arquivo </exploracao>


Em nosso exemplo, empregamos ASP, para isso nos baseamos no tutorial Como ler os arquivos que há em uma pasta do servidor com ASP e passá-lo a Flash.

O arquivo que usamos gera esta saída.


Já em Flash, arrastamos quatro componentes ao stage através do painel de componentes. Primeiro, arrastamos um componente MediaPlayback que vai se encarregar da reprodução dos arquivos MP3, lhe colocaremos como nome de instancia controlador. Com o componente selecionado, clicamos na aba parâmetros da barra de propriedades para abrir o Inspetor de componentes. Uma vez aberto, atribuímos os parâmetros como se mostra na figura.

Depois posicionamos no stage um componente do tipo lista e lhe colocamos como nome de instancia temas_list.

Este componente irá conter a lista de canções de nosso reprodutor MP3 e nos permitirá mudar de tema ao clicar sobre seus elementos.

Os outros dois componentes que nos restam são dois do tipo Label, que nos indicarão o título da canção que se está reproduzindo e o número de temas na lista. Seus respectivos nomes de instancia são titulo_lb e quantidade_lb.

A seguir apresentamos o código comentado que vai na linha de tempo principal, que ademais é o único de todo o filme, exceto umas pequenas linhas associadas ao componente lista.

// código em linha de tempo principal
// ajustes iniciais
System.useCodepage = true;
// evitamos problemas com os nodes em branco
XML.prototype.ignoreWhite = true;
// defino um estilo global para os componentes
_global.style.setStyle("fontSize", 10);
// neste array armazenarei as canções
var array_temp:Array = new Array();
// objeto XML que carrega a lista de arquivos
var lista_xml:XML = new XML();
lista_xml.onLoad = carregarLista;
// ponho o conteúdo do XML
// no componente lista
function carregarLista():Void {
array_temp = this.firstChild.childNodes;
if (!isNaN(array_temp.length)) {
// numero de temas
titulo_lb.text = array_temp.length+" temas";
// preencho a lista
for (var k:Number = 0; array_temp[k]; k++) {
temas_list.addItem(array_temp[k].attributes.nome);
}
// carrega a primeira canção
carregarMP3(0);
}
}
// com esta função carrego o mp3 dentro do
// componente mediaplayback
function carregarMP3(indice:Number):Void {
controlador.setMedia("/mp3/"+array_temp[indice].attributes.nome, "MP3");
controlador.play(0);
}
// rotinas para passar à seguinte canção
// quando termine a atual
var listenerObject:Object = new Object();
listenerObject.complete = function(eventObj:Object) {
_root.tema_actual++;
if (_root.tema_actual>=array_temp.length) {
_root.tema_actual = 0;
}
carregarMP3(_root.tema_actual);
};
controlador.addEventListener("complete", listenerObject);
// carrego a lista de reprodução
lista_xml.load("/asp/verLista.asp");
// esta linha seria do tipo
// lista_xml.load("minhaLista.xml");
// se emprego um arquivo de texto
// plano com formato XML


Agora só falta o código associado ao componente lista.

on (change) {
_root.carregarMP3(this.selectedIndex);
}

Pode-se baixar este mesmo exemplo e ver como funciona: mp3player.zip, contém todos os arquivos necessários para executá-lo em um servidor ASP exceto os próprios MP3, que ocupam vários megas.





Comentários do artigo
Foram enviados 2 comentários ao artigo
2 comentários não revisados
0 comentários revisados

Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato