Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

02.06.2010

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.

deezer-permalien.png

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

deezer-dans-editeur-note.png

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

Lire la suite

09:00 Écrit par Gee Mee dans Musique en ligne, Personnaliser son blog | Lien permanent | Commentaires (30) | Tags : deezer, lecteur exportable | |  del.icio.us | | Digg! Digg |  Facebook

02.02.2010

Un lecteur vraiment personnalisé pour Youtube, sans feuille de styles

Au début du mois de janvier, nous voyions comment personnaliser un lecteur vidéo Dailymotion en appliquant une mise en forme enregistrée dans la feuille de styles. Si cela vous permet de ne plus avoir à taper les codes de styles, cela veut aussi dire que tous vos lecteurs vont être identiques. Plutôt que de multiplier les insertions dans la feuille de styles, vous pouvez les "passer" en direct.

D'ailleurs, vous le savez déjà, si vous avez la curiosité de regarder le code HTML de vos notes. Si vous appliquez une couleur rouge sur un mot dans votre texte, le code ressemblera à ceci.

Si vous appliquez une couleur <span style="color: #800000;">rouge</span> sur un mot dans votre texte,

Avec <Span> on crée une exception dans la feuille de styles courante, puis on déclare les styles. Rien ne nous empêche de procéder de même pour la mise en forme d'un lecteur exportable vidéo.

Lire la suite

16:31 Écrit par Gee Mee dans Traitement d'image, Vidéo | Lien permanent | Commentaires (2) | Tags : lecteur, lecteur exportable, vidéo, youtube | |  del.icio.us | | Digg! Digg |  Facebook

08.01.2010

Un lecteur vraiment personnalisé pour les vidéos DailyMotion

[maj] Par hasard, alors qu'il m'avait vu le premier, j'ai découvert l'univers d'un "apprenti conteur visuel", d'un artiste de l'image qui sait aussi écrire. Serait-ce qu'il passe sa vie au cinéma, pour voir les films des autres, préparer les siens, et parfois regarde le halo blanc du projecteur dans les ténèbres, maintenant il l'affirme : J'habite sous la lune. Pour aujourd'hui je vous invite à vous laisser émouvoir par "Sick Boy & The Tree", et quand vous aurez repris vos esprits, lisez la suite pour voir comment encadrer les vidéos que vous proposez sur votre blog.

 

Lire la suite

13.10.2009

Un lecteur personnalisé pour diffuser vos MP3 sur votre blog

Il m'arrive parfois de pester en voyant l'ampleur démesurée des visites provoquées par la recherche d'information à propos du lecteur exportable de Deezer. Je crois avoir beaucoup mieux à faire que leur promotion, et notamment parce que c'est loin d'être la plateforme idéale. Nous allons d'ailleurs combler l'une de ses lacunes en même temps que l'une de la plateforme Hautetfort. Personnalisons donc le lecteur de fichier MP3.

Pour lire sur votre blog des fichiers sonores dont vous avez l'autorisation de diffusion, parce que cette chanson est expressément libre de diffusion (comme la plupart des contenus de Jamendo, et de Dogmazic), ou parce que vous l'avez faite vous-même (avec texte et composition musicale de votre cru, sinon, il faut quand même penser à la SACEM), Hautetfort propose une solution.


Insérer un fichier multimédia

Si vous n'avez pas eu la curiosité pour le faire, dans l'éditeur de note, cliquez donc sur le bouton à gauche de l'insertion d'image. Il représente un haut-parleur et une note. Vous pouvez insérer une vidéo, un son, depuis un fichier présent sur votre ordinateur, ou depuis une URL, et vous obtenez quelque chose comme ça.

Lire la suite

15:12 Écrit par Gee Mee dans Musique en ligne | Lien permanent | Commentaires (4) | Tags : lecteur, lecteur exportable, flash, mp3, player, playlist | |  del.icio.us | | Digg! Digg |  Facebook

24.11.2008

Intégrer un lecteur de vidéo Youtube personnalisé

[màj:02/02/10] L'une des bonnes nouvelles de la semaine dernière, c'est le lancement sur Youtube d'une chaîne Monty Python. Une occasion rêvée pour voir comment intégrer un lecteur YouTube personnalisé sur son blog.

La méthode est la même que pour un lecteur Deezer, et c'est bien normal puisque la solution technique est la même. On "appelle" un lecteur en Flash hébergé comme le contenu à lire sur un serveur externe. On en profite éventuellement pour glisser en quelques paramètres un peu de couleurs.

Pour intégrer un lecteur YouTube :

Connectez-vous à YouTube et lisez la vidéo à installer.
Cliquez sur la roue dentée à droite de la zone "Intégrer une vidéo sur un site"
youtube_lecteur.jpg
Choisissez un jeu de couleurs
Choisissez entre inclure ou pas les vidéos similaires.
Si vous ne souhaitez pas partager vos autres vidéo, ou ne pas conduire vers les sélections de la personne qui a mis en ligne la vidéo que vous voulez diffuser vous-même, il faut choisir "Ne pas inclure".
Choisissez d'afficher ou non le cadre
Une fois vos réglages effectués, cliquez dans la zone
"Intégrer une vidéo sur un site"
Copiez le code
Dans l'éditeur Wysywig de Haut&Fort, cliquez sur "Insérer un fichier multimédia", puis sur l'onglet "code embed".
Collez le code et cliquez sur insérer.

 

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/WlBiLNN1NhQ&hl=fr&fs=1&color1=0xe15154&
color2=0xfcd5cb"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WlBiLNN1NhQ&hl=fr&fs=1&color1=0xe15154&
color2=0xfcd5cb" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Vous pouvez aussi personnaliser les couleurs de votre lecteur "à la main". Dans le code du lesteur ci-dessus, le paramètre color1 qui indique la couleur du filet a une valeur de rose soutenu (e15154), et color2 qui indique la couleur du fond a une valeur de rose pâle (fcd5cb). Cette fois encore, attention à ne pas mettre le #, et à ne rien toucher d'autre.

Par défaut, le lecteur fait 425 pixels de large pour 344 pixlels de haut. Vous pouvez modifier ce réglage, à condition de respecter le rapport hauteur = 0,8094 x largeur, ou largeur = 1,2355 x hauteur selon la dimension prioritaire. Cela peut altérer la qualité d'affichage, mais vos visiteurs pourront toujours afficher le lecteur en plein écran avec la taille maximum acceptable définie par YouTube.

Don't forget : Always Look On The Bright Side of Life.

[màj:02/02/10] Si vous souhaitez personnaliser votre lecteur comme ce dernier, lisez la note : Un lecteur Youtube vraiment personnalisé, sans feuille de styles.


 

11:35 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : blog, lecteur, lecteur exportable, vidéo, youtube | |  del.icio.us | | Digg! Digg |  Facebook