RSS

Spotify screensaver made on Music Hack Day 2013 Stockholm

20 Jan

Some time ago I blogged about an idea of making a Spotify screensaver. This weekend at the MusicHackDay in Stockholm me, Jocke and Vincent finally tried our hands at doing this by creating PartySaver. The first quest was: How do we play music and show music info, in fullscreen?

There’s several ways to play Spotify music: Spotify players (Win, Mac, iOS, etc), Spotify web player, and libspotify. We opted for the web player, but a developer edition which supports apps. We quickly noticed the apps aren’t allowed to run in fullscreen! So we created a bookmarklet that “hacks” the player to allow fullscreen apps.

Then I focused on the new 1.0 API to get the users playlists, and then the tracks from that playlist. While Jocke spent most of his time on WebGL and three.js so we could have the cover arts in a 3D mosaic that would animate and move. Sadly, we never got that far. Regardless, it went pretty good and we’re happy – so we’re going to try a CSS3 version. If we make it, we might even have a sponsor for a real screensaver. The question is, how should it be done?

Update: See version 2 and version 3 of this project.

About these ads
 
8 Comments

Posted by on January 20, 2013 in Project

 

Tags: , , , , , ,

8 responses to “Spotify screensaver made on Music Hack Day 2013 Stockholm

  1. Dennis Bonilla

    August 10, 2013 at 20:09

    Excellent idea. Has any progress been made on this?

     
    • seriemajp

      August 31, 2013 at 18:44

      See my latest blog post for our second attempt. The biggest problem with this idea is that Spotify will probably never allow it because it probably breaks several policies. We can’t even distribute it “on the side” because Spotify no longer support apps in the web player. We have a third idea though… ;)

       
  2. Get Smart

    November 16, 2013 at 17:37

    My setup at home is nearly perfect, BUT the most important link is missing: I can not stream my music directly from spotify player to my amplifier using android/iPad or PC.

     

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
Follow

Get every new post delivered to your Inbox.

Join 758 other followers

%d bloggers like this: