Dans ce tuto Flash, nous allons ajouter une Add-on à notre lecteur mp3 xml. En effet, nous allons ajouter une playlist avec gestion du déplacement automatique, il vous sera donc possible d'ajouter autant de fichiers audio que vous le souhaitez et ceci tout en offrant aux utilisateurs de ce lecteur, la possibilité de se déplacer dans la liste facilement.
Nous verrons donc dans ce tuto Flash:
- 1- La création de la classe Track
- 2 -La création de la classe Tracker:
- Mise en place d'une gestion optimisée du chargement xml
- Gestion des erreurs avec affichage du chemin posant problème
- Gestion des déplacements de la liste via la classe TweenMax
- Gestion du déplacement des textes du tracker via scrollH
- Affichage des informations depuis le fichier playlist.xml
- 3- Modification de la classe XMLPlayer
Les fichiers sources :
Jetez un oeil à ces autres tuto Flash CS4, ActionScript 3
Gérer un modèle 3D dans…
Dans ce tuto Flash CS4 et ActionScript 3 vous apprendrez à…
Jeu Merlin FLash 3D
Ce tuto ActionScript 3 en vidéo, d'un niveau intermédiaire,…
Champ de vidéos 3D
Dans ce tuto Actionscript 3 en vidéo, vous allez apprendre…
Répertoire téléphonique…
Dans ce tuto Flash en vidéo, vous allez apprendre à développer…
Créez un site flash de type…
Apprenez dans cette formation à réaliser un site complet en…
Website xml avec utilisation…
Dans ce tutoriel, nous allons créer un website dynamique qui…
Créer un website avec gestion…
Dans ce tutoriel nous allons créer ensemble un mini site internet…
Débutez facilement avec Flash…
Cette vidéo de découverte va vous permettre de découvrir…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Flash CS4, ActionScript 3 de 1 heure 4 minutes est proposée dans une résolution plus grande que l’extrait suivant :
artkabis
, formateur certifié
Passionné par le webdesign, j'aime acquérir de nouvelles connaissances en ratissant la toile.
Au fil du temps j'ai su mettre à profit mes compétences de webdesigner pour mélanger interactivité,
design et animation. Curieux, j'aime être au courant des dernières nouveautés en matière
d'applications internet riches (RIA). Autodidacte, je sais m'adapter aux différents outils de création web.
J'utilise au quotidien une multitude de logiciels pour parfaire ma soif de création.
En savoir plus sur artkabis
Témoignage des clients de artkabis
![]()
Merci pour tous tes tutoriels. Ils sont super agréables et bien conçus. Grâce à toi j'ai appris de nouvelles choses.
![]()
Très bien permet d'apprendre flash rapidement et efficacement
![]()
En un mot...stupéfiant ! Merci beaucoup :)
![]()
Supers tuto, plein de bonnes astuces, merci :)
![]()
Artkabis, vraiment toi tu déchires grave... J'aime vraiment tes tuto et on voit de suite ta passion pour le flash, j'aimerai vraiment avoir 5% de tes connaissances... Bonne continuation à toi...
Lire les autres témoignages
D'autres tuto de artkabis
Présentation des nouveautés
Dans ce tuto Flash, en vidéo, je vais vous présenter quelques-unes des dernières nouveautés…
Porfolio dynamiqe xml paramètrable
Voici un tuto Flash / ActionScript sous forme d'une formation complète qui vous permettra…
Simulation d'allumette enflammée (feu et fumée)
Voici plus de 2 heures de formation Flash ActionScript pour créer la simulation d'incandescence…
Documenter ses classes actionscript en quelques clics
Dans cette formation, j'ai décidé de passer en revu la mise en place de documentation…
Notes attribuées par les utilisateurs (2 votes)
Les avis / Questions des utilisateurs (18)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Flash CS4, ActionScript 3 d’une durée de 1 heure 4 minutes a été acheté 26 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 30 avril 2010 par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Flash Audio.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.












(auteur de ce tuto - 18 février 2012)
" Si vraiment tu n'arrives pas à résoudre ceci, envoies moi ton fichier zippé sur artkabis@hotmail.fr, j'essaierais de trouver du temps pour voir ce qui ne va pas.
cordialement, Artkabis. "
(a acheté ce tuto - 16 février 2012)
" Merci, j'ai pu résoudre pas mal d'erreur (d'étourderie ^^) mais j'ai encore d'autre soucis qui sont lié a l'affichage de la playliste, le tracker ne respect pas les limite du masque : quand je descend dans la playlist, normalement les 1ère pistes devrai disparaître, mais la se n'est pas mon cas .... de plus je peut pas atteindre les dernière pistes. "
(auteur de ce tuto - 15 février 2012)
" Je viens d'ajouter la classe codé dans ce tuto, j'espère que ceci t'aidera.
++ "
(a acheté ce tuto - 14 février 2012)
" petit correction l'adresse c'est :
vi.ju@orange.fr "
(a acheté ce tuto - 14 février 2012)
" Bonsoirs, serai-t-il possible d'avoir les fichiers source de se tuto a cette adresse :
ju.vi@orange.fr
j'ai fait le 1er tuto (et vu que j' connait pas bien flash, je me suis servi des fichiers source pour comparé et ainsi trouvé mes erreurs) dans ce tuto j'ai aussi des erreurs, mais la je ne voie pas de fichier source donc j'aimerai les avoir si c'est possible.
sinon se sont de très bon tuto "
(a acheté ce tuto - 27 juin 2011)
" Simplement Excellent.Bravo l'artiste "
(auteur de ce tuto - 31 août 2010)
" salut !!!
Et bien comme il l'est indiqué dans la formation j'ai mis tout les fichiers, sauf ceux qui sont liées a la premières parties, eux ils sont présent dans le premier pack, ensuite ils ne reste plus qu'a faire les modifs de la formation. Au pire envoies un petit message dans la partie com de la première partie >> http://fr.tuto.com/flash_actionscript/lecteur-mp3-xml-flash-actionscript,7483.html , comme ça je t'envoie ceci par mail. "
(a acheté ce tuto - 30 août 2010)
" Salut Artkabis et merci pour cet excellent tuto, j'ai juste un p'tit problème, les fichiers sources ne sont pas disponible au téléchargement. Est ce que tu peux me les envoyer par mail (robincourtois@gmail.com) ???
Merci d'avance. "
(auteur de ce tuto - 25 mai 2010)
" non tu tes bien exprimé, j'avais bien compris qu'il aurait été sympa d'avoir une partie support en dehors de la partie "avis des utilisateurs", bien souvent cette partie support est créé sur le forum weecast, c'est en tout cas là bas que certain éditeurs mettent en place ceci. "
(a acheté ce tuto - 24 mai 2010)
" Salut, désolé je me suis mal exprimé, quand je parlais d'ajouter un onglet support pour poster les éventuels problèmes, je parlais du site en général pour que les utilisateurs puissent poster leurs erreurs, et pour laisser la partie "avis des utilisateurs" pour leurs avis. Ainsi ce serait plus facile de voir si le problème qu'un utilisateur rencontre n'est pas déjà traité. "
(auteur de ce tuto - 23 mai 2010)
" Salut, je viens de rentrer chez moi et de voir ton message, je vais donc regarder de plus près cette 'éventualité de créer un sujet sur le support de ce fameux lecteur. "
(a acheté ce tuto - 22 mai 2010)
" salut, merci Artkabis pour ton aide.
le problème d'affichage du volume en % est pratiquement résolut, en revanche celui de l'animation du tracker même en mettant "gotoAndPlay" ça ne marche pas.
sinon faudrait peut-être rajouter un onglet support pour les problèmes éventuels, pour éviter de poster ces erreurs sur la partie "avis des utilisateurs". "
(auteur de ce tuto - 22 mai 2010)
" Salut, alors pour ce qui concerne l'affichage du volume en %, je te conseille tout simplement de créer un champ de texte dynamique de lui donner un nom d'occurrence, 'infoVolume' par exemple, ensuite pour récupérer le pourcentage rien de plus simple, comme la barre de volume mesure 100 pixels de largeur, il te suffit de récupérer l'abscisse (la position x) du clip "slider" (celui situé à l'intérieur du clip nommé "volum") et dans la fonction "gestionMute" de la classe XMLPlayer, tu n'aurras plus qu'à ajouter cette ligne en début de fonction:
infoVolume.text = 'me.target.x + '%';
Voilà, comme la barre mesure 100 pixels de largeur, lorsque tu seras à la moitié de la capacité du volume, 50% sera affiché dans le champ texte et ceci évoluera de 0 à 100, soit la positon du slider de la gauche vers droite.
Pour ton script, je te conseille en premier lieu de ne pas utiliser de gotoAndStop, mais plutôt des gotoAndPlay, en effet si tu souhaites que tes éléments soit animés correctement pour l'ensemble des états liés aux boutons (éléments de la playlist), il faudra lire les étiquettes en question et non stopper la tête de lecture dessus.
Si tu as d'autres questions, n'hésites pas !!! "
(a acheté ce tuto - 22 mai 2010)
" Bonsoir,
Tous d’abord merci Artkabis pour cet excellent tuto,
Et désolé d’avoir poster mon premier message d’erreur, car après avoir suivi un autre excellent tuto « Menu déroulant avec fondu de couleurs » j’ais fini par trouvé d’où venais mes erreur.
- La première c’est que sur la ligne « TweenMax.to(this,0.4,{y:Math.random(cibleY)}); «, j’avais mis "random" au lieu "round".
- la deuxième venait du faite que j’avais oublié de mettre le nom d’occurrence d’un objet.
Et enfin la dernière erreur, venais du faite que j’avais mal chargé ma bibliothèque greensock.
Sinon je voulais savoir comment mettre le niveau de volume en %, car j’ai essayé de bricoler quelque chose mais rien à faire.
Mais aussi comment animer le tracker comme sur le tuto "Menu déroulant avec fondu de couleurs"
car le scripte que j’ai fais ne marche pas, pour tant j’ai utilisé le même pour mes boutons play/pause/stop/next/prev
"
this.addEventListener(MouseEvent.MOUSE_OVER, __actions);
this.addEventListener(MouseEvent.MOUSE_OUT , __actions);
this.addEventListener(MouseEvent.MOUSE_DOWN, __actions);
this.addEventListener(MouseEvent.MOUSE_UP, __actions);
private function __actions(me:MouseEvent):void
{
if(me.target.name === ‘tracker')
{
switch (me.type)
{
case MouseEvent.MOUSE_OVER: me.target.gotoAndStop('Over'); break;
case MouseEvent.MOUSE_OUT : me.target.gotoAndStop ('Out'); break;
case MouseEvent.MOUSE_DOWN: me.target.gotoAndStop ('Click'); break;
case MouseEvent.MOUSE_UP : me.target.gotoAndStop ('Over'); break;
}
}
} " "
(auteur de ce tuto - 18 mai 2010)
" Salut, alors je viens de regarder et l'upload que j'avais effectué pour cette formation n'a pas dû être prise en compte, j'ai donc remis en place les fichiers sources et tu peux donc les utiliser pour ta correction. Voili voilou, désolais pour le dérangement !!! "
(a acheté ce tuto - 18 mai 2010)
" Merci pour ton aide, Artkabis mais la j'ai un nouveau problème, donc je vais refaire à zéro mon lecteur c'est la meilleure solution que je puisse faire pour le moment. Quand aux fichiers sources du "tuto lecteurmp3" sont belle et bien accessible mais ceux du "tuto amélioration" ils ne le sont pas, à moins que ce soit moi qui n'y ai pas accès. "
(auteur de ce tuto - 18 mai 2010)
" Salut, alors ton random doit être fait différemment, comme ceci: Math.random()*cibleY
En effet cette méthode ne prend pas aucun argument. Sinon les fichiers source ont étés proposés depuis déjà quelques temps. Voilà si tu as encore des questions, n'hésites surtout pas !!!! "
(a acheté ce tuto - 18 mai 2010)
" Bonsoir,
Excellent tuto bien que j’ai une erreur qui me bloque, j’ai beau regardé plusieurs fois la vidéo pour voir s’il n’y a pas d’erreur de frappe, mais bon est tant débutant je ne vois pas comment réglé cela. S’il y avait au moins le fichier source, j’aurai pu comparer et voir si le problème persiste.
L’erreur ce trouve sur la ligne : "TweenMax.to(this,0.4,{y:Math.random(cibleY)});".
Il me dit que : "Nombre d'arguments incorrect. Nombre maximum attendu : 0". "