Utilizarea ASAudio pentru redarea ușoară a sunetului Flash

În acest tutorial scurt vă voi prezenta ASAudio și biblioteca AS3 care reduc foarte mult cantitatea de cod necesară pentru a crea și manipula obiecte de sunet în proiectele dvs. ActionScript.


Pasul 1: Examinarea ASAudio

ASAudio este o bibliotecă ActionScript 3 care reduce semnificativ cantitatea de cod necesară pentru a crea și manipula fișiere audio (modificări ale volumului, pan) în cadrul proiectelor dvs. ActionScript. În mod tradițional, va trebui să faceți următoarele pentru a încărca, a juca și a modifica volumul unui sunet în cadrul ActionScript:

 var urlRequest: URLRequest = URLRequest nou ("path / to / track.mp3"); var sound: Sunet = sunet nou (urlRequest); var SoundChannel: SoundChannel = sound.play (); var SoundTrans: SoundTransform = SoundChannel.soundTransform; soundTrans.volume = .5; soundChannel.soundTransform = soundTrans;

Cu ASAudio tot ce trebuie să faceți este următorul

 var track: Track = Track nou ("path / to / track.mp3"); track.start (); track.volume = .5;

Pasul 2: Obținerea Bibliotecii

Accesați pagina de cod Google a proiectului și descărcați cea mai recentă versiune a ASAudio.

Odată ce ați descărcat-o, extrageți-l și copiați folderul "com" care se află în interiorul directorului "src" în directorul în care vă veți crea proiectul ActionScript.


Pasul 3: Un nou proiect ActionScript

Porniți un nou proiect ActionScript și salvați-l în folderul proiectului ca "asAudio.fla". Sub panoul "PROPERTIES", setați culoarea treptei în alb și dați-i o lățime și o înălțime de 500x150px.

Acum creați un nou fișier ActionScript și salvați-l ca "Main.as". Setați acest lucru ca clasă de documente.


Pasul 5: Importurile și funcția Constructor

Adăugați următoarele la "Main.as" pe care ați creat-o în pasul de mai sus.

 pachet import flash.display.Sprite; import com.neriksworkshop.lib.ASaudio. *; import flash.media.Sound; importul flash.events.MouseEvent; importul flash.events.Event; clasa publică principală extinde Sprite funcția publică Main () trace ("Working"); 

Aici vom importa clasele pe care le vom avea nevoie în cadrul acestui tutorial și vom configura noi Principal() constructor.


Pasul 6: Urmăriți

Urmări este clasa fundamentală a ASAudio. Tot ce faceți cu biblioteca depinde de Urmări. În acest pas vom crea un nou Urmări, și o joacă. Introduceți codul de mai sus deasupra Principal() în "Main.as".

 var track: Track = Track nou ("BoozeandBlues.mp3");

Și următoarele în cadrul Principal() constructor.

 funcția publică Main () track.start (); 

Pentru a crea un Urmări treci pe o cale spre mp3. Apoi chemăm start() metodă a Urmări în Principal().

Dacă testați acum, ar trebui să auziți redarea pe mp3.


Pasul 7: Configurarea interfeței

În acest pas vom configura interfața pentru proiect astfel încât să ne putem controla Urmări„s.

Din fereastra Componenta trageți 4 butoane și un cursor pe scena. Puteți accesa fereastra Componente selectând Window> Components sau apăsând CTRL + F7.

Dați butoanelor următoarele proprietăți, unul câte unul.

  • X: 21.00, Y: 61.00, Etichetă: "Play TracK", Nume instanță: "playTrackBtn"
  • X: 175.00, Y: 61.00, Etichetă: "Play Group", Numele de instanță "playGroupBtn"
  • X: 333.00, Y: 61.00, Etichetă: "Play Playlist", Numele de instanță "playListBtn"
  • X: 21.00, Y: 100.00, Etichetă: "Stop Track", Numele de instanță "stopTrackBtn"

Iată o captură de ecran a configurației primului buton.

Dați cursorului următoarele proprietăți.

  • X: 21.00, Y: 29.00, Numele instanței: "trackSlider"
  • maxim: 1
  • miniumum: 0,1
  • snapInterval: 0.1
  • tickInterval: 0.1
  • valoare: 1
  • liveDragging: "Asigurați-vă că este bifată"

Aici setăm câteva valori inițiale pentru cursor. Nu voi trece peste ele, deoarece vă puteți referi la sfatul meu rapid care acoperă funcționalitatea cursorilor.


Pasul 8: Controlul melodiei

În acest pas vom codifica funcția de pornire, oprire și volum pentru piesa creată în pasul anterior. Adăugați următoarele la "Main.as".

 funcția publică principală () addListeners ();  funcția privată addListeners (): void trackSlider.enabled = false; playTrackBtn.addEventListener (MouseEvent.CLICK, playTrack); stopTrackBtn.addEventListener (MouseEvent.CLICK, stopTrack); trackSlider.addEventListener (Event.CHANGE, adjustTrackVolume); 

Aici numim addListeners () în cadrul nostru Principal() constructor. Interior addListeners am setat dezactivarea trackSlider și adăugați ascultători la 3 butoane.


Pasul 9: playTrack ()

playTrack () funcția va indica piesei să înceapă redarea. Adăugați următoarele sub addListeners () funcție creată în pasul de mai sus.

 funcția privată playTrack (e: MouseEvent): void trackSlider.enabled = true; track.start (); track.volume = 1.0; 

Aici putem activa trackSlider a cânta la Urmări folosind start() și setați volumul piesei utilizând proprietatea volumului.


Pasul 10: stopTrack ()

stopTrack () funcția va fi utilizată pentru a opri funcția Urmări. Adăugați următoarele sub playTrack () funcția pe care ați adăugat-o în pasul de mai sus.

 funcția privată stopTrack (e: MouseEvent): void track.stop (); 

Aici pur și simplu sunăm Stop() metoda pe Urmări.


Pasul 11: adjustTrackVolume ()

adjustTrackVolume () funcția va fi utilizată pentru a regla volumul Urmări. Adăugați următoarele sub stopTrack () funcție creată în pasul de mai sus.

 funcția privată adjustTrackVolume (e: Event): void track.volume = e.target.value; 

Aici am setat volumul piesei egal cu glisoarele valoare proprietate. Deoarece am setat maximum la 1 și minim la 0,1, va fi întotdeauna un număr între 0,1 și 1,0 incrementat cu 10ths. adică 0,1, 0,4 și așa mai departe.

Dacă încercați acum filmul, ar trebui să puteți reda, opri și regla volumul Urmări.


Pasul 12: Grupuri

S-ar putea să vă întrebați ce a fost pentru butonul "Grupul Play"? Ei bine, împreună cu oferirea de bază de bază Urmări ASAudio are o noțiune de "Grupuri", care vă permite să stivuiți împreună și să le redați simultan. Adăugați următoarele în cadrul addListeners () funcție creată în pasul de mai sus.

 funcția privată addListeners (): void trackSlider.enabled = false; playTrackBtn.addEventListener (MouseEvent.CLICK, playTrack); stopTrackBtn.addEventListener (MouseEvent.CLICK, stopTrack); trackSlider.addEventListener (Event.CHANGE, adjustTrackVolume); playGroupBtn.addEventListener (MouseEvent.CLICK, playgroup); 

Aici adăugăm un ascultător la adresa noastră playGroupBtn care va apela playgroup () funcţie. Vom codifica acest lucru în continuare.


Pasul 13: playgroup ()

Adăugați următoarele sub adjustTrackVolume () funcția pe care ați creat-o în pasul de mai sus.

 funcția privată playGroup (e: Eveniment): void var grup: grup = grup nou ([New track ("piano.mp3"), piesa nouă ("drumbeat.mp3")]); group.start (); 

Aici creăm un nou grup trecând într-o serie de piste. Apoi chemăm start() metodă care indică grup pentru a începe să jucați.

Dacă încercați acum, ar trebui să auziți "piano.mp3" și "drumbeat.mp3", jucând simultan.


Pasul 14: Playlist

Împreună cu oferirea grup, ASAudio are o noțiune de a PlayListul. PlayListul este ca o listă de redare pe un player MP3. Veți cânta cântece în sus și atunci când unul se termină, continuați cu următorul. Adăugați următoarele în cadrul addListeners funcţie.

 funcția privată playPlayList (e: Eveniment): void var playList: Playlist = Playlist nou ([New Track ("piano.mp3"), piesa nouă ("drumbeat.mp3")]); playList.loop = false; playList.start (); 

Ca grup noi creăm un nou PlayListul trecând printr-o serie de melodii. Am setat PlayListul pentru a nu buclă și pentru a apela start() metodă.

Acum puteți testa și vedea PlayListul în acțiune.

Concluzie

Ați învățat despre ASAudio și ați văzut cum poate reduce foarte mult cantitatea de cod necesară pentru a crea Audio în cadrul proiectelor dvs. ActionScript. Această bibliotecă are mai multe de oferit, inclusiv metode de decolorare, pauză și mut ... Vă sugerez să aruncați o privire prin documentație pentru a vedea ce este disponibil. Sper că ați găsit acest lucru util și mulțumesc pentru lectură!

Cod