Bruke ASAudio for Easy Flash Sound Playback

I denne korte opplæringen vil jeg introdusere deg til ASAudio- og AS3-biblioteket som kraftig reduserer mengden kode som trengs for å lage og manipulere lydobjekt i ActionScript-prosjektene dine.


Trinn 1: Undersøke ASAudio

ASAudio er et ActionScript 3-bibliotek som sterkt reduserer mengden kode som trengs for å lage og manipulere (volumendringer, pan) lydfiler 'i ActionScript-prosjektene dine. Tradisjonelt trenger du å gjøre følgende for å laste inn, spille og endre volumet av en lyd i ActionScript:

 var urlRequest: URLRequest = ny URLRequest ("path / to / track.mp3"); var lyd: Lyd = nytt lyd (urlRequest); var soundChannel: SoundChannel = sound.play (); var soundTrans: SoundTransform = soundChannel.soundTransform; soundTrans.volume = .5; soundChannel.soundTransform = soundTrans;

Med ASAudio alt du trenger å gjøre er følgende

 var spor: Spor = nytt spor ("bane / til / spor.mp3"); track.start (); track.volume = .5;

Trinn 2: Få biblioteket

Gå over til prosjektets Google Code-side og last ned den nyeste versjonen av ASAudio.

Når du har lastet ned den, pakker du ut den og kopierer "com" -mappen som er inne i "src" -mappen til mappen der du skal lage ditt ActionScript-prosjekt.


Trinn 3: Nytt ActionScript-prosjekt

Start et nytt ActionScript-prosjekt, og lagre det i prosjektmappen din som "asAudio.fla". Under panelet "EGENSKAPER" stiller du scenen fargen til hvit og gir den en bredde og høyde på 500x150px.

Opprett nå en ny ActionScript-fil og lagre dette som "Main.as". Sett dette som dokumentklassen.


Trinn 5: Import og Constructor Funksjon

Legg til følgende i "Main.as" du opprettet i trinnet ovenfor.

 pakke import flash.display.Sprite; importer com.neriksworkshop.lib.ASaudio. *; importere flash.media.Sound; importer flash.events.MouseEvent; importere flash.events.Event; offentlig klasse Hoved utvider Sprite offentlig funksjon Main () trace ("Working"); 

Her importerer vi klassene vi trenger gjennom denne opplæringen, og konfigurerer vår Hoved() konstruktør.


Trinn 6: Spor

De Spor er grunnleggende klassen i ASAudio. Alt du gjør med biblioteket, avhenger av Spor. I dette trinnet vil vi lage en ny Spor, og spill den. Skriv inn følgende kode over Hoved() innenfor "Main.as".

 var spor: Spor = nytt spor ("BoozeandBlues.mp3");

Og følgende innenfor Hoved() konstruktør.

 offentlig funksjon Main () track.start (); 

Å opprette en Spor du passerer i en bane til mp3en. Vi kaller da start() metode av Spor innenfor Hoved().

Hvis du tester nå, bør du høre mp3-spill.


Trinn 7: Konfigurere grensesnittet

I dette trinnet vil vi sette opp grensesnittet for prosjektet slik at vi kan kontrollere vår Spor's.

Fra komponentvinduet trekk 4 knapper og en glidebryter på scenen. Du kan komme til vinduet Komponenter ved å velge Vindu> Komponenter eller ved å trykke CTRL + F7.

Gi knappene følgende egenskaper, en etter en.

  • X: 21,00, Y: 61,00, Etikett: "Play TracK", Instansnavn: "playTrackBtn"
  • X: 175,00, Y: 61,00, Etikett: "Play Group", Instansnavn "playGroupBtn"
  • X: 333,00, Y: 61,00, Etikett: "Spill av spilleliste", Instansnavn "playListBtn"
  • X: 21,00, Y: 100,00, Etikett: "Stopp spor", Instansnavn "stopTrackBtn"

Her er et skjermbilde av den første knappens oppsett.

Gi glidebryteren følgende egenskaper.

  • X: 21,00, Y: 29,00, Instansnavn: "trackSlider"
  • maksimum: 1
  • miniumum: 0,1
  • snapInterval: 0,1
  • tickInterval: 0.1
  • verdi: 1
  • liveDragging: "Kontroller at den er merket"

Her setter vi inn noen innledende verdier for glidebryteren. Jeg vil ikke gå over dem som du kan henvise til min Quick Tip som dekker glidebryterens funksjonalitet.


Trinn 8: Kontrollere sporet

I dette trinnet vil vi kode inn start, stopp og volumfunksjonalitet for sporet vi opprettet i forrige trinn. Legg til følgende i "Main.as".

 offentlig funksjon Main () addListeners ();  privat funksjon addListeners (): void trackSlider.enabled = false; playTrackBtn.addEventListener (MouseEvent.CLICK, playTrack); stopTrackBtn.addEventListener (MouseEvent.CLICK, Stoptrack); trackSlider.addEventListener (Event.CHANGE, adjustTrackVolume); 

Her kaller vi addListeners () fungere innenfor vårt Hoved() konstruktør. Innsiden addListeners vi setter deaktivere trackSlider og legg til lyttere til 3 av knappene våre.


Trinn 9: playTrack ()

De playTrack () funksjonen vil fortelle sporet for å begynne å spille. Legg til følgende under addListeners () Funksjonen du opprettet i trinnet ovenfor.

 privat funksjon playTrack (e: MouseEvent): void trackSlider.enabled = true; track.start (); track.volume = 1,0; 

Her aktiverer vi trackSlider spill Spor bruker start() metode og sett volumet av sporet ved hjelp av volumegenskapen.


Trinn 10: Stoptrack ()

De Stoptrack () funksjonen vil bli brukt til å stoppe Spor. Legg til følgende under playTrack () funksjonen du har lagt til i trinnet ovenfor.

 privat funksjon stopTrack (e: MouseEvent): void track.stop (); 

Her kaller vi bare Stoppe() metode på Spor.


Trinn 11: adjustTrackVolume ()

De adjustTrackVolume () funksjonen vil bli brukt til å justere volumet på Spor. Legg til følgende under Stoptrack () Funksjonen du opprettet i trinnet ovenfor.

 privat funksjon adjustTrackVolume (e: Event): void track.volume = e.target.value; 

Her setter vi volumet på sporet lik skyveknappene verdi eiendom. Fordi vi setter maksimum til 1 og minimum til 0,1, vil det alltid være et tall mellom 0,1 og 1,0 økt med tiende. dvs. 0,1, 0,4 og så videre.

Hvis du tester filmen nå, bør du kunne spille, stoppe og justere volumet på Spor.


Trinn 12: Grupper

Du har kanskje lurt på hva "Play Group" -knappen var for? Vel, sammen med å tilby grunnleggende grunnleggende Spor ASAudio har et begrep av "Grupper" som lar deg stable lydene sammen og spille dem sammen på en gang. Legg til følgende i addListeners () Funksjonen du opprettet i trinnet ovenfor.

 privat funksjon addListeners (): void trackSlider.enabled = false; playTrackBtn.addEventListener (MouseEvent.CLICK, playTrack); stopTrackBtn.addEventListener (MouseEvent.CLICK, Stoptrack); trackSlider.addEventListener (Event.CHANGE, adjustTrackVolume); playGroupBtn.addEventListener (MouseEvent.CLICK, leke); 

Her legger vi til en lytter til vår playGroupBtn som vil ringe til leke () funksjon. Vi vil kode dette neste.


Trinn 13: leke ()

Legg til følgende under adjustTrackVolume () funksjonen du har skapt i trinnet ovenfor.

 privat funksjon playGroup (e: Event): void var gruppe: Gruppe = ny gruppe ([nytt spor ("piano.mp3"), nytt spor ("drumbeat.mp3")]); group.start (); 

Her oppretter vi en ny Gruppe ved å passere i et spor av spor. Vi kaller da start() metode som forteller Gruppe å begynne å spille.

Hvis du tester nå, bør du høre "piano.mp3" og "drumbeat.mp3" å spille samtidig.


Trinn 14: Spilleliste

Sammen med å tilby Gruppe, ASAudio har et begrep av a Spilleliste. De Spilleliste er som en spilleliste på en MP3-spiller. Du "køer" opp sanger, og når en blir ferdig, fortsetter den til neste. Legg til følgende i addListeners funksjon.

 privat funksjon playPlayList (e: Event): void var playList: Spilleliste = ny spilleliste ([nytt spor ("piano.mp3"), nytt spor ("drumbeat.mp3")]); playList.loop = false; playList.start (); 

Som Gruppe vi lager en ny Spilleliste ved å passere i et spor av spor. Vi satte Spilleliste å ikke løkke og ringe start() metode.

Du kan nå teste og se Spilleliste i aksjon.

Konklusjon

Du har lært om ASAudio og sett hvordan det kan redusere mengden kode som er nødvendig for å lage lyd i ActionScript-prosjektene dine. Dette biblioteket har mer å tilby, inkludert fade, pause og stumme metoder ... Jeg foreslår at du tar en titt gjennom dokumentasjonen for å se hva som er tilgjengelig. Jeg håper du fant dette nyttig og takk for å lese!