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
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.
Troubleshooting
Here are some common troubleshooting steps in case your spotify status isn't displaying:
- Check Your Discord Activity Privacy Settings
Depending on your settings, you may have to specifically share your activity with the Lanyard Discord server. To do this, right click the Lanyard server → Privacy Settings → Enable Activity Status.
- Do not appear offline on Discord
While you are appear offline, Discord doesn't broadcast your activity, so there's no way to track / monitor your Spotify status. You can still set your status as Idle or Do Not Disturb — anything but Invisible as long as you want to display your current Spotify track.