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.
Copiez le fichier mp3player.swf 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 :

<object type="application/x-shockwave-flash" data="/mon_rep/mp3player.swf" width="200" height="20">
  <param name="movie" value="/mon_rep/mp3player.swf" />
  <param name="flashvars" value="mp3=/mon_rep/test.mp3&amp;showstop=1" />
  <param name="menu" value="false" />
</object>

Voici les différents paramètres optionnels pour ce lecteur, à ajouter dans "flashvars" :

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

(3) commentaires - Voir/Editer

---

Posté le 24/01/2008 à 10h55, par seeber

Le lecteur est super sympa mais je n'arrive pas à définir mes couleurs!
Comment dois-je entrer mes valeurs de couleur pour les différentes variables flashvars?
Merci

Posté le 27/01/2008 à 19h20, par 3L!X

Vous ajouté simplement dans "value=" , l'element que vous voulez modifier, à la ligne <param name="flashvars".
exemple: <param name="flashvars" value="bgcolor1=#ffffff&bgcolor1=#cccccc" />

Posté le 26/04/2008 à 13h33, par Cypiou69

Super le lecteur, merci du tuyau !!!

Poster un commentaire

Auteur :
Commentaire :
	Quelle est la somme de 35 + 22 = ?