Voici un exemple de code HTML pour afficher le lecteur :
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20">
<param name="movie" value="player_mp3_maxi.swf" />
<param name="FlashVars" value="mp3=test.mp3" />
</object>
| Nom | Description |
|---|---|
| Nom du paramètre | Description du paramètre |
| mp3 | L'URL du fichier MP3 à charger |
| width | Forcer la largeur du lecteur |
| height | Forcer la hauteur du lecteur |
| config | L'URL du fichier texte de configuration, par exemple config_maxi.txt |
| configxml | L'URL du fichier XML de configuration, par exemple config_maxi.xml |
| autoplay | 1 pour lire automatiquement |
| autoload | 1 pour lancer le chargement |
| loop | 1 pour boucler |
| skin | L'URL du fichier JPEG (non progressif) à charger |
| volume | Le volume initial, entre 0 et 200. |
| showstop | 1 pour afficher le bouton STOP |
| showinfo | 1 pour afficher le bouton INFO |
| showvolume | 1 pour afficher le bouton VOLUME |
| showslider | 0 pour cacher la barre de lecture. |
| showloading | Affichage du chargement : autohide, always ou never |
| loadingcolor | La couleur de la barre de chargement |
| 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 au survol |
| slidercolor1 | La première couleur du dégradé de la barre |
| slidercolor2 | La seconde couleur du dégradé de la barre |
| sliderovercolor | La couleur de la barre au survol |
| textcolor | La couleur du texte. |
| bgcolor | La couleur de fond |
| buttonwidth | La largeur des boutons (26 par défaut) |
| sliderwidth | La largeur de la barre (20 par défaut) |
| sliderheight | La hauteur de la barre (10 par défaut) |
| volumewidth | La largeur du bouton VOLUME (30 par défaut) |
| volumeheight | La hauteur du bouton VOLUME (6 par défaut) |
| byteslimit | Si c'est un streaming mp3, le flux va être relancé quand le nombre de bytes sera atteint. Ca permet de ne pas surcharger la mémoire. |
| Touche | Description |
|---|---|
| Touche | Description |
| espace | Play/Pause : Jouer le son ou faire une pause |
| P | Play/Pause : Jouer le son ou faire une pause |
| S | Stop : Stopper le son et remettre à zéro |
| I | Afficher les informations |
| gauche | Reculer de 5 secondes |
| droite | Avancer de 5 secondes |
| + | Augmenter le volume |
| - | Baisser le volume |
Pour contrôler le lecteur par Javascript, il faut rajouter un id à la balise <object> qui va servir à identifier le Flash..
Voilà les actions possibles:
// PLAY
document.getElementById("myFlash").SetVariable("player:jsPlay", "");
// PAUSE
document.getElementById("myFlash").SetVariable("player:jsPause", "");
// STOP
document.getElementById("myFlash").SetVariable("player:jsStop", "");
// Volume
document.getElementById("myFlash").SetVariable("player:jsVolume", "50");
// Change the url
document.getElementById("myFlash").SetVariable("player:jsUrl", "http://my.mp3");