The litter in littérateur. Ricky Opaterny on Books, Music, Art, and Sports

4/1/2009

Using Streampad to add a music playlist to your website

Filed under: General,Music,Technology — Tags: , , — Ricky @ 8:36 am

Inspired by Fred Wilson’s FredWilson.fm, I decided to see if I could add a playlist to my website using Streampad. As you can see, I now have Streampad’s player running at the bottom of this page. Here are the steps you’ll need to take to add it to your own site:

  1. Set up a Tumblr blog and start posting music to your blog in MP3 format. Tumblr allows you to upload one MP3 file a day or you could link to MP3s hosted elsewhere. This will become your playlist for Streampad.
  2. Insert Streampad’s code in your page template’s header between the <head> and </head> tags.
  3. Here’s the code to insert. Make sure that you change the Tumblr URL to your own URL: <script type=”text/javascript” src=”http://static.streampad.com/streampad-tumblr.js?api=YOURNAME.tumblr.com&autoplay=true”></script>
  4. You can delete the autoplay parameter if you don’t want Streampad to start playing automatically when a user loads your page. There are several other parameters you can add to the JS URL to alter the appearance of the player.

10 Comments »

  1. Hi

    Thanks for giving tips on streampad music play list.

    I like to hear more about multimedia play list, which i can embed that in my personal website.

    Any ways, I am learning my music technology degree in Hollywood’s best music school.

    Comment by Alvin — 7/9/2009 @ 1:53 am

  2. I’ve never used steampad, I will have to give it a go!

    Comment by Mark — 11/1/2009 @ 9:17 am

  3. hi, thanks for the code. but im having trouble locating the and tags. are they on every tumblr layout? and does this code enable mp3 music we upload using the audio to play automatically?

    Comment by queenchels — 1/23/2010 @ 8:48 pm

  4. how can i add music on it??

    Comment by aica — 4/11/2010 @ 4:01 am

  5. i tried, but this doesn’t work for me in my streampad.

    Comment by Imbraveheart — 1/29/2011 @ 6:19 am

  6. You may want to try this link from Dan Kantor:

    http://blog.dankantor.com/post/43158314/tumblr-mp3-player

    Comment by Imbraveheart — 1/29/2011 @ 6:22 am

  7. i have streampad on my tumblr but instead of showing “1 of 3: Song Name” it just shows the “1 of 3”
    what do i do to change this?

    Comment by niv — 3/13/2011 @ 7:33 pm

  8. hey, is it available for blogspot? cause mine cannot work well, thank you

    Comment by raharyani — 4/11/2011 @ 9:32 pm

  9. How do I upload music onto it? I just have the bar at the bottom of my blog without any music.

    Comment by yaasure — 6/23/2011 @ 8:14 pm

  10. Yeah so…..Im with yaasure ….how do we upload music on it? :/

    Comment by Isabelle — 7/18/2011 @ 4:43 pm

RSS feed for comments on this post. TrackBack URL

Leave a comment

Powered by WordPress