La version 0.2 est disponible ici

Mon premier mashup, je viens de passer 3 jours dessus à apprendre à me servir des API de Youtube et de Lastfm, tout en apprenant le JQuery, et ça donne ça, YouFM.

YouFM est donc un mashup des services Youtube et LastFM, commencez à taper le nom d’un artiste, le champ s’auto remplit avec les artistes LastFM les plus proches. En appuyant sur Entrée la page se charge avec la bio de l’artiste, un slideshow de photos, et une liste de chansons depuis Youtube. Toutes les informations disparaissent si vous ne touchez pas la souris pour mieux regarder les photos.

Mode d’emploi :

• Echap = Nouvelle recherche
• Espace = Play/Pause
• Flèche droite : Chanson suivante
• Flèche gauche : Chanson précedente
• Flèche haut : Augmenter le volume
• Flèche bas : baisser le volume

Télécharger le code :

youfm-v0.1 : Ce code est sous licence Creative Commons, vous pouvez trouver les modalités d’utilisation de cette license en cliquant ici :

Notes d’installation :

Vous avez besoin d’une clé d’API LastFM pour faire fonctionner ce script, vous pouvez en récupérer une ici : http://www.last.fm/api/account
Vous devez ensuite éditer le fichier js/yt.js et remplacer lastfmapikey par votre propre clé.
Il ne vous reste plus qu’à uploader l’ensemble des fichiers sur votre serveur et de lancer le tout.
Petite précision, le script ne marche pas en local pour cause de restrictions Flash et Javascript.

Vos avis :

C’est la premiere fois que je programme un truc qui affiche plus que « Hello World ! », alors ça n’est vraiment pas parfait, il doit y avoir pas mal de travail d’optimisation. Et la partie graphique a vraiment été laissée à l’abandon ! Je suis arrivé au bout de mes idées sur ce que je voulais faire, mais si vous avez des idées de fonctionalités à rajouter, j’y jetterai un coup d’oeil bien volontier :)

Tags: jquery, json, lastfm, youfm, youtube

This entry was posted on Dimanche, août 23rd, 2009 at 00:56 and is filed under Dans mes yeux, Projets. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.