Tutoriel insertion lecteur MP3 - Dewplayer-Vinyl

Les outils nécessaires - 

Le pack dewplayer à télécharger ici (dans le pack, vous n'aurez besoin que de l'objet flash dewplayer-vinyl.swf):

L'éditeur de fichiers XML:

Résultat Obtenu: Lors du lancement de l'application, on voit la couverture de l'album et dès que l'on clique sur lecture, le premier titre se lance avec une image d'illustration pour chaque nouvelle piste. L'image d'illustration de l'album ne revient jamais sauf au démarrage du module flash.

NB: Les codes ci-dessous fonctionnent très bien sous Internet Explorer 8 mais buggent souvent avec Mozilla (quelque soit la version, même avec les corrections Bêta actuelles). L'appel des fichiers images en données XML ne fonctionne que rarement... étrange, mais vrai... L'appel des fichiers MP3 se fait parfaitement. L'appel des liens "COMMANDER CD" n'a jamais fonctionné pour moi (mais a déjà fonctionné pour d'autres...). Si vous avez des solutions pour les faire fonctionner tout le temps, je suis preneur!

BALISE à insérer pour obtenir le module flash (code HTML): Les parties en gras dans les codes sont à modifier en fonction de vos besoins (= là où se trouvent vos fichiers, ou données personnalisables)

<object type="application/x-shockwave-flash" data="dewplayer-vinyl.swf" width="303" height="113">
<param name="movie" value="URL_du_Player_dewplayer-vinyl.swf" />
<param name="flashvars" value="xml=URL_FICHIER_playlist.xml" />
<param name="quality" value="high" />
</object>


Si vous êtes hébergé par over-blog,
BALISE obtenue avec over-blog pour info ("corrigée" automatiquement par la plate-forme mais le code beaucoup moins propre; autant utiliser celui ci-dessus):

<object type="application/x-shockwave-flash" height="113" width="303" data="URL_du_Player_dewplayer-vinyl.swf">
<param name="data" value="URL_du_Player_dewplayer-vinyl.swf" />
<param name="flashvars" value="xml=URL_FICHIER_playlist.xml" />
<param name="quality" value="high" />
<param name="src" value="URL_du_Player_dewplayer-vinyl.swf" />
</object>

Détails du fichier XML pour créer les playlists: (ne pas utiliser de caractère autre que lettre simple sans accent et chiffre pour éviter des bugs d'affichage éventuels). Vous pouvez utiliser Bonfire Studio pour créer ce type de fichiers. Téléchargez-le ici.

<?xml version="1.0" encoding="utf-8"?>
<playlist version="1.0" xmlns="http://xspf.org/ns/0/">
<title>Titre de l'album</title>
<creator>Nom de l'auteur de la playlist</creator>
<link>http://www.URL_Lien_commander_CD.com</link>
<info>Nom de l'artiste</info>
<image>http://URL_IMAGE_de_COUVERTURE_Album.jpg</image>   

<trackList>

<track>
<location>http://www.URL_1ère_piste_audio.mp3</location>
<creator>Nom de l'artiste</creator>
<album>Nom de l'album (n'apparaît pas dans le lecteur)</album>
<title>Titre de la chanson</title>
<annotation>Annotation perso qui n'apparaît pas dans le lecteur</annotation>
<duration/>
<image>http://www.URL_IMAGE_CHANSON.jpg</image>
<info/>
<link>http://www.URL_COMMANDER_CD.com</link>
</track>

<track>
<location>http://www.URL_2ème_piste_audio.mp3</location>
<creator>Nom de l'artiste</creator>
<album>Nom de l'album (n'apparaît pas dans le lecteur)</album>
<title>Titre de la chanson</title>
<annotation>Annotation perso qui n'apparaît pas dans le lecteur</annotation>
<duration/>
<image>http://www.URL_IMAGE_CHANSON.jpg</image>
<info/>
<link>http://www.URL_COMMANDER_CD.com</link>
</track>

<track>
<location>http://www.URL_3ème_piste_audio.mp3</location>
<creator>Nom de l'artiste</creator>
<album>Nom de l'album (n'apparaît pas dans le lecteur)</album>
<title>Titre de la chanson</title>
<annotation>Annotation perso qui n'apparaît pas dans le lecteur</annotation>
<duration/>
<image>http://www.URL_IMAGE_CHANSON.jpg</image>
<info/>
<link>http://www.URL_COMMANDER_CD.com</link>
</track>

//*** ETC - Autant de codes TRACK que de pistes audio à mettre dans le lecteur ***//

</trackList>
</playlist>

L'exemple utilisé pour le lecteur en haut de page à télécharger ici: