Utilisation de ASAudio pour une lecture facile du son Flash

Dans ce court tutoriel, je vais vous présenter ASAudio et la bibliothèque AS3 qui réduit considérablement la quantité de code nécessaire pour créer et manipuler des objets audio dans vos projets ActionScript..


Étape 1: Examen d'ASAudio

ASAudio est une bibliothèque ActionScript 3 qui réduit considérablement la quantité de code nécessaire pour créer et manipuler des fichiers audio (modifications de volume, panoramique) dans vos projets ActionScript. En règle générale, vous devez procéder comme suit pour charger, lire et modifier le volume d'un son dans ActionScript:

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

Avec ASAudio, tout ce que vous avez à faire est le suivant

 var track: Track = new Track ("chemin / vers / track.mp3"); track.start (); track.volume = .5;

Étape 2: Obtenir la bibliothèque

Rendez-vous sur la page de codes Google du projet et téléchargez la dernière version d'ASAudio..

Une fois que vous l'avez téléchargé, extrayez-le et copiez le dossier "com" situé dans le dossier "src" dans le dossier dans lequel vous allez créer votre projet ActionScript..


Étape 3: Nouveau projet ActionScript

Démarrez un nouveau projet ActionScript et enregistrez-le dans votre dossier de projet sous le nom "asAudio.fla". Sous le panneau "PROPRIÉTÉS", définissez la couleur de la scène sur blanc et attribuez-lui une largeur et une hauteur de 500x150px..

Créez maintenant un nouveau fichier ActionScript et enregistrez-le sous le nom "Main.as". Définissez ceci comme votre classe de document.


Étape 5: Fonction d'importation et de construction

Ajoutez ce qui suit au "Main.as" que vous avez créé à l'étape ci-dessus.

 package import flash.display.Sprite; importer com.neriksworkshop.lib.ASaudio. *; import flash.media.Sound; import flash.events.MouseEvent; import flash.events.Event; classe publique Main étend Sprite fonction publique Main () trace ("Working"); 

Ici, nous importons les classes dont nous aurons besoin tout au long de ce tutoriel, et configurons notre Principale() constructeur.


Étape 6: Suivre

le Piste est la classe fondamentale d'ASAudio. Tout ce que vous faites avec la bibliothèque dépend de la Piste. Dans cette étape, nous allons créer un nouveau Piste, et y jouer. Entrez le code suivant au-dessus du Principale() dans "Main.as".

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

Et les suivants dans le Principale() constructeur.

 fonction publique Main () track.start (); 

Créer un Piste vous passez dans un chemin vers le mp3. Nous appelons ensuite le début() méthode du Piste dans Principale().

Si vous testez maintenant, vous devriez entendre le mp3.


Étape 7: Configuration de l'interface

Dans cette étape, nous allons configurer l’interface du projet afin de pouvoir contrôler notre Pistede.

Depuis la fenêtre des composants, faites glisser 4 boutons et un curseur sur la scène. Vous pouvez accéder à la fenêtre Composants en choisissant Fenêtre> Composants ou en appuyant sur CTRL + F7..

Donner aux boutons les propriétés suivantes, une par une.

  • X: 21.00, Y: 61.00, étiquette: "Play TracK", Nom de l’instance: "playTrackBtn"
  • X: 175,00, Y: 61,00, étiquette: "Play Group", nom d'instance "playGroupBtn"
  • X: 333,00, Y: 61,00, étiquette: "Play Playlist", nom de l'instance "playListBtn"
  • X: 21,00, Y: 100,00, étiquette: "Stop Track", nom de l'instance "stopTrackBtn"

Voici une capture d'écran de la configuration du premier bouton.

Donne au curseur les propriétés suivantes.

  • X: 21.00, Y: 29.00, Nom de l’instance: "trackSlider"
  • maximum: 1
  • miniumum: 0,1
  • snapInterval: 0.1
  • tickInterval: 0,1
  • valeur: 1
  • liveDragging: "Assurez-vous qu'il est coché"

Ici, nous définissons des valeurs initiales pour le curseur. Je ne les passerai pas en revue car vous pouvez vous reporter à mon conseil rapide qui traite de la fonctionnalité des curseurs..


Étape 8: Contrôle de la piste

Dans cette étape, nous allons coder les fonctionnalités de démarrage, d'arrêt et de volume pour la piste créée à l'étape précédente. Ajouter ce qui suit à "Main.as".

 fonction publique Main () addListeners ();  fonction privée addListeners (): void trackSlider.enabled = false; playTrackBtn.addEventListener (MouseEvent.CLICK, playTrack); stopTrackBtn.addEventListener (MouseEvent.CLICK, stopTrack); trackSlider.addEventListener (Event.CHANGE, adjustTrackVolume); 

Ici nous appelons le addListeners () fonctionner au sein de notre Principale() constructeur. À l'intérieur addListeners nous avons mis le désactiver le trackSlider et ajoutez Listeners à 3 de nos boutons.


Étape 9: playTrack ()

le playTrack () Cette fonction indiquera à la piste de commencer à jouer. Ajouter ce qui suit sous le addListeners () fonction que vous avez créée à l'étape ci-dessus.

 fonction privée playTrack (e: MouseEvent): void trackSlider.enabled = true; track.start (); volume de piste = 1,0; 

Ici nous activons le trackSlider jouer le Piste en utilisant le début() méthode et définir le volume de la piste à l'aide de la propriété volume.


Étape 10: stopTrack ()

le stopTrack () fonction sera utilisée pour arrêter le Piste. Ajouter ce qui suit sous le playTrack () fonction que vous avez ajoutée à l'étape ci-dessus.

 fonction privée stopTrack (e: MouseEvent): void track.stop (); 

Ici, nous appelons simplement le Arrêtez() méthode sur le Piste.


Étape 11: adjustTrackVolume ()

le adjustTrackVolume () fonction sera utilisée pour régler le volume du Piste. Ajouter ce qui suit sous le stopTrack () fonction que vous avez créée à l'étape ci-dessus.

 fonction privée adjustTrackVolume (e: Event): void track.volume = e.target.value; 

Ici, nous réglons le volume de la piste à la hauteur des curseurs valeur propriété. Parce que nous fixons le maximum à 1 et le minimum à 0,1, il sera toujours un nombre compris entre 0,1 et 1,0 incrémenté de 10e. c'est-à-dire 0,1, 0,4, etc..

Si vous testez le film maintenant, vous devriez pouvoir lire, arrêter et régler le volume du film. Piste.


Étape 12: groupes

Vous vous demandez peut-être à quoi sert le bouton "Play Group"? Eh bien, avec offrir de base la base Piste ASAudio a une notion de "groupes" qui vous permet d'empiler des sons et de les jouer tous ensemble. Ajouter ce qui suit dans le addListeners () fonction que vous avez créée à l'étape ci-dessus.

 fonction privée 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); 

Ici, nous ajoutons un auditeur à notre playGroupBtn qui appellera le playGroup () une fonction. Nous allons coder cette prochaine.


Étape 13: playGroup ()

Ajouter ce qui suit sous le adjustTrackVolume () fonction que vous avez créé à l'étape précédente.

 fonction privée playGroup (e: Event): void var groupe: Groupe = nouveau groupe ([nouvelle piste ("piano.mp3"), nouvelle piste ("drumbeat.mp3")]); group.start (); 

Ici nous créons un nouveau Groupe en passant dans un tableau de pistes. Nous appelons ensuite le début() méthode qui raconte Groupe pour commencer à jouer.

Si vous testez maintenant, vous devriez entendre "piano.mp3" et "drumbeat.mp3" jouant simultanément.


Étape 14: Playlist

En plus d'offrir le Groupe, ASAudio a la notion de Playlist. le Playlist est comme une liste de lecture sur un lecteur MP3. Vous "mettez" en file d'attente les chansons et quand on a fini, ça continue au suivant. Ajouter ce qui suit dans le addListeners une fonction.

 fonction privée playPlayList (e: Event): void var playList: Playlist = nouvelle liste de lecture ([nouvelle piste ("piano.mp3"), nouvelle piste ("drumbeat.mp3")]); playList.loop = false; playList.start (); 

Comme le Groupe nous créons un nouveau Playlist en passant dans un tableau de pistes. Nous avons mis le Playlist ne pas faire de boucle et appeler le début() méthode.

Vous pouvez maintenant tester et voir le Playlist en action.

Conclusion

Vous avez découvert ASAudio et constaté à quel point cela pouvait considérablement réduire la quantité de code nécessaire pour créer de l'audio dans vos projets ActionScript. Cette bibliothèque a plus à offrir, y compris les méthodes de fondu, de pause et de muet… Je vous suggère de parcourir la documentation pour voir tout ce qui est disponible. J'espère que vous avez trouvé cela utile et merci d'avoir lu!