Deezer fait n'importe nawouak!
Sommaire
Tuto pour continuer d' utiliser le lecteur Deezer
Introduction
Solution N°1 un peu de code
Solution N°2 Lecteur Deezer pour les Nuls + playlist.
Personnalisation du lecteur Deezer.
GENERATEUR "lecteur" Deezer V2 2008 avec adaptation du code pour V3
Paramètres pour tous + lien pour Canalblog
Alternative à Deezer
Tuto pour continuer d' utiliser le lecteur Deezer

Introduction
Voulant intégrer une nouvelle chanson dans le phonographe je vais évidement voir mon ami Deezer. Je recherche l'artiste, je le trouve et comme dit l'histoire jusqu'ici ça va... j'écoute 2 à 3
morceaux puis revient sur un autre et là on me demande de m'identifier, j'hésite à me servir d'une vieille inscription sur Deezer et décide de me réinscrire pour le site pourquoi pas ! Je fais la
manip d'inscription tout va encore à peu près normalement. Je reprends mon travail de recherche de zic et enfin je trouve le morceau de mes rêves et là c'est la cata... Je cherche partout sur la page
rien plus de lecteur exportable, juste un pauvre permalien (un lien vers le morceau) je tente avec un autre artiste avec un autre
morceau pareil ce satané lecteur exportable a disparut. Je mets Google sens dessus-dessous rien sur la disparition du lecteur. La FAQ de Deezer et on ne peu plus diserte elle explique comment copier
le code du lecteur mais ne précise pas qu'il n'y a plus de code donc plus de lecteur. Je finis par tomber sur le blog de Deezer qui
explique la Révolution...
Depuis le 9 février 2009 Deezer le fournisseur de musique en ligne à changé son fusil d'épaule. Au vu du succès remporté par le site ils ont décidés de rentrer dans une phase beaucoup plus
agressive au niveau commercial qu'ils (vendent) aux internautes comme une révolution. Certes les services proposés par Deezer sont énormes et ont un coût, Qu'ils veuillent rentabiliser le site par le
biais de la publicité pour continuer d'assurer le même service gratuit d'accord, qu'ils prennent des adresses email pour écouter trois chansons ça commence à être limite je crains le spam rapidement.
Et comble de tout la disparition du lecteur exportable me reste en travers de la gorge. Alors en guise de révolution annoncée mise à part un
lecteur relooker et une interface plus lourde je ne vois pas grand-chose de positif
Alors le Geckool a décidé de prendre le taureau par les cornes et de trouver une solution pour remettre un lecteur Deezer sur son site.
Deezer V3
Deezer fidèle à sa politique de communication (proche du néant) vient de passer en version 3. Tout ceci pour officiellement améliorer ses services. La conséquence pour les utilisateurs, notamment ceux qui diffusent de la musique via le lecteur exportable c’est de ne plus avoir le fameux code qui permettait de l’intégrer dans un site/blog… Nous allons voir ci-dessous les différentes méthodes pour contourner ce désagrément, ainsi qu’un récapitulatif des différences entre la V2 et la V3.
A noter que le générateur V2 fonctionne toujour juste avec une petitye modification du code.
Différences entre V2 et V3
Liste des différences entre le lecteur exportable V2 et V3
|
Lecteurs ------------- Fonctions |
V2 | V3 |
| Ordre de lecture |
Aléatoire et dans l'ordre |
Uniquement Aléatoire |
| Choix du titre |
Cliquez sur le morceau de son choix pour le lire | Renvoi direct vers le site |
| Navigation dans la chanson | Navigation dans la chanson | Pas de navigation dans la chanson (pour l'instant?) |
| Morceau suivant | Bouton Morceau suivant | Bouton Morceau suivant aléatoire |
| Apparence | Choix des couleurs du widget | Aucun choix Un truc a jaquette qui doit depenser encore plus de bande passante que l'ancien... |
| Mp3 perso | Mise en widget de ses mp3 perso | Uniquement les titres deezer |
Source: Forum Deezer
Conséquences sur les sites ou blogs.
Il existe deux types de lecteurs exportables :
- Lecteurs V2 avec un seul titre sont toujours opérationnels sur les sites. Cependant il s'affiche au format V3 c'est-à-dire sans personnalisation de la couleur.
- Lecteurs V2 (playlist) avec plusieurs titres ne fonctionnent plus.
Installer un lecteur sur son site ou blogs
Nous allons voir comment installer un lecteur avec un morceau ou une playlist sur son site.
Pour effectuer la manip il est conseillé d'utiliser le bloc-notes Windows ou un outil similaire...
Il faut posséder un compte Deezer et récupérer les ID : Playlist Utilisateur et ID du morceau ou de la playlist
Récupérer les ID
Les ID sont les identifiants il en existe 3 :
- Un ID pour playlist Utilisateur
- Un ID du morceau ou
- Un ID de la playlist
ID Playlist Utilisateur
- Se rendre sur Deezer et se connecter sur son compte.
- Aller sur Musique.
- Choisir la playlist que l'on veut exporter.
- Faire Ecouter la playlist.
- Ouvrir le bloc note.
- Copier l'adresse qui apparait dans le navigateur dans le bloc-notes.
Dans mon exemple c'est
http://www.deezer.com/fr/#music/playlist/carmina-burana-21979492
ID Morceau ou Playlist

- Toujours sur la page Deezer faire Partager.
- Puis Copier le Permalien dans le bloc-notes.
Dans mon exemple c'est
http://www.deezer.com/listen-100842
Code pour un lecteur avec un morceau
Copier le code ci-dessous dans le bloc-notes
<object type="application/x-shockwave-flash" data="http://www.deezer.com/embedded/small-widget.swf?idSong=XXXXXX&colorBackground=0x525252&colorButtons=0xDDDDDD&textColor1=0xFFFFFF&autoplay=0" width="220" height="55"><param name="movie" value="http://www.deezer.com/embedded/small-widget.swf?idSong=XXXXXX&colorBackground=0x525252&colorButtons=0xDDDDDD&textColor1=0xFFFFFF&autoplay=0"/></object>
Il ne reste plus qu'à recopier la dernière partie de l'ID Morceau ou Playlist à la place des XXXXXX
http://www.deezer.com/listen-100842
A noter qu'avec cette méthode aucun des paramètres ne fonctionne pour bénéficier de la lecture automatique vous pouvez utiliser l'ancien lecteur qui lui conserve la fonction autoplay comme unique paramétre modifiable. (Voir Code 1)
Code pour un lecteur avec Playlist
1. Copier le code ci-dessous dans le bloc-notes
<div style="width:450px;height:345px;"><object width="450" height="345"><param name="movie" value="http://www.deezer.com/embedded/widget_450x345.swf?path=XXXXXXX&lang=FR&autoplay=1&autoShuffle=0&id=XXXXXXX"></param><embed
src="http://www.deezer.com/embedded/widget_450x345.swf?path=XXXXXXX&lang=FR&autoplay=1&autoShuffle=0&id=XXXXXXX" type="application/x-shockwave-flash" width="450"
height="345"></embed></object><br></div>
2. A la place des XXXXXXX copier la fin d la dernière partie de l'ID Morceau ou Playlist.
http://www.deezer.com/listen-18646
3. A la place des XXXXXXX copier la partie en rouge de l'ID utilisateur playlist.
http://www.deezer.com/fr/#music/playlist/carmina-burana-21979492
4. Paramétre
autoplay=1 Démarrage automatique
autoplay=0 Démarrage manuel
Ce code peut être adapté simplement pour créer un lecteur en Pop-pup voir Générateur V2
2 Solutions
-
Une avec avec un petit peu de code mais rien de bien méchant, juste de quoi vous donnez le frisson du Grand Hacker
-
Une plus classique permettant d'insérer 1 morceau ou 1 playlist en passant par le site de Deezer.
Solution N°1
1 - Ouvrez le Bloc-notes.
2 - Copiez y le code ci-dessous.
<div style="width: 220px; height: 55px;"><embed src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=237736&colorBackground=0x00c7f2&textColor1=0xFFFFFF&colorVolume=0x003946&autoplay=0" type="application/x-shockwave-flash" width="220"
height="55"></embed><br />
<span style="font-size: 10px; font-family: Arial; color: #000000;"> </span></div>
3 - Allez sur Deezer copiez les chiffres qui se trouve à la fin du permalien sous le lecteur (en
violet) http://www.deezer.com/track/23306
4 - Inserez-les dans le bloc-notes à la place de ceux qui sont en rouge dans mon exemple
5 - Copiez le code dans votre page en faisant comme d'hab...
Et maintenant vous pouvez écouter votre morceau favori en l'occurrence Les Beatles « Révolution » pour mon exemple...
Pour les couleurs du lecteur vous trouverez l'outils adéquate dans la boîte à programmes
colorBackground=0x00c7f2
&textColor1=0xFFFFFF
&colorVolume=0x003946
Autoplay 0 il faut appuyer sur la touche lecture pour lire,
Autoplay 1 la lecture est automatique
&autoplay=0
Solution N°2
Cette solution permet d'importer un morceau ou un playlist à partir de Deezer la méthode est la même dans les deux cas :
- Connectez-vous à votre compte Deezer (là on dit merci Deezer)
- Recherchez le ou les morceaux.
- Si vous avez pas de playlist en créer une, en cliquant tous simplement sur CREER UNE PLAYLIST (c'est sur la gauche)
- Dans la fenêtre Créer une playlist.
- Vous avez juste à lui donner un nom dans Titre de la Playlist (pour le reste des options : Titre, Style, Statut... c'est vous qui voyez !) puis Valider.
- Maintenant regarder dans les résultats de recherche sous l'onglet DUREE à droite de la durée il y a une case à cocher, vous cochez pour le ou les morceau(x) de votre choix.
- Au dessus des onglets ALBUM, DUREE vous faites AJOUTER A UNE PLAYLIST.
- Dans la boîte de dialogue Ajouter dans une playlist choisir la playlist puis validez.
- Choisir une playlist (dans la liste sur la gauche.)
- Dans le bandeau du centre (à coté du titre de la playliste) cliquer sur Partager.
- Dans la fenêtre Blogger cette playlist choisir les différentes options : langue, lecture, couleurs et format du Widget Classique ou Grand format.
- Copier le code sur votre site
Conclusion
Je préfère la méthode N°1 qui évite de créer une playlist uniquement pour un morceau, qui n'est pas très difficile à mettre en place. Il est évident que si l'on opte pour plusieurs morceaux
c'est la N°2 qui prime...
Bonne soirée disco et ne mettez pas la musique trop fort pour ne pas casser les pieds au voisin...
Personnalisation du lecteur Deezer
lecteur deezer CustomiséGENERATEUR "lecteur" Deezer V2 2008
Le lecteur Deezer est un peu triste dans la forme, j'ai trouvé sur le net une page avec un script qui permet de modifier cela...
Le script ne change pas la forme du lecteur mais le remplace par une image avec un lien qui ouvre un mini lecteur dans une autre fenêtre.
Niveau de connaissance :
- Savoir lire aucune compétence en programmation...
- Maitriser le Copier/Coller (Ctrl-C/Ctrl-V)
(Facultatif)
- Maitriser un minimum un logiciel d'imagerie.
Matériel :
- 1 pc et une connexion internet (Si vous êtes là c'est que vous avez tous le matos)
- 1 site ou 1 blog (Si vous n'avez pas ça je ne vois pas pourquoi vous lisez ceci mais enfin...)
- 1 compte Deezer.
(Facultatif)
- 1 éditeur de texte (le bloc-notes par exemple) ne pas utiliser Word ou Open Office.
- 1 logiciel de traitement d'image (pour les minimaliste Paint sinon Photoshop ou the Gimp)
Temps de mise en œuvre :
- 5 minutes (hors travail de traitement de l'image)
Vous allez sur votre compte et créer une playlist avec un lecteur exportable (méthode N° 2 pour ceux qui ne savent pas comment faire) une fois votre lecteur Ok vous copiez le code dans le bloc-notes...
Puis allez sur le site en cliquant sur l'image... Et vous faites tous ce qu'explique le monsieur.
Pour l'adaptation à la V3 suivre la manip V3 pour récupérer le code il faudra juste modifier les paramétres de taille comme sur l'illustration ci-dessous.

Sur la page du générateur il suffit juste de modifier
Height = 240 par 348
Width = 180 par 450
Changer l'image.
La taille de l'image n'a pas d'importance pour le format privilégier Jpeg
Pour changer l'image pas besoins de refaire toute la manip juste modifier l'adresse de l'image dans le code (en rouge).
<a href="http://tinyurl.com/dawtre"
onclick="window.open('','popup',
'height=240,width=180,left=20,top=150,
resizable=1,')" target="popup">
<img src="http://geckool.jimdo.com/cc_images/cache_1218299216.jpg" alt="" /></a>
Et pour ceux qui sont en manque d'inspiration ou qui ne maitrise pas Paint... j'ai fais 4 magnifiques lecteurs à télécharger dans la rubrique Produits dérivés (pour y accéder cliquez sur l'image)
Customisé bien et si vous créez des lecteurs originaux et que vous voulez les faires partager faites-moi signe ils trouveront leurs places sur le site.
Lecteur invisible.
Je vous propose 2 solutions pour rendre lecteur Deezer invisible:
- Vous intégrez un lecteur sur votre site soit par la solution N°1 ou N°2 comme dans le code ci-dessous,
remplacez les valeurs en rouge barré par 0
<div style="width: 220 0px; height: 55 0px;"><...........
................................................../x-shockwave-flash" width="220 0" height="55 0" /><br />
Surtout n'oubliez pas de le mettre en Autoplay lorsque vous le créer sous deezer ou dans le code « autoplay=1" »
Lorsque vous créez votre lecteur sur Deezer les options sont lecture automatique et aléatoire..
Et voila plus de lecteur apparent sur vos pages.
Personnalisation élaborée
Un tuto vidéo pour pousser plus loin la personnalisation de son lecteur, la vidéo dure 8 minutes je pense qu'un ¼ heure c'est jouable pour une première (personnellement je l'ai pas testé
mais c'est à venir. Les 2 obstacles à surmonter un minimum de maitrise de Photoshop ou The Gimp... et une petite modification du CSS mais rien de bien méchant le tuto est bien fait.
(merci à GRAFIKART)
Paramètres et lien pour Canalblog
Ce site deezer.canalblog.com est plus particulièrement orienté dans l'intégration du lecteur Deezer sur CanalBlog. Cependant il comporte des informations utiles sur certains paramètres (langue, couleurs, identifiant...) qui peuvent s'avérer précieuses pour tout le monde.
Alternative à Deezer
La politique de diffusion de Deezer étant incertaine j'ai cherché une alternative... et ça existe avec un site Américain Grooveshark.com
Je vous laisse mon impression avec + = 1 - = 0 +/- = 0.5
Il annonce plus d'un million de titre
+ J'ai testé avec quelques noms de la chanson Français 8/10 il y avait 2 pièges
- Pas de saisie intuitive.
- Recherche aussi rapide que sur Deezer
Apparence
+ Le site est très sobre, voir même dépouillé mais ce n'est pas gênant
+/- Publicité mais elle est intégré sur la gauche visible mais on l'oublie vite.
Navigation
+ Rapide (c'est probablement dû à la sobriété de l'interface) et agréable
+ Navigation intuitive bien qu'en Anglais ça ne pose pas de problème à quelqu'un qui ne parle pas la langue de Shakespeare.
Option
+ Inscription facultative mais possible
+ Playlist je n'ai pas testé
+ Favoris je n'ai pas testé
+ Communauté je n'ai pas testé
Lecteur exportable
+ Sans inscription
+ Avec playlist
+ Plusieurs apparences
+/- Les lecteurs à dispositions son plutôt moyens
+ mais en jouant sur les manettes (paramétrables via des boutons) formes, couleurs et taille on arrive à un résultat correct...
+ Facile à mettre en œuvre...
A travers ces 17 points j'arrive à 14/17 ce qui fait un 16,5/20 c'est plutôt sans la moyenne des notes d'un bon élève... Je trouve que l'intégration sur mon site est plutôt réussie...
Je vous laisse vous faire votre propre opinion et laissez moi vos commentaires sur ce site et son lecteur...
dizzler.
Le nom ressemble étrangement à Deez... les fonctions de cette plateforme de streaming aussi.
Vous pouvez écouter librement de la musique et des vidéo en ligne sans avoir besoin de vous enregistrer et sans limitation, le choix est assez vaste.
Pour l'intégration par contre il vous faut vous enregistrer (gratuitement). Dizzler met un lecteur exportable à votre disposition qui est complété par de nombreux skins voir
fabriquer les vôtres. Vous pouvez créer des playlist et des favoris.
L'interface de dizzler est en Anglais et assez déconcertante surtout pour un non anglophone. Il en est de même pour lecteur exportable.
Efficacité
+ J'ai testé avec quelques noms de la chanson Français 8/10 il y avait 2 pièges
- Recherche aussi rapide que sur Deezer
Apparence
+ Accès directement sur la page d'accueil du site au module de recherche
+/- Publicité sur le site mais peu gênante et on l'oublie vite.
Navigation
- Un peu lent
+ Pas très pratique pour un non anglophone
Option
+ Inscription facultative mais possible pour accéder aux fonctions ci-dessous
+ Playlist
+ Favoris
+ Communauté je n'ai pas testé
Lecteur exportable
+ Avec inscription
+ Avec playlist
+ Plusieurs apparences
+ Les lecteurs à dispositions son plutôt moyens mais skinable
- C'est un peu une usine à gaze
Sur ces 15 points il y en a 10 de positive cela nous fait donc un 13.3/20
En prime possibilité de télécharger (gratuitement) sur le site un lecteur multimédia qui fonctionne en tant que client.
à de vous de vous faire votre propre avis.
26 Commentaires
-
#1
Bonne astuce!
tu peux également exporter tes morceaux en créant une playlist,(vu que tu es inscrit maintenant..moi non plus je n'aime pas trop les "obligations"..lol)où tu va sélectionner ton titre, et ensuite tu cliques sur "partager" et dezzer te file le code..
-
#2
Je me sers pas des playlist mais c’est bon à savoir, merci…
Bonne nouvelle j’ai testé avec Dailymotion sur une vidéo privé (en fait une vidéo que l’on ne peut pas exporter) dans ce cas là comme il y a pas de permalien il faut prendre les derniers chiffres de l’URL et les coller… au bonne endroit j’en dis pas trop vous comprendrez par vous-même tellement c’est C…
-
#3
merci
-
#4
merci pour l info !!!
-
#5
Bonsoir, merci de tes informations, cependant, je ne comprends pas ce que tu veux dire quand tu expliques de copier le tout dans "notre page" comme d'hab... Peux tu etre plus précis et m'expliquer la démarche a suivre car je ne sais pas comment faire. Merci beaucoup
-
#6
Tu insère un nouveau Widget/HTML ou dans un élément texte tu vas sur HTML et là tu copie le code modifié… tu enregistre et tu as ton lecteur OK
-
#7
Yes, merci beaucoup, ca marche parfaitement, et merci aussi pour tes aides au niveau de la customization du lecteur, ca marche bien. Par contre j'ai pas pigé comment mettre une playlist sur ce mini lecteur pour que ca défile automatiquement
-
#8
Ajout d'une 2éme méthode plus classique avec playlist
-
#9
Super tuto ! Je le référence dans ma banque de liens Jimdo de ce pas !...
Bonne continuation !!!
Isa -
#10
du travail énorme, je vais plancher la dessus!
Pour l'alternative, cela a l'air très sympa, j'ai juste fait un petit test mais je vais bricoler des ce soir!
merci ! -
#11
Une idée me vient pour rendre le lecteur invisible, mais je ne l'ai pas testée, donc elle est peut-être épouvantablement mauvaise : on pourrait encapsuler le lecteur dans une DIV avec l'attribut {visibility: hidden;} ? Ca donnerait : <div style="display: block; visibility: hidden;">ici code du lecteur</div>. Je teste et t'en reparle si ça marche :-)
-
#12
Normalement ça peut marcher merci de ton investissement ;-)
-
#13
ton Site il est bien.Salut
-
#14
Super outil ton tuto. Il m'a été bien utile pour grooveshark
Merci -
#15
J'aimerais un lecteur dans lequel je pourrais mettre mes compos perso, quelqu'un a une suggestion?
-
#16
Salut tu dois pouvoir envoyer tes composition sur Deezer ou Grooveshark.com si tu as un compte. Sinon il y a Simfy qui est inclut dans Jimdo mais apparemment pas au top tu peux aussi aller voir HUMYO j'ai fais un topo
http://geckool.jimdo.com/informatrucs/boite-%C3%A0-programmes/stockage-partage-diffusion/#humyo
A voir si tu trouve quelque choses laisse un message
Cordialement Val
-
#17
Bonjour, je suis une nouvelle sur les sites internets et j'essaie d'ajouter de la musique sur mon site.Malgré que je crois avoir bien suivi toutes les instructions... ma musique de démarre pas? J'ai remarqué que ma fenêtre de musique est plus grosse que la votre ? Avez-vous un tuyau?
Merci -
#18
Oup! Je viens de régler mon problème ça marche merci beaucoup des infos!!! Très utiles.
-
#19
Ah merci pour cette astuce afin de retrouver le mono-lecteur de Deezer, j'étais malheureuse de ne plus l'avoir :(
-
#20
Bonjour
J'ai bien une question, c'est à dire, je crée ma playlist, j'y insère les modifications nécesssaires au code Html, seulement, le code copié pour ce qui est de l'image ( <a> ... </a> ) je dois le mettre où ? Par la suite, est-il nécessaire de rajouter une image en 1x1 px et le code en question, encore une fois ( <a> ... </a> ) doit être mis où ?
finalement, de <div> à </div> J'ai deux images à insérer, mais je n'ai aucune idée de où les mettre. Merci de votre réponse. -
#21
Bonsoir.
Le code de l'image est à coller dans le générateur. Et l'image de 1px X 1px peut se substituer à cette image pour créer un lecteur presque invisible.
Cordialement -
#22
Merci beaucoup !
je m'en suis servi direct, lecteur titre seul !
génial ton site. Je vais cliquer sur une pub pour remercier. -
#23
Super Tuto, vraiment!
-
#24
merci pour le tuto ,est ce que dans cette methode je peux ecouter les mp3 que j'ai rajouter car je n'y arrive pas malheureusement j'ai qu'une id dans la barre playlist c'est tout
-
#25
Je crois que c'est pas possible avec Deezer grosso modo il autorise seulement la diffusion des morceaux en accord avec le majors. Alors à moins que tu sois chez UniverSale, mais regarde Grooveshark il le font eux.
-
#26
sil te plait dis moi comment entrer sur YouTube et voir les vidéos
(YouTube et Dailymotion sont bloqués dans la tunisie ) 
Geckool









