geek space web solutions

Lecteur MP3 - SylPlayer

Tuesday, 10 May 2011 00:52
There are no translations available.

mp3 player play btn 65px
Pour un site Full-flash que je suis en train de réaliser, je voulais ajouter un petit lecteur mp3. Et comme on n'est jamais mieux servi que par soi-même (vous connaissez le dicton), j'ai développé mon propre lecteur mp3. J'ai fait en sorte qu'il puisse être autonome et customisable.


Fonctions principales
1 - Bouton Lecture
2 - Bouton Pause
3 - Boutons suivant et précédent
     (n'apparaissent que si il y a plusieurs mp3 à lire...)
3 - Barre de navigation
4 - Barre de volume
5 - Barre de progression du téléchargement
6 - Titre du mp3 tiré des tags ID3
7 - Temps écoulé
8 - Pré-chargement du premier morceau
8 - Auto démarrage du premier morceau

Streaming
Le lecteur fonctionne en streaming, pas besoin d'attendre la fin du chargement pour commencer à lire le mp3.

Poids léger
Le fichier swf ne pèse pas lourd, il pèse seulement 12 ko.

Dimensions
Largeur/width : 230px
Hauteur/height : 45px

casque 7506 sony

Ci-dessous vous pouvez tester les différentes combinaisons de couleurs afin que le lecteur corresponde au mieux à votre charte graphique.

Lecteur Mp3 Flash Sylplayer - Emplacement pour l'objet Flash


Intégration
Ci-dessous : Exemple d'intégration du lecteur mp3 sur votre page, bien sûr il existe de nombreuses manières d'intégrer un fichier swf sur votre page...
<object data="sylplayer/sylplayer.swf" type="application/x-shockwave-flash" width="230" height="50">
<param name="quality" value="high">
<param name="movie" value="sylplayer/sylplayer.swf">
<param name="flashvars" value="pre_url=sylplayer">
<param name="wmode" value="transparent">
</object>

Fichier XML

Le lecteur fonctionne exclusivement avec un fichier XML !

Le nom du fichier XML est mp3config.xml ! Vous ne devez pas changer son nom !

Ci-dessous, un exemple du fichier XML :
<root>
<!-- Les MP3 -->
<sound artiste="Démo" titre="Sly Tell" >mp3/Sly-Sly_Tell.mp3</sound>
<sound artiste="Démo" titre="Overdose" >mp3/Sly-Overdose.mp3</sound>

<auto_play>false</auto_play>
<enable_preloading_first_track>true</enable_preloading_first_track>
<volume_de_depart>50</volume_de_depart>

<!-- les Couleurs -->
<main_color>0x005aaa</main_color>
<text_color>0x005aaa</text_color>
<volume_color>0x005aaa</volume_color>
<loading_color>0x000000</loading_color>
<bg_loading_color>0x888888</bg_loading_color>
<cursor_color>0xFFFFFF</cursor_color>
</root>
Vous pouvez voir dans le fichier XML qu'il est possible de définir un volume de départ, d'activer le pré-chargement et la lecture automatique du premier morceau.

Variable pre_url
Si le fichier XML est introuvable, vous devrez préciser le chemin vers le fichier XML nommé mp3config.xml, en définissant la variable pre_url comme dans l'exemple d'intégration ci-dessus... Cette variable est obligatoire seulement si le fichier mp3config.xml se trouve dans un autre répertoire... La variable pre_url est utilisée également pour les chemins des fichiers mp3...


Encouragez-nous à développer de nouvelles applications en faisant un don :

paypal

 

Add comment


Security code
Refresh

Sections

Online XML Editor

xml manager online editor

"XML Manager" is a efficient online editor that lets you handle xml file in a visual and intuitive way.
Advanced functions allow to upload, crop and resize pictures...

Last articles

Afficher un Plane Papervisio... position:absolute with ie6 d... Node.js Introduction et Inst... Placer un DisplayObject en p... MorfeoShow : Choses à savoir... Lecteur MP3 - SylPlayer... Activer le mode galerie de S... Javascript et Flash avec Ext... Utiliser l'opacité d'un masq... Undefined property suite à u...

Sondages

Do you think HTML5 can completely replace Flash ?
 
Would you be interested in an online XML editor ?
 

Paypal

paypal

Code du plugin Joomla AutoSEO 1.2 par www.geek-space.fr