http://www.last.fm/

<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Last.fm &ndash; The Social Music Revolution</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="The world's largest social music platform. Show off your taste, see what your friends are listening to, hear new music, get personal radio, recommendations, and downloads, all for free."/>
<meta http-equiv="content-language" content="en" />
<link rel="shortcut icon" href="http://panther1.last.fm/matt/favicon.ico" />
<link rel="icon" href="http://panther1.last.fm/matt/favicon.ico" />
<link rel="icon" type="image/png" href="http://panther1.last.fm/matt/nice_favicon.png" />
<link rel="stylesheet" type="text/css" media="all" href="http://cdn.last.fm/c/9/css.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="http://cdn.last.fm/c/9/IE6.css" />
<![endif]-->
<script type="text/javascript" src="http://cdn.last.fm/jsr/20/../lib/prototype.1.4.js"></script>
<script type="text/javascript" src="http://cdn.last.fm/jsr/20/../lib/fastinit.js"></script>
<script type="text/javascript" src="http://cdn.last.fm/jsr/20/flashpreview.js"></script>
<script type="text/javascript" src="http://cdn.last.fm/jsr/20/main.js"></script>
<script type="text/javascript" src="http://cdn.last.fm/jsr/20/../lib/scriptaculous-1.5/scriptaculous.js?load=effects,dragdrop"></script>
<script type="text/javascript">

if(!window.onFlashPlayerLoad) {
    function onFlashPlayerLoad() {}
}

</script>
<!--[if IE 6]>
<script type="text/javascript" src="http://cdn.last.fm/jsr/20/ie6.js"></script>
<![endif]-->


</head><body id="LastBody" class="red homepage fixedWidth">
<div id="outerWrapper">
<div id="LastWebsite">
<div id="LastHeader">
  <div id="HeaderMenu">
    
    <a href="/" title="Last.fm Homepage" id="LastLogo"><img id="LogoImg" src="http://panther1.last.fm/depth/header2/red_logo.jpg" width="207" height="42" alt="Last.fm Logo" /></a>
    
    <ul id="navigation">
        <li id="navMusic"><a href="/explore/" accesskey="m">Music</a></li>
        <li id="navUsers"><a href="/users/" accesskey="u">Users</a></li>
        <li id="navListen"><a href="/listen/" accesskey="l">Listen</a></li>        <li id="navEvents"><a href="/events/" accesskey="c"><img src="http://panther1.last.fm/depth/icons/new.gif" alt="new" />Events</a></li>
        <li id="navCharts"><a href="/charts/" accesskey="c">Charts</a></li>
        <li id="navTools"><a href="/tools/" accesskey="t">Tools</a></li>
            </ul>
    
    <div id="idBadge">
    <a href="/join/" id="signupLink"><span><strong>Sign Up</strong> and create a profile</span></a>
</div> 

  </div>
   
  <div id="headerBottom">
        
    <div id="headerSearchbox">
        <form method="get" action="/explore/search/">
        <input class="sbox" id="searchInput" type="search" autosave="com.lastfm.searchhistory" results="5" name="q" value=" Music Search" style="color:#A0A0A0;" onfocus="searchboxClick();" />
                </form>
    </div>
    
            
    <ul>
      <li>You are not logged in &nbsp; <a href="/login/">Log in</a></li>
      <li class="last"><a href="/help/">Help</a></li>
    </ul>
        
        
  </div> 
   
</div>
<div id="main" class="mainContent">
  
    <div class="top">

    <div class="lc">
      <h1>Start Listening with Last.fm</h1>
    
      <p>
        Listen to something new. Last.fm radio learns what you like and gets better.
      </p>
      
      <form method="POST">
        <input type="text" name="favArtist" id="favArtist" value="To start, type your favourite artist" class="default" onclick="if (Element.hasClassName(this, 'default')) { Element.removeClassName(this,'default');this.value='';this.style.color='#000000'; }" />
    
        <input type="submit" id="favArtistSubmit" value="Play" onclick="var artist = $('favArtist').value; $('statusmsg').innerHTML='Looking for artists like ' + artist + '...';Element.show('statusmsg');return true;" />
      </form>
      
      <div style="margin-top:1em;height:1.3em;"><span id="statusmsg"></span></div>
    </div><!-- .lc -->
  
    <div class="rc">
    
          




<script type="text/javascript">

var currentTrack;
var currentTrackNum;
var newTrack;
var previewRequest = false;

function playPreview(previewNumber)
{

    if ($('plFlash') && !Element.visible($('plFlash'))) {
        previewRequest = previewNumber;
        return togglePlaylist();   
    }
    
    currentTrackNum = parseInt(previewNumber);
    var radio = getPlayerEl('lfmPlayer');
    radio.SetVariable("previewTrackNumber",parseInt(previewNumber));
    radio.TCallLabel("/", "HandleJSPreviewSkip");
    if(currentTrack) currentTrack.onend();
    currentTrack = getCurrentTrack();
    currentTrack.onstart();
}

function getPlayerEl(movieName) 
{
    if (window.document[movieName]) 
  {
      return window.document[movieName];
  }    
    
  if (navigator.appName.indexOf ("Microsoft") !=-1) 
  {
    return document.getElementById(movieName);
  } else 
  {
    return document[movieName];
  }
}

function getCurrentTrack()
{
    return Lastfm.resources[currentTrackNum-1];
}

function onFlashPlayerNextTrack()
{
    if(currentTrack) currentTrack.onend();
    
    if(currentTrackNum == undefined) currentTrackNum = 1;
    else if(currentTrack) currentTrackNum++;
    
    if(currentTrackNum > Lastfm.resources.length) currentTrackNum = 1; 
    currentTrack = getCurrentTrack();
    currentTrack.onstart();
}

function onFlashPlayerStopTrack()
{
    if(currentTrack) currentTrack.onend();
}

function onFlashPlayerLoad() {
    if ($('plFlash') && previewRequest) {
        playPreview(previewRequest);
        previewRequest = false;
    }
    return true;
}

</script>


<object 
    classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
    codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" 
    width="340" 
    height="103" 
    id="lfmPlayer" 
    align="middle">
<param name="allowScriptAccess" value="always" />
<param name="swLiveConnect" value="true" />
<param name="movie" value="http://cdn.last.fm/webclient/54/defaultEmbedPlayer_previews.swf" />
<param name=FlashVars value="disabled=true&lfmMode=playlist&" />    
<param name="quality" value="high" />
<param name="bgcolor" value="#FFF" />
<param name="wmode" value="transparent" /> 
<embed 
    src="http://cdn.last.fm/webclient/54/defaultEmbedPlayer_previews.swf" 
    quality="high" 
    bgcolor="#FFF" 
    width="340" 
    FlashVars = "disabled=true&lfmMode=playlist&"
    height="103" 
    wmode="transparent"
    name="lfmPlayer" 
    swLiveConnect="true"    
    align="middle" 
    allowScriptAccess="always" 
    type="application/x-shockwave-flash" 
    pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

     
    </div><!-- .rc -->
    
      
  </div><!-- .top -->
    
  <div class="twoCols clearit">
    
    <div class="lc">
            <h2 class="first" id="whosListening">“Scrobbling,” you say?</h2>
      <p style="margin-top: -1em; margin-bottom: 20px;">Click to see what all the fuss is about.</p>      <ul class="resourceListSmall">
    	      		  
 <li class="resourceListItem template1">
   
    <ul title="Male, 17, Canada">
      <li class="uAvatar">
        <a href="/user/Woodbury/?scrobbling=t1">
          <img src="http://panther1.last.fm/avatar_thumbnails/cdef04a060491bda1ee8278b14659696.jpg" alt="Woodbury" title="Male, 17, Canada" />
        </a>
      </li>
 
       <li class="uName">
         <span class="userIcon"><a href="/user/Woodbury/?scrobbling=t1">Woodbury</a></span>
                  <br />
          <small>(listening now)</small>
              </li>
      
    </ul>

  </li>
    	      		  
 <li class="resourceListItem template1">
   
    <ul title="Male, 23, Netherlands">
      <li class="uAvatar">
        <a href="/user/KEFM/?scrobbling=t1">
          <img src="http://panther1.last.fm/avatar_thumbnails/6cec5f3eb55c6d448ee279e75c2359f1.jpg" alt="KEFM" title="Male, 23, Netherlands" />
        </a>
      </li>
 
       <li class="uName">
         <span class="userIcon"><a href="/user/KEFM/?scrobbling=t1">KEFM</a></span>
                  <br />
          <small>(listening now)</small>
              </li>
      
    </ul>

  </li>
    	      		  
 <li class="resourceListItem template1">
   
    <ul title="Male, United States">
      <li class="uAvatar">
        <a href="/user/octorok/?scrobbling=t1">
          <img src="http://panther1.last.fm/avatar_thumbnails/d365ac95afa0daa55ad11e162e61c55b.jpg" alt="octorok" title="Male, United States" />
        </a>
      </li>
 
       <li class="uName">
         <span class="userIcon"><a href="/user/octorok/?scrobbling=t1">octorok</a></span>
                  <br />
          <small>(listening now)</small>
              </li>
      
    </ul>

  </li>
    	      		  
 <li class="resourceListItem template1">
   
    <ul title="Female, 19, United States">
      <li class="uAvatar">
        <a href="/user/geet2i/?scrobbling=t1">
          <img src="http://panther1.last.fm/avatar_thumbnails/b0af26a94d79060a095f6ed1807a0345.png" alt="geet2i" title="Female, 19, United States" />
        </a>
      </li>
 
       <li class="uName">
         <span class="userIcon"><a href="/user/geet2i/?scrobbling=t1">geet2i</a></span>
                  <br />
          <small>(listening now)</small>
              </li>
      
    </ul>

  </li>
    	      		  
 <li class="resourceListItem template1">
   
    <ul title="Male, Spain">
      <li class="uAvatar">
        <a href="/user/Zerbio/?scrobbling=t1">
          <img src="http://panther1.last.fm/avatar_thumbnails/6dcbd94fea63d0413cfbaf5f55b5ea99.jpg" alt="Zerbio" title="Male, Spain" />
        </a>
      </li>
 
       <li class="uName">
         <span class="subscriberIcon"><a href="/user/Zerbio/?scrobbling=t1">Zerbio</a></span>
                  <br />
          <small>(listening now)</small>
              </li>
      
    </ul>

  </li>
    	      		  
 <li class="resourceListItem template1">
   
    <ul title="Male, 16, Germany">
      <li class="uAvatar">
        <a href="/user/paan2908/?scrobbling=t1">
          <img src="http://panther1.last.fm/avatar_thumbnails/76b472619aad00a07a0a4b725b70c281.jpg" alt="paan2908" title="Male, 16, Germany" />
        </a>
      </li>
 
       <li class="uName">
         <span class="userIcon"><a href="/user/paan2908/?scrobbling=t1">paan2908</a></span>
                  <br />
          <small>(listening now)</small>
              </li>
      
    </ul>

  </li>
    	      	</ul>
    </div><!-- .lc -->

    <div class="rc">
      <div class="rule clearit">
        <p>
          <strong>Discover new artists</strong>, find out when their gigs are and invite friends. We&#8217;ve got free tracks, too.
        </p>
   
        <p id="simArtistInputs" class="clearit">
          <input type="text" id="simArtist" value="Type an artist you like" class="unfocused" onkeyup="if(event.keyCode==Event.KEY_RETURN) { homepageSimilar(); } return true;" onclick="if (Element.hasClassName(this, 'unfocused')) { Element.removeClassName(this,'unfocused');this.value=''; }" />
    
          <a class="textButton" href="" onclick="homepageSimilar(); return false"><span>Find similar artists</span></a>
        </p>
  
    
        <div id="homepageArtists" style="display:none;">
                </div>
  
        <script type="text/javascript">
        <!--
        
          function homepageSimilar() {
            var pars = 'name='+encodeURIComponent($F('simArtist'));
            $('homepageArtists').innerHTML = "<p class=\"lfmlight\">Finding similar artists…</p>";
            if (!Element.visible('homepageArtists'))
              new Effect.BlindDown($('homepageArtists'));
            var myAjax = new Ajax.Updater(
            'homepageArtists', 
            '/ajax/getsimilar/', 
            {
              method: 'get', 
              parameters: pars
            });                
          } 
        //-->
        </script>
    
      </div>
    
      <div class="rule clearit">
        <p>
          <strong>Create a profile</strong> to share your music taste with friends and listen to personalised radio.
        </p>
        <p class="clearit">
          <a class="textButton" href="/join"><span>Create your own account</span></a>
        	        	          <small><a href="http://www.last.fm/tour/">Learn more about Last.fm</a></small>
        </p>
      </div>

      <p class="chartmore">
        <strong>Labels & Artists</strong>
        <br />
        It’s free to get your music on Last.fm. <a href="/labels/">Learn how</a>.
      </p>
    
    </div><!-- .rc -->
    
  </div><!-- .twoCols -->
  
</div>
</div><!-- #outerWrapper -->

<div id="LastFooter">

    <dl id="i18n">
    <dt>Browse Last.fm in:</dt>
    <dd><a href="http://www.last.fm/?setlang=en">English</a></dd>
    <dd><a href="http://www.lastfm.de/">Deutsch</a></dd> 
    <dd><a href="http://www.lastfm.es/">Español</a></dd> 
    <dd><a href="http://www.lastfm.fr/">Français</a></dd>
    <dd><a href="http://www.lastfm.it/">Italiano</a></dd>
    <dd><a href="http://www.lastfm.pl/">Polski</a></dd>
    <dd><a href="http://www.lastfm.pt/">Português</a></dd>
    <dd><a href="http://www.lastfm.ru/">Руccкий</a></dd> 
    <dd><a href="http://www.lastfm.jp/">日本語</a></dd>
    <dd><a href="http://www.lastfm.co.kr/">한국어</a></dd>
    <dd><a href="http://cn.last.fm/">中文（简体)</a></dd>
  </dl><!-- #i18n -->
  
    
  <ul id="footerLinks" class="clearit">
        <li class="first">
          <dl>
            <dt><a href="/about/">About Us</a></dt>
            <dd><a href="/about/contact/">Contact</a></dd>
            <dd><a href="/advertise/">Advertise</a></dd>
            <dd><a href="/about/team/">Team</a></dd>
            <dd><a href="/about/moderators/">Moderators</a></dd>
            <dd><a href="/about/supportedby/">Supported by</a></dd>
            <dd><a href="/about/jobs/">Careers</a></dd>
          </dl>
        </li>
        <li>
          <dl>
            <dt><a href="/tools/">Tools</a></dt>            <dd><a href="/tools/quilts/">Quilts</a></dd>            <dd><a href="/tools/charts/">Charts</a></dd>
            <dd><a href="/tools/downloads/">Downloads</a></dd>
            <dd><a href="/tools/feeds/">Data Feeds</a></dd>
            <dd><a href="/tools/resources/">Resources</a></dd>
          </dl>
        </li>
        <li>
          <dl>
            <dt><a href="/help/">Help</a></dt>
            <dd><a href="/help/faq/">FAQ</a></dd>
            <dd><a href="/help/support/">Support</a></dd>            <dd><a href="/updates/">What’s New</a></dd>          </dl>
        </li>
        <li>
          <dl>
            <dt><a href="/charts/">Top Charts</a></dt>
            <dd><a href="/charts/music/artist/">Weekly Top Artists</a></dd>
            <dd><a href="/charts/music/track/">Weekly Top Tracks</a></dd>
            <dd><a href="/charts/music/tag/">Overall Tag Charts</a></dd>
            <dd><a href="/charts/free/">Weekly Free Downloads</a></dd>
          </dl>
        </li>        <li>
          <dl>
            <dt><a href="/forum/">Forums</a></dt>
            <dd><a href="/forum/21713/">Web Site Support</a></dd>
            <dd><a href="/forum/34905/">Last.fm Client Support</a></dd>
            <dd><a href="/forum/21717/">Feedback and Ideas</a></dd>
          </dl>
        </li>
        <li>
          <dl>
            <dt><a href="/uploadmusic/">Labels &amp; Artists</a></dt>
            <dd><a href="/join/">Create a Profile</a></dd>
            <dd><a href="http://labels.last.fm/admin/register/">Register and Upload</a></dd>
        </dl>
        </li>    </ul><!-- #footerLinks -->

  <div id="footerLogos">
    <a id="scrobblerlink" href="http://www.audioscrobbler.net/" title="Audioscrobbler: The Social Music Technology Playground">
          <img src="http://panther1.last.fm/depth/footer/audioscrobbler_logo.gif" alt="Powered by Audioscrobbler"/>
        </a>
        
                
        <p id="slogan">‘The Right Audioscrobbler at the Right Time.’</p>
        
        <p>
        &copy; 2002 &#8211; 2007 Last.fm Ltd. <span><a href="/help/privacy.php" onclick="window.open('/popups/terms/','faq','toolbar=no, location=no, directories=no, status=no,menubar=no, scrollbars=yes, resizable=yes, width=450, height=600'); return false">Privacy</a></span> <span><a href="/subscribe/">Subscribe</a></span> <span><a href="/updates/">Recent Updates</a></span>  

        </p>
    </div><!-- #footerLogos -->

</div><!-- #LastFooter -->

</div>
</body>
</html>
