Tumblr MP3 Player

dankantor:

Anyone that knows me knows that the first thing I do with new technology is figure out how to make it play music. So it makes sense that a week-or-so in to my Tumblr blog, I would create an mp3 player for it. So here is my first stab at it. You can see it in action at the bottom of this blog.

To include it on your page, follow these directions:

1. Go to your Dashboard
2. Click Customize
3. Click Theme
4. Enable Custom HTML
5. Copy the script code below:

<script type="text/javascript" src="http://o.aolcdn.com/art/merge?f=/_media/sp/sp-player.js&f=/_media/sp/sp-player-tumblr.js&expsec=86400&ver=9"></script>

6. Paste it before the closing head tag, like so:

7. Click “Save Changes”

That’s it! This will enable visitors to play back all your posts in most recent order. They can skip ahead, pause, and click on the link to go directly to the post page.

Please leave any feedback in the comments section. Thanks!

UPDATE : Added a bookmarklet version

UPDATE : Hack the player by passing parameters to it. Check out the hacks here. I’ll document all hacks in that post.

Changelog :

1.23.09 : added automatic metadata detection to display artist, album, track and cover art

1.14.09 : added volume control

12.16.08 : added pop-out player, playlist drawer, integration with AOL Music

10.23.08 : added autoplay param. Put autoplay=true and the player will start playing when the page opens

9.23.08 : Added new params - clicktext, bgcolor, poweredbycolor, trackcolor, progressfrontcolor, progressbackcolor and clickimg. Clicking on progress bar skips to that point in the song. Last 20 songs are kept in history at streampad.com

7.31.08 : pass api parameter to the player to tell it where the Tumblr blog is. Useful to put the player on other pages or blogs and point back to your tumblr blog.

7.28.08 : fixed bug where clicking on ‘powered by STREAMPAD’ would start playing songs