mercredi 2 janvier 2013

Radio Player Ffmp3 paramétrable pour Blog ou site

J'ai trouvé sur le Web un Radio player intéressant que je me suis amusé à modifier. Pourquoi ce post ici, sur TuxNote? Certaines radios ne s'affichent pas sous Linux.

Mon problème avec une de mes radios, Radio Transat, c'est que lorsque je la mettais sur mes sites ou blog, cela ne marchait que sur Windows et encore... à condition que le visiteur ait installé Winamp. Ici, pas de problèmes, c'est du Flash et ça fonctionne en principe sous tout navigateur et sous tout système d'exploitation.
Dans le cas présent, pour ce premier "bricolage", j'ai utilisé un de mes blogs minimalistes sur Blogger et ma Dropbox (dossier "Public/RADIO), mais on peut créer cela sur un site web classique et/ou utiliser un autre serveur. Ce que je ferai probablement bientôt car là, c'est un peu lent par rapport au code d'origine.

Je vous conseille cependant de passer par le site www.musesradioplayer.com pour obtenir votre code et votre skin préféré puis de le simplifier et adapter en s'inspirant du mien.

Code pour une radio (TropikFM)
Mais on peut facilement mettre plusieurs radios à la suite. Tout ce qui est en rouge est à adapter. D'autres éléments peuvent être modifiés comme le buffering ou le volume... Coller dans un fichier et enregistrer sous radioplayer.html (par exemple) dans votre dossier Dropbox/public/radio ou même dans une page web existante ou un widget.

radioplayer.html
<object bgcolor="#FFFFFF" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="60" width="180">
<param name="movie" value="https://dl.dropbox.com/u/19586410/RADIO/ffmp3-config.swf" />
<param name="flashvars" value="url=http://beta.virtuallifestream.com:10736/;&lang=fr&codec=mp3&volume=100&introurl=&traking=false&jsevents=false&buffering=10&skin=https://dl.dropbox.com/u/19586410/RADIO/ffmp3-mcclean.xml&title=Tropik%20FM&welcome=WELCOME%20TO..." />
<param name="wmode" value="window" />
<param name="allowscriptaccess" value="always" />
<param name="scale" value="noscale" />
<embed src="https://dl.dropbox.com/u/19586410/RADIO/ffmp3-config.swf" flashvars="url=http://beta.virtuallifestream.com:10736/;&lang=fr&codec=mp3&volume=100&introurl=&traking=false&jsevents=false&buffering=10&skin=https://dl.dropbox.com/u/19586410/RADIO/ffmp3-mcclean.xml&title=Tropik%20FM&welcome=WELCOME%20TO..." width="180" scale="noscale" height="60" wmode="window" bgcolor="#FFFFFF" allowscriptaccess="always" type="application/x-shockwave-flash" />
</embed></object>

Code du fichier ffmp3-mcclean.xml à modifier et enregistrer dans le dossier "Radio".

<ffmp3-skin folder="https://dl.dropbox.com/u/19586410/RADIO/skins/mcclean/ffmp3-mcclean">
  <bg image="bg.png" x="0" y="0" />
  <play image="play.gif" x="8" y="29" clickimage="playclick.jpg" />
  <stop image="stop.jpg" x="40" y="29" clickimage="stopclick.jpg" />
  <text x="13" y="9" width="154" height="17" color="#ffffff" font="Arial" size="11" />
  <volume mode="holder" x="71" y="33" width="100" height="17" holderImage="holder.png" />
  <status imagePlay="statusplay.png" imageStop="statusstop.png" x="13" y="34" />
</ffmp3-skin>


  • Mon dossier "Radio", fichiers et sous-dossiers en format Zip avec 2 radios. Vous aurez ainsi du même coup toute l'arborescence nécessaire ainsi que lecteur lui-même. Il suffira ensuite de modifier le fichier XML et créer le fichier radioplayer.html (voir plus haut).
  • ffmp3-config.swf, le player en flash lui-même à télécharger dans le dossier "radio" ou mieux, utiliser le zip ci-dessus, vous aurez tout d'un seul coup...
  • Le code du player Ffmp3 sur SourceForge (un peu plus "fouillis"): http://sourceforge.net/projects/ffmp3/?source=dlp
  • La page de http://www.musesradioplayer.com/download.php permet de créer facilement votre player avec un grand choix de skins. Je suis parti d'un site similaire pour crér mon code. Il y a du nettoyage à faire ensuite.
  • Les images (éléments du player) dans le dossier /ffmp3-mcclean sont faciles à modifier pour créer un skin perso. Je l'ai fait avec PhotoFiltre7 (oui, sous Linux via Wine), seulement en mettant le gamma au minimum. Faut pas avoir peur d'utiliser le zoom et les sélections  D'autres skins peuvent être récupérés sur le Web.
  • Attention! Si votre page est à un zoom inférieur à 100% (Google Chrome), le player peut-être coupé.
  • Le player en action (Tropik FM)


TropikFM est une radio de St Barth, Antilles Fr., spécialisée dans une musique créole facile à écouter et idéale pour sonoriser une soirée à l'antillaise. Ambiance plage et cocotiers garantie!
97,5 & 104,9 à St Barth - 104,7 à St Martin

Aucun commentaire:

Enregistrer un commentaire

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.