• ACCUEIL
  • blogger

    Playlist

     Comment intégrer un lecteur de musique avec playlist sur votre blog ?

    DEVPLAYER N'EXISTE PLUS...
    donc cet article  également ! 

     1-PREALABLES

    1-Vous devez avoir ouvert un espace web de stockage de fichiers (celui de votre FAI) pour y stocker vos fichiers et y accéder en FTP

    2-Sur cet espace, par FTP, vous devez avoir:
    -un dossier "musique" contenant vos mp3 ainsi que le futur fichier playlist.xml

    -un dossier "dewplayer" dans lequel se situent les divers dewplayer.swf venant de http://www.alsacreations.fr/dewplayer.html 
    (télécharger le fichier proposé, le décompresser puis télécharger l'ensemble sur votre espace)




    Ex de stockage distant :

     Ainsi
     -Vous connaissez  les adresses URL de  tous vos fichiers....
     -Vous devez indiquer des URL= absolues  (http://.....) car le blog et les fichiers sont à des adresses différentes

     2-REALISATION

    2-1-Vous devez concevoir un fichier playlist.xml en utilisant le bloc notes. Ce fichier sera positionné  dans le dossier de mp3 de la playlist (ex "musique")

    Copier/coller ce code dans le bloc notes, puis  modifiez le selon vos mp3:

    ----------------------------------------------------------
    Exemple de fichier  de playlist (3 titres) à enregistrer en .xml 
    Modifier ce qui est en fluo

    si nécessaire :
     -ajouter d'autres "track"  avant  </trackList> en y collant

       <!--Titre ? -->      
            <track>
              <location>adresseURLdufichiermp3</location>
              <title>Titre du fichier mp3</title>
            </track>


    - changer ultérieurement l'extension .txt en.xml
    -----------------------------CODE ---------------------------------------------------

    <?xml version="1.0" encoding="UTF-8"?>
    <playlist version="1" xmlns="http://xspf.org/ns/0/">

        <trackList>
            <!-- Titre 1 -->
            <track>
              <location>adresseURLdufichiermp3</location>
              <title>Titre du fichier mp3</title>
            </track>

            <!--Titre 2 -->      
            <track>
              <location>adresseURLdufichiermp3</location>
              <title>Titre du fichier mp3</title>
            </track>

            <!-- Titre 3 -->
            <track>
              <location>adresseURLdufichiermp3</location>
              <title>Titre du fichier mp3</title>
            </track>

        </trackList>
    </playlist>
    ----------------------------FIN DU CODE------------------------------------


    2-2 Dans votre article, en mode html, vous devez  copier/coller le code du lecteur.
    Si nécessaire, régler la hauteur (height) en fonction de la longueur de votre liste de mp3

    --------------------CODE-------------------------
    <object type="application/x-shockwave-flash" data="dewplayer-playlist.swf" width="240" height="170" id="dewplayer" name="dewplayer">

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

    <param name="movie" value="dewplayer-playlist.swf" />

    <param name="flashvars" value="showtime=false&amp;autoreplay=true&amp;xml=URLdufichierplaylist.xml" />

    </object>

    -----------------FIN DU CODE------------------------------------------------------------
    et vous obtenez :