Reproductor mp3 en Flash con MediaPlayBack y List


una cap:
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");
lista.addEventListener("change", alCambiar);
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[i].firstChild, 
  data:cancion.childNodes[i].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 ;)
para el visitante:
Anon0128

No hay comentarios:

Publicar un comentario