ArtBook - le blog des tutoriaux graphiques -

Un blog rempli de tutoriaux gratuits et complets pour apprendre à utiliser Photoshop, Illustrator, Flash et d'autres applications web. Mise à jour très fréquentes.

04 avril 2008

Mini Lecteur MP3

Mini lecteur MP3

Fichier source : minilecteur
Fichier exemple : minilecteur

Tuto proposé par X-bead sur le forum, puis photographié et écrit par Arthelius.

Nous allons voir comment faire un mini lecteur MP3, qui lira qu’une seule musique. Idéal pour mettre un extrait de musique sur un site. Ceci a pour but de voir comment faire un mini lecteur MP3, avant de voir comment faire un lecteur plus gros et complet dans un futur tuto.

Attention ! Ce tuto est fait en actionscript 2.0

Ouvrez un nouveau document en AS 2.0

1

Puis cliquez sur Fenêtre>Bibliothèque commune>Boutons

2

Vous trouverez à l’intérieur des boutons déjà tout fait, vous pouvez aussi faire un bouton vous-même grâce au précédent tuto.

Une nouvelle fenêtre s’ouvre, double cliquez sur le dossier « playback flat » cliquez sur flat blue play et faites glisser votre boutons dans la scène.

3

Faites un clic droit sur votre bouton, et cliquez sur actions, et la collez le code suivant (l’adresse est une adresse d’exemple, vous pouvez très bien prendre un autre fichier MP3 trouvez sur le net, elui ci se lira directement à partir du site, je vous conseil donc de l’héberger sur votre site pour éviter le vol de bande passante) :

on (press) {
mySound = new Sound();
mySound.loadSound("http://error.view.free.fr/musiques/the_do.mp3",true);
loaded = mySound.getBytesLoaded();
total = mySound.getBytesTotal();
}

4

Et voici votre mini lecteur MP3. Si vous désirez mettre un bouton stop, choisissez le fichier flat blue stop, que vous glisserez sur la scène et auquel vous apposerez ce code AS 2.0

on (press){
stopAllSounds();
}

5

Il ne vous reste plus qu’a mettre votre document à la bonne échelle et d’habiller tout ceci.

Fichier exemple : minilecteur

Arthelius

Si vous avez des questions le forum est là pour ça. ^^

Posté par arthelius à 22:16 - Tutorial Flash - Commentaires [4] - Rétroliens [0] - Permalien [#]

Commentaires

Proposition

Bonjour, je développe moi-même en AS2 et j'ai une petite proposition à vous faire :
quitte à utiliser getBytesLoaded, autant faire une barre qui grandi en fonction de cette variable, et utiliser la fonction setBufferTime pour la lecture. ça ferait un tutoriel plus complet qui ressasserait de quoi faire un player simple mais très complet.

Enfin, je dis ça je dis rien.

Posté par The G, 11 mai 2008 à 10:56

super ce tuto mais question

Bonjour,

Voilà j'ai essayé de suivre ce tuto en mettant d'abord un fond ensuite j'ai mis les boutons lorsque j'ai testé sur macromédiaflash8 ça fonctionnait j'entendais la musique, par contre j'ai enregistré l'animation et là je n'entends plus rien, je ne sais pas comment faire car je fais des créas pour mon blog, merci de m'expliquer un peu.

Posté par Ninie, 19 avril 2009 à 17:08

Super ce tuto! Il y à quand même des question.

Bonjour,

Voilà j'ai suivis votre tuto à la lettre, mais le problème est que moi quand je fait clique droit sur l'image "Play" par exemple,il n'y à pas de "Action", es que c'est à cause que mes image sois en .PNG ?

Merci d'avance.

Posté par Jeremy, 31 mai 2009 à 13:44

j'ai besoin daide

alor super le tuto seulemen moi je ne veutpas mettre la chanson de the do dessu je veut mettre un chanson de gorillaz pourais-je avoir des information comment doije faire pour heberge un song sur mon dossier ou doi je lecopier coller et ou doi je copier coller le fichier mp3?
je ne sais pas nn plus si c une music de ta biliotheque ou d'un site internet ?
merci c'est pr ma qualification en infographie réponder vite svp

Posté par julie-aaaaaa, 06 juin 2009 à 13:53

Poster un commentaire







Rétroliens

URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=327702&pid=8611891

Liens vers des weblogs qui référencent ce message :