"dAyS" - 66f RSS

Archive

Sep
1st
Mon
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:

<mce:script type=”text/javascript” src=”http://static.streampad.com/streampad-tumblr.js” mce_src=”http://static.streampad.com/streampad-tumblr.js”></mce:script>

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 :

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

  1. love-you-not reblogged this from dankantor
  2. kimmietex reblogged this from dankantor
  3. amerith reblogged this from dankantor
  4. 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
  5. mrbenzedrine91 reblogged this from dankantor and added:
    its great! I’ve even customized
  6. vincentay reblogged this from dankantor
  7. mundosdisponibles reblogged this from dankantor
  8. nszcz reblogged this from dankantor
  9. franzzyc reblogged this from dankantor
  10. ismalls reblogged this from dankantor
  11. tscp reblogged this from dankantor
  12. concerto reblogged this from dinhhuy
  13. betweenalmostandalways reblogged this from dankantor
  14. lookalikelike reblogged this from dankantor
  15. rewbog reblogged this from dankantor
  16. syoichi reblogged this from amadeusrecord
  17. nauthez reblogged this from dankantor
  18. saitamanodoruji reblogged this from vexation-deactivated20090704
  19. dinhhuy reblogged this from vexation-deactivated20090704
  20. miotch reblogged this from dankantor
  21. amadeusrecord reblogged this from dankantor and added:
     このタンブルログのウィンドウ下に帯が表示されていることでしょう。これが tumblr
  22. onioni reblogged this from dankantor
  23. pitterpatter reblogged this from dankantor and added:
    down there. “click...play all audio posts.” yes. we love
  24. kikoz reblogged this from dankantor
  25. caltd reblogged this from dankantor and added:
    A nice little addition
  26. bluewavemedia reblogged this from dankantor
  27. artistspaid reblogged this from kortina
  28. kortina reblogged this from dankantor and added:
    Love this mp3 player widget but...not love javascripts
  29. lacapsula reblogged this from dankantor
  30. lefthandz reblogged this from dankantor
  31. joejohnson reblogged this from dankantor and added:
    THIS IS AWESOME: ADD IT IMMEDIATELY!!!! (PS:
  32. r2p2 reblogged this from dankantor and added:
    What up you all. This...player. Check it. dankantor:
  33. hegs reblogged this from dankantor and added:
    http://hollrr-music.tumblr.com/
  34. madeinbrazil reblogged this from stuckino
  35. stuckino reblogged this from everybodycares-deactivated20090
  36. pourquoi-pas reblogged this from everybodycares-deactivated20090 and added:
    I will now post a song a day. (pressure!!)
  37. sarahmonster reblogged this from dankantor and added:
    awesome. I just got this. who’s
  38. bendelaney reblogged this from dankantor and added:
    Dan Kantor. I’ve started using this (see below if you’re...my actual page).
  39. slaphappy reblogged this from dankantor
  40. hollywang reblogged this from dankantor
  41. asakite reblogged this from dankantor
  42. wolffkrieger reblogged this from dankantor
  43. foundon reblogged this from dankantor
  44. tzetze reblogged this from 00a
  45. 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à...
  46. rightstaff reblogged this from 00a
  47. 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
  48. 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...
  49. kiku reblogged this from takerui
  50. takerui reblogged this from dankantor
  51. mobtownlabs reblogged this from dankantor
  52. minicies reblogged this from dankantor
  53. hachikoku reblogged this from qiring
  54. qiring reblogged this from taizooo
  55. 00a reblogged this from veadar 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...
  56. tsupo reblogged this from veadar
  57. konishiroku reblogged this from taizooo
  58. veadar reblogged this from taizooo
  59. toratorazero reblogged this from taizooo
  60. browneyes reblogged this from dankantor
  61. shake4me reblogged this from taizooo
  62. taizooo reblogged this from dankantor and added:
    9.23.08 : Added new params - clicktext, bgcolor, poweredbycolor, trackcolor, progressfrontcolor, progressbackcolor and...
  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. shawnblog reblogged this from billfutreal and added:
    Awesome! I just added this to http://tracks.tumblr.com/
  121. billfutreal reblogged this from dankantor
  122. 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...
  123. 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...
  124. thelos reblogged this from onemoretimewithfeeling
  125. onemoretimewithfeeling reblogged this from ashleystar
  126. ashleystar reblogged this from david
  127. littleorphanammo reblogged this from noredshoes-deactivated20090419
  128. daryn reblogged this from david and added:
    Very cool, this looks great! It also reminds me...I never posted instructions for *my* now...
  129. artistspaid reblogged this from david
  130. angelacw reblogged this from toddwickersty and added:
    absolutely awesome!
  131. clrcrtq reblogged this from david
  132. ericnelson reblogged this from david
  133. lynt reblogged this from david
  134. 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,...
  135. justojusto reblogged this from dankantor
  136. cvxn reblogged this from david and added:
    Hell to the supercool, and installs in...muffuggin jiffy! Well done!
  137. britticisms reblogged this from soupsoup
  138. soupsoup reblogged this from david
  139. david reblogged this from dankantor and added:
    is cool! Dan Kantor made...tumblelog widget...plays through...
  140. toddwickersty reblogged this from dankantor and added:
    is absolutely fantastic. Thanks Dan!
  141. foundon reblogged this from dankantor
  142. dankantor posted this