DISQUS

Dan Kantor: Tumblr MP3 Player Hacks

  • toomanyfiles · 1 year ago
    Hi Dan, i know very little about editing html, i put Streampad in my Tumblr but i wanna put the player in Autoplay, can you tell me how to do this please?

    autoplay=true ..................WHERE?

    Thanks
  • j · 11 months ago
    hey, took me 4ever also but i got it. its says it at the top.

    To accomplish this, pass in any of the parameters below on the end of the javascript src.

    ex. src=”http://static.streampad.com/streampad-tumblr.js?api=blog.dankantor.com&trackcolor=ffffff&bgcolor=000000”

    ADD A ? AFTER JS THEN THE CODE AUTOPLAY=TRUE. IT SHOULD BE BETWEEN THE ? AND ". LIKE THIS

    <script type="text/javascript" src="http://static.streampad.com/streampad-tumblr.js?autoplay=true"></script>

    AND THAT GOES 4 ALL THE CODES
  • Joe Lazarus · 1 year ago
    Cool. Are there any other secret parameters other than the "api" one?
  • Johny · 1 year ago
    there are many more, just digg more into them
  • Dan Kantor · 1 year ago
    Not yet. I'll add them here when there are. The next one I am thinking about is to change the text that says "Click to play all audio posts" since I noticed a few ppl changed that themselves.
  • Joe Lazarus · 1 year ago
    Great. That's the first one that I thought of too. It would also be cool to be able to specify a background color or image with a parameter. I figured out how to do that, but it was kind of tricky since I don't know CSS.

    I really like the player. Thanks again for creating it and sharing the code with all of us.
  • daryn · 1 year ago
    This parameter officially takes this player from cool to awesome :)
  • Dan Kantor · 1 year ago
    Thanks Daryn!
  • sds · 1 year ago
    Is there a way to add more than one parameter? i.e. I've got two tumblrs, and I want streampad to pull from both of them.
  • Dan Kantor · 1 year ago
    At this point the widget cannot do that. It's a cool suggestion. I'll look into it. Thanks.
  • kart013 · 1 year ago
    So how do you really change the ""Click to play all audio posts" text?
    Thanks :)

    This application rocks!

    :)
  • Dan Kantor · 1 year ago
    You can now do this. clicktext=put%20whatever%20you%20want
  • pablofamoso · 1 year ago
    but where does this go? i'm trying to put it where i have the rest of my Streampad CSS stuff but it doesn't seem to be responding.
  • Dan Kantor · 1 year ago
    These all go on the end of the javascript url. Go back into Themes and find where you added the javascript. Then just add any params to the end like - streampad-tumblr.js?trackcolor=ffffff&bgcolor=000000
  • johnnabrynn · 11 months ago
    i've tried and tried. sorry i'm not css savvy.
    i did this:

    <script type="text/javascript" src="http://static.streampad.com/streampad-tumblr.js">
    clicktext=put%20Click%20for%20Music
    </script>
  • Natasha · 1 year ago
    Is there any way we can modify the player so that it's more discreet? I LOVE it with all my heart, but a solid gray line at the end of my page kinda throws it all off. Can we make it semi-transparent ala Mac-OS X style perhaps?
  • Dan Kantor · 1 year ago
    Yes, you can modify the CSS any way you like. Have a look at http://tuneage.tumblr.com/. You can do something like:

    div#streampadBottomBar {
    background-color:#000 !important;
    background-image: none !important;
    font-family:Helvetica !important;
    border-top: 2px solid #00adef;
    opacity: 0.85;
    }
  • pablofamoso · 1 year ago
    yeah but where does this go?
  • pablofamoso · 1 year ago
    wait, never mind! a little common sense helped me figure it out! :)
  • johnnabrynn · 11 months ago
    where?
  • Ben (of BenandJacq) · 4 months ago
    I second that, where does it go?
  • Dan Kantor · 4 months ago
    You can put it in the head of the html. If you already have some css there, just put it underneath it. If not, put <style type="text/css"> put it here... </style>
  • Iboong · 1 year ago
    Awesome!
  • Iboong · 1 year ago
    Color of "Plays : 242" doesnt change from white?
  • Dan Kantor · 1 year ago
    Missed that one. I'll add that tomorrow. Thanks for catching it.
  • Iboong · 1 year ago
    How to customize color for buttons?
  • Dan Kantor · 1 year ago
    I'm hoping to upload a bunch of button colors. Will post here when that happens.
  • Iboong · 1 year ago
    Nice, THank You!
  • Iboong · 1 year ago
  • Eric · 1 year ago
    Yeah.... why did the bookmarklet stop working?
  • Dan Kantor · 1 year ago
    Sorry, the latest update broke the bookmarklet. You'll have to delete the old one and grab the new one here - http://blog.dankantor.com/post/43296426/tumblr-...

    Sorry about that.
  • miss_om · 1 year ago
    Thank you!

    My extreme gratitude is expressed through my being so uncharacteristically lost for words.

    Wonderful. Thank you.

    And thank you for such an easy-to-follow html guide!!!! Now please advise on how to do my whole tumblog? haha

    Again, so many thanks.
  • SatChitAnanda · 1 year ago
    is it possible to do two parameters in my html? i am new, i have changed it to black background, in addition, i would like to use the # 8 method, clicking. what do i do, do i add that behind my first parameters? i am really lost. please kindly help. thanks
  • Dan Kantor · 1 year ago
    you could put the parameters in html. Inside a script tag, put streampadPlayer.params.PARAM = OPTION;
  • SatChitAnanda · 1 year ago
    never mind, i figured it all out. thanks!!! i was confused at first but looking through it and reading it over and over has solved the problems!
  • SatChitAnanda · 1 year ago
    thank you so much for everything!!!
  • color_chart · 1 year ago
    well i never knew that... great information sharing thank you
  • imunderpressure · 1 year ago
    Thanks Dan. Great product. I always enjoy a little bit of added control.
  • Paolo · 1 year ago
    I think this is really a great feature. The only problem I see is the impact that this bar may have on the overall layout of my blog. Would it be possible to let the user choose if and when to activate/deactivate the script?
  • Santiago Pochat · 1 year ago
    Thanks Dan for the awesome player!
  • jenrobinson · 1 year ago
    I just installed StreamPad on my WP blog using the API parameter. Awesome! Thanks again, Dan!
  • Dan Kantor · 1 year ago
    That's awesome Jen. Post the link!
  • jenrobinson · 1 year ago
    Here you go! http://jenrobinson.fm Loving it. Looks awesome and works great.
  • Dan Kantor · 1 year ago
    great blog! I just subscribed.
  • joseph sunga · 1 year ago
    this is awesome. thanks a lot for doing this. works like a gem!
  • Patrick · 11 months ago
    Great player. Do you have any plans to make this useable on non-tumblr blogs? I'm using your Streampad widget on my Wordpress blog but this code is much cooler and easier to use. I'd love to try it on Wordpress too.

    Thanks.
  • Dan Kantor · 11 months ago
    Absolutely! Wordpress support coming soon. Would you like to beta test when it's ready?
  • Patrick · 11 months ago
    I would be happy to beta test it. Just send me an email - kidchicago // gee male dot c.
  • Patrick · 11 months ago
    Dan, is there a way with the streampad widget to include multiple URLS in the "list"? I have a URL with multiple pages and would like to include each page's mp3 links in the player.
  • Dan Kantor · 11 months ago
    At this point there is not. But for the new widget (bottombar), it will find any music you link to on any page within your blog.

    I'll contact you soon about the wp plugin. Prob next week. Thanks!
  • nhbckwth · 11 months ago
    ah i figured out how
  • Patrick · 11 months ago
    You figured out how to do what I asked or something else?
  • nhbckwth · 11 months ago
    oh no something else
  • Thom Graves · 11 months ago
    How do I alter the font for the text once you've clicked "play all audio posts". Using the CSS code you provided I managed to change the font for the "play all audio posts" section but when I click play the song info is in helvetica which I don't want.
  • Dan Kantor · 11 months ago
    try this in css:

    a#streampadAudioCaption {
    font-family: courier new !important;
    }
  • blacktale · 11 months ago
    thanks,it work so good
  • stacyanne · 11 months ago
    is there anyway to change the transparency? i love the dot-texture detail but just want the whole player to be a little more transparent. loooove this!!
  • Michael Mayes · 11 months ago
    Dan - if i upload a bunch of tunes to my site (non tumblr), can i still use the api hack to point to my site and get the player to work (ie, i want to uploads a couple hundred tunes w/o using tumblr upload, and point to the directory on my site where I put the tunes) thx! love it so far!
  • Dan Kantor · 11 months ago
    At this point, there is no way to do that. The api hack is to point from a non tumblr page to tumblr.

    I see that you are on Wordpress. We do have a Wordpress plugin coming soon that can probably do what you want.
  • Patrick · 11 months ago
    Hey Dan, don't forget to drop me a line when your ready to beta test the wordpress plugin.

    Thanks

    kidchicago ///at/ gmail
  • Michael Mayes · 11 months ago
    Awesome - I'm in to test the WP plugin when ready -- mm [at] circaviso [dot] com
  • information on bulimia · 11 months ago
    nice article! nice site. you're in my rss feed now ;-)
    keep it up
  • Mike Dimond · 11 months ago
    Another "I'm in" for the Plugin~ :)
  • Andrew · 11 months ago
    Is there a way to cut track titles off at a line break? I'd like to add blurbs to audio posts without the track titles getting lost in an excerpt.
  • Paloma · 11 months ago
    Hi Dan,
    your streampad is great.
    although when i pass the parameters to edit it, it will not load my audio.

    thanks.
  • D. · 11 months ago
    can u align the page aty the top of your blog?
  • Dan Kantor · 11 months ago
    sorry can't do that. I was going to look into that at one point, but since
    the drawer and volume control open above it makes it very hard.
  • Chris TLS · 10 months ago
    Hi Dan,
    unbelievable player this, it's outstanding behaviour so 10 points to you! The only thing i wanted to know is I've got a song (Which my band has written) called Life's A Movie on our playlist, but unfortunately there's another artists image in place of the blank image? Is there anyway I can a) delete this image, and b) maybe put our CD image on there (although the CD isn't yet available on itunes etc...) , again, fantastic work!
  • mari · 10 months ago
    how do i add the music
  • mari · 10 months ago
    other then getting the url for the song what is the code? and do i just put the new song code under the media player code?
  • Dana · 10 months ago
    Dan, Thanks this is fabulous!

    When I open the playlist or pop-out, the song titles show for an instant, then I get what looks like a line of random characters or code instead of the title followed by the plead. When I mouse over the line on the playlist, I get the correct title in the floating box, but can't seem to figure out how to get the titles to show in the playlist.

    Perhaps I've not properly labeled my audiofiles on upload? Any advice would be greatly appreciated!
  • Gee Barger · 10 months ago
    What happens if you delete a post? How can i get Streampad to remove the track from it's listing?
  • Dan Kantor · 10 months ago
    That should happen automatically.
  • edythe · 10 months ago
    thank you so much. this is so nice. :)
  • wescky · 10 months ago
    Thanks so much, great feature. Check out my customized streampad:
    http://wakeradio.tumblr.com/
  • Dan Kantor · 10 months ago
    looks very nice! Thanks for posting.
  • inthegutter · 10 months ago
    Hi, great little gadget here (although I need to actually upload some music) is there a way to make it smaller? I've got a rather large banner so the top of the main content is partly covered by the player at the bottom. (inthegutter.tumblr.com) I'd mess myself but I'm not sure what to do to add css/extra parameters to it.
    Thanks.
  • Carly · 9 months ago
    lboong:
    what did you use for code to make the buttons negative?
  • jaymediane · 9 months ago
    What a great tool Dan! It was easy to integrate, works flawlessly (except os x doesn't seem to like the autoplay function and relaunches safari periodically), and the parameters were easy additions.

    A question for you or anyone who can provide a solution: I am using a opacity of .25 on a #fff background with #000 text, which works great but the controls and buttons are only viewable when hovering. I really like the look of them with the hover - is there anyway to make this effect the status quo? I didn't see this as one of the parameter options.

    http://jaymediane.tumblr.com

    Thanks in advance for the help.
  • violetjchang · 9 months ago
    thanks for sharing the streampad with us dan! :)
  • Kyle · 9 months ago
    how can i remove the play count? ive tried &showplaycount=false and have tried changing the color of the text and nothings worked.
  • Dan Kantor · 9 months ago
    sorry that is currently not an option. I will look into adding it though...
  • Rich · 9 months ago
    do you think there's a way to have a link in the post -- when you click on it, it plays in your player instead? i dont like having the tumblr player AND your player NOT linked at the same time to have several songs being able to play at once..

    .. not to gank another site, but almost to mimic the player on hypem.com where if you hit play within the individual post, it plays in your player at the bottom?
  • Dan Kantor · 9 months ago
    Its a good idea Rich. I am not 100% sure if we can pull it off but I will definitely look into it.
  • auralescape · 8 months ago
    do you think its possible to get the streampad to feed into individual analytics feeds so we can get info on each song people played?
  • Dan Kantor · 8 months ago
    Right now Streampad collects data if the listener logs in. We are working on charts for each site - top songs and artists.

    Also working on documenting javascript events so you could collect this yourself.

    Stay tuned!
  • Adam Haider · 9 months ago
    How can you change the colour of the control buttons?
  • Aileen · 8 months ago
    This is awesome!
  • Gifts and Bones Audio Book · 8 months ago
    Awesome !
    Thanks. : )
  • Ecommerce Web Design · 8 months ago
    I figured out how to do that, but it was kind of tricky since I don't know CSS.The next one I am thinking about is to change the text that says
  • josh · 8 months ago
    Hey, very cool streampad. Is there anyway that you know of to post mp3's onto tumblr so that people can download them, like you can do on blogs or anywhere else on the web. Thanks
  • david · 6 months ago
    You can do that by editing your theme's code (specifically the part for audio posts) to include a download link for all externally-hosted mp3's. There are documents about it here.

    Here's an example of how it looks on my Tumblr.

    The code looks something like this:

    From your dashboard, click "Customize"/Theme/Use Custom HTML".

    Then, look for the part of the code that says: <div class="audio"> and then has your audio player, which looks something like this: {AudioPlayerblack}.

    Note that It might not say "black" - it might say "AudioPlayerWhite" or "AudioPlayerGray" - and that's not important. What's important is that you add the following code right AFTER the "{AudioPlayerINSERT COLOR HERE}. The code to be inserted is:

    {block:ExternalAudio}, Get this song{/block:ExternalAudio}

    That should do it. If you click "update preview", save your changes, and visit your site, you should see the words "download" right after your audio post. To get the song via the link, right click and "save as."

    Finished, it should look something like this:

    <div class="audio"> {AudioPlayerblack} {block:ExternalAudio}, (change this to whatever you want it to say){/block:ExternalAudio}

    You can change what how the link appears on your page (on my page it says "download"), by changing the term inside the "a" tag above.

    Also, there's a helpful Firefox add-on that makes every audio post you view in the Firefox browser downloadable. You can check that out <http://bjornstar.com/post/41662530/tumtaster-so...>. Since I use firefox, it makes sharing songs very very easy.

    Hope that helps you out.
  • latest mp3 songs · 8 months ago
    wow nice mp3 player
  • dietat · 5 months ago
    Hi, on my tumblr page, I have only my music playing: The Problem is - song names shown down in the strip are ok but the song names in the song list or in the popup or in the full screen option are some weird names. Now I managed to shut down the song list and popup but I can´t shut down the full screen option.
    and my next question is, it is actually impossible to search the page and listen to the music at the same time. every time you go to the next page music stops.

    please help
    Peter


    please help
  • Guest · 5 months ago
    Hi, your player looks really nice. Have you thought about making it xspf compatible? I like to have the organization of different playlists.

    sorry, didn't mean to reply to the above comment
  • mothmilk · 4 months ago
    I just did some minor color edits for the player over at musicslop, and now I seem to have broken it. It looks the part, but no music will play.

    My code looks like this:

    <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&trackcolor=74DF66&bgcolor=000000"></script>
  • mothmilk · 4 months ago
    Ah, nevermind. It seems to be an issue with my host.
  • Ben (of BenandJacq) · 4 months ago
    how do I set the opacity to .25? I've tried a bunch of things, with no luck.
  • Dan Kantor · 4 months ago
    Put it in css -

    div#streampadBottomBar {
    opacity: 0.25;
    }

    I am not sure if it will work in IE though.
  • david · 4 months ago
    Dan - I tried to redo my StreamPad player on my tumblog, and now its acting up a bit.

    I'm having a lot of trouble changing the color on the "poweredbycolor" field. It won't change from standard white (#ffffff), no matter what I enter in the "&poweredbycolor=XXXXXX" field. I've changed the track text and other colors, but I haven't been able to change the color of this 1 field...

    Has anyone else been reporting problems changing this field? Any ideas on what the problem could possibly be?
  • she' · 2 months ago
    how to add song to my streampad on tumblr?

    tnX ^.~V
  • chly · 2 weeks ago
    hello...i uploaded an audio a while ago.. but it didn' play on my streampad.. i don't know what to do. please help.