Dan Kantor

Tue, Jul 22nd
permalink

Tumblr MP3 Player

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:

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

streampad tumblr setup

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 :

8.13.09 : added support for last.fm scrobbling

5.13.09 : added full screen mode. added ability to see what others on aim buddylist are listening to in real time

3.26.09 : added ability to save listening history to aol music profile. added ability set aim status with current song.

1.28.09 : volume setting saved from session to session

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

Comments (View)

567 notes

567 notes
  1. gregbabula reblogged this from dankantor
  2. eyeoftheram reblogged this from dankantor
  3. spa reblogged this from dankantor
  4. eiffig11 reblogged this from giffie11
  5. samiamee reblogged this from dankantor
  6. juliussour reblogged this from dankantor
  7. giffie11 reblogged this from dankantor
  8. ryka reblogged this from gkojay
  9. ryka reblogged this from gkojay
  10. mnak reblogged this from gkojay
  11. gkojay reblogged this from tsupo
  12. khifzonazwar reblogged this from dankantor
  13. skylarshankman reblogged this from dankantor and added:
    bottom of this blog, then go
  14. love-you-not reblogged this from dankantor
  15. kimmietex reblogged this from dankantor
  16. amerith reblogged this from dankantor
  17. canokiid reblogged this from dankantor and added:
    This may annoy people…haha. Sometimes...I open a page. But, I’ll be a hypocrite, I like
  18. pluginchris reblogged this from dankantor and added:
    its great! I’ve even customized
  19. heartx3bound reblogged this from dankantor
  20. mundosdisponibles reblogged this from dankantor
  21. nszcz reblogged this from dankantor
  22. franzzyc reblogged this from dankantor
  23. ismalls reblogged this from dankantor
  24. concerto reblogged this from dinhhuy
  25. betweenalmostandalways reblogged this from dankantor
  26. lookalikelike reblogged this from dankantor
  27. rewbog reblogged this from dankantor
  28. syoichi reblogged this from amadeusrecord
  29. nauthez reblogged this from dankantor
  30. miotch reblogged this from dankantor
  31. amadeusrecord reblogged this from dankantor and added:
     このタンブルログのウィンドウ下に帯が表示されていることでしょう。これが tumblr
  32. onioni reblogged this from dankantor
  33. pitterpatter reblogged this from dankantor and added:
    down there. “click...play all audio posts.” yes. we love
  34. pixj reblogged this from dankantor
  35. caltd reblogged this from dankantor and added:
    A nice little addition
  36. bluewavemedia reblogged this from dankantor
  37. artistspaid reblogged this from kortina
  38. kortina reblogged this from dankantor and added:
    Love this mp3 player widget but...not love javascripts
  39. lacapsula reblogged this from dankantor
  40. lefthandz reblogged this from dankantor
  41. joejohnson reblogged this from dankantor and added:
    THIS IS AWESOME: ADD IT IMMEDIATELY!!!! (PS:
  42. r2p2 reblogged this from dankantor and added:
    What up you all. This...player. Check it. dankantor:
  43. hegs reblogged this from dankantor and added:
    http://hollrr-music.tumblr.com/
  44. madeinbrazil reblogged this from stuckino
  45. sarahmonster reblogged this from dankantor and added:
    awesome. I just got this. who’s
  46. bendelaney reblogged this from dankantor and added:
    Dan Kantor. I’ve started using this (see below if you’re...my actual page).
  47. slaphappy reblogged this from dankantor
  48. hollywang reblogged this from dankantor
  49. asakite reblogged this from dankantor
  50. wolffkrieger reblogged this from dankantor
  51. foundon reblogged this from dankantor
  52. tzetze reblogged this from 00a
  53. vietint reblogged this from rwo and added:
    Định nghịch cái css xem thế nào, chứ dùng bookmarklet thì đơn giản như đan rổ rồi, sao mình làm đúng như hướng dẫn mà...
  54. rightstaff reblogged this from 00a
  55. vietint reblogged this from 00a and added:
    Sao mình không làm được nhỉ? Ôi chài ơi là chài? Ai làm được rồi chỉ mình với? Cảm ơn nhiều
  56. 00a reblogged this from kiku and added:
    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...
  57. kiku reblogged this from takerui
  58. takerui reblogged this from dankantor
  59. mobtownlabs reblogged this from dankantor
  60. minicies reblogged this from dankantor
  61. hachikoku reblogged this from qiring
  62. browneyes reblogged this from dankantor
  63. jonathan-deamer reblogged this from dankantor and added:
    …after seeing one on Fred Wilson’s site. Sits neatly...allows easy access
  64. mybrooklynisbetter reblogged this from jennyyo and added:
    jennyo, always looking out! live and in full effect on mytumblrisbetter
  65. jennyyo reblogged this from dankantor
  66. soawesomeman reblogged this from dankantor
  67. mwmw reblogged this from yellowblog
  68. yellowblog reblogged this from dankantor
  69. foodtraveler reblogged this from dankantor
  70. brosstumble reblogged this from snooz3r and added:
    This will come in handy.
  71. snooz3r reblogged this from yooniverse
  72. yotaroh reblogged this from lomo
  73. saitamazihen reblogged this from lomo
  74. nashiko reblogged this from lomo
  75. ae35 reblogged this from dankantor
  76. michi66f reblogged this from tobsoya4 and added:
    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...
  77. twink reblogged this from benjaminhilts
  78. benjaminhilts reblogged this from tobsoya4
  79. tobsoya4 reblogged this from lomo
  80. yooniverse reblogged this from lomo
  81. ctrinco reblogged this from lomo
  82. alilbit reblogged this from lomo
  83. shukujitsu reblogged this from lomo
  84. littlepillbox reblogged this from lomo
  85. nkoz reblogged this from lomo
  86. lomo reblogged this from dankantor
  87. preslav reblogged this from dankantor
  88. sammelsurium reblogged this from dankantor and added:
    revive my tumblr again. let’t
  89. thelos reblogged this from dankantor and added:
    rage… but not against
  90. stuckino reblogged this from dankantor
  91. 41247 reblogged this from dankantor
  92. krishanu reblogged this from dankantor
  93. bmichael reblogged this from dankantor and added:
    little bit of functionality...page. Thanks dankantor! dankantor:
  94. rutawa reblogged this from dankantor
  95. davidaron reblogged this from david
  96. callmepaul reblogged this from dankantor and added:
    Something everyone should take...look at. Honestly,...blog’s...
  97. big-gregoreo reblogged this from dankantor
  98. superfuzz reblogged this from dankantor and added:
    all you non-dashboard readers (and those who occasionally make the foray onto...proper...
  99. charmlessman reblogged this from dankantor
  100. michaeldavid reblogged this from dankantor and added:
    seamlessly listen...I’ve posted without clicking...each...
  101. littlemisslibrarian reblogged this from angelacw and added:
    It is awesome. Thanks!
  102. evrt reblogged this from dankantor and added:
    really great feature. Now
  103. anglepoised reblogged this from shrinkwrapped and added:
    Just what I was thinking.
  104. whitneymcn reblogged this from daryn and added:
    True, very cool—though I, too, am still partial
  105. thetapeleader reblogged this from artistspaid
  106. commacommachameleon reblogged this from soupsoup
  107. shrinkwrapped reblogged this from david and added:
    thing we need for WoopWoop.
  108. swas reblogged this from kiyo
  109. luro reblogged this from shawnblog
  110. svartling reblogged this from dankantor and added:
    Dan Kantor’s Tumblelog
  111. cashandcarry reblogged this from daryn
  112. jermbob reblogged this from evandenlinger
  113. evandenlinger reblogged this from soupsoup and added:
    I know nothing about html, but he made this easy enough for me and it’s very cool.
  114. harax reblogged this from twink
  115. kiyo reblogged this from david
  116. davecurry reblogged this from dankantor
  117. sahil reblogged this from dankantor and added:
    this… I really
  118. kortina reblogged this from daryn and added:
    Awesome—I was playing...building something like this, but now I don’t have to!
  119. twink reblogged this from dankantor
  120. billfutreal reblogged this from dankantor
  121. sqpeg reblogged this from justojusto and added:
    Like others, I think this is pretty cool, and have gone ahead and put it on my site. Much thanks to dankantor for...
  122. theipodguru reblogged this from onemoretimewithfeeling and added:
    This is cool! Dan Kantor made a tumblelog widget that plays through all of your Audio posts. I would add this is it...
  123. thelos reblogged this from onemoretimewithfeeling
  124. onemoretimewithfeeling reblogged this from ashleystar
  125. ashleystar reblogged this from david
  126. daryn reblogged this from david and added:
    Very cool, this looks great! It also reminds me...I never posted instructions for *my* now...
  127. artistspaid reblogged this from david
  128. clrcrtq reblogged this from david
  129. ericnelson reblogged this from david
  130. michaellynton reblogged this from david
  131. rgrjnr reblogged this from david and added:
    Yes! I was just thinking over the weekend that I wish Tumblr had this option, so that your mp3 posts become a playlist,...
  132. justojusto reblogged this from dankantor
  133. cvxn reblogged this from david and added:
    Hell to the supercool, and installs in...muffuggin jiffy! Well done!
  134. britticisms reblogged this from soupsoup
  135. soupsoup reblogged this from david
  136. david reblogged this from dankantor and added:
    is cool! Dan Kantor made...tumblelog widget...plays through...
  137. foundon reblogged this from dankantor
  138. shawnblog reblogged this from billfutreal and added:
    Awesome! I just added this to http://tracks.tumblr.com/
  139. dankantor posted this
blog comments powered by Disqus