Flash Multiple Track MP3-spiller Tutorial

Flash kan webutviklere å legge nivåer av interaktivitet til sine nettsteder som tidligere var umulig. En av de mest populære måter å gjøre bruk av kraften i Flash er å legge til MP3-spiller applikasjoner som streamer flere spor som brukeren kan styre for å forbedre nettstedet opplevelse. Prosessen for å lage en flere spor MP3-spiller er relativt enkel, selv for en nybegynner.

Bruksanvisning

Programmering av MP3 spilleliste

1 Åpne en ny \ "Notepad \" dokument og lim inn følgende kode:
<? Xml version = "1.0" encoding = "utf-8"?>
<sanger>

</ Sanger>

2 Skriv inn MP3-fil informasjon mellom <sangene> og </ sanger> kodene ved hjelp av denne syntaksen:
<Song name = \\ "My Song \\" file = \\ "musikk / ms.mp3 \\" />
<Song name = \\ "Your Song \\" file = \\ "musikk / ys.mp3 \\" />

3 Legg til en ny linje med kode for hver MP3-fil som skal brukes til Flash-spilleren.

4 Kontroller at koden har riktig syntaks:
<? Xml version = "1.0" encoding = "utf-8"?>
<sanger>
<Song name = \\ "My Song \\" file = \\ "musikk / ms.mp3 \\" />
<Song name = \\ "Your Song \\" file = \\ "musikk / ys.mp3 \\" />
</ Sanger>

5 Lagre filen som \ "playlist.xml \" i en ny mappe som heter \ "mp3-spiller. \"

Import spilleliste til Flash

6 Åpne en ny actionscript2 Flash dokument.

7 Lag fire knapper ved hjelp av \ "Tekst \" og \ "rektangel \" verktøy: \ "Play, \" \ "Pause, \" \ "Neste \" og \ "Stop \".

8 Skriv en forekomst navn for hver av knappene med følgende syntaks:
btn_play
btn_stop
btn_prev
btn_next

9 Lag en \ "Dynamic \" tekstfeltet på scenen og gi det en forekomst navn display_txt.

10 Sett inn et nytt lag i \ "Lag \" panel og endre navnet \ "en. \"

11 Velg ramme en av \ "en \" trykk F9, deretter skriver \ "stop (); \" uten anførselstegn i actionscript panelet.

12 Lim inn følgende kode under \ "stop (); \" av actionscript panelet:
spilleliste = new XML ()
GÅ
playlist.ignoreWhite = true
GÅ
playlist.onload = function (suksess) {
if (suksess) {
_global.songname = []
GÅ
_global.songfile = []
GÅ
for (var i = 0; i <playlist.firstChild.childNodes.length; i ++) {
_global.songname = playlist.firstChild.childNodes [i] .attributes.name
GÅ
_global.songfile [i] = playlist.firstChild.childNodes [i] .attributes.file
GÅ
trace (songname [i] + \\ "\\" + songfile [i]); }
_root.createEmptyMovieClip (\\ "sound_mc \\", 1)
GÅ
_root.sound_mc.sound_obj = new Sound ()
GÅ
_global.song_nr = tilfeldig (songfile.length); _root.sound_mc.songStarter (songfile [song_nr], songname [song_nr])
GÅ
} Else {display_txt.text = \\ "Feil Laster XML \\"}
}

MovieClip.prototype.songStarter = funksjon (fil, navn) {
this.sound_obj.loadSound (fil, true)
this.onEnterFrame = function () {
if (this.sound_obj.position> 0) {
slette this.onEnterFrame
GÅ
this._parent.display_txt.text = navn
GÅ
} Else {
this._parent.display_txt.text = \\ "loading ... \\"
}
}
this.sound_obj.onSoundComplete = function () {
(Song_nr == songfile.length-1)? _global.song_nr = 0: _global.song_nr ++
GÅ
_root.sound_mc.songStarter (songfile [song_nr], songname [song_nr])
GÅ
}
}

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

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

1. 3 Lagre Flash dokumentet i \ "mp3-spiller \" mappen du opprettet tidligere.

14 Trykk CTRL + Enter for å teste det ferdige MP3-spilleren.

Hint

• Det er ingen grense for hvor mange MP3-filer som kan streames ved hjelp av denne prosessen.