player mp3 lecteur flash | Lecteur MP3

Home

Web

AS3

Lecteur MP3 - SylPlayer

Mardi, 10 Mai 2011 00:52

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

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 :

Télécharger Lecteur MP3 Sylplayer v1.0 (120 téléchargements)

Tags: