Un lecteur exportable Deezer quand même (révision)

Utilisateur très occasionnel des lecteurs exportables, même si j'ai voulu en comprendre et en expliquer le fonctionnement, je n'ai pas remarqué la disparition de ceux de Deezer. Mais vous n'êtes pas obligés de vous laisser faire. Cette note publiée le 13 février 2009 a été révisée le 13 mars pour corriger le défaut d'alignement du lecteur sur le reste du texte, puis le 2 juin 2010 pour enlever les remarques relatives à la personnalisation. L'ancien texte est encore disponible pour mémoire.

Le modèle économique des plateformes de musique en ligne gratuite repose sur la publicité. Il est inutile de se voiler la face. Comment payer leurs développements, obtenir l'autorisation des maisons de disques de diffuser leurs produits sinon par la publicité, puisque vous écoutez bien plus que vous n'achetez. Ne mentez pas. D'ailleurs je fais pareil.
Pour être vendue, la publicité doit être vue, donc affichée, et dans le lecteur exportable point de spot. Il n'est donc pas absurde, de leur point de vue, que Deezer ne mette plus en avant les lecteurs exportables, qu'il s'agisse de titre isolé, ou de playlist. C'est juste un désagréable retour à la réalité des impératifs du monde marchand.

Les lecteurs exportés fonctionnant encore, il suffirait de pouvoir les modifier pour diffuser la chanson que l'on souhaite... Et me voilà encore amené à vous donner une méthode non officielle. La note est plus longue à lire, que la manipulation à faire.

1. Repérez la chanson :

- Trouvez une chanson agréable à vos oreilles dans Deezer
- Copiez le permalien, la ligne à gauche des logos pour Facebook et Twitter.

- Collez dans un éditeur en mode texte.
- Mettons que cela donne : http://www.deezer.com/listen-551676 (au lieu de http://www.deezer.com/track/551676 précédemment)
- Copiez le code de lecteur ci-dessous :
<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=$$$&autoplay=0"></param>
<embed src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=$$$&autoplay=0" type="application/x-shockwave-flash" width="220" height="55"></embed>
</object></div>
- Collez le code dans l'éditeur en mode texte.

2. Personnalisez le lecteur

- Remplacez $$$ par le numéro de la piste, ici : 551676. Nous aurons donc :
<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=551676&autoplay=0"></param>
<embed src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=551676&autoplay=0" type="application/x-shockwave-flash" width="220" height="55"></embed>
</object></div>
- Avec ces paramètres le lecteur restera gris. On ne peut plus changer les couleurs
- Vous pouvez activer la lecture automatique (je déconseille), en remplaçant autoplay=0 par autoplay=1
- Tous ces paramètres sont donnés deux fois de suite.
- Copiez le code du lecteur exportable qui vient d'être paramétré.

3. Intégrez le lecteur :

- Dans la note, positionnez le curseur où se situera le lecteur.
- Cliquez sur le bouton avec la note et un haut-parleur [Insérer un fichier multimédia]
- Cliquez sur l'onglet [code embed]
- Dans la zone "Insérer le code de l'embed" collez le code du lecteur exportable
- Validez en cliquant sur [Valider]
- De retour dans votre note, vous voyez un espace jaune avec une icône portant un (f)

- Publiez la note. Sur le blog, vos visiteurs devraient voir :

 

Vous pouvez aussi passer à une autre plateforme comme Jiwa, Imeem, Jamendo, Dogmazic...

Ce n'est pas très "user friendly", j'en suis désolé, et cela sera peut-être inefficace dans quelques temps. En espérant que cela vous sera utile tout de même.

 

---

:: À partir de ce point, le texte de la note est obsolète. ::

Version du 13/03/2009 >>

 

Le code d'un lecteur exporté c'est ça :
<div style="width: 220px; height: 55px;">
<object height="55" width="220" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param name="src" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=2750753&amp;colorBackground=0xFFFFFF&amp;textColor1=0xFFFFFF&amp;colorVolume=0x000000&amp;autoplay=0" />
<embed height="55" width="220" src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=2750753&amp;colorBackground=0xFFFFFF&amp;textColor1=0xFFFFFF&amp;colorVolume=0x000000&amp;autoplay=0" type="application/x-shockwave-flash" />
</object>
</div>

Que voit-on dans ce code, avec de bons yeux ?
L'identifiant de la chanson : idSong= 2750753
La couleur d'arrière plan : colorBackground=0xFFFFFF
La couleur du texte : textColor1=0xFFFFFF
La couleur du niveau de volume : colorVolume=0x000000
La lecture automatique, ici désactivée : autoplay=0
Ces paramètres sont donnés deux fois de suite.


Ce que vous pourriez faire  :

Repérer la chanson :

- Trouver une chanson agréable à vos oreilles dans Deezer
- Copier le permalien, la ligne sous le lecteur.
- Coller dans un éditeur en mode texte.
- Mettons que cela donne : http://www.deezer.com/listen-551676 (au lieu de http://www.deezer.com/track/551676 précédemment)
- Copier le code de lecteur ci-dessous :
<div style="width: 220px; height: 55px;">
<object height="55" width="220" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param name="src" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=$$$&amp;colorBackground=0xFFFFFF&amp;textColor1=0xFFFFFF&amp;colorVolume=0x000000&amp;autoplay=0" />
<embed height="55" width="220" src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=$$$&amp;colorBackground=0xFFFFff&amp;textColor1=0xffffff&amp;colorVolume=0x000000&amp;autoplay=0" type="application/x-shockwave-flash" />
</object>
</div>
- Coller le code dans l'éditeur en mode texte.

Personnaliser le lecteur

- Remplacer $$$ par le numéro de la piste, ici : 551676. Nous aurons donc :
<div style="width: 220px; height: 55px;">
<object height="55" width="220" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param name="src" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=551676&amp;colorBackground=0xFFFFFF&amp;textColor1=0xFFFFFF&amp;colorVolume=0x000000&amp;autoplay=0" />
<embed height="55" width="220" src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=551676&amp;colorBackground=0xFFFFff&amp;textColor1=0xffffff&amp;colorVolume=0x000000&amp;autoplay=0" type="application/x-shockwave-flash" />
</object>
</div>
- Avec ces paramètres le lecteur restera gris.
- On peut changer les couleurs en donnant une autre valeur RVB à colorBackground, textColor1, colorVolume. La lecture de la note consacrée aux couleurs pourrait vous être utile. Pour un lecteur en marron, des textes en bleu et un niveau de volume en jaune on pourrait avoir :
<div style="width: 220px; height: 55px;">
<object height="55" width="220" data="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=551676&amp;colorBackground=0x663300&amp;textColor1=0x00DDFF&amp;colorVolume=0xFFCC00&amp;autoplay=0" type="application/x-shockwave-flash">
<param name="src" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=551676&amp;colorBackground=0x663300&amp;textColor1=0x00DDFF&amp;colorVolume=0xFFCC00&amp;autoplay=0" />
</object>
</div>
- Activer la lecture automatique (je déconseille), en remplaçant autoplay=0 par autoplay=1
- Tous ces paramètres sont donnés deux fois de suite.
- Copier le code du lecteur exportable qui vient d'être paramétré.


Intégrer le lecteur :

- Dans la note, positionner le curseur où se situera le lecteur.
- Cliquer sur le bouton avec la note et un haut-parleur [Insérer un fichier multimédia]
- Cliquer sur l'onglet [code embed]
- Dans la zone "Insérer le code de l'embed" coller le code du lecteur exportable
- Valider en cliquant sur [Valider]
- De retour dans votre note, vous voyez un espace jaune avec une icône portant un (f)

Le dernier code donne ceci:

Vous pouvez aussi passer à une autre plateforme comme Jiwa, Imeem, Jamendo, Dogmazic...

Ce n'est pas très "user friendly", j'en suis désolé, et cela sera peut-être inefficace dans quelques temps. En espérant que cela vous sera utile tout de même.

Mise à jour du 13 mars :

Vous le constatez, le lecteur ci-dessous est aligné avec le texte au contraire du lecteur ci-dessus.

Du moins cela est-il vrai au moment de la rédaction de cette mise à jour. Le problème vient sans doute d'abord de mes interventions dans la feuille de style, que je règlerai un jour. En attendant, pour être sûr que votre lecteur suivra votre texte, le plus simple est d'insérer un objet sans créer de division dans la page. Ainsi, dans le code suivant je me suis contenté d'insérer ce qui est surligné.

<div style="width: 220px; height: 55px;">
<object height="55" width="220" data="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=551676&amp;colorBackground=0x663300&amp;textColor1=0x00DDFF&amp;colorVolume=0xFFCC00&amp;autoplay=0" type="application/x-shockwave-flash">
<param name="src" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=551676&amp;colorBackground=0x663300&amp;textColor1=0x00DDFF&amp;colorVolume=0xFFCC00&amp;autoplay=0" />
</object>
</div>

Variation :

<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=575459&colorBackground=0xff9999&textColor1=0xfcd5cb&colorVolume=0xe15154&autoplay=0"></param><embed src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=575459&colorBackground=0xff9999&textColor1=0xfcd5cb&colorVolume=0xe15154&autoplay=0" type="application/x-shockwave-flash" width="220" height="55"></embed></object></div>