[Tutorial] crear reproductor mp3 basico .::Con xml y flash::.

figu120

New Member
Messages
921
Reaction score
0
Points
0
Después de ver algunos componentes y trabajar con ellos, se me ha quitado el miedo y me han dado ganas de probar cosas con estos, y aprovechando que tenia que hacer un menu con musica en mi trabajo, pues he montado con un componente List y otro MediaPlayback, un sencillo reproductor MP3.
Se recomienda que antes de leer este tutorial hayas leido el Tutorial de XML, o sepas como funciona XML en Flash, asi como el Tutorial del Componente List.
1.png

Para hacer este reproductor usaremos un archivo XML (Asi es mas practico) donde colocaremos nuestra lista de canciones que abrira nuestro reproductor; lo llamaremos, como no, Lista.xml y le pondremos el siguiente contenido; en este caso usare dos canciones, pero puedes usar cuantas quieras y funcionara igual; la idea es que cada entrada sea el nombre de un archivo mp3 que este en la misma carpeta que el SWF y HTML del reproductor.
<lista>
<cancion>KillBill_IronSide.mp3</cancion>
<cancion>ReadOrDie.mp3</cancion>
</lista>
Ahora vamos a añadir a vuestra escena el componente List y llamarlo 'lista', y el componente MediaPlayback y llamarlo 'player'. Luego en el fotograma 1, añadís el siguiente código:
import mx.controls.List;
import mx.controls.MediaPlayback;
//Cargamos el XML
canciones = new XML();
canciones.ignoreWhite = true;
canciones.onLoad = function(success) {
if (success) {
//Shortcuts
cancion = canciones.firstChild;
num_total = canciones.firstChild.childNodes.length;
//Creamos y llenamos la lista
crearLista();
//Creamos el reproductor
crearPlayer();
} else {
trace("No se pudo cargar la lista de canciones");
}
};
canciones.load("lista.xml");
///////////////////////////////////////////////////////////////////
/////////////////////////// LISTENERS ///////////////////////////
///////////////////////////////////////////////////////////////////
lista.addEventListener("change", alCambiar);
///////////////////////////////////////////////////////////////////
/////////////////////////// FUNCIONES ///////////////////////////
///////////////////////////////////////////////////////////////////
function crearLista() {
//Posicionamos la lista de las canciones
lista.setSize(180, 200);
lista._x = 220;
lista._y = 0;
//Llenamos la lista con las canciones
misDatos = new Array();
lista.dataProvider = misDatos;
for (var i = 0; i<num_total; i++) {
misDatos.addItem({label:cancion.childNodes.firstChild,
data:cancion.childNodes.firstChild});
}
}
function crearPlayer() {
//Posicionamos el reproductor
player.setSize(200, 200);
player._x = 0;
player._y = 0;
//Propiedades del reproductor
player.controllerPolicy = "on";
player.mediaType = "MP3";
}
//Cuando cambiamos la canción seleccionada en la lista... cargamos la nueva canción, y ejecutamos
function alCambiar(evento) {
if (evento.type == "change") {
player.setMedia("musica/"+lista.selectedItem.data, "MP3");
player.play();
}
}

De esta manera has creado rapidamente un reproductor mp3, en pocos pasos, usando los componentes de Flash MX 2004; quizas lo unico complicado es entender la parte de XML; pero en realidad es muy facil despues que practicas ;)
 

eZakto

Member
Messages
782
Reaction score
1
Points
18
No es ético el no citar al autor.
 
Last edited:

TonnyORG

I Code Things
Community Support
Messages
5,914
Reaction score
16
Points
38
Siempre kon tus buenos aportes figu, esta ves me imprecionaste men, justamente nesesitaba uno para mi web y me lo publikaste
Gracias por el tuto se agradece :)


salu2
 
Last edited:

INights

New Member
Messages
28
Reaction score
0
Points
0
Gracias amigo, en estos momentos estoy en una etapa donde el diseño grafico y de esas cosas que le dan sabor a una web es primordial :=.

Ya habia probado un tuto similiar y me quedo genial, ahora probaré con este :D
 

Amadis

New Member
Messages
31
Reaction score
0
Points
0
Yo recomiendo el Flash MP3 Player, me parece que ya cambio de nombre, pero si ponen en Google así les saldrá de todas maneras...
 

figu120

New Member
Messages
921
Reaction score
0
Points
0
Ok muchas gracias pro sus apoyos..
peus voy aver k ams encuentro o ke mas aprendoa realizar y les enseño

un saludo...

Pdt: Si hubiera un solo hombre inmortal sería asesinado por los envidiosos.
 
Top