Dan Kantor RSS


Subscribe to this blog by Email

Contact

Get the Streampad-powered Tumblr MP3 Player

Archive

Jul
31st
Thu
permalink

Tumblr MP3 Player Hacks

This post is meant to document ways in which you could modify the Tumblr MP3 Player by passing in parameters to it.

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

1. api - use this parameter to tell the player where your tumblr blog is. Just leave off the ‘http://’ part. My blog is located at http://blog.dankantor.com. So I would put api=blog.dankantor.com. This is useful if you want to put the player on any other page (including non-tumblr blogs) but have it play songs from your Tumblr blog.

2. clicktext - use this parameter to change what the player says before it is clicked on. Default is “Click to play all audio posts”. (Use %20 where you want a space to go - space%20here)

3. bgcolor - use this parameter to change the color of the background. (use hex color without #)

4. poweredbycolor - use this parameter to change the color of the “powered by STREAMPAD” text. (use hex color without #)

5. trackcolor - use this parameter to change the color of the post text. (use hex color without #)

6. progressfrontcolor - use this parameter to change the color of the progress bar (front). (use hex color without #)

7. progressbackcolor - use this parameter to change the color of the progress bar (back). (use hex color without #)

8. clickimg - use this parameter if you would like to show the play button on load (clickimg=true)

9. autoplay - use this parameter if you would like the player to start playing when the page opens. Default is false. (autoplay=true)

If you are comfortable editing html, you could put these parameters there as well. Inside a script tag, put streampadPlayer.params.PARAMNAME = OPTION; An example would be: streampadPlayer.params.api = “blog.dankantor.com”;

Please leave any requests/ideas/comments in the comments section below. Thanks!

Comments (View)
blog comments powered by Disqus