Using ASAudio for Easy Flash Lydavspilling
Del
Del
4
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
I denne korte opplæringen vil jeg introdusere deg til ASAudio, og AS3 bibliotek som sterkt reduserer mengden av koden som trengs for å skape og manipulere lyd objekt i dine Action prosjekter.
Trinn 1: Undersøke ASAudio
ASAudio er en Actionscript 3-biblioteket som sterkt reduserer mengden av koden som trengs for å skape og manipulere (endringer i volum, pan) lydfiler 'innenfor din Action prosjekter. Tradisjonelt ville du trenger å gjøre følgende for å laste inn, lek, og endre volumet av en Sound innen Action:
Var urlRequest: URLRequest = new URLRequest ("sti /til /track.mp3"); Var lyd: Lyd = new Sound (urlRequest); Var soundChannel: SoundChannel = sound.play (); Var soundTrans: SoundTransform = soundChannel.soundTransform; soundTrans.volume = 0,5; soundChannel.soundTransform = soundTrans;
Med ASAudio alt du trenger å gjøre er følgende
Var spor: Spor = new Track ("sti /til /track.mp3"); track.start (); track.volume = 0,5;
Trinn 2: Få Library
Leder over til prosjektets Google Code siden og laste ned den nyeste versjonen av ASAudio.
Når du har lastet den ned, pakke den ut og kopiere den "com" -mappen som er inne i "src "mappe til mappen der du vil opprette din Action prosjektet
Trinn 3:. New Action Prosjekt
Start en ny Action prosjekt, og lagre det i prosjektmappen som" asAudio.fla ". Under "Properties" panel, sette scenen farge til hvit og gi den en bredde og høyde på 500x150px.
Nå opprette en ny Actionscript-fil og lagre dette som "Main.as". Sett dette som din Document Class
Trinn 5:. Import og Constructor Funksjon
Legg til følgende til "Main.as" du opprettet i trinn over
pakken. {import flash.display.Sprite; import com.neriksworkshop.lib.ASaudio. *; import flash.media.Sound; import flash.events.MouseEvent; import flash.events.Event; public class Hoved strekker Sprite {offentlig funksjon main () {trace ("Working"); }}}
Her importerer vi klassene vi trenger i denne opplæringen, og setup vår main () konstruktør
Trinn 6:. Track
The Track er den grunnleggende klasse av ASAudio. Alt du gjør med biblioteket er avhengig av Track. I dette trinnet vil vi opprette et nytt spor, og spille det. . Skriv inn følgende kode over Main () innen "Main.as"
Var spor: Spor = new Track ("BoozeandBlues.mp3");
Og følgende i main () konstruktør
. offentlig funksjon main () {track.start ();}
For å lage et spor du passerer i en bane til mp3. Vi kaller det start () metoden i Track innen main ()
Hvis du tester nå skal du høre mp3 spill
Trinn 7:.. Sette opp Interface
I dette trinnet vil vi setup grensesnittet for prosjektet slik at vi kan styre vår Track-tallet.
Fra Component Window drag 4 knapper og en glidebryter på scenen. Du kan komme til Components Window ved å velge Vindu > .. Komponenter eller ved å trykke CTRL + F7
Gi knappene følgende egenskaper, én etter én
X: 21.00, Y: 61.00, Label: "Play Track", Instance Navn: "playTrackBtn"
X: 175.00, Y: 61.00, Label: "Play Group", Instance Name "playGroupBtn"
X: 333.00, Y: 61.00, Label: "Spill spilleliste "Instance Name" playListBtn "
X: 21.00, Y: 100,00, Label:" Stopp Track ", Instance Name" stopTrackBtn "
Her er et skjermbilde av det første Button .. oppsett
Gi slideren følgende egenskaper
X: 21.00, Y: 29.00, Instance Name: "trackSlider"
maks: 1
miniumum: 0,1
snapInterval: 0,1
tickInterval: 0,1
verdi: 1
liveDragging: "Pass på at den er merket"
Her har vi satt opp noen startverdier for glidebryteren. Jeg vil ikke gå over dem som du kan referere til min Quick Tips som dekker glidere funksjonalitet
Trinn 8:. Styre Track
I dette trinnet vil vi kode starten , stoppe og volum funksjonalitet for sporet vi opprettet i forrige trinn. Legg til følgende "Main.as"
offentlig funksjon main () {addListeners ();} private funksjons addListeners (). Void {trackSlider.enabled = false; playTrackBtn.addEventListener (MouseEvent.CLICK, playTrack); stopTrackBtn.addEventListener (MouseEvent.CLICK, Stoptrack); trackSlider.addEventListener (Event.CHANGE, adjustTrackVolume); }
Her kaller vi de addListeners () funksjon i vår main () konstruktør. Inne addListeners vi setter deaktivere den trackSlider og legge Lyttere til tre av våre knapper
Trinn 9:. PlayTrack ()
playTrack () -funksjonen vil fortelle sporet for å starte avspilling . Legg til følgende under addListeners () -funksjonen du opprettet i trinn over
privat funksjon playTrack (e: MouseEvent): void {trackSlider.enabled = true;. track.start (); track.volume = 1,0;}
Her kan vi aktivere trackSlider spille Track med start () -metoden og angi volumet av sporet ved hjelp av volum eiendom
Trinn 10:. Stoptrack ( )
Stoptrack () -funksjonen skal brukes til å stoppe Track. Legg til følgende under playTrack () -funksjonen du har lagt i trinnet ovenfor
privat funksjon Stoptrack (e: MouseEvent): void {track.stop ();}
Her kan vi bare ringe stop () metoden på. Spor
Trinn 11:. adjustTrackVolume ()
adjustTrackVolume () -funksjonen vil bli brukt til å justere volumet på Track. Legg til følgende under Stoptrack () -funksjonen du opprettet i trinn over
privat funksjon adjustTrackVolume (e: Hendelses): void {track.volume = e.target.value;}
Her kan vi stille volumet. sporet lik den glidere verdi eiendommen. Fordi vi setter den maksimale til 1 og minimum 0,1 vil det alltid være et tall mellom 0,1 og 1,0 økes med 10ths. dvs. 0,1, 0,4, og så videre
Hvis du tester filmen nå bør du være i stand til å spille av, stoppe, og justere volumet på Track
Trinn 12..: Grupper
Du har kanskje lurt på hva "Play Group" -knappen var for? Vel, sammen med å tilby grunnleggende grunn Track ASAudio har en forestilling om "Grupper" som tillater deg å stable lyder sammen og spille dem sammen på en gang. Legg til følgende i løpet av de addListeners () -funksjonen du opprettet i trinn over
privat funksjons addListeners (): void {trackSlider.enabled = false;. playTrackBtn.addEventListener (MouseEvent.CLICK, playTrack); stopTrackBtn.addEventListener (MouseEvent.CLICK, Stoptrack); trackSlider.addEventListener (Event.CHANGE, adjustTrackVolume); playGroupBtn.addEventListener (MouseEvent.CLICK, lekegruppe); }
Her kan vi legge til en lytter til våre playGroupBtn som vil ringe play () -funksjonen. Vi vil kode dette neste
Trinn 13:. Play ()
Legg til følgende under adjustTrackVolume () -funksjonen du creafted i trinnet ovenfor
privat funksjon play (. e: Hendelses): void {var gruppe: Gruppe = new Group ([ny Track ("piano.mp3"), ny Track ("drumbeat.mp3")]); group.start (); }
Her skaper vi en ny gruppe ved å passere i en rekke spor. Vi kaller det start () metode som forteller konsernet å begynne å spille.
Hvis du tester nå skal du høre "piano.mp3" og "drumbeat.mp3" spille simutaneously.
Trinn 14: Playlist
Sammen med å tilby konsernet, har ASAudio en forestilling om en spilleliste. Spillelisten er som en spilleliste på en MP3-spiller. Du "køen" opp sanger, og når man er ferdig det fortsetter til neste. Legg til følgende i addListeners funksjon
privat funksjon playPlayList (e: Hendelses):. Void {var spilleliste: Playlist = ny spilleliste ([ny Track ("piano.mp3"), ny Track ("drumbeat.mp3") ]); playList.loop = false; playList.start ();}
Som konsernet skaper vi en ny spilleliste ved å passere i en rekke spor. Vi setter spillelisten for å ikke sløyfe og ringe start () -metoden.
Du kan nå teste og se spillelisten i aksjon.
Konklusjon
Du har lært om ASAudio og sett hvordan det kan sterkt redusere mengden av koden som trengs for å lage lyd i dine Action Prosjekter. Dette biblioteket har mer å tilby, inkludert fade, pause og mute metoder ... Jeg foreslår at du tar en titt gjennom dokumentasjonen for å se hva alt er tilgjengelig. Jeg håper du finner dette nyttig og takk for lesing!