<< Février 2012 >>
LuMaMeJeVeSaDi
12345
6789101112
13141516171819
20212223242526
272829
Revenir a la liste des tutoriels Flash de difficulté Intermediaire

2 questions
5 commentaires sur ce tutorial
Définition des mots

Boutons play et stop et contrôle du volume


I - mettre de la musique

Le but va être d'intégrer une musique sur une créa, ainsi qu'un bouton lecture et stop ^^
Sous photoshop, vous devez déjà créer votre créa, le bouton play et le bouton stop. Voici ma créa de base :

Image
Une fois dans flash, faites un nouveau document de la taille de votre créa, puis importez les cinq documents images dans la bibliothèque (le play, le stop, le volume plus, le volume moins, la créa), plus la musique.
Insérez votre créa dans le document en la sélectionnant dans la bibliothèque et en glissant jusqu'au nouveau document.
Dans la bibliothèque, faites clic droit sur votre musique, puis liaison :

Image
(attention, il est essentiel de mettre « son1 », sinon le code ne marchera pas)
Insérez ensuite votre bouton play sur votre créa.

Image
Faites clic droit > convertir en symbole :

Image
Insérez ensuite le code suivant :

Code flash

on (release) {

stopAllSounds();

//Play Internal Sound Behavior
if(_global.Behaviors == null)_global.Behaviors = {};
if(_global.Behaviors.Sound == null)_global.Behaviors.Sound = {};
if(typeof this.createEmptyMovieClip == 'undefined'){
this._parent.createEmptyMovieClip('BS_son1',new Date().getTime()-(Math.floor((new Date().getTime()) /10000)*10000) );
_global.Behaviors.Sound.son1 = new Sound(this._parent.BS_son1);
} else {
this.createEmptyMovieClip('_son1_',new Date().getTime()-(Math.floor((new Date().getTime()) /10000)*10000) );
_global.Behaviors.Sound.son1 = new Sound(this.BS_son1);
}
_global.Behaviors.Sound.son1.attachSound("son1");
if (true) {
_global.Behaviors.Sound.son1.start(0,1);
}
//End Behavior

}


Insérez ensuite votre bouton stop sur votre créa.

Image
Puis clic droit > convertir en symbole

Image

Puis insérez le code suivant :

Code flash

on (release) {

//stopAllSounds Behavior
stopAllSounds();

}


Faites ctrl+entrée pour vérifier que ca marche...
Et comme d'habitude, voici le résultat ^^

Installez le plugin Flash pour voir l'animation : Cliquez ici pour le télécharger

II - Controler le volume

Selectionnez l'image clé du calque, faites un clique droit et choisissez Actions Image tutos/img_tutos/play_7.jpg
Mettez ce code :

Code flash

son = new Sound();
son.attachSound("son1");
volson = "100";


Insérez ensuite votre bouton volume plus sur votre créa.
Image

Faites clic droit > convertir en symbole
Image

Insérez ensuite le code suivant :

Code flash

on(release) {

if(volson<100) {
son.setVolume(volson + 10);
volson = son.getVolume();
}

}


Insérez ensuite votre bouton volume moins sur votre créa.
Image

Faites clic droit > convertir en symbole
Image

Insérez ensuite le code suivant :

Code flash

on(release) {

if(volson>0) {
son.setVolume(volson - 10);
volson = son.getVolume();
}

}


Puis faites ctrl+entrée pour vérifier que ca marche...
Et comme d'habitude, voici le résultat ^^

Installez le plugin Flash pour voir l'animation : Cliquez ici pour le télécharger
Revenir à la liste des tutoriels Flash de difficulté Intermediaire

Haut