Introducing Picassong, aka Soplaya
Edit : si vous cherchez mon lecteur, allez plutôt sur cette page : Soplaya.
Edit : if you’re looking for my player, please head to the following page : Soplaya.
A peine décidé à redonner vie à Sowenga que j’étais reparti… ou presque. Je ne voulais pas reposter avant d’avoir sorti sur le net ce que j’avais dans la tête.
Voici donc le Picassong (ou Soplaya en langage d’ici), un petit lecteur de mp3 en flash codé par mes soins, qui se distingue par la capacité d’afficher la pochette de l’album, ou tout autre image qui vous passe par la tête ! C’est offert à qui en veut, je me suis bien amusé à le construire ce qui est déjà pas mal.
Il est disponible pour l’instant en deux versions :
Voici un résumé des fonctionnalités de chacun :
- Soplaya (à gauche) : 3,32ko dont lecteur + image + défilé du titre + dimension 150*180 (w*h) + affichage du temps + affichage du chargement + sélection de la position de lecture
- Soplaya-lite (à droite) : 2,85ko, sans titre + dimension 100*110 (w*h) + sélection de la position de lecture
Comment l’installer ?
Commencez par télécharger la version qui vous intéresse (clic droit, “enregistrer sous”) et uploadez le sur votre site :
Insérez ce code dans votre dans la page
<object type="application/x-shockwave-flash" data="/sous-dossier/soplaya.swf?mp3=/sous-dossier/01 - Y'a d'la vie - Les Petites Bourrettes.mp3&img=/sous-dossier/bambam.gif" width="150" height="180">
<param name="movie" value="/sous-dossier/soplaya.swf?mp3=/sous-dossier/01 - Y'a d'la vie - Les Petites Bourrettes.mp3&img=/sous-dossier/bambam.gif" />
</object>
Si vous ne l’utilisez pas sur un fond blanc, il vaut mieux rajouter la balise <param name=”bgcolor” value=”code hexadecimal de votre fond”>. N’oubliez pas le “/” en début de chemin si vous êtes sous dotclear, sinon soplaya ne s’affichera pas ailleurs que sur la page principale.
Il faut bien sûr mettre les chemins adéquats vers le lecteur, le mp3 et l’image de la couverture.
La balise “param” peut paraître redondante, mais ce n’est pas le cas : sous IE, vous ne verrez rien si elle n’y est pas.
Il est possible de paramétrer différentes choses. Les variables doivent être rajoutées à la suite du nom du swf et séparées par &.
Par exemple, pour lancer le lecteur en autorepeat infini et en vert, il faut indiquer comme data “soplaya.swf?mp3=chanson.mp3&img=image.jpg&autorepeat=yes&color=009999″
Les différents paramètres sont :
- mp3 : chemin du mp3
- img : chemin de l’image
- color : couleur en hexadecimal (FFFFFF -i.e. blanc par défaut)
- vol : volume (de 1 à 100)
- autoplay : 1 pour qu’il joue dès le chargement, 0 sinon (valeur par défaut)
- autorepeat : yes|n|0 pour répéter de façon infinie|répéter n fois|ne pas répéter (0 est la valeur par défaut)
- title : le titre est récupéré des tags id3 automatiquement (Artiste - Titre), mais on peut forcer un autre titre
A venir :
- refaire mes CSS parce que la présentation de ce texte est bof,
- je crois qu’il y a un bug avec les accents dans les noms de fichiers,
- la possibilité de skinner la chose,
- un formulaire pour pondre le code tout seul,
- un soplaya-multi avec playlist chargée via XML,
- un plugin Dotclear (surtout si je trouve un coup de main en fait).
Pour l’instant, c’est un freeware publié sous licence Creative Commons. Ca passera sûrement open source un jour, mais pour l’instant je n’ai pas fini de jouer avec, et je n’ai donc pas envie de donner mes légos
Filed under: Out of thin air on March 18th, 2006 | No Comments »