Votre lecteur Flash n'est pas à jour. Installer la dernière version
Home » Labo » MP3Player

Flash MP3 Player

Lecteur MP3 personnalisable et libre d'utilisation. Configurable très simplement, il s'intègrera à tous vos sites Internet très rapidement et sans difficultés. Un seul fichier et le tour est joué.
 
Le Mp3 Flash Player est sous licence Creative Commons, son utilisation est libre et gratuite même dans un cadre professionnel ou commercial.
Si vous désirez une version personnalisée pour une utilisation professionnelle, n'hésitez pas à me contacter.

Utilisation :

Votre lecteur Flash n'est pas à jour. Installer la dernière version
Votre lecteur Flash n'est pas à jour. Installer la dernière version

Exemple de configuration :

Il est possible de lancer le player sans paramètre. Les paramètres par défaut seront utilisés.
repeatmode : Activation de mode de lecture répétée. Valeurs : "true", "false" (défaut : "false").
btncolor : Couleur des dessins des boutons. Défaut : "FFFFFF".
bgcolor : Couleur de fond des boutons. Défaut : "3C3C3C".
autoplay : Activation du lancement automatique de la musique. Valeurs : "true", "false" (défaut : "false").
file : Chemin vers le fichier xml de la playlist. (Défaut : "./revoplayer.xml").
mp3 : Liste des musiques à charger, séparées par un |. (Exemple : mp3="musique1.mp3|musique2.mp3").
(Remarque : Il existe une deuxième méthode, préférable si vous souhaitez lancer plusieurs musiques en même temps (voir plus bas pour le fichier XML). Si ce champs n'est pas renseigné, c'est le fichier XML de configuration qui sera utilisé.)
volume : Volume par défaut de la musique. Défaut : "100" (Valeur comprise entre 0 et 100%).
 
Il existe plusieurs façon d'intégrer le player à un page HTML.
 
Il existe bien évidement la façon html :
(Remarque : la qualité de l'intégration peut varier selon le type et l'ancienneté du navigateur)
 
<div id="player">
<object type="application/x-shockwave-flash" width="240" height="20" data="RevoPlayer.swf">
<param name="movie" value="RevoPlayer.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="repeatmode=true&autoplay=false" />
<p>Veuillez installer le player flash 9</p>
</object>
</div>
 
La plus simple consiste à utiliser le script JavaScript swfobject qui permet tout simplement de détecter la version de flash utilisée par l'utilisateur et si ce n'est pas la bonne, proposera un lien pour la télécharger. Le script est compatible avec tout les navigateurs et vous facilitera l'intégration. 
(Remarque : l'utilisation de swfobject est vivement recommandée)
 
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
        var flashvars = {};
        flashvars.repeatmode = "true";
        flashvars.btncolor = "FFFFFF";
        flashvars.bgcolor = "9BE23C";
        flashvars.autoplay = "false";
        flashvars.file = "/chemin/vers/le/fichier.xml";

        var params = {};
        params.allowscriptaccess = "always";
        params.menu = "false";
        params.wmode = "transparent";
           
        var attributes = {};

        swfobject.embedSWF("RevoPlayer.swf", "RevoPlayer", "240", "20", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>


Le fichier de configuration est un fichier XML qui permet de préciser les musiques à importer dans le player : (Remarque : pour éviter les erreurs, préférez mettre le chemin complet à partir de la racine de votre site web)

<songs>
    <song url="/chemin/vers/la/musique/City Landfill 30.mp3" />
    <song url="/chemin/vers/la/musique/kemiso-hotbitcharsenal-fadeinfadeout-2007.mp3" />
</songs>

Contrôler le player grâce à JavaScript

Il est également possible de contrôler le player en utilisant les fonctions JavaScript suivantes :

<script type="text/javascript"> 
function play() {
    document.getElementById("RevoPlayer").play();
}

function stop() {
    document.getElementById("RevoPlayer").stop();
}

function next() {
    document.getElementById("RevoPlayer").next();
}

function prec() {
    document.getElementById("RevoPlayer").prec();
}

function mute() {
    document.getElementById("RevoPlayer").mute();
}
</script>

Il vous suffit alors d'ajouter dans le code l'appel à la fonction dont vous avez besoin.
Par exemple, si vous souhaitez ajouter un bouton pour contrôler la lecture :
 
<input onclick="play();" type="button" value="Play" />

Remarques :
Pour pouvoir utiliser le javascript, vous devez rajouter dans le parametrage du swf, la variable : flashvars.enablejs = "true"; (exemple avec SWFobject)
Pour le mini player, seul la fonction "play" est disponible.

Remarques

Préférez des mp3 encodés à 44.1 Khz.
Utilisez des noms de fichier (URL du mp3) sans caractère accentué.

Téléchargement

Ce fichier est à placer sur votre site.
Télécharger SWFobject.

Générateur de code HTML 
Il vous suffit de remplir les champs, de générer le code, puis de copier/coller le code dans votre page html. Le code généré, permet d'intégrer le player avec SWFObject 2. Le code contient également tout ce qu'il y a de nécessaire pour que votre page html soit valide.
  • Active le mode de répétition :
  • Active le mode de lecture automatique :
  • Couleur des boutons :

  • Couleur d'arrière plan des boutons :

  • Emplacement du fichier de configuration :
  • (Le code apparait en bas de page)

 

Write a comment

  • Required fields are marked with *.

If you have trouble reading the code, click on the code itself to generate a new random code.
 
Caro
Posts: 6
Comment
Super!
Reply #6 on : Wed April 29, 2009, 14:34:19
Ce lecteur a l'air vraiment super! si j'ai bien compris dans la prochaine version, il sera possible de faire jouer le lecteur à partir d'un lien sur une page grâce à javascript? Car c'est exactement ce que je cherche. J'aimerais qu'il joue une playlist et aussi qu'il soit possible de lancer un morceau dans le lecteur à partit d'un lien simple. Est-ce possible?

En tout cas, merci pour ce lecteur!
Anthony
Posts: 6
Comment
Re:
Reply #5 on : Sat January 24, 2009, 11:37:40
Super lecteur , bien mieux que celui d'Alsacréation!
Fabien
Posts: 6
Comment
Bon player
Reply #4 on : Sun January 18, 2009, 13:21:50
Salut, j'ai testé le player rapidement, toujours pas avec AAC+ mais ça ne devrait pas tarder.

C'est une super chose que tu utilises les ID3.

Y a une chose qui ne concerne pas vraiment les lecteurs... Tu devrais les proposer dans un autre format que .rar c'est pas super. C'est proprio y a des limitations logicielles et linux n'aime pas trop en général. Un petit zip serait plus sympa c'est bien pris en charge par windows de base.

Merci bien de poster ton travail en ligne. Bientôt les sources?

Posts: 6
Comment
Version intégrant une playlist
Reply #3 on : Wed January 14, 2009, 20:30:47
En effet, la playlist est prévue dans la prochaine version qui devrait voir le jour d'ici peu.

La possibilité de contrôler le player via du JavaScript fera quant à elle son apparition dans la prochaine mise à jour.

Merci pour votre soutient.
jarod
Posts: 6
Comment
Léger et efficace !
Reply #2 on : Wed January 14, 2009, 14:33:30
Après avoir intégré le Dew player de chez Alsacreation à mon site, je suis tombé par hasard sur ce player, que je trouve encore plus léger et performant. Mais surtout plus souple dans sa configuration (via des paramètres ou un fichier xml).

Bref, le petit player mp3 parfait qui a toutes les fonctionnalités attendu ! D'ailleurs l'affichage du titre du mp3 via son tag id3 est très appréciable.

Y'a t'il une version plus complète de prévu avec affichage d'une playlist ? En tout cas merci pour ce très bon player !
Anonymous
Posts: 6
Comment
Re:
Reply #1 on : Wed January 14, 2009, 13:13:02
Très bon player !