
Je vais vous expliquer comment créer un lecteur Mp3 afin de l’insérer sur votre blog ou sur votre site… Pour cela je vais utiliser le lecteur mp3 de « Neolao » qui est libre, gratuit et fortement paramétrable.
Je choisi le lecteur « player_mp3_multi.swf » car il contient une playlist, c’est l’idéal si vous avez plusieurs musiques à diffuser en ligne.
Tout d’abord télécharger l’élément « player_mp3_multi.swf »
Télécharger: Player Mp3 Multi (swf)
Une fois télécharger, dézippez le fichier.zip pour extraire le fichier player_mp3_multi.swf et mettez l’élément « player_mp3_multi.swf » dans la racine de votre site ou dans un dossier situer dans votre serveur.
Ensuite vous créez un fichier XML avec votre Bloc-note ou avec un éditeur HTML (moi je prends le bloc-note pour des petits trucs comme ça) et vous l’appeler: configxml_multi.xml (voir ci-dessous)
Pour créer ce fichier copier/coller le code XML ci-dessous dans votre bloc-note et nommé le configxml_multi.xml (attention le fichier doit avoir « .XML » en extention et non « .txt »):
Copier/coller ce qui est en italique rouge:
Copier/coller dans votre bloc-note et enregistrer avec le nom : configxml_multi.xml et placer le fichier « configxml_multi.xml » dans votre server là où est hébergé votre site web.
<?xml version= »1.0″ encoding= »UTF-8″?>
<config>
<param name= »mp3″ value= »http://votre-site.com/musique-1.mp3|http://votre-site.com/musique-2.mp3|http://votre-site.com/musique-3.mp3 » />
<param name= »title » value= »Titre musique 1|Titre musique 2|Titre musique 3 » />
<param name= »width » value= »300« /> (largeur du lecteur)
<param name= »height » value= »73« /> (hauteur du lecteur)
<param name= »volume » value= »100″/> (réglage du volume)
<param name= »showvolume » value= »0″/>
<param name= »loadingcolor » value= »000000″/>
<param name= »bgcolor1″ value= »e3e3e3″/> (couleur haut du lecteur)
<param name= »bgcolor2″ value= »e3e3e3″/> (couleur bas du lecteur)
<param name= »sliderovercolor » value= »ffffff »/>
<param name= »buttoncolor » value= »000000″/>
<param name= »buttonovercolor » value= »ffffff »/>
<param name= »playlistcolor » value= »ffffff »/>
<param name= »currentmp3color » value= »4a4a4a »/>
<param name= »scrollbarovercolor » value= »ffffff »/>
<param name= »textcolor » value= »000000″/>
<param name= »slidercolor1″ value= »cccccc »/>
<param name= »slidercolor2″ value= »888888″/>
</config>
(Lire la suite…)
Articles recommandés à lire (sélection relatif):