Dewplayer-playlist

Publié le 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 ) :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

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="allowScriptAccess" value="sameDomain" />

<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" />

<param name="quality" value="high" />

<param name="bgcolor" value="#ffffff" />

<param name="wmode" value="transparent" />

<embed src="http://http://www.adresse-de-votre-hébergeur/blablabla/dewplayer-playlist.swf?xml=http://www.adresse-de-votre-hébergeur/blablabla/votre-playlist.xml

&amp;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


Publié dans Astuces

Commenter cet article

Antoine 17/06/2014 16:12


Merci pour votre réponse rapide, et au sujet de la question "pourquoi les tracks ne s'enchaînent pas ?" vous avez une solution ?


 

Petra 19/06/2014 10:04



Non plus. Ca fait déjà trop longtemps que je n'ai plus rien fait avec cet outil, et je ne suis vraiment pas une spécialiste. A l'époque j'avais beaucoup de mal à trouver comment ça fonctionne et
c'est pour ça que j'ai écrit cet article quand j'ai enfin trouvé. Je ne me rappelle même plus, que les tracks ne s'enchainent pas... et je n'ai plus ma playlist pour vérifier.


 


Bon courage




 



Antoine 17/06/2014 15:49


Merci !  très bonne méthode !


Par contre auriez vous une astuce pour que ce player puisse fonctionner sur tablette et téléphone mobile ??? ou un autre player ?


Merci de votre aide

Petra 17/06/2014 16:00



Je suis contente que la méthode vous convient. Mais pour tablette et mobile je n'ai malheureusement aucune idée ce que l'on peut faire... désolée.



Pierre 11/10/2013 00:37


Bonsoir,


je suis de passage sur cette page qui m'a bien plue.


XML ! ça fait toujours un peu peur. Surtout ouvrir en xml ! Aïe aïe aïe pas d'erreur surtout... ! Ne pas l'ouvrir avec Bloc-note... sinon rcommencer...


Faut pas s'affoler. On peut prendre Bloc-notes. La seule chose dont il faut se rappeler au moment de l'enregistrement (Fichier/Enregistrer sous...), c'est de choisir le nom du fichier, bien sûr,
puis en dessous, le type de fichier (préférable de choisir "Tous les fichiers" sinon Bloc-notes aime à rajouter .txt) et surtout essentiellement, en dessous encore, choisir l'encodage UTF-8


Dewplayer utilise des fichiers xml encodés UTF-8.


Si l'on ouvre un fichier xml avec Bloc-note et qu'il détecte de l'UTF-8, il sauvegardera en UTF-8. Mais si l'on crée un fichier de toutes pièces avec Bloc-note, il sera enregistré d'office avec
encodage ANSI, sauf si on lui précise autre chose.


 

Petra 21/10/2013 11:12



Merci pour l'info ! 



Jacky ROBIN 14/05/2013 16:36


J'ai bien inséré dewplayer-playlist ainsi que ma playlist. Le menu avec les titres s'affichent mais aucun son ne sort.

Anne-Lise 02/08/2012 11:25


Bonjour,


explications très précises et bien séparées par étapes, merci beaucoup, c'est avec vos explications que je suis parvenue à créer une playlist sur mon blog en construction.


Bonne continuation !