JDU Themes

Streampad Music Player v2

Spotify/SoundCloud bug fix, shuffle songs, tag playlist + more

The original Streampad music player for Tumblr blogs, updated.
Create or reblog audio posts to add them to your playlist!

Feature Highlights

Stream. Automatically gets music from your tumblr posts.
Supports audio posts with tracks from Tumblr, SoundCloud, and Bandcamp!

Last.fm Scrobbling. Connect your Last.fm account and have
your listening history scrobbled.

Seamless Cross-page Playback. Keep Streampad v2 playing while navigating through your blog. No more music resetting :)

Playlist Tag. Blacklist or whitelist a #tag to have the player skip or only play certain audio posts which you have tagged.

Shuffle & Repeat. You can now shuffle and repeat songs.

Pull music from another blog. Have a second music blog you want to play from? Or maybe just in love with someone else’s tunes?

Yes, no worries. Now you can passionately admire your own blog while listening to their playlist, both at the same time. Double win.

Playlist Menu Redesign. Woo! Finally.. support for SoundCloud playlists has arrived, and with it, new UI elements for disabled tracks and playlists.

Volume Mute Button.
Seriously, why wasn’t this in the original version?!

Transparency.
It blends in with your blog. Like a ghost. Boo.

Plus tons of customization.
Find out more below.

Streampad does not support Spotify or YouTube posts
Only individual tracks from Bandcamp are supported, not full albums.
Full update notes located here.

Instructions

Make sure to back up your theme before continuing, just in case something screws up. You can also use https://www.tumblr.com/themes/recover to revert any changes you’ve made.

1. Remove the old Streampad code you got from the official website.

If you’re unsure of which line you need to delete, it looks something like this:

2. Copy and paste all of the code before the closing </head> tag in your HTML.

It contains all the options that you can customize later on.

<!-- Streampad v2 @ jduthemes.tumblr.com -->

<script type="text/javascript">SPSettings={1:"{color:SP Player Colour}",2:"{color:SP Progress Buffer Colour}",3:"{color:SP Progress Song Colour}",4:"{color:SP Text Colour}",5:"{select:SP Buttons Colour}",{block:IfSPEnableAutoplay}6:1,{/block:IfSPEnableAutoplay}{block:IfSPEnableCrossPagePlayback}7:1,{/block:IfSPEnableCRossPagePlayback}{block:IfSPEnableID3AudioCaptions}8:1,{/block:IfSPEnableID3AudioCaptions}{block:IfSPEnableShuffle}9:1,{/block:IfSPEnableShuffle}{block:IfSPEnableTransparency}10:1,{/block:IfSPEnableTransparency}{block:IfSPShowClickToPlayButton}11:1,{/block:IfSPShowClickToPlayButton}{block:IfSPShowFullscreenButton}12:1,{/block:IfSPShowFullscreenButton}{block:IfSPShowPlaylistMenu}13:1,{/block:IfSPShowPlaylistMenu}{block:IfSPShowPlaylistOnPlay}14:1,{/block:IfSPShowPlaylistOnPlay}{block:IfSPShowPlaysCounter}15:1,{/block:IfSPShowPlaysCounter}{block:IfSPShowPopoutButton}16:1,{/block:IfSPShowPopoutButton}{block:IfSPShowLastFMButton}17:1,{/block:IfSPShowLastFMButton}{block:IfSPShowRepeatButton}18:1,{/block:IfSPShowRepeatButton}{block:IfSPShowShuffleButton}19:1,{/block:IfSPShowShuffleButton}{block:IfSPShowUnplayableTracks}20:1,{/block:IfSPShowUnplayableTracks}{block:IfSPShowVolumeControls}21:1,{/block:IfSPShowVolumeControls}22:"{text:SP API Blog URL}",23:"{text:SP Click To Play Text}",24:"{text:SP Dont Play Songs Tagged}",25:"{text:SP Play Songs Tagged}",26:"{text:SP Playlist Menu Height}",27:"{BlogURL}"}</script>
<script type="text/javascript" src="https://streampadv2.github.io/streampad.v2.js"></script>

<meta name="color:SP Player Colour" content="" />
<meta name="color:SP Progress Buffer Colour" content="" />
<meta name="color:SP Progress Song Colour" content="" />
<meta name="color:SP Text Colour" content="" />

<meta name="if:SP Enable Autoplay" content="0" />
<meta name="if:SP Enable Cross Page Playback" content="1" />
<meta name="if:SP Enable ID3 Audio Captions" content="1" />
<meta name="if:SP Enable Shuffle" content="0" />
<meta name="if:SP Enable Transparency" content="0" />
<meta name="if:SP Show Click To Play Button" content="0" />
<meta name="if:SP Show Fullscreen Button" content="0" />
<meta name="if:SP Show Playlist Menu" content="1" />
<meta name="if:SP Show Playlist On Play" content="0" />
<meta name="if:SP Show Plays Counter" content="1" />
<meta name="if:SP Show Popout Button" content="1" />
<meta name="if:SP Show LastFM Button" content="1" />
<meta name="if:SP Show Repeat Button" content="1" />
<meta name="if:SP Show Shuffle Button" content="1" />
<meta name="if:SP Show Unplayable Tracks" content="0" />
<meta name="if:SP Show Volume Controls" content="1" />

<meta name="select:SP Buttons Colour" content="white-gray" />
<meta name="select:SP Buttons Colour" content="white-black" />
<meta name="select:SP Buttons Colour" content="black-gray" />
<meta name="select:SP Buttons Colour" content="black-white" />
<meta name="select:SP Buttons Colour" content="blue-white" />

<meta name="text:SP API Blog URL" content="" />
<meta name="text:SP Click To Play Text" content="" />
<meta name="text:SP Dont Play Songs Tagged" content=""/>
<meta name="text:SP Play Songs Tagged" content=""/>
<meta name="text:SP Playlist Menu Height" content="" />

Having trouble copying? Raw.

Code placement example

3. Press Update Preview > Save > Refresh the customize page, and you should get all the options.

Voila!

If you are starting the player for the first time, you may have to click the Streampad player box at the bottom and allow your browser permission to run Adobe Flash.

Additionally, you may have to wait a minute or two for your blog to update.
Try a few hard refreshes (Shift/Ctrl + F5) if you still can’t see any changes.

This also applies to waiting for new songs which have just been reblogged to update in your playlist since they are sometimes cached.

The future of Adobe Flash and Streampad v2

In case you haven’t heard, browsers have been slowly phasing out Adobe Flash due to security concerns — Unfortunately, the core Streampad player has always been reliant on Flash to load songs.

What this means is that once Adobe Flash has been completely discontinued (Adobe predicts around the year 2020), Streampad v2 will stop working.

Until then, keep enjoying your awesome playlists!

Options

Here are the options, which are self-explanatory:

Colours

Player Colour
Colour of the Streampad bar

Progress Buffer Colour
Colour of the progress bar showing how much of the song has loaded

Progress Song Colour
Colour of the progress bar showing the current position of the song

Text Colour
Colour of text on the Streampad bar

Toggles

Enable Autoplay
Automatically start playing music after player loads

Enable ID3 Audio Captions
Fetch track info from the post’s ID3 tags, displayed in the form of
[artist] - [track title]

Enable Shuffle
Shuffle songs (users can still turn it off with shuffle button)

Enable Transparency
Make the Streampad bar transparent

Show Click To Play Button
Show the Click to Start Playing placeholder icon

Show Fullscreen Button
Show a button which enables full screen playback

Show Playlist Menu
Show a button which reveals the entire playlist in a list

Show Playlist On Play
Automatically show the Playlist Menu when player starts
Playlist Menu must be enabled for this to have an effect

Show Plays Counter
Show the number of times the song has been played

Show Popout Button
Show a button to open the player in a popout window

Show LastFM Button
Show a button to open the Last.fm Menu.

You can connect Streampad to your Last.fm and have your listening history scrobbled. Only posts with proper artist and track titles will be scrobbled.

Show Repeat Button
Show the repeat track button

Show Shuffle Button
Show the shuffle songs button

Show Unplayable Tracks
Show tracks that can’t be played which are normally hidden from view.
These include Spotify posts, Bandcamp albums, and songs filtered by tag.

Show Volume Controls
Show a button to change/mute the volume

Selection

Buttons Colour
Colour theme for the buttons
[button colour]-[hover colour]

Text Entries

API Blog URL
The full URL of the tumblr blog you wish to play tracks from

Click To Play Text
The text which shows up on the bar when the page loads
If you want this to be blank, just type a single space

Dont Play Songs Tagged
The tumblr tag which, if entered, will filter out audio posts tagged as such and not play them. If left blank, all your audio posts will play. Leave out the #

Play Songs Tagged
The tumblr tag which, if entered, will filter out audio posts tagged as such and only play them. If left blank, all your audio posts will play. Leave out the #

Playlist Menu Height
The default height, in pixels (px), of the Playlist Menu.

Streampad v2 - Powered by Streampad

For all comments requiring help, please add a link to your tumblr so that I can see what’s wrong.