Music for your Blog: Free Playlist Services
Talking about music is never as good as actually listen to it. This is even more true for blogging about music. So how can you add some music to your post?
With the RIAA's and similar group's lawyers running amok you don't want to just post some MP3s of course. This could get you into serious legal trouble.
The solution is to use an online service which does it's own deals with the music industry. This post introduces 4 free music sites which let you stream their music through an embeddable Flash player.
As an example I looked for some music that would have matched last year's post about my Skatalites concert visit.
(RSS readers might need to click through to see the embedded players)
last.fm
<html> <div style=“float: left; margin-right: 1em; margin-bottom:2em”> <style type=“text/css”>table.lfmWidgetf2edc90c889ad9930b4aab883ac099a0 td {margin:0 !important;padding:0 !important;border:0 !important;}table.lfmWidgetf2edc90c889ad9930b4aab883ac099a0 tr.lfmHead a:hover {background:url(http://cdn.last.fm/widgets/images/en/header/radio/regular_black.png) no-repeat 0 0 !important;}table.lfmWidgetf2edc90c889ad9930b4aab883ac099a0 tr.lfmEmbed object {float:left;}table.lfmWidgetf2edc90c889ad9930b4aab883ac099a0 tr.lfmFoot td.lfmConfig a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black_np.png) no-repeat 0px 0 !important;;}table.lfmWidgetf2edc90c889ad9930b4aab883ac099a0 tr.lfmFoot td.lfmView a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black_np.png) no-repeat -85px 0 !important;}table.lfmWidgetf2edc90c889ad9930b4aab883ac099a0 tr.lfmFoot td.lfmPopup a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black_np.png) no-repeat -159px 0 !important;}</style> <table class=“lfmWidgetf2edc90c889ad9930b4aab883ac099a0” cellpadding=“0” cellspacing=“0” border=“0” style=“width:184px;”><tr class=“lfmHead”><td><a title=“Music like The Skatalites” href=“http://www.last.fm/listen/artist/The%2520Skatalites/similarartists” target=“_blank” style=“display:block;overflow:hidden;height:20px;width:184px;background:url(http://cdn.last.fm/widgets/images/en/header/radio/regular_black.png) no-repeat 0 -20px;text-decoration:none;border:0;”></a></td></tr><tr class=“lfmEmbed”><td><object type=“application/x-shockwave-flash” data=“http://cdn.last.fm/widgets/radio/19.swf” codebase=“http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0” width=“184” height=“140” > <param name=“movie” value=“http://cdn.last.fm/widgets/radio/19.swf” /> <param name=“flashvars” value=“lfmMode=radio&radioURL=artist%2FThe%2520Skatalites%2Fsimilarartists&title=Music+like+The+Skatalites&theme=black&autostart=&lang=en&widget_id=f2edc90c889ad9930b4aab883ac099a0” /> <param name=“bgcolor” value=“000000” /> <param name=“quality” value=“high” /> <param name=“allowScriptAccess” value=“always” /> <param name=“allowNetworking” value=“all” /> </object></td></tr><tr class=“lfmFoot”><td style=“background:url(http://cdn.last.fm/widgets/images/footer_bg/black.png) repeat-x 0 0;text-align:right;”><table cellspacing=“0” cellpadding=“0” border=“0” style=“width:184px;”><tr><td class=“lfmConfig”><a href=“http://www.last.fm/widgets/?url=artist%2FThe%2520Skatalites%2Fsimilarartists&colour=black&size=regular&autostart=&from=code&widget=radio” title=“Get your own widget” target=“_blank” style=“display:block;overflow:hidden;width:85px;height:20px;float:right;background:url(http://cdn.last.fm/widgets/images/en/footer/black_np.png) no-repeat 0px -20px;text-decoration:none;border:0;”></a></td><td class=“lfmView” style=“width:74px;”><a href=“http://www.last.fm/” title=“Visit Last.fm” target=“_blank” style=“display:block;overflow:hidden;width:74px;height:20px;background:url(http://cdn.last.fm/widgets/images/en/footer/black_np.png) no-repeat -85px -20px;text-decoration:none;border:0;”></a></td><td class=“lfmPopup”style=“width:25px;”><a href=“http://www.last.fm/widgets/popup/?url=artist%2FThe%2520Skatalites%2Fsimilarartists&colour=black&size=regular&autostart=&from=code&widget=radio&resize=1” title=“Load this radio in a pop up” target=“_blank” style=“display:block;overflow:hidden;width:25px;height:20px;background:url(http://cdn.last.fm/widgets/images/en/footer/black_np.png) no-repeat -159px -20px;text-decoration:none;border:0;” onclick=“window.open(this.href + '&resize=0','lfm_popup','height=240,width=234,resizable=yes,scrollbars=yes'); return false;”></a></td></tr></table></td></tr></table> </div> </html>
last.fm was my first guess. Their main business is to track what you play in your desktop player and then make suggestions on music you might like, too. But they also have streaming music.
Unfortunately you can not create your own playlist. You can also not play music by just one artist. Instead it plays “neighbor radio” - songs by artists with a similar style. The player on the left will probably play only one Skatalites song and then will continue with similar Ska bands.
Not ideal but at least some related music. And last.fm exists for quite a while, they should have their base covered with the music industry.
project playlist
<html> <div style=“text-align: center; width:450px; float: left; margin-right: 1em; margin-bottom:2em”><embed style=“width:435px; visibility:visible; height:270px;” allowScriptAccess=“never” src=“http://www.myplaylist.org/mc/mp3player-othersite.swf?config=http://www.myplaylist.org/mc/config/config_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http://www.myplaylist.org/loadplaylist.php?playlist=23282461” menu=“false” quality=“high” width=“435” height=“270” name=“mp3player” wmode=“transparent” type=“application/x-shockwave-flash” pluginspage=“http://www.macromedia.com/go/getflashplayer” border=“0”/><BR><a href=http://www.myplaylist.org><img src=http://www.myplaylist.org/mc/images/create_black.jpg border=0></a><a href=http://www.myplaylist.org/standalone/23282461 target=_blank><img src=http://www.myplaylist.org/mc/images/launch_black.jpg border=0></a><a href=http://www.myplaylist.org/download/23282461><img src=http://www.myplaylist.org/mc/images/get_black.jpg border=0></a></div> </html>
Project Playlist is a service currently in beta. Their interface is really bad and it takes many, many clicks to create a playlist. Adding some AJAX would really improve the experience here. But they have quite a nice choice of available tracks.
This is not a surprise because they do not host the music them self. Instead they just index music that is provided for free on the net. How this exactly works and what they do about illegally uploaded music is described at their about page (In short: deals with major record companies and quick DMCA complies).
But keep in mind that songs may vanish from your playlist when they are no longer available at their original source.
Deezer
<html> <div style=“width:180px;height:236px;float: left; margin-right:1em; margin-bottom:2em”><object width=“180” height=“220”><param name=“movie” value=“http://www.deezer.com/embedded/widget.swf?path=3885556&lang=EN&colorBackground=0x525252&colorButtons=0xDDDDDDtextColor1=0xFFFFFFtextColor2=0xCCCCCC&autoplay=0&id=1246575”></param><embed src=“http://www.deezer.com/embedded/widget.swf?path=3885556&lang=EN&colorBackground=0x525252&colorButtons=0xDDDDDDtextColor1=0xFFFFFFtextColor2=0xCCCCCC&autoplay=0&id=1246575” type=“application/x-shockwave-flash” width=“180” height=“220”></embed></object><a href=“http://www.deezer.com” style=“border:none;margin:0;padding:0;”><img src=“http://www.deezer.com/embedded/footer.jpg” alt=“free music” title=“free music” border=“0” style=“border:none;margin:0;padding:0;” /></a></div> </html>
Deezer is a French based company. They have some deals with the music industry as well. Their interface is very slick and good looking. Unfortunately it is completely in Flash .
Even more annoying are the little bugs in their service. Eg. a search on “Skatalites” returns quite a few results. But even though I added six tracks to the playlist, the widget here does only show two. And instead of showing track titles it only displays the band name - not very useful. I also found the player needing quite some time for buffering before a song starts to play.
imeem
<html> <div style=“text-align: center; width:300px; float: left; margin-right: 1em; margin-bottom:2em”> <object width=“300” height=“290”><param name=“movie” value=“http://media.imeem.com/pl/Z5fjbJuONf/aus=false/”></param><param name=“wmode” value=“transparent”></param><param name=“FlashVars” value=“backColor=000000&primaryColor=999999&secondaryColor=4d4d4d&linkColor=666666”></param><embed src=“http://media.imeem.com/pl/Z5fjbJuONf/aus=false/” type=“application/x-shockwave-flash” width=“300” height=“290” wmode=“transparent”FlashVars=“backColor=000000&primaryColor=999999&secondaryColor=4d4d4d&linkColor=666666”></embed></object> </div> </html>
imeem is the third site I looked at. Like last.fm they do much more than just provide streaming music. But I hadn't a too deep look at that because I was interested in the playlist feature.
Their interface is much more bearable than Project Playlist's one but still not as slick as the one from deezer. They recently did a few deals with major record companies, so embedding their music should be relatively save against sudden losses.
Summary
All four services provide an easy way to add music to your blog by embedding a flash player. The colors of the player can be easily adjusted in each of these services.
Of all four imeem seems to be the one with a most usable feature set for adding customized playlists to your posts. If you just want some general music style but don't need to have a fixed set of songs, last.fm is probably the best and most reliable choice.
Do you know of any similar services? What do you use when you want to add music to one of your posts?