Con flash múltiple pista MP3 jugador Tutorial

Flash permite a los desarrolladores web para añadir niveles de interactividad a sus sitios web que antes eran imposibles. Una de las formas más populares de hacer uso de la potencia de flash es añadir aplicaciones de reproductor de MP3 que transmiten varias pistas que el usuario puede controlar para mejorar la experiencia web. El proceso para crear un reproductor de MP3 múltiple pista es relativamente sencillo, incluso para un usuario novato.

Instrucciones

Programación de la lista de reproducción de MP3

1 Abrir una nueva \ "Bloc de notas \" documento y pega el siguiente código:
<? Xml version = "1.0" encoding = "UTF-8"?>
<canciones>

</ Canciones>

2 Escriba la información de los archivos MP3 entre las canciones <> y </> Etiquetas de canciones mediante la siguiente sintaxis:
<Nombre de la canción = \\ "\\ My Song" file = \\ "música / ms.mp3 \\" />
<Nombre de la canción = \\ "\\ Your Song" file = \\ "música / ys.mp3 \\" />

3 Añadir una nueva línea de código para cada archivo MP3 que se utilizará para el reproductor de Flash.

4 Verificar que el código tiene la sintaxis correcta:
<? Xml version = "1.0" encoding = "UTF-8"?>
<canciones>
<Nombre de la canción = \\ "\\ My Song" file = \\ "música / ms.mp3 \\" />
<Nombre de la canción = \\ "\\ Your Song" file = \\ "música / ys.mp3 \\" />
</ Canciones>

5 Guarde el archivo como \ "playlist.xml \" en una nueva carpeta llamada \ "Mp3Player. \"

Importar lista de reproducción a Flash

6 Abrir un nuevo documento de Flash ActionScript2.

7 Cree cuatro botones utilizando el \ "texto \" y \ "herramientas Rectángulo \": \ "Juego, \" \ "Pausa, \" \ "Siguiente \" y \ "Stop \".

8 Escriba un nombre de instancia para cada uno de los botones usando la siguiente sintaxis:
btn_play
btn_stop
btn_prev
btn_next

9 Crear un campo de texto \ "Dinámica \" en el escenario y asígnele el nombre de instancia de display_txt.

10 Inserte una nueva capa en el \ "Capas \" panel y cambiar el nombre \ "a. \"

11 Seleccione el fotograma 1 de \ "un, \" pulse F9, a continuación, escriba \ "stop (); \" sin las comillas en el panel de ActionScript.

12 Pegue el siguiente código de abajo \ "stop (); \" del panel de ActionScript:
lista de reproducción = new XML ()
IR
playlist.ignoreWhite = true
IR
playlist.onload = function (success) {
si (éxito) {
_global.songname = []
IR
_global.songfile = []
IR
for (var i = 0; i <playlist.firstChild.childNodes.length; i ++) {
_global.songname = playlist.firstChild.childNodes [i] .attributes.name
IR
_global.songfile [i] = playlist.firstChild.childNodes [i] .attributes.file
IR
trace (songName [i] + \\ "\\" + songfile [i]); }
_root.createEmptyMovieClip (\\ "\\ sound_mc", 1)
IR
_root.sound_mc.sound_obj = new Sound ()
IR
_global.song_nr = aleatorio (songfile.length); _root.sound_mc.songStarter (songfile [song_nr], songName [song_nr])
IR
} Else {display_txt.text = \\ "Error al cargar XML \\"}
}

MovieClip.prototype.songStarter = function (archivo, nombre) {
this.sound_obj.loadSound (archivo, true)
this.onEnterFrame = function () {
si (this.sound_obj.position> 0) {
eliminar this.onEnterFrame
IR
this._parent.display_txt.text = nombre
IR
} Else {
this._parent.display_txt.text = \\ "\\ carga ..."
}
}
this.sound_obj.onSoundComplete = function () {
(Song_nr == songfile.length-1)? _global.song_nr = 0: _global.song_nr ++
IR
_root.sound_mc.songStarter (songfile [song_nr], songName [song_nr])
IR
}
}

btn_play.onRelease = function () {
this._parent.sound_mc.songStarter (songfile [song_nr], songName [song_nr])
IR
}
btn_stop.onRelease = function () {
this._parent.sound_mc.sound_obj.stop ()
IR
}
btn_next.onRelease = function () {
(Song_nr == songfile.length-1)? _global.song_nr = 0: _global.song_nr ++
IR
_root.sound_mc.songStarter (songfile [song_nr], songName [song_nr])
IR
}
btn_prev.onRelease = function () {
(Song_nr == 0)? _global.song_nr = songfile.length-1: _global.song_nr--
IR
_root.sound_mc.songStarter (songfile [song_nr], songName [song_nr])
IR
}

playlist.load (\\ "\\ playlist.xml");

13 Guarde el documento de Flash en el \ "Mp3Player \" carpeta que se creó anteriormente.

14 Presione Ctrl + Enter para probar el reproductor de MP3 acabado.

Consejos y advertencias

• No hay límite para el número de archivos MP3 que se puede transmitir mediante este proceso.