Utiliser le lecteur audio disponible du visiteur et jouer plusieurs musiques
Sélectionne le lecteur multimédia approprié et permet de changer le fichier lu (depuis un lien).
L'ordre de choix des lecteurs est le suivant : Quicktime, Windows Media Player, Realplayer.
FICHIER: audioplay.js / aplay.zip
VERSION : 1.0 - 2005 - francisek.over-blog.com
- Téléchargez et décompressez le fichier aplay.zip
- Editez le fichier audioplay.js (faites le glisser sur une fenêtre du bloc-notes par exemple), et placez-vous en fin de fichier (juste avant la ligne //-->).
- Pour définir le lecteur à créer, modifiez les lignes
var id_du_conteneur = new MultimediaPlayer( 'id_du_conteneur','url_du_fichier.mp3','type_mime');
id_du_conteneur.AjoutePiste('url_du_fichier1.mp3', 'type_mime1', 'titre de la piste');
id_du_conteneur.CreeLecteur();
avec
id_du_conteneur : id du conteneur DIV qui recevra le lecteur
url_du_fichier.mp3 : adresse du fichier à lire
type_mime : type mime du fichier (audio/mpeg pour le mp3)
Par exemple:
var monLecteur = new MultimediaPlayer('monLecteur', , 'audio/mpeg');La ligne monLecteur.AjoutePiste('/lib/1/5/1851/files/verdi-requiem.mp3', 'audio/mpeg', 'Titre de la piste'); permet d'ajouter automatiquement des liens vers d'autres pistes à jouer dans le lecteur. Elle est optionnelle et vous pouvez la supprimer si la fonctionnalité ne vous intéresse pas. Le troisème paramètre permet de définir le titre du lien qui sera affiché.
monLecteur.AjoutePiste( , 'audio/mpeg', 'Titre de la piste');
monLecteur.CreeLecteur();
Le contenu du DIV conteneur sera entièrement remplacé. - Sauvegardez le fichier audioplayer.js (attention, le bloc-note rajoute l'extention .txt, supprimez cette extension ou choisissez Enregistrer sous... puis Tous les fichiers).
- Mettez en ligne le fichier audioplayer.js sur votre blog (dans Mes fichiers).
- Placez les lignes suivantes dans votre blog (dans un texte libre, l'entête ou le pied de page) en mode HTML:
<div ID='id_du_conteneur'> </div>
<script type='text/javascript'
</script>
Vous pouvez redéfinir le style des liens pour changer de musique en ajoutant dans votre CSS la ligne suivante :
.PlayerList a {}
Si vous souhaitez que le lecteur n'apparaisse pas, ajoutez cette ligne dans votre CSS (en remplaçant id_du_conteneur par celui que vous aurez défini :
#FSKOPlayer_id_du_conteneur {display: none}
Vous pouvez changer la taille du lecteur en ajoutant ces lignes dans audioplay.js :
id_du_conteneur._width = nouvelle_largeur;
id_du_conteneur._height = nouvelle_hauteur;
La largeur par défaut est de 175px et la hauteur de 30px (ne descendez pas en dessous de 30px).
Vous pouvez définir si la lecture débute automatiquement (par défaut) ou non en ajoutant dans audioplay.js :
id_du_conteneur.AutoStart(true); ou id_du_conteneur.AutoStart(false);
Vous pouvez définir si la lecture se fait en boucle ou non (par défaut) en ajoutant dans audioplay.js :
id_du_conteneur.Boucle(true); ou id_du_conteneur.Boucle(false);