Display your Spotify songs in OBS

Leverages the Lanyard API which monitors your Discord presence. Get started by joining the Lanyard Discord server. After joining, start playing a song and test it out below!

Lanyard

Getting Started

To get started, you first have to join the Lanyard discord server. Lanyard is an open-source API which hooks into your Discord presence and monitors your activity. This is how your Spotify status is able to be displayed in OBS in real-time.

Next, you'll need to find your Discord ID. You can do this by going to Discord settings → Advanced → Enable Developer Mode. Now, you can click on your profile in the bottom left and click "Copy User ID". Alternatively, you can right click your name in chat and find the option there.

* Note: You will need to have Spotify linked to your Discord account.

Finally, add a new browser source to your OBS scene. You can customize the look of the component and preview it on the customization page. Further instructions on how to add the browser source can be found below in the OBS Setup section.

OBS Setup

Now all you have to do is add a browser source to your OBS scene.

Open OBS Studio and click the "+" button in the Sources box to add a new Source. Select "Browser" and name it whatever you'd like. Now, set the following settings in the popup:

Replace the @s in the URL with your Discord ID

URL
https://spotify-obs.com/@@@
Width
800
Height
200

That's it! You should now see your Spotify status in OBS. Move it around or resize it to your liking. You can view an example on the customization page.