David Slack - Web developer

On the bottom right of this website is a small list entitled "What I'm listening to". What it does is very simple, any time I listen to a track on my phone or PC then that track, artist, album and album cover is added to the list all linked up to listen to it on last.fm.

Read on if you want to know how to do this on your own site because it's very simple!

By the way, if you find a better way to do this or update the script to be better then comment below.

First, get yourself a last.fm account as that is what we'll be using to get the track from your place of listening to the web. Now install the software anywhere you listen to music so on your PC, phone, shoe, eye, what ever. There is a version for most things including Windows and Android.

Now get yourself an api key here

Now, to add it to Drupal:

1. Open your FTP programme (I used Dreamweaver)
2. Upload the attached file (lastfm.js) to your javascript folder (/js)

1. Log in to your Drupal site
2. Go to your admin page like example.com/admin
3. Click Blocks on the top right
4. Click the 'Add New' tab at the top
5. Under 'Imput format' select PHP code
6. Add in the code below, but change YOUR USERNAME to your last.fm username and YOUR API KEY to your api key

{syntaxhighlighter brush: as3;fontsize: 100; first-line: 1; }<script type="text/javascript" src="/js/lastfm.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('div#lastfm').lastFM({ username: 'YOUR USERNAME', apikey: 'YOUR API KEY', number: 3, artSize: 'medium', noart: 'images/noartwork.gif', onComplete: function(){ //Done } }); }); </script> <div id="lastfm"> <dl> <dt class="lfm_art"> <a href="#"></a> </dt> <dd class="lfm_song"></dd> <dd class="lfm_artist"></dd> <dd class="lfm_album"></dd> </dl> </div> {/syntaxhighlighter}