Sowenga's notebook

Voilà au moins une résolution de réalisée : Soplaya est disponible à qui n’en veut, pour plein de versions différentes, et c’est disponible sur un mini site dédié.

Ouais, faut que j’arrête avec les teasers, mais j’essaie de pondre un mini site, alors ça prend du temps.
< ![ endif]-->

La bonne nouvelle, c’est que le code qui insère ce lecteur est maintenant “Valid XHTML 1.0 Strict!”. Ooh yeah.

Voilà la version “all in one”. Encore quelques petits bugs à corriger, et on est bons pour les présentations des différentes versions

Pour mon plus grand étonnement, il semblerait que ce lecteur intéresse du monde. Ceci m’a rappelé que je n’en avais pas fini avec Soplaya ! Je me suis remis à l’ouvrage, et voilà un aperçu de la prochaine version.

Au programme : plusieurs versions, des commandes cachées, un mode multi via xml, plus de place pour le titre et la barre de défilement… tout ça restant léger ! Il me reste à peaufiner les versions, à trouver un code html qui sont valide pour intégrer la chose, et à pondre une jolie page de présentation. Tout ceci est en cours, mais n’aboutira pas avant la fin du WE !

Pour ceux que cela intéresse, les deux premiers extraits viennent de là et de là

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 :

• Soplaya
• Soplaya-lite

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

Visiblement, ça à l’air d’intéresser pas mal de monde, alors j’en ai profité pour compléter un peu les deux guides :

• Télécharger par FTP pour les nuls,
• Installe ton serveur FTP pour les nuls.

Pour faire suite au précédent guide d’installation d’un serveur FTP, voici quelques explications pour ceux qui ne sauraient pas se connecter à un serveur ftp. La plupart des navigateurs (IE, Firefox) gèrent ça, mais de manière plus ou moins efficace et rien ne vaut un vrai logiciel dédié à cet effet : un client FTP. L’avantage principal est qu’il est possible de reprendre le cours d’un transfert (utile lorsque le serveur a été éteint alors qu’on avait pas fini de télécharger le fichier !).

J’ai pris le parti d’expliquer comment utiliser Filezilla parce qu’il est simple d’utilisation, efficace, gratuit et que c’est celui que j’utilise ! Il faut le récupérer sur le site des développeurs.