StreamerSongList Addon Overlay

A tag-based overlay for StreamerSongList users. Display images based on your tags in StreamerSongList!

Enter an existing overlay url to edit here :

or just create a new overlay with the following settings :

Note: The images need to named {{tag number}}.png
and be accessible from the computer you're running OBS etc. on.
One option would be an S3 bucket or similar where you upload them.
If you are running your own copy of this code, you can leave this blank.
Getting your tag numbers is annoying, and requires authorization etc.
The easy way is to export your songlist from StreamerSongList, the tag numbers are in it.
Advanced feature! You need to craft some json like this:
    [
       { 
           "songName": "Breaths",
           "image": "warmup.png"
       },
       {
           "songName": "Know Me",
           "songArtist": "Moonlight Social",
           "image": "songswap.png"
       }
    ]
                        
It will add an image for a complete match. The first in that example matches
any song called Breaths, the second only matches "Know Me" by "Moonlight Social"
It's not documented what an acceptable interval is for checking
the StreamerSongList API for the next song in the list, so don't go too low here.
It's in seconds, default is 30 and I think 20 would be a sensible minimum.

Generate the url, then copy it into a browser source in OBS, Twitch studio or whatever.