HTML - Lecteur audio en flash

Auteur : 3L!X | Créé le : 03/05/2007 à 20H00

Nous allons voir comment insérer un lecteur audio sur votre site (format .mp3).
Ce lecteur est en flash, de façon à être compatible avec tous navigateurs, et de ne pas à avoir à charger de plugin supplémentaire.

Le lecteur peut changer de couleurs grâce à des paramètres optionnels (voir ci-dessous).

Mise en place du lecteur

Téléchargez le fichier mp3player.rar, et décompressez le, pour récupérer le fichier mp3player.swf et config_mp3player.txt.

Copiez ces fichiers et votre fichier .mp3 à la racine de votre site ou dans un répertoire de votre choix.

Puis recopiez ce code sur votre page web, en modifiant les infos surlignées suivant votre configuration et emplacement :

<object type="application/x-shockwave-flash" {noir}data="/mon_repertoire/mp3player.swf" width="200" height="20"{/noir}>
  <param name="movie" {noir}value="/mon_repertoire/mp3player.swf"{/noir} />
  <param name="flashvars" {noir}value="config=/mon_repertoire/config_mp3player.txt"{/noir} />
  <param name="menu" value="false" />
</object>

Notre fichier config_mp3player.txt (Voir "Paramètres du Lecteur" ci-dessous):

{noir}mp3=/mon_repertoire/test.mp3
width=200
height=20{/noir}
showstop=1
bgcolor1=990000

Paramètres du Lecteur

Voici les différents paramètres optionnels pour ce lecteur, à ajouter dans votre fichier "config_mp3player.txt" :

• "mp3=" Indique l'adresse absolue du fichier mp3.
• "autoplay=1" Pour lire automatiquement.
• "autoload=1" Pour lancer le chargement.
• "loop=1" Pour lire en boucle.
• "volume=" Le volume entre 0 et 200 (100 par défaut).
• "showvolume=1" Pour afficher le bouton VOLUME.
• "showstop=1" Pour afficher le bouton STOP.
• "showinfo=1" Pour afficher le bouton INFO.
• "showslider=0" Pour cacher la barre de lecture.
• "showloading=" Affichage du chargement : autohide, always ou never.
• "skin=" L'URL du fichier JPEG (non progressif) à charger, dimension 200×20.
• "loadingcolor=" La couleur de la barre de chargement.
• "textcolor=" La couleur du texte.
• "bgcolor1=" La première couleur du dégradé du fond.
• "bgcolor2=" La seconde couleur du dégradé du fond.
• "buttoncolor=" La couleur des boutons.
• "buttonovercolor=" La couleur des boutons survolés.
• "slidercolor1=" La première couleur du dégradé de la barre.
• "slidercolor2=" La seconde couleur du dégradé de la barre.
• "sliderovercolor=" La couleur du bouton survolés de la barre.