Player Flash MP3 léger comme une plume
Edit : Mise jour et dernière version par ici
Macromedia Flash offre la possibilité de lire des sons à la demande. Dans certains cas, il peut être utile d'intégrer à des pages web des animations permettant de prévisualiser (préauditer plutôt) un son au format mp3. Bon nombre de ces animations disposent d'interfaces peu attrayantes ou bien trop lourdes. N'ayant pas vraiment trouvé de player simple d'utilisation et surtout léger, il ne me restait plus qu'à coder le ... dewplayer (Tadam! Pas d'objection, j'aurais pu le nommer dewflashmp3lightplayer, mais je suis ouvert à toute suggestion de nom). Il n'a rien de sorcier, de complexe ou de mystérieux. Son principal avantage, outre sa légèreté, réside en sa capacité à télécharger le contenu du son à la demande et non au moment du chargement de la page, car le fichier audio n'est pas contenu dans l'animation mais appelé dynamiquement lorsque l'on clique sur play. Exemple en action :
Extrait de 20 secondes : Le Hussard sur le Toit - Jean-Claude Petit
Son utilisation est simple car il suffit d'utiliser le code HTML classique pour une animation flash, en spécifiant dans l'url le nom du fichier comme un argument (typiquement ?son=...). Cela permet aussi de générer des listes de fichiers audio sur un serveur, par exemple dans une page web via un script PHP, et de proposer des aperçus en utilisant le même code et le même fichier swf. Ici un exemple avec votre_son.mp3 en supposant qu'il se trouve dans le même répertoire (sinon le chemin relatif passe aussi mais évitez d'utiliser des espaces ou caractères accentués). :
<object type="application/x-shockwave-flash" data="dewplayer.swf?son=votre_son.mp3" width="200" height="20">
<param name="movie" value="dewplayer.swf?son=votre_son.mp3" />
</object>
Autoplay : Il est possible de lancer automatiquement la lecture avec l'option autoplay (ou autostart ça va aussi) et la valeur 1, true ou yes. Exemple : "dewplayer.swf?son=test.mp3&autoplay=1"
Couleur de fond : Vous pouvez modifier la couleur de fond pour l'adaper à votre site grâce à deux petits bouts de code :
- rajoutez bgcolor="#xxxxxx" dans le tag object
- <param name="bgcolor" value="#xxxxxx"> avec les autres paramètres
Vous devriez obtenir ainsi (#xxxxxx est à remplacer par la couleur de votre choix, par exemple #003366 pour du bleu) :
<object type="application/x-shockwave-flash" data="dewplayer.swf?son=votre_son.mp3" width="200" height="20" bgcolor="#xxxxxx">
<param name="movie" value="dewplayer.swf?son=votre_son.mp3" />
<param name="bgcolor" value="#xxxxxx">
</object>
NB : J'ai reçu des dizaines de mails avec des suggestions et des questions, mais je n'ai pas encore pu répondre à tous ni faire les modifications souhaitées. Merci de ne pas demander le .fla :)
1 décembre 2005 à 16:14
Très intéressant, je pense que la seule chose à ajouter est une barre de progression qui permette de naviguer dans le fichier mp3. Sinon Ogg sera t il supporté ?
2 décembre 2005 à 16:57
Podcast série 6 : blogs et business #5
La télévision sur votre ordinateur via la Freebox, Skype 2.0 et la visiophonie, une blogueuse irakienne, la conférence Les Blogs 2.0.Interview d’Hugues de Musset, Gérant de la société Intermédia Technologies. Ecouter le podcast en ligne : (Pour écouter…
2 décembre 2005 à 17:25
Tout à fait d’accord avec Fanfan… La barre de progression (ou défilement ) me semble être un gros plus… Quelq’un a -t-iol une idée?
7 août 2008 à 15:56
Hi, ça marche pas sous firefox3 !!
11 août 2008 à 20:26
Si vous cherchez un autre player mp3 leger et efficace, passez sur mon site :
http://www.freeflashmp3player.com
amusez-vous!
;)
18 août 2008 à 00:35
Grand merci.
2 septembre 2008 à 00:31
Hello,
petite question null:
Comment je fait pour placer le player sur mon sie en flash, et sourtout comment je fait pour la liste des mp3??
Merci d’avance
Davide
28 septembre 2008 à 18:47
Bonjour,
Comment fait-on jouer ce petit lecteur sur toutes les pages.. Lorsque je change de page la musique arrête ? Merci pour les infos
17 octobre 2008 à 18:25
Bonjour
Voilà j’aimerais savoir comment enlever la barre blanche qui me prend le haut de ma page d’accueil de mon site
Merci bien
7 novembre 2008 à 18:06
Salut, moi j’ai téléchargée celle qui est présentée, la version classique, quand je l’ouvre , ça me va sur le Lecteur Windows Media, et c’est marqué: « Vos paramètres de sécurité actuels ne interdisent cette action. » Est-ce que quelqu’un a un problème du genre SVP?
18 novembre 2008 à 11:21
génial ton blog!tu l’as fait comment?
14 décembre 2008 à 16:34
Salut!
Cést genial votre lecteur, je voudrai savoir comme je peut changer le couleur des titres des chansons, parce que je ne les vois pas bien. Je prefere le couleur noir.
Pouvez vous me aider?
Merci bien.
23 mars 2009 à 18:15
C’est bizare, car pour le son proposé (le hussard), on voit défiler « Jean-Claude petit… » sur le lecteur. En revanche, une fois le lecteur installé sur mon site, aucun texte ne défile, il n’y a que le timing qui s’affiche, rien de plus. J’ai dû rater un truc…
Quel est l’argument à indiquer pour faire défiler un texte ?
Merci.
24 mars 2009 à 12:59
Okay, j’ai pigé, il suffit de remplir les tags ID3 pour que le texte défile.
Bizarre, pas un mot là-dessus sur cette page…
1 mai 2009 à 22:07
bonjour dew, fameux travail si pratique pour dewplayer ! j’aurais une question sur dewslider : en fait, 2 : 1) où sont passés les boutons ? j’ai tout fait (de l’air !), mais rien n’apparaît…
2) param name= »wmode » value= »transparent » marche pour le dewplayer sous IE et FF, mais pour le dewslider, cela ne fonctionne que sous IE (version html) ? tant qu’a y être : je voulais mettre une infobulle pour indiquer ton adresse, mais alt= » » ne marche que sous IE, aurais-tu le code pour FF ? merci pour tout les rameurs dans mon genre, sacré nom de dew !
1 mai 2009 à 23:40
re-bonjour,
aides-toi, etc… couleur résolue dans FF par param name= »bgcolor » value= »ma couleur » dans object et bgcolor= »ma couleur » dans embed, comme quoi quand on se pose des questions…
par contre, pour les boutons, toujours rien…
mais j’ai un doute, lis tu encore des messages postés dans l’archive 2005/02/16 ???
infinitessiment petit tiens,
matt
5 mai 2009 à 14:10
suite et fin :
« quand le sage montre la lune, l’idiot regarde le doigt ». Bon, mea culpa et explication pour tous ceux qui comme moi regarde le doigt…
Déjà, on parle pas de dewslider dans la page de dewplayer.
Ensuite, (pour conclure sur dewslider) Sa Majesté Dew à la bonté de vous filer en téléchargeant le dewslider (voir Alsacréation) le fichier html (que vous renommez comme vous voulez) ET le fichier xml que vous laissez là où il est, c.a.d dans le même emplacement que le html. Renommez les images, emplacement, etc, dans le html ET le xml, changez vos param name (complétez d’une même façon l’Embed) comme bon vous semble, et n’oubliez surtout pas de remercier le monsieur :
Moi qui étais A.T (Absolument Turne), je crois désormais en Dew.
C’est de la confiture pour les cochons, merci pour les cochons !
Gruit gruit groink.*
matt_66
*(merci et bravo dew, t’es le meilleur)
17 juin 2009 à 10:50
Merci pour ce code, c’est exactement ce que je cherchais….
Bonne continuation.
24 novembre 2009 à 00:16
Bonjour,
J’ai un probleme de parasites lors de la lecture du son, que ce soit sous Firefox ou IE. J’ai essayé plusieurs encodeurs, plusieurs qualités (128, 192, 256k…), idem.
Quand j’ecoute l’extrait en local, sur mon pc, avec n’importe quel lecteur (VLC, WMP…), c’est nickel.
J’avais le meme probleme précédemment avec le code embarqué « standard » HTML. J’ai essayé avec d’autres flash players, toujours le meme probleme.
Voici le lien de ma page, pouvez-vous ecouter le 1er extrait « Ce qui est sien » et me dire de quoi ca peut provenir ?
http://moonstruck.s.c.free.fr/Musique.html
Voici le code source :
24 novembre 2009 à 00:20
Je persiste, voici le code source :
24 novembre 2009 à 00:20
Euh… comment indiquer le code source ???
26 septembre 2010 à 18:14
Je viens de découvrir ce petit lecteur flash, et je l’adore. Je vais l’utiliser sur mon blog. Merci à son créateur, que je ne manquerai pas de créditer.
20 septembre 2011 à 22:18
Tiens! Mais c’est ma chanson!