Franc83

Ajax player

20-09-2008

Un lecteur flash en javascript

Afin d'éviter les éternels clics pour activer les contrôles active X, ce lecteur flash est géré par du javascript.

Il peut jouer tous les médias grâce au fichier java ufo.js qui le fait tourner :

Ici, un exemple pour jouer des fichiers MP3

Son concepteur, Jeroen Wijering le fait constamment évoluer, et je vous en montre plusieurs exemples dans cette rubrique.

Vous pouvez télécharger le Zip ici :

Jouer un fichier mp3 :

Télécharger le Flash Player Pour écouter et voir les médias

Jouer une playlist xml :

Voir le lecteur multi avec fichier xml

Les codes à insérer pour avoir le lecteur simple sur votre page :

Il vous faut d'abord charger le fichier javascript ufo.js () chez votre hébergeur et faire l'appel à ce fichier dans votre page html entre <head>........</head> :

Bien sûr, vous mettez le chemin du fichier en fonction de sa place dans le site et chez votre hébergeur

Ensuite, chargez la fonction du lecteur dans la balise body :

Le fichier exemple à charger ici est le xml mediaplayer.xml, le votre portera peut-être un autre nom

Enfin lancer le script pour faire apparaître votre lecteur là où vous voulez dans la page :

<p id="player1">
<a href="http://www.macromedia.com/go/getflashplayer">Télécharger
le Flash Player</a> Pour écouter et voir les médias</p>
<script type="text/javascript">
var FO = { movie:"mp3player.swf",width:"300",height:"20"
,majorversion:"7",build:"0",bgcolor:"#FFFFFF",
flashvars:"file=summertime.mp3&showdigits=true&autostart=true" };
UFO.create( FO, "player1");
</script>

Si vous avez plusieus lecteurs sur la même page, nommez les player1, player2....et mettez en variable file le nom du morceau avec son emplacement internet.

Les codes à insérer pour avoir le lecteur jukebox xml sur votre page :

La seule différence entre le code pour le simple player et le multi player est l'appel au fichier xml au lieu du fichier mp3 :

<p id="player2">
<a href="http://www.macromedia.com/go/getflashplayer">Télécharger
le Flash Player</a> Pour jouer les médias.</p>
<p>
<script type="text/javascript">
var FU =
{ movie:"mp3player.swf",width:"250",height:"200",
majorversion:"7",build:"0",bgcolor:"#FFFFFF",
flashvars:"file=playlist.xml&displayheight=88
&repeat= true&lightcolor=0x0099CC
&backcolor=0x000000&frontcolor=0xCCCCCC" };
UFO.create( FU, "player2");
</script>

Le texte en bleu est le texte alternatif qui permettra aux internautes ne disposant pas du runtime (petit moteur logiciel) macromedia flash pour exécuter le lecteur flash, d'être dirigé sur la page permettant de télécharger le plugin (logiciel).

Citez cet article

Commenter cet article

Commenter
Les messages comportant des attaques verbales contre les personnes seront supprimés. Vous pouvez renouveler le code de sécurité en appliquant un rafraîchissement à votre navigateur. Appliquer cette méthode de rafraîchissement si vous avez entré un mauvais code de sécurité.
Nom
E-mail
Site web
Titre
BBCode:
Commentaire
Code:*
	Je désire être prévenu par mail des commentaires qui suivront