Getting line numbers or having trouble copying? Pastebin. Example: image 3) Press Update preview > Save > Refresh the page and you should get all the options. You may have to wait a few minutes for your settings to refresh. Try to do a couple of hard refreshes (Ctrl + F5) if you’re still not seeing any changes. This also applies to waiting for new songs which you’ve just reblogged to update in your playlist. Here are the options, which are self explanatory: image SP Player Colour: the colour of the Streampad bar. SP Progress Buffer Colour: the colour of the indicator bar showing music that has completely buffered (loaded). SP Progress Song Colour: the colour of the indicator bar showing the current position of the song. SP Text Colour: the colour of text on the Streampad bar. SP Enable Autoplay: toggle whether or not music will automatically start playing after Streampad loads. SP Enable ID3 Audio Captions: toggle whether or not to fetch track info from the post’s ID3 tags (displayed in the form of [artist] - [track title]). SP Enable Shuffle: toggle whether or not to shuffle songs. SP Enable Transparency: toggle whether or not the Streampad bar will be transparent. SP Show Click To Play Button: toggle whether or not you want to show the Play Button icon. SP Show Fullscreen Button: toggle whether or not you want to show a button which enables full screen playback. SP Show Playlist Menu: toggle whether or not to show a button which reveals the entire playlist in a list. SP Show Playlist On Play: toggle whether or not to automatically make the Playlist Menu pop up when music starts. (Playlist Menu must be enabled) SP Show Plays Counter: toggle whether or not to show the number of times the current song has been played. SP Show Popout Button: toggle whether or not to show a button to open the playlist in a new window and listen from there. SP Show Profile Button: toggle whether or not to show a button to open the Profile Menu that lets you log into AOL Music/AIM/Last.fm SP Show Volume Controls: toggle whether or not to show the ability to change the volume. SP API Blog URL: the full URL of the tumblr blog you wish to play tracks from. SP Buttons Colour: the colour theme for the buttons. (format: button colour-shadow colour. This can screw up your buttons if you type in anything other than the presets. Choose from the preset colours only.) SP 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. SP 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. SP 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. (If “Dont Play Songs Tagged” and “Play Songs Tagged” are both defined, “Dont Play Songs Tagged” will have priority.) SP Playlist Menu Height: the default height, in pixels (px), of the Playlist Menu. Happy streampad-blogging! :p Some additional technical information which you may or may not care about: So what I’ve done over the last week is put together a ‘monkey patch’ for the Streampad audio player. This is designed only to work on tumblr (as I only edited the tumblr part of the code) The reason I monkey patched it was because I wanted a couple of features on my Streampad that weren’t available in the original code (e.g. shuffling songs, looping when playlist ended, showing the artist and track title, etc.). It started off as more of a hobby-related type of thing where I just wanted to experiment with the code to see what I could do, and I was really bored. But then I started thinking maybe other people would want this so I decided to type up a little tutorial. Along the way there were quite a couple of issues, not to mention near the end I was getting pretty frustrated with certain bugs so I kind of just ended off writing hacky and inefficient code. But then on tackling the vary last problem, I just couldn’t get it working because of how messy it was, so I cleaned things up a bit and rewrote it all. It’s still hack-y, but oh well. Hey, I’m not the best JavaScript-er, but it works pretty much flawlessly! I mean, I’ve tested multiple scenarios of this extensively and it works in all the major browsers AFAIK (Firefox, Chrome, IE7/8, Safari, Opera) Now, what I’ve done is pretty much port the entire Streampad theme customizer onto tumblr, making it usable with the customizable/boolean variables on here. This way, if you want to change your Streampad colours or settings, you won’t need to go back to the Streampad site and re-copy your code. All you need to do is select your options through tumblr’s theme customizer. Also, you’ll notice the ‘Standard Streampad Bar’ option is defaulted to being checked. If unchecked, another layout will appear (example is the one on this blog). This is a custom design of mine which is derived from the small tab music player, and you can edit the CSS if you want/know how to. It slides out and starts playing when you hover your mouse over the little tab on the bottom left corner of the screen. Also, the little music icon (which you can replace if you know how to) starts and stops based on whether or not the music is playing. It’s pretty useless stuff, to be honest, lol, but sometimes the little things make it more aesthetically pleasing overall. (Removed 01 Feb 2013 to simplify installation.) There were a few problems that arose, but they were thankfully resolved without too much work: The array: for the tag playlist and filtering out Spotify posts, I had to think of a way to selectively remove these posts. I went with using indexOf() to match on each post that was to be removed, but this is my first time using javascript arrays, so.. yeah. I basically made the script loop through each track of the original array and spat out the new array to be parsed by the music player. It’s pretty inefficient imo to go through tracks one by one and match them, but this was the only idea I could think of/had enough technical experience to work with. Also, Array.indexOf() only works on IE9 and above, so older IE browsers would show errors. Fixed by manually adding in the function, and more about this can be detailed in this post here. The next issue was the shuffle: I had to redefine the next/previous track function so that it would shuffle songs, and this was pretty easy to do. But upon closer inspection, this wasn’t a true shuffle since the audio-player only preloads the first 20 songs at a time and when you get to song 21 it loads the next 20, so I wanted to implement a ‘true’ shuffle which would also take into consideration the posts greater than 21. I ended up just making it preload all the songs in the playlist, which I imagine will put more of a strain on tumblr’s servers, especially if the user has a large playlist, but it’s calling 50 tracks, the API limit, at a time now. Volume/mute: it looks quite simple on the interface but it’s actually hard to change in terms of the code. I tried to adhere to using only basic javascript since the original code was written only in javascript, otherwise I would use javascript library or something like jQuery which at least supports the .on() bindings. For the volume controls, it was a dynamic div that was being created/destroyed each time the person hovered over the volume button and they used custom event listeners in the original code, so I had to change some of that. The volume button now reflects the state of the volume in real time, so if you drag the volume to the lowest point, the volume button graphic will become ‘muted’, and if it was previously muted and you start dragging up again, it will become ‘unmuted’. Also, toggling the mute will still save the previous volume setting so you can just click the button for an instant sound-off/sound-on. The mute graphic was also a bit of a hack that I did because I didn’t want to redo the button graphics sprite which the original code called upon. Basically, the unmuted state of the button shows the original ‘volume’ picture, and the muted state shows the same picture but without the curved volume sound waves on the right. It’s still using the same graphic though, and all I did was create another div the size of the part that was cut out and position it on the right of the original div. Then, when the user clicks the mute button, the original div shrinks -12px in width and the new div gains +12px in width. Add in a few click handlers and it seems like the button never changes but the graphics do. In reality, the button width simply shrinks off to the left and is covered by the other blank half of the button. It’s quite the lazy approach but ah well, it works well. The slideout on-hover layout: I used jQuery for most of it along with the Streampad Player API, and also the jquery.transition plugin by louisremi to use CSS3 transitions (which supports hardware acceleration) to animate the bar. (Removed 01 Feb 2013 to simplify installation.) Anyway, there’s probably more to talk about but I can’t think of much right now so I’ll end it off here. You can find more details about the first update I made to streampad here. 856 notes 184 Comments kumilikesfood likes this heyimdalies likes this preppylouisianagirl likes this saltwatertasteslikeyourmom likes this w3strella likes this hellerrjeanette likes this toasty-osi likes this b2uty-and-the-beast likes this atrabiliousmonster likes this falling-star-sweet-nothing reblogged this from jduthemes and added: future reference. Feelin tech savvy. falling-star-sweet-nothing likes this fresherthanyourballs likes this lovealizaaa likes this domenickbowman likes this kaori-lawliet likes this thatsmejoanne likes this keepingmythoughtstomyself likes this breezyfactor likes this mariellelopez likes this exceedingallexpectations likes this onmygrind reblogged this from jduthemes skyblueerose likes this yahayaha likes this dezziefaye likes this navyfiremanwife likes this injoketaken likes this when-will-the-heaven-begin likes this s-altyair likes this smittenbysarah likes this joviiii likes this itsileann likes this ask-forthemoon likes this juicymangosummerspeach reblogged this from jduthemes noothersadiee likes this houseoftherisingsunz likes this mrsirmartymcfly likes this whaticouldstandfor likes this h1b4 likes this ulswag likes this honeey-lee-x3 reblogged this from jduthemes and added: // Read More THANK YOU SO MUCH =D ageofunderstatements likes this jessicalilian likes this eternally-evocative likes this senefra likes this dopenojoke likes this incenses likes this jadamychea likes this kvdxlvrgx likes this noducksauce likes this Show more notes #streampad #streampad music player #streampad not working #streampad player #shuffle streampad #streampad v2 #tumblr #tutorials #fixes Reblog 07/08/12 URL Older Newer
Treasures In My Mind
| Andrew De La Mata | 18 | NYC |

"I just needed time alone with my own thoughts. Got *treasures in my mind* but couldn't open up my own vault." - The Gawd, Kanye West.
  1. ▼
    1. 197 notesKanye WestKanyeYeezy808s & Heartbreak
    1. fashionandshxttt reblogged this from luceeea
    2. quscuta reblogged this from hostilegospel
    3. oreos-and-kanye reblogged this from warr1989
    4. sarahwarah3stackzx reblogged this from treasuresinmymind
    5. ilove-countrygirl reblogged this from chaos-in-jupiter
    6. wasabiinmysoysauce reblogged this from central-remote
    7. b-r-y reblogged this from mypilot-jones
    8. itskiaraxo reblogged this from xlarevenge
    9. mypilot-jones reblogged this from luceeea
    10. central-remote reblogged this from iamsmitty
    11. foreverinsweetness reblogged this from veraciious
    12. owuchhitsjully reblogged this from luceeea
    13. veraciious reblogged this from xlarevenge
    14. 8milesroad reblogged this from xlarevenge
    15. kiss-these-dimples reblogged this from nysof
    16. drifting-essence reblogged this from luceeea
    17. deeperinmymind reblogged this from chaos-in-jupiter
    18. iamsmitty reblogged this from nysof
    19. chaos-in-jupiter reblogged this from nysof
    20. nysof reblogged this from luceeea
    21. luceeea reblogged this from oreos-and-kanye
    22. gnarlyxthoughts reblogged this from oreos-and-kanye
    23. warr1989 reblogged this from treasuresinmymind
    24. channel-orangejuice reblogged this from treasuresinmymind
    25. experiencegreatness reblogged this from deessenoire and added:
      My love
    26. deessenoire reblogged this from turquoise-pizza
    27. nate-mercury reblogged this from treasuresinmymind and added:
      People don’t usually take me serious when I say Kanye West is my role-model.
    28. thebookiemonster reblogged this from whereclassymeetstrashy
    29. plaidshirtdaze reblogged this from brilliantlylucid
    30. stupidthings-and-m00drings reblogged this from just-dream-a-little
    31. just-dream-a-little reblogged this from solipsistic-living
    32. solipsistic-living reblogged this from openbookfullofsecrets
    33. openbookfullofsecrets reblogged this from exsisted
    1. Timestamp: Tuesday 2012/11/27 14:55:10
    1. ▲