geek space web solutions

Lecteur MP3 - SylPlayer

Mardi, 10 Mai 2011 00:52
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

 

Ajouter un Commentaire


Code de sécurité
Rafraîchir

Sections

Éditeur de fichier XML en ligne


"XML Manager" est un éditeur sécurisé permettant d'administrer en ligne un fichier XML.
Il fournit des fonctions avancées de recadrage et de redimensionnement des images...

Sondages

Pensez-vous que le HTML5 puisse complètement remplacer Flash ?
 
Seriez-vous intéressé par un éditeur d'XML en ligne ?
 

Paypal

paypal

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