begin process at 2010 03 18 23:20:10
  Trouver un code source :
 
dans
 
Accueil > 

Tutoriels

 > 

Audio

 > CRÉATION D'UN CONTROLEUR DE SON BASIQUE

CRÉATION D'UN CONTROLEUR DE SON BASIQUE


 Information sur le tutoriel

Note :
6 / 10 - par 2 personnes
6,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

 Description

Ce tutorial vous permettra de créer un boutton play, pause et stop pour la lecture d'un son.

Tutorial

Controler un son.

Ce tutorial comprendra 2  parties : une sera consacrée à la réalisation graphique, l'autre sera attribuée au code actionscript.

Si tout ce passe bien, vous aurez à la fin de votre réalisation :

- un bouton play dédié au démarrage de votre son

- un bouton pause l'arretant momentanément

- un bouton stop l'arretant et déclenchant la relecture depuis le début lorsque l'on appuira sur le bouton play

- une occurence de texte dynamique affichant l' état de lecture du son

I. Création graphique

Commencez par creer un nouveau document flash (peu-importe ses dimensions, dans cet exemple, j'ai pris un document de 550*400).

My_Screenshot_42.png

Ensuite, placez 3 boutons sur la scene, un bouton play, un bouton pause, un bouton stop.

Pour être rapide, j'ai inséré sur ma scene des boutons de la biblihothèque commune celle qui est fournie avec flash. Pour accéder à cette biblihothèque, pour la version anglaise de flash, allez dans : window (en haut), common Libraries, Buttons.

J'ai fait glisser dans ma biblihothèque les boutons play, pause et stop de la biblihothèque commune, ceux-ci étant situé dans les onglets Classic buttons puis playback.

Vous devriez maintenant avoir cette scène :

My_Screenshot_44.png

 

Maintenant, nommez les occurences de chaque bouton ainsi (attention, cette étape est fondamentale pour la suite) :

- bouton play : btn1

- bouton pause : btn2

- bouton stop : btn3

Pour nommer une occurence, selectionner votre objet puis entrez son nom dans le champ de texte où il est marqué <instance name> : My_Screenshot_45.png

Maintenant, insérez un champs de texte dynamique au dessus de vos boutons. Pour ce faire, séléctionnez l'outil texte, placez votre texte et définissez-le comme dynamic text :

My_Screenshot_47.png

Attention! : veuillez régler auparavant la taille, couleur, forme ... de votre texte car c'est comme cela qu'il apparaîtra. Veuillez aussi prévoir suffisement d'espace (taille du champ de texte) pour pouvoir laisser apparaître play, pause et stop. Appelez l'occurence "texte".

Voici ce que vous devriez avoir :

My_Screenshot_48.png

Maintenant, dans fichier, importer, importer dans la biblothèque, importer votre son. Puis dans la bibliothèque: selectionnez le, clic droit, liaison ou linkage puis cochez la case liaison pour actionscript. Puis entrez comme identifiant "mon_son":

My_Screenshot_49.png

Mainenant tout est près pour la deuxième partie : le code.

II. Le code actionscript

Ouvrez le panneau action et entrez ce code dans la frame 1 (vous pouvez tout copier et tout coller, les explications du code ne seront pas prises en compte dans l'actionscript):

son = new Sound();//Signifie que l'on crée un nouvel objet son
son.attachSound("mon_son");//Signifie qu'on relie à cet objet le son que l'on à lié dans la bibliothèque

a = 0
b = 0//Ce sont deux variables qui serviront pour la suite

btn1.onRelease = function(){//lorsqu'on relache le bouton play...
stopAllSounds();//Arrête tous les sons en cours, cela évite un éventuel brouhaha
b = b+1//On ajoute 1 à la valeur b
if(b == 2) { b = 0; a = 0 }//Si b=2, les valeurs a et b redeviennent égales à 0 (importance pour plus tard)
if(son.position == son.duration) {a = 0;}//lorsque le son est finit, la valeur a ets égale à 0
son.start(a/1000);//lance la lecture du son au point a dans le temps
texte.text = "lecture du son en cours...";//affichage lorsque le son est en lecture
}//fin de la fonction

btn2.onRelease = function(){
son.stop();//arrêt du son
a = son.position;//la position du son est enregistrée dans la variable a
//cela servira lorsque l'on rappuiera sur le btn play : le son démarre à cette variable
b = 0;//0 est stoqué dans la valeur b
texte.text = "son en pause";
}

btn3.onRelease = function(){
stopAllSounds();//arrêt total des sons
a = 0;
b = 0;
texte.text = "son arrêté";
}

Commentaires

Commentaire de zarkofaj le 30/07/2007 16:55:49

Il est bien de retourner à la base quelquefois. C'est propre et c'est bien . . . mais simpliste.
| DM Qc Canada.

Commentaire de Choobidouwhap le 13/08/2007 18:30:12

Merci beaucoup.Très bonne explication ;-)

Commentaire de RazTa91 le 02/09/2007 16:54:24

super ce tuto un grand merciiiii ! ^^

Commentaire de _KylN3o_ le 17/09/2007 23:09:08

Salut c un tuto trés clair et trés simple a mettre en place Merci pour la qualité du travail.

J'ai suivit ton tuto et aucun soucis j'ai le lecteur que je voulait par contre je voulais charger ce lecteur dans une autre animation flash via ce script : {cadre.loadMovie("Sonintro.swf","cadre",20);}
cadre étant mon clip qui va recevoire mon lecteur ici nommée Sonintro.swf par contre a la lancer de l'anim le lecteur apparait mais n'est pas fonctionnel impossible de lire le son rataché ?!?

Saurait tu pourquoi ??

Merci d'avance a ce qui pourront me répondre ...

Commentaire de nattyraz le 27/09/2007 15:13:21

yes, c'est un trés bon tuto ! bien expliqué, merci:)!

Commentaire de nattyraz le 27/09/2007 15:24:15

j'ai oublier ,comment on fait pour demarer la lecture à l'affichage du lecteur?

Commentaire de fafan3 le 03/10/2007 10:58:38

merci

Commentaire de florianduxx le 04/10/2007 20:46:59

Reponse à Nattyraz: pour démarer la lecture à l'affichage du lecteur, il faut que tu mette ce code dans la frame
qui contient les boutons de ton lecteur:

son = new Sound();
son.attachSound("mon_son");

son.start(a/1000);

Ce code est à mettre dans cet ordre car sinon, le son sera déclaré après sa demande de lecture... et ça ne fonctionnera pas...

Commentaire de noname444 le 13/10/2007 14:16:13

merci pour ce tutorial très facile à suivre ce qui n'est pas souvent le cas :(

Commentaire de asumasan le 29/10/2007 20:50:09

merci c'est super efficace

Commentaire de xnos le 04/11/2007 21:20:43

tu pourré faire un tuto pour ajouter une barre pour varié le volume?

Commentaire de AkDesign le 02/01/2008 23:00:39

Bonsoir, j'ai essayé ce tuto sous Flash Pro CS3 mode AS2 !
Le son n'est pas lu .....  Et pourtant je n'ai fais q'un copier / coller et suivi les indications du tuto ! Le son est dans le même répertoire que le .fla et .swf !
Merci

Commentaire de dofre76 le 15/01/2008 15:03:50

bien, je lé deja vu quelque part.

Commentaire de enzo444 le 22/01/2008 17:14:09

salut j'ai reussi la manipulation mais j'aimerait metre plusieur fois se meme lecteur dans une meme page mais sauf avec des sons diferent pour chaque quelqu'un a la solution merci d'avance

Commentaire de karimbes le 02/02/2008 11:40:29

Salut c un tuto trés clair et trés simple Merci

Commentaire de ewaz le 17/02/2008 12:01:26

super tuto merci beaucoup

Commentaire de zine05 le 17/02/2008 13:53:27

Merci, bon travail.

Commentaire de klhm le 03/03/2008 12:37:56

super ! j'avais un pb ac mon ancien lecteur parce qu'il etait dans un clip vide celui ci est nickel... merci !

Commentaire de chutaluna le 05/03/2008 15:29:45

Slt,

Un grand merci à toi, c'est un tuto digne d'un champion, super claire bien expliquer, on ne peu rien dire d'autre je suis fan.
j'aurai aimé savoir si c'était possible de mettre une barre pour faire varier le volume?

Merci.

Commentaire de ramo157 le 30/03/2008 20:45:12

bon bon

Commentaire de woogie36 le 16/04/2008 15:51:16

lecteur simple
code simple               = tutorial exellent
explication simple



merci

Commentaire de jab06 le 10/06/2008 23:24:03

Quand je pense à tous ceux qui perdent leurs temps pour nous donner ces free tutos et tous les progarmes gratuits et les scriptes ......
Je dit bravo et mille merci

Commentaire de yod21 le 25/06/2008 08:21:55

Bonjours je rencontre le mec probleme que "_KylN3o_ "

je charge mon flash (son et boutons)dans un flash deja existant

les boutons fonctionnent mais je ne peux entendre la musique a partir du bouton play
je m explique :
- en reglant pour que la musique demarre automatiquement cela fonctionne,
puis je peux faire pause, stop mais impossible d'utiliser le bouton play pour reprendre ou relancer,

-si la musique ne démarre pas automatiquement , impossible de la lancé avec play , j ai verifier mon .swf indépendamment, il fonctionne tres bien sinon...

si quelqu un a des lumieres c'est bienvenue

_En tout cas bravo et merci à toi pour ce tuto limpide .. :)

Commentaire de pcieea le 05/07/2008 17:16:40

C'est vraiment merveilleux  ca fait longtemps que je cherche des exemples commença mercis beaucoup.

Commentaire de alexperience le 04/09/2008 16:54:51

simple et efficace,  enfin !!!!

Commentaire de gloufman le 30/11/2008 12:39:29

MERCI bcp  bcp bcp !!!!!   c est simple et efficace allelouia!!!

Commentaire de sullidelvega le 23/12/2008 17:59:31

je dois être le dernier des cons car pour moi ça ne marche pas. Je suis pourtant en action script 2.0
Quelqu'un pourrait m'aider à trouver la solution à mon probleme

Commentaire de pp1957 le 22/02/2010 17:36:52

Merci, explication super claire, mais comment lire le son en boucle ?

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,125 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales