WebGL Now Playing Hack (with bonus artist images)

Obligatory 10mb gif

A example of how to use the newly released Spotify Connect Web APIs to render the currently playing artwork in a slightly different way using WebGL.

Click here to open the online version

While it's running, you can click on the progress bar/scrubber to seek in the track, or use your keyboard to control playback, space toggles play/pause, left skips to the previous track, right skips to the next track.

It uses polyserver hack to vectorize the album covers into triangle data for the renderer, please don't overload it :)

Enjoy.


@plamere says:This is a fork of @possan's visualizer. It attempts to get more images of the artist and if they are found, these are shown in addition to the cover art image. Note that at sometime in the past the Spotify API used to return more and varied artist images. Now it seems to be returning only a single image for most artists, so this hack-on-top-of-a-hack is less interesting than I thought it would be. I suppose we could go and get more images from Flicker. Something for another day.

Click here to open Possan's original version with no artist images