Last.fm provides an awesome service called scrobbling. Using provided software, every time you listen to music from a variety of different sources, data about your listening is logged or 'scrobbled' to the cloud. jQuery.last.fm usess their REST api to leverage that data.
Currently, the primary functionality is to take the most listened to albums by a user over an arbitrary ammount of time, and show artwork in a grid as below. jQuery.last.fm can be configured to show details about the users' listening of that album on hover, or on click.
Heavy inspiration drawn from rdio tiles, written by a co-worker. You can check out a demo on his home page.
Fork me on github!
Drop lfm.css and jquery.last.fm.js in your project, call the line below and you are good to go. It's that simple!
$('.albums').lfm({
APIkey: 'fooKey',
User: 'barUser',
Behavior: "hover", //or click
limit: 20, // 1 album - 50 albums
period: "3month" //overall|7day|1month|3month|6month|12month
});
I think scrobbling is pretty great, and being able to pull that data out with an api is super powerful. I love the idea of sharing the music I love with friends in a beautiful way. If you share this passion, fork me on github, and send a pull request! Let's build a library of easy to use jQuery functions to visualize our last.fm data!