Edit du 13/02/09: Deezer a TOUT chamboulé. Vous avez deux solutions: soit vous êtes inscrit sur Deezer et il est toujours possible de partager une playlist (à vous de choisir le nombre de morceaux la composant), soit vous allez sur ce forum et vous recherchez le commentaire du 10 février de 9.50 am en changeant le code HTML. Puis revenez ici pour la marche à suivre sur Vodpod.
Allez, cette fois-ci, on prend un titre de post qui va droit au but.
Il y a quelques temps, j’ai posté un billet avec le lecteur Deezer. Et contrairement à ce que l’on pense, il n’est pas aisé de faire cette manip sur un blog wordpress.com, le code HTML que l’on copie sur le site Deezer pour intégrer le lecteur, s’effaçant à chaque tentative d’enregistrement du billet. Hyper rageant.
J’ai fait alors une recherche frénétique sur mon cher Google et au bout d’un bon nombre de mouvements de l’index, plouf, je trouve ce lien in english qui m’explique tout chez Geeky Coder.
Il explique que Vodpod sera notre salut. Il suffit de s’inscrire dessus. Vous en profiterez par la même occasion pour enregistrer votre blog; ce n’est pas obligatoire mais tellement plus simple pour être reconnu.
Ensuite, allez sur Deezer pour choisir le(s) morceau(x) que vous voulez insérer dans votre blog. Vous copiez le code (en personnalisant le player avec une lecture NON automatique parce que ce n’est pas forcément agréable pour le lecteur de votre blog d’entendre hurler dès son arrivée). Vous retournez sur Vodpod et collez le code à l’endroit demandé. Allez dans les options et choisissez d’en faire un brouillon (= draft) qui ne sera posté que postérieurement à partir de l’administration du blog.
Ce n’est pas fini. Parce que Vodpod s’imagine que vous allez envoyer une vidéo, la case réservée au lien est beaucoup trop longue sur votre billet. Il faut alors se rendre dans la partie HTML de l’écriture du billet pour définir la hauteur (=height) de cette case en ajoutant dans le code reçu, comme dans cet exemple (en gras):
display: block; height: 50px; width: 200px
(50 px est une hauteur suffisante pour un seul morceau sur le player Deezer; augmentez selon le nombre de chansons bloguées).
On peut aussi placer le player sur la gauche au lieu du centre en remplaçant “margin:0px auto” par “margin:left”. La personnalisation se fera ensuite en fonction de vos connaissances en HTML.
L’avantage de Vodpod: vous n’utilisez pas votre crédit d’espace disponible qui est limité comme sur n’importe quel blog. WordPress.com ou même Blogger. Résultat: vous ne ferez pas du stockage mais de l’import (grande différence).
Vodpod s’utilise également pour la publication de vidéos comme vous l’avez bien compris.
Now enjoy the music! \o/
<div style=”font-size:10px;posted with vodpod
Edit du 01/08: voir le commentaire du 25 juillet pour un pas-à-pas plus complet sur Vodpod.
Edit du 16/01/09: pour mettre la lecture automatique, si vous n’y arrivez pas du tout et que vous bûchez dessus, allez lire le commentaire du 16 janvier. Mais honnêtement, shame on you si vous la mettez parce que les haut-parleurs qui hurlent sans crier gare, c’est moyen-moyen.
Angele,
Vraiment merci pour ton effort de recherche qui va être utile à beaucoup de monde je pense.
Pensée:. Fred
De rien ;)
D’après les requêtes des gens, je vois que ce billet est une réponse à leur problème avec Deezer.
Billet reconnu d’utilité publique? :D
God !! Voilà justement l’info qu’il me fallait… Je ne t’ai pas trouvée en faisant la requête appropriée, mais tt simplement en cliquant sur ton commentaire chez Catherine (ParIsmages)… Comme quoi le hasard fait les bien les choses ;)
Oui ! billet d’utilité publique sans aucun doute :)
Bon, je vais lire le reste de tes billets…
[...] pas encore résolu le mystère Deezer. Celui de la mise en page. Pour poster sur le site, Milky Road m’a aidé, et je lui en suis fort reconnaissant. Je suis une perfectionniste, et que si [...]
C’est clair : MERCI !!!!
[...] propos de talent, je voudrais remercier Angele de Milkie Road, grâce à qui j’ai pu mettre de la musique au début de ce billet. J’ai cherché [...]
un gros merci pour ce post.. ça commençait a me casser les coucougnettes cette histoire là.. me reste plus qu’a essayer :)
Hahem… merci beaucoup, c’est exactement ce que je cherchais. Mais il me reste un problème :
J’ai bien collé le code Deezer dans Vodpod, ce qui a créé une nouvelle “vidéo”.
Malheureusement je ne comprends pas comment faire passer cette vidéo directement dans le corps d’un article sur WordPress, et pas simplement dans la side bar avec l’horrible widget vodpod…
Ce passage n’est pas très explicite dans l’article et j’aurais besoin, s’il vous plait, de quelques éclaircissements…
Si tu t’es bien enregistré sur Vodpod, tu as donc ensuite collé ton code dans l’onglet “paste embed code”. Une fenêtre apparaît alors quand tu cliques sur “preview”. Dans cette fenêtre, clique sur l’onglet “post to blog” et choisis ta plateforme de blog. Entre tes données de connexion si ce n’est déjà enregistré. Puis clique sur “details”, alors tu décliques les 2ères cases et cliques sur “draft”. Puis “Publish”.
Tu retrouveras sur ton blog un brouillon avec le code du morceau.
Dans le visuel HTML de ton article: tu définis la hauteur et le placement comme expliqué ci-dessus dans le billet. Enfin, tu tapes ton billet comme d’habitude. S’il avait déjà été rédigé, il te suffira de copier-coller le morceau dans ton billet en cours de rédaction.
Et voilà.
Je pense que là, mon explication est complète. ;)
Bon courage.
[...] more about “Premier essai de partage de musique“, posted with vodpod Petite indicaton pour les utilisateurs de WordPress. J’ai pu placer ce lecteur de Deezer à l’aide de ce très bon tutotiel: http://milkieroad.wordpress.com/2008/06/20/vodpod/ [...]
Il est bizarre le commentaire 10…
J’ai effectivement créé un post sur mon site (enseignelibre) mais comment se fait-il que cela se retrouve dans les commentaires? Etrange.
Merci en tous cas pour votre sujet qui m’a beaucoup aidé !
Et bien c’est parce que j’autorise les rétroliens sur mon blog, c’est-à-dire que si un blog reprend l’adresse de ce billet-ci, un commentaire sera créé faisant état de cette mention. Tout simplement.
Accessoirement, ça permet de découvrir d’autres blogs ;)
[...] que fout un player Deezer sur un blog WordPress, c’est simple, suivez les indications ici et c’est partie pour en finir avec les player Dailymotion ou [...]
Merci beaucoup !
Plein de merci ! J’ai bien galéré avant de trouver cette idée géniale.
Mais ya plein de “blanc” entre le minilecteur et les commentaires. Comment je le retire?
Chère belledecadix, comme je l’ai indiqué dans le billet, il faut définir la hauteur de ton insertion Vodpod-Deezer. Pour cela, il faut ajouter “height: 50px”.
Après cela, plus de problème. :)
Bon courage, tu y es presque!
je suis allée trop vite, je croyais être déjà arrivée mais il restait encore un peu de lecture. merci merci merci, cette fois c’est au point !
J’ai essayé, car depuis longtemps je cherche une solution pour intégrer deezer à mon blog sur wordpress.
Quand je colle le code, et que j’ajoute la hauteur 50px, la couleur de mon lecteur est modifiée. Aussi le lecteur apparait dans le billet, mais quand on clique sur “play”, ça ne lit pas la musique. Ca ne marche pas non plus lorsque j’ai essayé autoplay. Quelle étape ai-je loupée ?
Merci !!! Ca faisait longtemps que j’attendais une réponse à ce problème :/
Une dernière question cependant :
comment enlever la lecture automatique ? Ca c’est vrai que le lancement automatique de la musique va peut être au bout d’un moment faire davantage faire fuir les visiteur qu’autre chose xD
Enore merci !
P.S : j’ai mis 225 et 55 pour largeur et hauteur du lecteur, sinon les bords était un peu rognés.
sh4rn: il te suffit de décocher la case “Lecture automatique” après avoir cliqué sur “Personnaliser le lecteur” tout simplement. Bonne chance! ;)
merci beaucoup :D
Merci pour ces explications depuis le temps que je cherchais !! Comme labellecadix je n’arrive pas à réduire le blanc après le lecteur, j’ai essayé en changeant la taille mais rien n’y fait, je suis peut-être trop nulle !!!
Peux-tu me dire où exactement faut-il changer la taille ?
J’ai un code comme celui-ci : [vodpod id=Groupvideo.1627887&w=500&h=350&fv=]
Merci d’avance !!!
sh4rn: de rien
feeclopinette: tu as oublié de lire qu’il faut aller dans l’onglet “HTML” lors de l’écriture du billet pour modifier le code. C’est le code HTML qu’il faut changer en définissant la hauteur donc.
Oui c’est ce que j’ai fait !! Tant pis ça restera comme ça !
Merci pour ta réponse !!
pas la peine de t’énerver (enfin, c’est comme cela que je le ressent dans ton com) ;)
Il faut que je vois ton code HTML Vodpod pour savoir ce qui ne va pas. Ce que tu as collé dans le commentaire précédent n’est pas parlant, feeclopinette.
Oh non tu sais il m’en faut plus pour m’énerver ;-)
le voici le code que j’importe dans Vodpod :
Découvrez Tom McRae!
Mille mercis pour cette aide vraiment précieuse. Moi aussi je commençais à m’arracher les cheveux.
J’ai réussi à intégrer mon morceau dans un commentaire mais j’aurais aimé le positionner dans ma colonne de droite. J’ai essayé mais c pas très beau. Bon cdéjà pas mal. Encore merci
Merci pour l’info et en plus ça fonctionne formidable!
Et bien merci, c’est vrai que tout fonctionne impeccablement!
Oui merci pour cette trouvaille!!
Ceci dit moi contrairement a toi je voudrais une lecture automatique!
Eh bien çà ne fonctionne pas meme en cochant l’option lecture automatique.
Quelqu’un pourrait il m’aider, je bug comme pas possible!!!
J’ai tenté de créer un post avec une chanson en lecture automatique et effectivement, je ne comprends que ca ne fonctionne pas. Pourtant sur l’un de mes posts d’octobre, j’avais justement oublié de décocher cette case et cette chanson est toujours en lecture automatique. A mon avis ça doit venir de vodpod parce que dans le lien que je colle dessus, il y a bien l’autoplay (”autoplay=1″).
Désolée ne pouvoir t’aider plus alex.Ok j’ai trouvé le bug. Vodpod, pour des raisons qui m’échappent, transforme le code pour mettre “autoplay=0″ quand on clique sur le “Preview”. Il suffit alors de cliquer sur le lien “Video missing” et là, dans le code, tu cherches le terme “autoplay” et tu mets “autoplay=1″ au lieu de zéro.
OUF.
OH COOOL MERCI JE VAIS DE CE PAS ESSAYER
Merci pour ce post. Je voudrais rajouter un lecteur dans un widget Texte, ou je suis supposée inscrire un code html. Mais ça ne marche pas :(
Pourtant quand je fais ta manip pour mettre mon lecteur dans un article ça pose aucun problème !
Est ce que qqn a une solution ? (parce que franchement avoir le lecteur -pour moi une playlist- dans un post je trouve ça bof)
J’ai essayé mais dans un widget, je ne vois pas comment on peut faire. :(
Hello,
Merci encore pour ton tuto, tu m’as sauvé la vie! j’ai enfin pu mettre ma musique sur mon blog.
Mais depuis Hier soir plus de musique! sur VodPod il y a plus de son!
j’ai essayé de replacer les codes toutes les manip mais en vain il ya plus de musique!
Avis aux utilisateurs Deezer via Vodpod avvez le meme probleme que moi?
Je suis re de nouveau perdue!!!!
Un problème, j’ai mis ma playlist en mode non automatique mais quand je la publie, elle passe en lecture automatique sans que je sache pourquoi…
même en changeant le code dans “video missing” en mettant 1 ou 0 quoique je fasse, c’est toujours en automatique….
Merci d’avance
Je viens de tester avec une playlist et je n’ai aucun problème. J’ai bien décoché la lecture automatique chez Deezer et cela se voit immédiatement dans le code car l’autoplay est égal à 0. Quoi qu’il en soit, si tu as la lecture automatique sur ton blog, c’est que forcément c’est dû au code collé sur Vodpod.
J’ai tjs le même pble… j’ai vérifié j’ai bien autoplay=0 qd je copie le code…
j’ai vérifié avec IE et FF même pble…
Merci quand même ;-)
[...] drôle, c’est que nous nous sommes spécialisés, à l’insu de notre plein gré, dans le dépannage “Darty”. [...]
Merci,
Mais dommage que cela ne fonctionne pas avec une playlist constitué uniquement de mp3 perso. Ca doit venir de Deezer.
Je vais essayer de trouver autre chose.