Dewplayer-playlist

Publié le 4 janvier 2010 par Petra

Comment l'intégrer sur votre blog, étape par étape.

Tout d'abord : je ne suis pas informaticienne, j'ai trouvé cette manière de faire en lisant d'autres blogs et forums sur ce thème et, avec beaucoup de patience, en essayant encore et encore. Un pro pourrait certainement proposer des solutions plus simples avec d'avantage d'astuces, surtout en ce qui concerne l'écriture de la playlist. Mais souvent ils ne parlent pas le même language que nous amateurs... Remarquez, je ne sais pas si ce manuel à l'accent allemand vaut beaucoup mieux...

1° - Télécharger Dewplayer sur votre PC

Allez sur Alsacréations pour télécharger le dossier. (clic sur "télécharger" puis, choisir "enregistrer" (choisir l’emplacement sur votre PC).

Il s’agit d’un dossier comprimé, il faut l’extraire une fois qu’il se trouve sur votre PC. Pour ce faire, cliquez avec le bouton droit de votre souris sur le dossier "dewplayer" et choisissez "extraire tout". Vous pouvez ensuite supprimer le dossier comprimé, mais il faut garder le dossier de fichiers "dewplayer" extrait.

2° - Héberger les fichiers .mp3

Pour pouvoir publier vos musiques, il faut qu’ils soient sous format .mp3. Si vos fichiers sont sous un autre format il faut les convertir. Moi, j’utilise le Switch Sound File Converter (mais il en existe bien d’autres).

Puis, il faut héberger les fichiers mp3 sur un site internet (j’utilise FileDen.com). Pour nommer vos dossiers et vos fichiers, évitez d'utiliser des caractères spéciales (é, è, à, ö, ü etc.) car cela crée des problèmes pour la playlist.

Ensuite on note les adresses URL de chaque fichier .mp3 (copier-coller sur Bloc-Notes par exemple) car vous en aurez besoin pour la playlist. (exemple : http://blablabla./musique1.mp3).

3° - Héberger le Dewplayer-Playlist

Dans le dossier "dewplayer" que vous avez téléchargé et extrait se trouvent les fichiers nécessaires pour la suite. Il faut maintenant héberger le lecteur, soit le fichier "dewplayer-playlist.sfw" de votre dossier "dewplayer", chez le même hébergeur où vous avez déjà mis vos fichiers musiques .mp3.

Puis, vous notez l'adresse URL du dewplayer hébergé, par exemple http://blablabla./dewplayer-playlist.sfw comme vous l’avez fait pour les mp3.

Sur votre Bloc-Notes vous avez donc maintenant par exemple :
http://blablabla./musique1.mp3
http://blablabla./musique2.mp3
http://blablabla./musique3.mp3
http://blablabla./dewplayer-playlist.sfw

4^° - Créer la playlist.xml

Pour cela vous faites d’abord une copie du fichier playlist.xml qui se trouve dans votre dossier "dewplayer". Ensuite on travaille sur cette copie (vous pouvez renommer votre playlist, p. ex. "Liste1"). Pour pouvoir travailler dessus, il faut l’ouvrir avec un logiciel de texte. Cliquez avec le bouton droit de votre souris sur le fichier "Liste1" (si vous l’avez nommée ainsi) et choisissez "ouvrir avec" puis, "word-pad" (par exemple).

Attention : Le fichier reste sous format xml, même si vous l'avez ouvert avec un logiciel de texte. Il ne faut surtout pas faire de copier-coller à partir d’un autre document texte, car ça modifie le formatage de ce document. Il faut faire les premières modifications jusqu’à la fin du premier </track> à la main. Puis, on peut, dans le même document, faire du copier-coller des tracks et ensuite modifier les différences à la main. Sinon, on ne peut pas sauvegarder le document sous format .xml !!! Et ça ne marchera donc pas. En bref : ne pas polluer ce document par du copier-coller d’un autre document ! Aussi, il faut éviter les caratères spéciales (é, è, à, ö, ü etc.), et il faut faire très attention lors de la saisie des adresses URL car la moindre faute rend la connexion impossible.

Une fois votre Liste1 ouverte avec Word-Pad, vous y voyez la playlist d’Alsacréations que vous allez maintenant modifier selon vos besoins (manuellement, sans polluer !). Tout d’abord, vous effacez tous les paragraphes track (de <track> à </track>), sauf le premier, et vous conservez les deux dernières lignes, soit </trackList> et </playlist>

Vous obtenez alors ceci (pour voir plus clair pour la suite, j‘ai surlignée les parties à changer et les exemples fictifs, mais il ne faut modifier ni le style, ni la couleur de police dans le document réel -> pollution format) :

<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
      <title>Ounage Playlist</title>
      <creator>Dew</creator>
      <link>http://www.blup.fr/</link>
      <info>The Best Playlist for Testing</info>
      <image>covers/tracklist.jpg</image>

      <trackList>

            <track>
               <location>mp3/moldau.mp3</location>
               <creator>Bedrich Smetana</creator>
               <album>MÃ¡ Vlast</album>
               <title>La Moldau (Vltava)</title>
               <annotation>I love this song</annotation>
               <duration>32000</duration>
               <image>covers/smetana.jpg</image>
               <info></info>

<link>http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana)</link>
            </track>

    </trackList>
</playlist>

Remplacer

Ounage Playlist par le nom de liste à afficher p. ex. Compilation I
Dew par votre nom p. ex. Vous MEME
http://www.blup.fr/ supprimer ou mettre URL de votre blog
The Best Playlist for Testing supprimer ou mettre un commentaire
covers/tracklist.jpg supprimer ou mettre l’URL d’une image.jpg

Puis, pour le premier Track (votre premier mp3 à afficher) :

mp3/moldau.mp3 URL d'un mp3 http://blablabla./musique2.mp3
Bedrich Smetana par le créateur Chantale AIR
MÃ¡ Vlast supprimer ou le nom de l'album
La Moldau (Vltava) par le titre Ton sourire
I love this song supprimer ou annotation
32000 durée en millisecondes ( pour 3m30s p. ex.) 210000
covers/smetana.jpg supprimer ou URL d'une image
http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana) supprimer

Ensuite on peut faire autant de copier-coller de la partie track (de <tack> à </track>) que de musiques mp3 à rajouter, mais modifier chaque nouvelle partie manuellement (ne pas polluer le format).

Voici l'exemple fictif pour une liste complète de trois morceaux musicaux :

<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
      <title>Compilation I</title>
      <creator>Vous MEME</creator>
      <link></link>
      <info></info>
      <image></image>

      <trackList>

            <track>
               <location>http://blablabla./musique2.mp3</location>
               <creator>Chantale AIR</creator>
               <album></album>
               <title>Ton sourire</title>
               <annotation></annotation>
               <duration>210000</duration>
               <image></image>
               <info></info>
               <link></link>
            </track>

            <track>
               <location>http://blablabla./musique1.mp3</location>
               <creator>Charles LEGRAND</creator>
               <album></album>
               <title>Mes ronflements</title>
               <annotation></annotation>
               <duration>350000</duration>
               <image></image>
               <info></info>
               <link></link>
            </track>

            <track>
               <location>http://blablabla./musique3.mp3</location>
               <creator>Votre POTE</creator>
               <album></album>
               <title>Berceuse lunatique</title>
               <annotation></annotation>
               <duration>430000</duration>
               <image></image>
               <info></info>
               <link></link>
            </track>

    </trackList>
</playlist>

Il ne reste plus qu’à sauvegarder votre liste. Pour voir s’il n’y a pas d’erreurs, ouvrir ce nouveau fichier .xml avec un double clic de gauche. Il s’ouvre avec Internet Explorer. Si tout va bien, vous verrez votre playlist, sinon le document vous indique où se trouve l’erreur, et il faut alors revenir dessus (ouvrir avec bloc-notes) et rectifier jusqu’à ce qu’Internet Explorer l’ouvre correctement. Si le nouveau document a changé de format, c'est-à-dire s'il n'est plus un fichier .xml, cela veut dire qu'il a été pollué et il faut tout recommencer dès le début (faire une nouvelle copie du fichier xml d'Alsacréations etc.)

Voilà que l'étape la plus compliquée est franchie vous devez

5° - héberger votre playlist

chez le même hébergeur où vous avez hébergé vos fichiers musicaux .mp3. et le fichier "dewplayer-playlist.sfw".

Notez sur votre Bloc-Notes l’adresse URL de votre playlist.xml téléchargée, p. ex. (http://blablabla./Liste1.xml).

6° - Créer le code .html

qui réunit votre lecteur et votre playlist et vous permet d'afficher et écouter votre lecteur sur le blog. Cela peut se faire dans un document texte (par exemple Bloc-Notes) et on peut copier-coller sans risque.

Voici le code complet avec les adresses URL à remplacer par les vôtres ( URL de votre dewplayer playlist.swf - URL de votre playlist.xml - URL de votre dewplayer playlist.swf - URL de votre playlist.xml ) :

codebase=
http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0

width="240"

height="200"

id="dewplayer"

type="application/x-shockwave-flash">

<param name="movie" value="http://www.adresse-de-votre-hébergeur/blablabla/dewplayer-playlist.swf?xml=http://www.adresse-de-votre-hébergeur/blablabla/votre-playlist.xml

&showtime=true" />

&showtime=true"

wmode="transparent"

quality="high"

bgcolor="#ffffff"

width="240"

height="200"

name="dewplayer"

allowScriptAccess="sameDomain"

type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer" />
</embed>

</object>

Vous pouvez copier ce code à partir de cet artice, le coller sur Word-Pad et là, vous pouvez fairer un copier-coller de vos adresses URL aux endroits indiqués. Une fois que vous avez fait vos modification vous pouvez copier-coller ce code dans dans le mode de saisie html de votre blog.

Voila ! Ca devrait marcher. Bon courage !

C'est comme ça que j'ai réalisé
mon premier lecteur Dewplayer playlist