(729 mots dans ce texte )  -   lu : 1230 Fois    

Playlist avec lecteur MP3

Ce qu'il nous faut :

• 1 fichier xspf_player.swf (lecteur MP3 en flash)
• 1 fichier index.html
• 1 fichier playlist.php
• 1 dossier music

Télécharger le lecteur MP3 en flash

Tout d'abords nous allons télécharger le lecteur MP3 en format flash disponible sur ce site: XSPF Web Music Player
Si vous disposez du logiciel flash ou d'un logiciel capable de travailler les fichiers portant l'extension .fla, vous pouvez modifier à votre guise le look de votre lecteur.

Création du fichier index.html

Ce fichier va juste nous servir à afficher notre lecteur. Nous utiliserons la balise object.

<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="400" 
height="153" 
id="xspf_player" 
align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="xspf_player.swf?autoload=true&playlist_url=playlist.php" />
<param name="quality" value="high" />
<param name="bgcolor" value="#e6e6e6" />
<embed src="xspf_player.swf?autoload=true&playlist_url=playlist.php" 
quality="high" bgcolor="#e6e6e6" 
width="400" height="153" 
name="xspf_player" 
align="middle" 
allowScriptAccess="sameDomain" 
type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Création du fichier playlist.php

Ce fichier va nous servir à créer une playlist au format xml, capable de lire un dossier spécifié et d'y afficher tout les fichiers portant l'extension .mp3
Comme nous avons créé auparavant un dossier music, nous allons recherchez tout le fichiers mp3 dans ce dossier.

<?php echo("<?xml version="1.0" encoding="UTF-8" ?>") ?>
<playlist>
<title>Ma playlist</title>
<trackList>
<?
$dir = opendir("music");
while ($file = readdir($dir)) {
if (preg_match("/[.]mp3$/i", $file)) {
?>
<track>
<location>music/<? echo($file) ?></location>
<annotation><? echo($file) ?></annotation>
</track>
<? } } ?>
</trackList>
</playlist>

En y regardant de plus prêt, on voit que l'on définit le chemin d'accès où sont stocké les mp3 avec une variable ($dir). En fait avec la fonction opendir on ouvre le dossier spécifié sous $dir. Ce qui nous donne le dossier music dans notre exemple. Puis l'on fait une boucle (while) pour lire ce qu'il y a dans le dossier music (readdir). Ensuite les fichiers contenus dans le dossier sont associés à la variable $file.
Comme dans notre exemple la playlist afficherai même les fichiers ne portant pas l'extension .mp3 et comme notre lecteur ne peux pas les lire, nous allons utiliser la fonction preg_match, qui va nous trouver des expressions que nous recherchons (ici mp3 après un point)

Pour le reste (la mise en page xml), je vous laisse regarder sur le net, il y a quantité de tutorial sur ce sujet. Faites juste attention à la balise< trackList>< /trackList> de ne pas oublier le L majuscule !
Dans la balise <location> </location> nous allons donner le chemin d'accès aux fichiers mp3 et grâce à la boucle while nous allons afficher tout nos mp3 contenus dans le dossier music
La balise <annotation></annotation> nous permet d'afficher le nom du fichier, ainsi que son extension

Création du dossier music

Créez un dossier music et déposez-y tout les morceaux mp3 que vous désirez voir apparaitre dans votre lecteur et c'est tout !

En résumé

vous devriez avoir :

Voilà le petit tuto est terminé.

Télécharger ce script

Pour toutes questions : Forum