Flash multipla MP3 Player Traccia Tutorial

August 25

Flash multipla MP3 Player Traccia Tutorial


Flash consente agli sviluppatori web di aggiungere livelli di interattività per i loro siti web che prima erano impossibili. Uno dei modi più popolari per fare uso del potere di Flash è quello di aggiungere applicazioni lettore MP3 che trasmettono più tracce che l'utente può controllare per migliorare l'esperienza del sito. Il processo per la creazione di un lettore multiplo brano MP3 è relativamente semplice, anche per un utente inesperto.

istruzione

Programmazione della riproduzione MP3

1 Aprire un nuovo \ "Notepad \" documento e incollare il seguente codice:
<? Xml version = '1.0' encoding = 'utf-8'?>
<> canzoni

</ Canzoni>

2 Digitare le informazioni sul file MP3 tra le <brani> e </ canzoni> tag che utilizzano questa sintassi:
<Nome della canzone = \\ "My Song \\" file = \\ "musica / ms.mp3 \\" />
<Nome della canzone = \\ "Your Song \\" file = \\ "musica / ys.mp3 \\" />

3 Aggiungere una nuova riga di codice per ogni file MP3 da utilizzare per il Flash player.

4 Verificare che il codice ha la sintassi corretta:
<? Xml version = '1.0' encoding = 'utf-8'?>
<> canzoni
<Nome della canzone = \\ "My Song \\" file = \\ "musica / ms.mp3 \\" />
<Nome della canzone = \\ "Your Song \\" file = \\ "musica / ys.mp3 \\" />
</ Canzoni>

5 Salvare il file come \ "playlist.xml \" in una nuova cartella denominata \ "Mp3Player. \"

Importa Playlist per Flash

6 Aprire un nuovo documento ActionScript2 Flash.

7 Creare quattro pulsanti che utilizzano il \ "testo \" e \ tools "Rettangolo \": \ "Play, \" \ "Pausa, \" \ "Avanti \" e \ "Stop \".

8 Digitare un nome di istanza per ciascuno dei pulsanti utilizzando la seguente sintassi:
btn_play
btn_stop
btn_prev
btn_next

9 Creare un campo di testo \ "Dynamic \" sul palco e dare il nome di display_txt dell'istanza.

10 Inserire un nuovo livello nella \ "Livelli \" pannello e rinominarlo \ "un \".

11 Selezionare il fotogramma 1 di \ "un \" premere F9, quindi digitare \ "stop (); \" senza le virgolette nel pannello ActionScript.

12 Incollare il seguente codice sotto \ "stop (); \" del pannello ActionScript:
playlist = new XML ()
ANDARE
playlist.ignoreWhite = true
ANDARE
playlist.onload = function (success) {
if (successo) {
_global.songname = []
ANDARE
_global.songfile = []
ANDARE
for (var i = 0; i <playlist.firstChild.childNodes.length; i ++) {
_global.songname = playlist.firstChild.childNodes [i] .attributes.name
ANDARE
_global.songfile [i] = playlist.firstChild.childNodes [i] .attributes.file
ANDARE
trace (songName [i] + \\ "\\" + songfile [i]); }
_root.createEmptyMovieClip (\\ "sound_mc \\", 1)
ANDARE
_root.sound_mc.sound_obj = new Sound ()
ANDARE
_global.song_nr = random (songfile.length); _root.sound_mc.songStarter (songfile [song_nr], songName [song_nr])
ANDARE
} Else {display_txt.text = \\ "Errore nel caricamento XML \\"}
}

MovieClip.prototype.songStarter = function (file, nome) {
this.sound_obj.loadSound (file, true)
this.onEnterFrame = function () {
if (this.sound_obj.position> 0) {
eliminare this.onEnterFrame
ANDARE
this._parent.display_txt.text = nome
ANDARE
} altro {
this._parent.display_txt.text = \\ "loading ... \\"
}
}
this.sound_obj.onSoundComplete = function () {
(Song_nr == songfile.length-1)? _global.song_nr = 0: _global.song_nr ++
ANDARE
_root.sound_mc.songStarter (songfile [song_nr], songName [song_nr])
ANDARE
}
}

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

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

13 Salvare il documento Flash nel \ "Mp3Player \" cartella creata in precedenza.

14 Premere CTRL + Invio per testare il lettore MP3 finito.

Consigli e avvertenze

  • Non vi è alcun limite al numero di file MP3 che possono essere in streaming che utilizza questo processo.