Deezer fait n'importe nawouak!

Sommaire

Tuto pour continuer d' utiliser le lecteur Deezer

Introduction

Lecteur Deezer V3

Différences V2 V3

Conséquences

Installation

Solution N°1 un peu de code

Solution N°2 Lecteur Deezer pour les Nuls + playlist.

Conclusion

Personnalisation du lecteur Deezer.

GENERATEUR "lecteur" Deezer V2 2008 avec adaptation du code pour V3

Lecteur invisible

Personnalisation élaborée

Paramètres pour tous + lien pour Canalblog

Alternative à Deezer

Grooveshark

dizzler

Commentaires

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

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

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.

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)

GENERATEUR "lecteur" Deezer

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

Lecteur Deezer made-in Geckool à télécharger

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">

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

2. Avec le générateur de lecteur si vous voulez que votre lecteur

soit invisible sur votre site. vous prenez l'option lecture automatique qui déclenchera le lecteur lorsque la page s'ouvrira ensuite créez une image de 1 par 1 pixel (la taille de l'image n'a pas d'importance) de la couleur de votre fond (blanc pour moi par exemple) et vous la mettez dans le code comme expliquez sur la page du Générateur...

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)

Tutoriel Vidéo : Personnaliser le lecteur Deezer
envoyé par 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.

écrire commentaire

26 Commentaires

#1
elpibe (dimanche, 01 mars 2009 22:29)

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
geckool (mardi, 03 mars 2009 05:04)

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
Olivier Gaudefroy (vendredi, 06 mars 2009 20:56)

merci
#4
live-concerts (lundi, 09 mars 2009 12:59)

merci pour l info !!!
#5
etapes-culture (mardi, 10 mars 2009 00:11)

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
geckool (mardi, 10 mars 2009 00:39)

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
etapes-culture (mardi, 10 mars 2009 20:14)

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
geckool (mercredi, 11 mars 2009 01:43)

Ajout d'une 2éme méthode plus classique avec playlist
#9
Isabelle (mercredi, 18 mars 2009 15:07)

Super tuto ! Je le référence dans ma banque de liens Jimdo de ce pas !...
Bonne continuation !!!
Isa
#10
elpibe (jeudi, 19 mars 2009 22:44)

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
Isabelle (vendredi, 20 mars 2009 01:20)

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
geckool (vendredi, 20 mars 2009 14:50)

Normalement ça peut marcher merci de ton investissement ;-)
#13
Paulo (mercredi, 15 avril 2009 17:00)

ton Site il est bien.Salut
#14
Troudet (vendredi, 24 avril 2009 13:14)

Super outil ton tuto. Il m'a été bien utile pour grooveshark
Merci
#15
jfclaveau (jeudi, 04 juin 2009 03:12)

J'aimerais un lecteur dans lequel je pourrais mettre mes compos perso, quelqu'un a une suggestion?
#16
geckool (jeudi, 04 juin 2009 04:49)

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
Fannie Lampron (jeudi, 25 juin 2009 20:04)

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
Fannie Lampron (jeudi, 25 juin 2009 20:17)

Oup! Je viens de régler mon problème ça marche merci beaucoup des infos!!! Très utiles.
#19
Marine (jeudi, 02 juillet 2009 14:46)

Ah merci pour cette astuce afin de retrouver le mono-lecteur de Deezer, j'étais malheureuse de ne plus l'avoir :(
#20
Bouldé Pierre (dimanche, 06 septembre 2009 18:31)

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
geckool (dimanche, 06 septembre 2009 19:30)

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
Rouge Le Renard (jeudi, 17 septembre 2009 20:03)

Merci beaucoup !

je m'en suis servi direct, lecteur titre seul !

génial ton site. Je vais cliquer sur une pub pour remercier.
#23
Amélie (mercredi, 07 octobre 2009 11:14)

Super Tuto, vraiment!
#24
sassi sitbon (mercredi, 21 octobre 2009 18:31)

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
geckool (jeudi, 22 octobre 2009 05:22)

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
kheireddine Ben tkhayat (lundi, 09 novembre 2009 12:40)

sil te plait dis moi comment entrer sur YouTube et voir les vidéos
(YouTube et Dailymotion sont bloqués dans la tunisie )