Now Playing for Spotify in OBS/Streamlabs OBS via Snip

nowplaying.htm

<div id="container">
    <img id="cover" src="Snip_Artwork.jpg" />
    <div id="text">
        <div id="track"></div>
        <div id="artist"></div>
    </div>
</container>
<style>
body {
    background-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    overflow: hidden;
    font-size: 10px;
}
#container {
    background: rgba(0, 0, 0, .8);
    border-radius: 15px;
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
    width: 100%;
}
img {
    border-radius: 15px 0 0 15px;
    height: 100%;
    margin-right: 4%;
    width: auto;
    background: url("https://developer.spotify.com/assets/branding-guidelines/[email protected]") no-repeat;
    background-size: cover;
}
#text {
    align-self: center;
    color: #fff;
    display: flex;
    flex-flow: column nowrap;
    font-family: "Lato", sans-serif;
    font-size: 1rem;
    margin-right: 4%;
}
#artist, #track {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}
#artist {
    margin-top: 3%;
}
#track {
    -webkit-line-clamp: 2;
    font-size: 1.3rem;
    font-weight: 700;
}
</style>
<script src="https://unpkg.com/jquery"></script>
<script>
setInterval(function() {
    var cachebuster = new Date().getTime();
    var image = document.getElementById("cover");
    image.src = "Snip_Artwork.jpg?time="+cachebuster;
    // This doesn't work in a browser, but it works in OBS!
    $("#track").load("Snip_Track.txt", function() {
        if($(this).is(":empty")) {
            $(this).text("Paused");
        }
    });
    $("#artist").load("Snip_Artist.txt");
}, 1000);
</script>

How to use

1. Download latest version of Snip (7.0.5 at time of writing)
2. Unzip Snip into the directory you'd like it to live
3. Download this file, and put in the same directory as Snip.exe
4. Run Snip.exe, authenticate with Spotify, then right click on the icon in your task bar to configure your settings

My settings

Any streaming software that supports a "Browser source" (such as OBS, Streamlabs OBS, etc) will now be ready to go!

GLHF :)