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

Accès à la propriété stage e... Customiser le bouton Retour ... Comment corriger une erreur ... Perspectives d'emploi encour... Présentation de CoffeeScript... Cibler un élément DOM d'aprè... Lancer une application au dé... Premiers pas en Objective-C... embedFonts et styleSheet - I... Automatiser vos META avec le...

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