Displays your latest last.fm tracks on your webpage.

lastfm_now_playing.js

// Hacky last.fm Now Playing
// by Zack Fernandes (zackfern.me) April 2013
//
// Instructions:
// - Install jQuery, if you don't have it already.
// - Create a last.fm API key and set the api_key variable.
// - Set the username variable to your last.fm username.
// - Add something with the ID of now_playing in your site.
// - Include this script and enjoy.
//
// last.fm API documentation for the method we're using:
// http://www.last.fm/api/show/user.getRecentTracks

$(function(){
  // Create a new API Key here: http://www.last.fm/api/account/create
  var api_key = '';
  // Your last.fm username. We'll use this to fetch your tracks and link to your profile.
  var username = '';
  // This is the URL of the API we're calling.
  var base_url = 'http://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user='+username+'&api_key='+api_key+'&limit=1&format=json';
  $.getJSON(base_url, function(data){
    // Check to see if we're getting an Array or Object.
    // If we're listening to something right now, the API returns the song we're currently listening to as well as the last song we listened to, which would be an Array.
    // If we aren't listening toa nything right now, the API returns the last song we listened to, which would appear to jQuery as an Object.
    if(jQuery.type(data.recenttracks.track) === 'array') {
      // Grab the first item out of the Array.
      var nowPlaying = data.recenttracks.track[0];
      var listening_text = 'Currently listening to ';
    }
    else {
      // We don't have an Array, so just return the whole Hash.
      var nowPlaying = data.recenttracks.track;
      var listening_text = 'Last listened to ';
    }
    var currentTrack = nowPlaying['name'] + ' by ' + nowPlaying['artist']['#text'];
    $('#now_playing').html('<a href="http://last.fm/user/' + username + '">'+ listening_text + currentTrack + '</a>');
  });
});