De la musique avec un lecteur Deezer personnalisé

Mise à jour du 6 mars 2009 : Deezer a changé de stratégie fin 2008, et les présentes notes sont devenues obsolètes. Il est dorénavant impossible d'exporter un lecteur à partir de la plateforme. Cela étant, une manœuvre est encore possible pendant... un certain temps. Vous en trouverez le détail dans cette note : Un lecteur exportable Deezer quand même.

Croyez bien que je tienne à prendre soin de vous, et à ne pas vous lasser de mes notes. J'essaie de varier les sujets pour ne pas vous assommer avec les possibilités de tel ou tel logiciel, de telle ou telle plateforme de musique...

Nous retournons cependant sur Deezer car nous n'en avons pas fini, et ce n'est même pas sûr que cette note soit la dernière.

Nous avons déjà pointé vers de la musique, et nous avons importé un lecteur standard. Et nous l'avons bien fait. Toutefois, les couleurs du lecteur Deezer par défaut peuvent paraître un peu sombres, et nous n'avons pas encore exploré les possibilités du bouton "Personnaliser le lecteur" en bas à droite à côté du code du lecteur exportable.

Cliquer dessus permet d'ouvrir une fenêtre dans laquelle on peut choisir la lecture automatique, la "langue" du lecteur (français ou anglais), et les couleurs organisées en "Thèmes".

Cliquer sur un thème permet de voir immédiatement à quoi ressemblerait le lecteur. Il ne faut pas se demander ce que viennent faire ici les Rolling Stones, c'est purement indicatif. Le titre de la chanson que vous écoutez, et pour laquelle vous souhaitez un lecteur personnalisé, est repris en haut à droite sur fond gris.

 

Cliquer sur "Personnalisez votre lecteur exportable" vous permet d'accéder à un niveau supplémentaire de choix. Vous pourrez choisir dans la palette web, la couleur de fond, la couleur des boutons (en fait le potentiomètre pour le volume), et la couleur des textes (Le nom de l'artiste, le titre de l'album et du morceau). Ainsi vous pouvez obtenir le magnifique lecteur que voilà :

 

 

 

C'eut été dommage de s'en priver non ?

La lecture automatique, c'est pas fantastique.
J'y suis même personnellement hostile. Vous ne pouvez pas savoir d'où vos visiteurs consultent votre blog, et vous devez envisager l'hypothèse selon laquelle certains profiteraient d'un temps de pause pendant leur harassante journée de travail. Les mettre en délicatesse avec leur entourage immédiat n'est tout de même pas dans vos intentions ? Et puis si vous publiez régulièrement des notes pour lesquelles vous choisissez une illustration sonore, l'ouverture simultanée de plusieurs pistes musicales risque de brouiller l'écoute.

Admettons que vous avez un goût plus sûr que le mien pour les harmonies chromatiques, allié d'un sens tel de la précision que vous ne pouvez vous contenter de la palette web et que vous maîtiser parfaitement les codes RVB. La personnalisation du lecteur va vite vous lasser. Il existe une solution qui demande un peu d'organisation.

Vous ouvrez un éditeur de texte, du genre "Bloc-Note" Windows ("Notepad" pas "Wordpad") ou de l'excellent et gratuit "Notepad++" . Vous y coller le code de votre lecteur personnalisé avec soin, et vous obtenez quelque chose comme cela :

<div style="width:220px;height:55px;"><object width="220" height="55"><param name="movie" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=539080&colorBackground=0xFFFF00&textColor1=0x00FF00&colorVolume=0xFF0000&autoplay=0"></param><embed src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=539080&colorBackground=0xFFFF00&textColor1=0x00FF00&colorVolume=0xFF0000&autoplay=0" type="application/x-shockwave-flash" width="220" height="55"></embed></object><br><font size='1' color ='#000000' face='Arial'>D&eacute;couvrez <a href='http://www.deezer.com/fr/the-pointer-sisters.html'>The Pointer Sisters</a>!</font></div>

Enregistrer ce fichier sous un nom du genre "mon_lecteur_deezer.txt" avant d'intervenir.

Que voit-on dans ce code, avec de bons yeux ?
L'identifiant de la chanson : idSong=539080
La couleur d'arrière plan : colorBackground=0xFFFF00
La couleur du texte : textColor1=0x00FF00
La couleur du bouton de volume : colorVolume=0xFF0000
La lecture automatique, ici désactivée : autoplay=0
Ces paramètres sont donnés deux fois de suite.
En fin de paragraphe, on repère un chaîne de texte invitant à découvrir l'artiste que vous étiez en train d'écouter sur Deezer (ici les Pointer Sisters). Vous noterez le codage du "é" en "&eacute;" ...

Je vous conseille de :
- supprimer toute la chaîne correspondant à celle-ci
<br><font size='1' color ='#000000' face='Arial'>D&eacute;couvrez <a href='http://www.deezer.com/fr/the-pointer-sisters.html'>The Pointer Sisters</a>!</font>
- remplacer "idSong=539080" par "idSong=$"
- veillez à le faire deux fois
- enregistrer votre fichier.

La prochaine fois que ous voulez mettre un lecteur sur votre blog :
- repérez la valeur indiquée pour "idSong=" pour votre chanson
- ouvrez votre fichier "mon_lecteur_deezer.txt"
- remplacez "idSong=$" par "idSong=539080" (C'est un exemple hein ;-)
- veillez à le faire deux fois
- copiez le contenu intégral de votre fichier "mon_lecteur_deezer.txt"
- insérez le code, comme nous l'avons déjà fait.

Vous ferez forcément des erreurs au départ, mais c'est sans gravité, vous risquez seulement de perdre un peu de temps avant d'en gagner.