Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

CRÉATION D'UN CONTROLEUR DE SON BASIQUE


Information sur le tutorial

Catégorie :Audio Date de création : 04/07/2007 20:01:17 Vu : 19 432 fois

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (27)
Ajouter un commentaire et/ou une note

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é";
}

signaler à un administrateur
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.

signaler à un administrateur
Commentaire de Choobidouwhap le 13/08/2007 18:30:12

Merci beaucoup.Très bonne explication ;-)

signaler à un administrateur
Commentaire de RazTa91 le 02/09/2007 16:54:24

super ce tuto un grand merciiiii ! ^^

signaler à un administrateur
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 ...

signaler à un administrateur
Commentaire de nattyraz le 27/09/2007 15:13:21

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

signaler à un administrateur
Commentaire de nattyraz le 27/09/2007 15:24:15

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

signaler à un administrateur
Commentaire de fafan3 le 03/10/2007 10:58:38

merci

signaler à un administrateur
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...

signaler à un administrateur
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 :(

signaler à un administrateur
Commentaire de asumasan le 29/10/2007 20:50:09

merci c'est super efficace

signaler à un administrateur
Commentaire de xnos le 04/11/2007 21:20:43

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

signaler à un administrateur
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

signaler à un administrateur
Commentaire de dofre76 le 15/01/2008 15:03:50

bien, je lé deja vu quelque part.

signaler à un administrateur
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

signaler à un administrateur
Commentaire de karimbes le 02/02/2008 11:40:29

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

signaler à un administrateur
Commentaire de ewaz le 17/02/2008 12:01:26

super tuto merci beaucoup

signaler à un administrateur
Commentaire de zine05 le 17/02/2008 13:53:27

Merci, bon travail.

signaler à un administrateur
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 !

signaler à un administrateur
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.

signaler à un administrateur
Commentaire de ramo157 le 30/03/2008 20:45:12

bon bon

signaler à un administrateur
Commentaire de woogie36 le 16/04/2008 15:51:16

lecteur simple
code simple               = tutorial exellent
explication simple



merci

signaler à un administrateur
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

signaler à un administrateur
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 .. :)

signaler à un administrateur
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.

signaler à un administrateur
Commentaire de alexperience le 04/09/2008 16:54:51

simple et efficace,  enfin !!!!

signaler à un administrateur
Commentaire de gloufman le 30/11/2008 12:39:29

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

signaler à un administrateur
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

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,047 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.