Squonkify
Client
Personal
Software
Figma
Spotify API
Twitch API
Javascript
I needed a widget for displaying my currently playing song
from Spotify on my livestream, and ended up with a highly
functional queuing system and playlist creator! After learning
how to work with the Spotify API, I started adding more
features for my viewers. They can request songs through a
Twitch redeem by either entering a song link or by entering
words for Spotify to perform a search query with. I had to
make sure to parse links properly and deny songs that are
over a certain length, all while providing responses in chat
through my Squonkler bot so viewers can understand what's
going on with the queue.
For every stream that I have song requests on, I also have
the widget passively add every song that plays to a playlist
for the day. It's a nice way to log what we listened to during a
specific stream, and VOD watchers then have the chance to
stream the same music that we listened to live. VODs on
Twitch cannot have DMCA music in them so most streams
leave their music out of the stored recording. Each viewer
that requests songs during the stream also gets their very
own playlist so I can see everyone's music tastes and they
can get a history of what they've queued.
For being such a small visual on the stream, this widget ended up being a powerhouse of functionality!
For being such a small visual on the stream, this widget ended up being a powerhouse of functionality!
