Insérer du Flash sur un Myspace

page0_blog_entry10-flash

Il est vrai que le « Flash » est de plus en plus sujet à controverse du fait qu’il soit propriétaire et les premiers à en pâtir sont les utilisateurs d’IphoneOS. Pour les autres normalement après un petit tour chez Adobe pas de problème. Malgré ça j’ai décidé de vous expliquer comment insérer une animation flash ou tout autre .swf sur les sites acceptant la balise <embed>, voir même sur votre propre site et c’est beaucoup plus simple.
On ne va pas se contenter d’appeler l’objet flash, mais aussi un fichier XML auquel il est peut être lié. Pour les utilisateurs plus avertis vous verrez que l’ont peut définir les « flashvars » directement dans la balise <embed> .
Dans l’exemple que je vais vous donner on va se concentrer sur le célèbre Dewplayer qui permet de lire une chanson et dans le cas qui nous intéresse une playlist, grâce à un lecteur flash tout léger. Pour le télécharger c’est ici.
A l’intérieur de l’archive vous allez y trouver plusieurs .swf, nous allons nous concentrer sur celui appelé dewplayer-playlist.swf et sur le fichier nommé playlist.xml.
Pour commencer il va vous falloir un ftp et de préférence un domaine où stocker vos 2 fichiers et un dossier contenant les chansons (ou dans d’autre cas que celui du dewplayer, vos images, vidéos, …). Je vous fais confiance pour trouver une solution gratuite ou non. =D

Ouvrez le fichier .xml
Vous devriez tomber devant ça:

<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/test1.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/1.jpg</image>
          <info></info>
          <link>http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana)</link>
        </track>

        <track>
          <location>mp3/test2.mp3</location>
          <creator>Antonin Dvorak</creator>
          <album>La Symphonie du Nouveau Monde</album>
          <title>La Symphonie du Nouveau Monde</title>
          <annotation></annotation>
          <duration></duration>
          <image>covers/2.jpg</image>
          <info></info>
          <link>http://fr.wikipedia.org/wiki/Cesaria_Evora</link>
        </track>

        <track>
          <location>mp3/test3.mp3</location>
          <creator>Jean-Claude Petit</creator>
          <album>Le Hussard sur le Toit</album>
          <title>Le Hussard sur le Toit</title>
          <annotation></annotation>
          <duration></duration>
          <image>covers/3.jpg</image>
          <info></info>
          <link></link>
        </track>

    </trackList>
</playlist>

On va se concentrer sur une partie seulement car comme vous l’avez remarqué ça se répète pas mal.

		<track>
          <location>mp3/test2.mp3</location>
          <creator>Antonin Dvorak</creator>
          <album>La Symphonie du Nouveau Monde</album>
          <title>La Symphonie du Nouveau Monde</title>
          <annotation></annotation>
          <duration></duration>
          <image>covers/2.jpg</image>
          <info></info>
          <link>http://fr.wikipedia.org/wiki/Cesaria_Evora</link>
        </track>


C’est maintenant que cela devient intéressant. Comme vous voyez il va chercher le fichier mp3 dans un dossier lui même nommé mp3. C’est ici que se trouve le problème si vous voulez insérer votre lecteur ailleurs que sur votre site la solution est en fait assez simple, il suffit de donner une url plutôt qu’un dossier. Ce qui nous donne:

 

		<track>
          <location>http://www.ftp.com/mp3/chanson.mp3</location>
          <creator>XXXXX</creator>
          <album>Nom de l’album</album>
          <title>Nom de la chanson</title>
          <annotation></annotation>
          <duration></duration>
          <image></image>
          <info></info>
          <link></link>
        </track>

Vous remarquerez que je n’ai pas changé que la « location » du fichier mp3 mais aussi « creator » le nom de l’artiste, « Album » et « title » pas besoin de vous expliquer. Pareil si vous utilisez des images utilisez une url dans votre fichier xml. Chaque paragraphe commençant par « track » correspond à une chanson à vous de remplir correctement l’intérieur des balises. Il n’y a pas de limites du nombre de chanson.

Vous avez normalement tout ce qu’il vous faut pour utiliser le dewplayer version playlist. Il ne vous reste plus qu’à uploader (téléverser escusez-moi) le fichier dewplayer-playlist.swf , le fichier playlist.xml et vos mp3, musique, vidéos etc. sur votre ftp. Il ne vous reste plus maintenant qu’à insérer tout ça sur myspace ou autre grâce aux quelques lignes qui suivent:

 

<embed width="240" height="200" 
flashvars="xml=http://monftp.com/playlist.xml&height=200&width=240&autoscroll=true&displaywidth=240&overstretch=true&thumbsinplaylist=true&autoreplay=1&showtime=1&volume=60" 
allowscriptaccess="always" 
allowfullscreen="true" 
src="http://monftp./dewplayer-playlist.swf"> </embed>

Modifiez width et height en fonction de la taille de votre objet flash. Remplacez les url du .swf et du .xml par les bonnes et le tour est joué. Pour ceux qui l’auraient remarqué, on peut insérer toutes les variables relatives à votre objet Flash (les fameux flashvars) il suffit de les mettre à la suite précédé par un tout bête « & »
Ca devrait donner quelque chose comme ça:


Pour finir si vous aussi vous voulez mettre du code sur votre site sans qu’il soit interprété faites un tour par là.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *