[v2.0] Ajouter un son avec dewplayer

Lundi 30 janvier 2006 1 30 /01 /Jan /2006 11:24

- Publié dans : Gadgets

[v2.0] Ajouter un son avec dewplayer

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.
Quelqu'un a eu la bonne idée de programmer un petit lecteur simple, et léger.

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.

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).

Le code : (à mettre en mode source)

Ce code est simplifié puisque les admins ont simplifié l'insertion. Si vous utilisez le code "complet", cela entraine par contre pas mal de soucis.

Mais si vous voulez mettre plusieurs morceaux sur la même page, il faut utiliser le mode complet.

dewplayer:votre_son.mp3&

Vous devez remplacer les parties vertes par l'adresse du fichier son.

Un petit exemple:

Le formulaire pour se simplifier la vie:

Plus
- Email
- Lien
- Imprimer

Voir les 183 commentaires

Précédent : [v2.0] Carte des bloggeurs Retour à l'accueil Suivant : Corrections du site

Commentaires

Me rappel un article tout ca ...

Commentaire n°1 posté par Ticman56 le 31/01/2006 à 20h26

j'ai vu ton article après avoir fait le mien lol

Réponse de Fabrice B. le 31/01/2006 à 21h03

j'allais dire la meme chose... ca me rappelle quelque chose! ;)
et moi qui arrete pas de le conseiller la methode de tic sur le forum... je le fais connaitre au meme titre que le generateur de francisek...
bizz

Commentaire n°2 posté par celine [Palmito] le 31/01/2006 à 22h55

c'est vrai qu'il est super léger! Je l'ai de suite adopter ^_~
Bravo pour ce super site Over-faq ^^

biz

sugi la fourmiz

Commentaire n°3 posté par sugi le 03/02/2006 à 17h26

Ca marche du feu de Dieu. Merci!

Commentaire n°4 posté par Fredogino le 03/02/2006 à 23h48

sa na marche pas pourquoi? Pourtant je fais tout ce qui est marqué!

Commentaire n°5 posté par Kiddy le 11/02/2006 à 09h46

Ouiiiin, Fabrice, ca mache poooooooo.
L'enregistrement du code en Source rajoute toujours des marques qui cassent le lecteur.
Ouiiiiiiiiiin...

Signé : un Denis malheureux (bon : faut quand même pas exagérer)
;-)

Commentaire n°6 posté par Denis LAGARDE le 11/02/2006 à 12h54

Denis> si tu rajoutes le raccourci de proceau

ca fonctionne

Mais sinon, l'adresse est intérprétée par le patch de proceau.
Sauf en renommant dewplayer par autre chose, mais à ce moment là, il faut l'heberger ailleurs, puisque les fichiers sur over n'acceptent pas les ? ;)

Réponse de Fabrice B. le 11/02/2006 à 13h09

Merci pour les changements...le lecteur apparait, mais cela ne donne rien !

J'ai réussi à trifouiller le mode source pour que ça marche :

là ça marche : http://xurasko.over-blog.com/article-1848522.html j'ai gardé la première formule que tu avais donné sur ton article mais il reste deux petits symboles après le lecteur (j'ai retiré un ?son=...")

là ça marche pas : http://vignoblesetchateaux.over-blog.com/article-929961.html j'ai utilisé la formule du nouvel article...

merci de nous tenir au courant...

Commentaire n°7 posté par Damien le 11/02/2006 à 20h05

Dans un article il y a quelques temps, j'avais inséré le lecteur "complet", hébergé dans mes fichiers et tout et tou mais apparemment ça ne fonctionne plus donc je suis absolument RAVIE de voir que l'insertion a été simplifiée

Commentaire n°8 posté par Naemia le 12/02/2006 à 10h14

aidez moi j'ai pas compris ??? !!!

Commentaire n°9 posté par Coco le 13/02/2006 à 08h49

Bonjour, Je ne comprend pas ou je dois aller chercher mon morceau. est ce que je peux le prendre dans C: ? Si oui, quelle est son adresse car apparement en C:/mes documents/blablabla ca ne marche pas

Commentaire n°10 posté par olivia le 13/02/2006 à 09h53

Non, il faut que le morceau soit en ligne ;)
(Moi, par exemple, j'ai pas accès à ton C...

Réponse de Fabrice B. le 13/02/2006 à 18h27

bonjour !

encore une question idiote pour toi... qui suit la question d'Olivia ci dessus. comment je fais pour mettre mon "son" en ligne ?

et si jamais tu veux bien regarder ma page, j'ai l'impression que mon compteur dans l'en-tête déconne un peu non ?

merci pour tout se savoir, mis à notre disposition si aimablement... et avec tellement de patience !

Commentaire n°11 posté par Miam le 13/02/2006 à 20h44

compteur> aucun souci...

Pour le son en ligne: il faut l'heberger ;) (cf la faq, généralités, hébérgement)

Réponse de Fabrice B. le 13/02/2006 à 22h03

Voila se que tu demande Miam: http://rapidshare.de/

Commentaire n°12 posté par G-rom003 le 13/02/2006 à 22h05

Bonjour,

apres avoir enfin compris que mon C: n appartenait qu a moi.... j'ai heberge mon morceau sur putfile mais l'url donne (http://media.putfile.com/California-Dreaming5121). alors, je vois bien qu'il manque le '.mp3' et que donc c est mon url qui n est pas bon mais ou recuperer le bon url?

merci de ta patience!

Commentaire n°13 posté par olivia le 15/02/2006 à 21h34

il faut demander à putfile, il te donne le bon normalement ;)

Réponse de Fabrice B. le 15/02/2006 à 22h23

Merci Sugi pour ton aide precieuse... Ca y est, la musique fonctionne! ;-)

Commentaire n°14 posté par olivia le 16/02/2006 à 19h03

sa ne marche pas pourtant je fais tous correctement

Commentaire n°15 posté par ledingo le 17/02/2006 à 21h48

Non: l'adresse n'est pas une adresse d'un mp3...

Réponse de Fabrice B. le 17/02/2006 à 22h28

a ok bon bas merci bonne continuation

Commentaire n°16 posté par ledingo le 17/02/2006 à 22h40

Est il normal que dewplayer tente de joindre www.estvideo.com ou www.alsacreations.fr comme me le fait gentiment remarquer une Alerte de Securité de Macromedia Flash Player? Alors, je pose la question qui fâche : le dewplayer est il un spyware?

Commentaire n°17 posté par bs.one le 18/02/2006 à 00h15

Non.
MAIS il charge des fichiers à la volée quand tu appuyes sur le bouton. Si le fichier est hebergé chez estvidéo ou alsacréation.... ;)

Réponse de Fabrice B. le 18/02/2006 à 00h25

Bonjour,

Je viens de poster ce message sur le forum qui te permettra de comprendre que j'arrive à la conclusion qu'il est impossible de mettre plus d'une fois un fichier dewplayer sur un blog OB.

Commentaire n°18 posté par Brad-Pitt Deuchfalh le 18/02/2006 à 11h56

un dessin valant mieux qu'un long discours...

je colle ici en mode source un

Commentaire n°19 posté par brad-pitt deuchfalh le 18/02/2006 à 12h23

Evidemment pour que mon exemple soit parlant il aurait fallu que cette page ne contienne aucun

c'est pourquoi je te propose d'aller voir là où l'exemple est plus parlant :

http://lecture.audio.over-blog.com/article-1822247-6.html#anchorComment

Merci.
N'hesite pas à me contacter au besoin.

Commentaire n°20 posté par Brad-Pitt Deuchfalh le 18/02/2006 à 12h42

ooooh la zolie musique =)

Commentaire n°21 posté par lisa le 18/02/2006 à 23h02

De quelle manière, si cela est possible, peut on changer les couleurs, dans le but de les accorder avec le reste de notre page...?

Merci

Commentaire n°22 posté par Paul le 21/02/2006 à 01h31

Bonjour, je voudrais que vous m'aidiez car je suis perdu moi aussi !!suite au commentaire n° 13 posté par olivia le 15/02/2006 , je suis arrivée au meme probleme qu'elle: j'ai installé le lecteur sur mon blog sans probleme, et j'ai aussi hebergé ma musique sur putfile, mais il ne me donne pas d'URL finissant par "mp3.." donc je ne sais pas comment faire ! voila ce qu'ils me mettent : http://media.putfile.com/tu-me-manques => donc je vois bien qu'il n'y a pas mp3 moi aussi ! mais comment y remedier ? merci de m'aider svp !

Commentaire n°23 posté par La miss le 23/02/2006 à 14h06

Il faut l'heberger ailleurs ;)

Réponse de Fabrice B. le 25/02/2006 à 11h08

Fabrice : merci. Et 1000 excuses d'avoir été aussi long à te répondre. Le seul inconvénient est que la musique se joue en 78 tours! lol

Commentaire n°24 posté par Denis LAGARDE le 23/02/2006 à 19h57

Si la vitesse n'est pas la bonne, cela vient apparement de l'encodage du son. Il faut du 56k/s... (de mémoire, faudrait se plonger dans la doc pour être sur)

Réponse de Fabrice B. le 25/02/2006 à 11h09

y'a pas de probleme! c'est deja gentil de me repondre! par contre je ne comprend pas ce qui se passe : 78 tours ? c quoi le probleme ? c'est ma chanson qui ne vas pas ? la façon dont elle est enregistrée ? quelque chose d'autre ?je suis perdue aide moi !! merci

Commentaire n°25 posté par La miss le 24/02/2006 à 00h30

la facon dont elle est enregistrée.... le taux doit etre à 56... (de mémoire toujours pas eu le temps de vérifier)

Réponse de Fabrice B. le 26/02/2006 à 11h36

bonjour le sujet n'a pas etais aborder mais est il possible plusieur musique a la volé sur un seul lecteur de maniere a ce que quand une fini l'autre anchaine comme sur un cd enfait ??? merci

Commentaire n°26 posté par Renji-Abarai le 26/02/2006 à 16h15

le sujet a été abordé, dans la faq, rayon gadget, articles sur la musique, paragraphe sur la playlist ;)

Réponse de Fabrice B. le 27/02/2006 à 11h16

g beau mettre ca dans le code source ca marche pas !!!

ca affiche ce teste sur le blog aussi

Commentaire n°27 posté par Renji-Abarai le 26/02/2006 à 17h48

l'adresse du fichier son est fausse....

Réponse de Fabrice B. le 27/02/2006 à 11h18

Ce générateur est super, bravo à ses concepteurs !!!

Y a t'il un moyen de faire jouer automatiquement un son avec ce générateur et que faut-il y ajouter ?

J'ai essayé de trouver sur

http://www.estvideo.com/dew/index/2005/12/03/603-dewplayer-reloaded

Mais je n'y suis pas arrivé.

Merci pour la réponse par mail si possible.

Commentaire n°28 posté par Papyves83 le 27/02/2006 à 10h07

Cà y est j'ai trouvé, encore une fois grace à l'ami FRANCISEK le génie pour tout le monde !!! http://www.francisek.com/article-696740.html Il y a le générateur que je cherchais.

Commentaire n°29 posté par Papyves83 le 27/02/2006 à 10h27

oui je m'en etai rendu compte mais meme avec une bonne adresse de fichier son c toujour le texte ki s'affiche sur le blog au lieu du cadran :(

Commentaire n°30 posté par Renji-Abarai le 27/02/2006 à 14h42

alors mets le en mode source ;)

Réponse de Fabrice B. le 27/02/2006 à 18h06

Salut,
j'ai également un problème de vitesse de lecture, mon fichier est en mp3 56kb/s et il est lu en "78 tours"... What's the problem selon vous ?
Sinon ce petit lecteur est bien pratique merci au concepteur !
merci d'avance.

Commentaire n°31 posté par Pied d'nez le 03/03/2006 à 13h25

meme réponse: le taux est important...

Réponse de Fabrice B. le 03/03/2006 à 15h46

Comme Renji Abarai, c'est mon texte qui s'affiche au lieu du cadran pour mon article le talisman de Daena. J'avais réussi à mettre le son en ligne, tout était bien et deux jours après sans rien avoir touché, ça marchait plus. Sur l'accueil sa marche toujours! Why???J'ai vérifié l'adresse du fichier son qui est bonne. J'ai mis en mode source : rien ! Merci de ton aide.

Commentaire n°32 posté par Daena le 04/03/2006 à 22h42

Je n'ai rien compris vous pouvez m'expliquez plus simplement???

Commentaire n°33 posté par cha-cha19 le 07/03/2006 à 19h11

non.. c'est déjà la méthode la plus simple...

Réponse de Fabrice B. le 07/03/2006 à 21h49

Ca marche en 128, 96 et 56 kb/s (je n'ai essayé que ceux là). Par contre j'ai un petit problème avec ce lecteur à partir de mon site... Affichage parfait vec Mozilla, mais différents comportements avec explorer (sur certains PC ça passe, sur d'autre, le lecteur apparait mais est inactif, enfin sur certains, il n'apparait, la page ne s'arrète pas de charger... Y'a t-il une solution ?

Commentaire n°34 posté par Pied d'nez le 09/03/2006 à 13h30

Vérifier que ces pcs lisent le flash ;)

Réponse de Fabrice B. le 09/03/2006 à 18h47

Je viens de résouder le problème d'hébergement de fichiers audio après de nombreux essai. Les sites type Putfile ne marchent pas car ils ne permettent pas l'accès direct au .mp3. Pour ma part, je suis passé par la création d'un site "tampon", en allant chez Lycos http://www.multimania.lycos.fr/ La démarche est la suivante:

-aller sur lycos

-créer un compte (c'est gratuit: on vous attribue un login et mot de passe). Ce compte donne une adresse pour le site (on la reçoit par mail en 5s) les moyens de constituer le site web, et les outils pour le faire. L'idée, c'est de juste faire un site...pour stocker vos fichiers

- une fois le compte créé, se connecter sur la page d'accueil de lycos avec votre login et mot de passe . Ceci donne alors accès à une page où dans la colonne de gauche figure une rubrique "Outils en ligne". Cliquer dessus, et la, cliquer sur Webftp. S'ouvre alors un logiciel en ligne qui permet de charge des fichiers sur votre site. Une fois chargé, vous pourrez le lire avec le player,en utilisant comme adresse votreadressedesite/nomdufichier.mp3

Ca marche très bien

Commentaire n°35 posté par Bruno le 11/03/2006 à 19h03

coucou !! j'ai fait TOUT ce que tu as dis bruno et ca ne fonctionne pas : mon lecteur s'affiche mais ss musique !! aidez moi j'en ai ras le bol!!pouvez vous aller voir ce qui se passe ??

http://justforyou.over-blog.net/ merci beaucoup par avance

Commentaire n°36 posté par la miss le 12/03/2006 à 01h12

l'adresse de ton mp3 est un gif.....
pas un mp3...

Réponse de Fabrice B. le 12/03/2006 à 12h41

salut :-)
Voila, j'ai beau esayer mais ça ne marche pas!!! Pourtant le mp3 fonctionne!...Le lecteur ne s'affiche plus...
J'ai recopier le code:

&

Biz et bon dimanche!!! :-)

Commentaire n°37 posté par sugi le 12/03/2006 à 12h12

Pourquoi 2 & au bout ?

Réponse de Fabrice B. le 12/03/2006 à 12h42

bonjour! comment faire alors pour que mon fichier ne soit pas en gif ? car quand moi je le met en ligne, avec lycos comme nous l'a indiqué bruno, il se met tt seul en gif !je demande pas à ce qu'il se mette comme ca! aidez moi !! merci

Commentaire n°38 posté par la miss le 12/03/2006 à 14h51

Faut voir avec lycos ;)

Réponse de Fabrice B. le 12/03/2006 à 14h57

encore moi ! il me met ca en adresse URL , une fois la chanson charger et mise en ligne : "javascript:top.select_file(2);" en fait javascript remplace mon adresse url ! pourquoi ?

Commentaire n°39 posté par la miss le 12/03/2006 à 15h13

parce que leur site est mal fait ?
ou parce que tu ne prends pas la bonne adresse...

Réponse de Fabrice B. le 12/03/2006 à 15h44

J'avais vu aussi les 2&& ...mais c'est pas moi lol j'ai fait que recopier de code obtenu! de toute façon j'ai essayer avec qu'un seul& et le résultat est le même...
Donc...ou est le problème?Mystère!!!

Commentaire n°40 posté par sugi le 12/03/2006 à 15h21

Sugi> en mode source ?

Réponse de Fabrice B. le 12/03/2006 à 15h45

non sugi jai essayé et si tu enleve un & cela fonctionne, sur kel site as tu heberger ta musique, car toi ca fonctionne !! lol peuc tu m'aider !

Commentaire n°41 posté par la miss le 12/03/2006 à 15h30

>miss Ben ce mp3 est sur OB... ;-) Sinon j'héberge aussi sur ripway...

Commentaire n°42 posté par sugi le 12/03/2006 à 15h46

>Francis: toujour en mode source...

Commentaire n°43 posté par sugi le 12/03/2006 à 15h48

1/ moi c'est fabrice ;)

2/ je voyais du code sur ton blog...

Réponse de Fabrice B. le 12/03/2006 à 23h51

Curieusement maintenant ca veut bien marcher...enfin j'ai mis un autre mp3 (héberger cher ripway) et la ca veut bien fonctionné! Je sais pas trop ce qui ce passe, un coup ca passe...et puis pouf ca passe plus!!
Oups désolé je viens de voir que je me suis trompé dans ton prénom ;-)

sugi

Commentaire n°44 posté par sugi le 12/03/2006 à 15h58

Pour Miss

Il n'y a pas de raison pour que ton fichier change d'extension.

Essaye:

- de le renommer (moins long, sans tirets etc)

- avec un autre fichier

Commentaire n°45 posté par Bruno le 12/03/2006 à 18h13

Bonjour à tous.

Je vous préviens j'ai lu tous vos commentaires, j'ai reagrdé sur FAQ, ouvert plusieurs discussions sur le forum, recherché sur le net, etc. Et puis je n'ai jamais été satisfait !!!!

Est-ce qu'il existerait une personne aimable qui pourrait expliquer plus clairement, étape par étape les marches à suivre du style :

-Installer programme dans ----

-Avoir un lien, pour ce faire aller à ----

-etc.

MERCI D'AVANCE !!!!!

MERCI

Commentaire n°46 posté par edi le 12/03/2006 à 19h22

euh....

la faq, remplir le formulaire, et voila.....

Réponse de Fabrice B. le 12/03/2006 à 23h52

est-ce par exemple un bon lien : http://dl6cg.rapidshare.de/files/11130406/574822697/Erik_Satie_-_Gymnopedie_No.1_-_Piano.mp3

et est juste de mettre ceci, dans un nouveau fichier de mon blog :

tel quel, si je le mets dans un nouveau billet dans mon blog, ce donc j'ai fait, est-il correct ?

merci pour la réponse

Commentaire n°47 posté par edi le 12/03/2006 à 19h39

normalement, oui, mais en mode source ;)

Réponse de Fabrice B. le 12/03/2006 à 23h52

le probleme Bruno c'est que aucune d emes chanson ne passe! ca fai plus de 15 jours que j'essai et la je commence vraiment a en avoir marre! je ne sais plus comment faire! je suis patiente mais j'ai des limites ... lol merci de m'aider si c'est encore possible !!

Commentaire n°48 posté par la miss le 12/03/2006 à 19h50

&

cela marche t'il?

Commentaire n°49 posté par benoit le 12/03/2006 à 23h44

normalement, un seul dewplayer et un seul & suffit ;)

du coup, ca, ca ne marchera surement pas ;)

Réponse de Fabrice B. le 12/03/2006 à 23h53

Pour Miss et edi

J'essaye une explication complète et claire. Le lecteur fonctionne simplement: lorsque vous rédigez un article, pour insérer le lecteur il faut passer en mode source, c'est à dire basculer dans le code HTML. Pour ce faire, il faut appuyer sur le bouton Source dans la barre d'outils.

Ensuite, il faut taper

L'adresse du fichier doit être un chemin qui se termine par le nom du fichier. Admettons que le fichier s'appelle bruit.mp3. Pour connaître le chemin qu'il faut indiquer, il faut avant avoir résolu la question: où stocker le fichier. En version de base dans over blog, on ne peut pas stocker de fichier son, seulement des images. Il faut donc trouver un serveur où stocker le fichier. Sur vos disques dur, ce n'est pas possible car le réseau ne les connaît pas. La solution que j'utilise, c'est un espace gratuit fourni par lycos (cf mon mail ci dessus).

Mon adresse serveur chez lycos est http://membres.lycos.fr/anobon/

Lorsque je charge le fichier bruit.mp3 dans mon espace serveur chez lycos, il a pour adresse http://membres.lycos.fr/anobon/bruit.mp3

C'est donc ce chemin que je rentre dans le lecteur:

cela donne

Ci dessous, je tente un exemple en directe avec un fichier qui s'appelle Triste

Commentaire n°50 posté par Bruno le 13/03/2006 à 20h32

Accueil