How to Read Music Names From Spotify to Obs

Gone are the days of your chat constantly asking "what song is this?". In this guide we'll show you the three all-time methods for displaying a "Now Playing" through OBS and SLOBS to show your viewers what music y'all're playing on Spotify.

We'll also apace show you how to make sure your Spotify music is properly existence captured in OBS and then your viewers can hear it.

Tabular array of Contents

Adding Spotify Music to OBS
How to Display Now Playing Through OBS
- one. OBS Window Capture
- 2. Using Snip In OBS
- 3. Using Last.fm + Pixel Chat

Calculation Spotify Music to OBS

Sometimes something so obviously simple can throw people for a loop. Earlier we get into displaying what music you're listening to in Spotify on OBS, let's make certain your sound is actually existence captured and coming through.

1. Open up your Spotify app.

2. Start playing a vocal.

3. You should at present run into sound activity in your OBS or SLOBS audio mixer under Desktop Audio.

If yous want to learn how to separate your sound sources and then you can control your music, gameplay, Discord, etc. all individually, cheque out our guide on how to split audio in OBS.

How to Brandish Now Playing Through OBS

At present let's go into the 3 methods for showing Spotify on OBS.

i. OBS Window Capture

This is the easiest method of the three and won't crave any 3rd party applications. It involves using the Window Capture source selection in OBS and cropping your Spotify window so that it but shows what song is currently playing.

Here's how it'due south done:

First, make sure you have Spotify opened upward already.

1. Add a new Window Capture source and proper noun information technology something like, "Spotify".

2. Select Spotify.exe nether the Window dropdown options and click OK.

three. You'll now have your entire Spotify window in your OBS scene, but we'll want to ingather information technology and so it'south just showing the commodity and runway title.

Two ways to crop in OBS:

a) While property ALT and having your Spotify Window Capture source selected, hold left click on whatsoever of the red squares effectually the window and elevate your mouse inward to ingather the window.

We take a video hither if yous need a better visual example on how to do it.

b) Right click your Window Capture source > Transform > Edit Transform…(shortcut CTRL+E).

Now adapt the crop values institute at the bottom of this window.

Yous should now have whatever music you're playing in Spotify showing upward on OBS!

Of import: If yous take your Spotify window minimized while a song switches to a new ane, OBS won't update it until you open up up your Spotify window once more.

To make certain the Window Capture updates your Spotify at present playing each time a new song comes on, you'll need to accept your Spotify window opened upward full time.

So if you stream with a second monitor, brand your Spotify window as small as possible and leave it up on there if you tin.

Just Spotify Text (remove background)

If you desire to remove the greyness background from your Spotify window so it'south merely showing the song text data here's how to do that:

one. Right click your Spotify Window Capture source and click Filters.

2. In the Filters window, right click on the darker part (left side of the window) > add > Color Key. Or click the + icon on the bottom left.

three. Nether Key Color Type, select Custom Color.

4. Click the Select Color button just below that to the right.

5. In the new Key Colour window that popped up, click Pick Screen Color.

6. Your mouse cursor will now look like a crosshair, so make sure your Spotify Window Capture source is visible in your OBS scene, then snipe (left click) the grey Spotify background color so the filter knows which color it needs to key out.

You could too try calculation this value in the HTML: box #181818. That'southward what my Spotify window picked up.

7. Click OK, and shut out of the Filter window and you should now run across your Spotify capture without its background.

2. Using Snip In OBS

Snip is an application that updates a text file with the current song you're listening to on Spotify or iTunes. So nosotros tin can use this text file in OBS to output the track championship and artist name on stream.

Information technology also pulls the anthology artwork using a jpg file, assuasive you brandish that if y'all'd similar.

Hither's how to set everything up:

1. Head over to the Snip download page hither: https://github.com/dlrudie/Snip/releases and download and extract the latest release zip file. As of August 2021 it'southward Snip v7.0.5.

2. In one case you lot've extracted the goose egg folder, click the Snip file and connect your Spotify account in one case prompted.

Two new files volition be created in the same binder. A Snip txt file, and a Snip_Artwork jpg file.

3. Click and drag the Snip txt file into your OBS. This will create a new text source under your sources, and volition exist the text that will testify the creative person and track title from what you lot're playing in Spotify.

If clicking and dragging doesn't work, try Sources > Add together > Text (GDI+) > Proper name It > Select the "Text read from file" box > Browse > Find and select the Snip txt file.

I'd really recommend using the Text (GDI+) method if yous're wanting to increase the text size and proceed the font quality looking crisp.

I noticed when you merely drag the txt file over and try to increase the size it looks a little blurry.

Customizing Your Spotify Text

Under the text source properties (right click > Properties) yous have a bunch of options for customizing the advent of the text. Things similar the font choice and color.

Text Coil

You can also make the text scroll utilizing the Coil filter. Right click the text source > Filters > click the + icon lesser left > Ringlet > adjust the Horizontal Speed.

Nosotros have a more in depth guide on scrolling text in OBS here if you want to get a better agreement of it.

Display Album Artwork from Spotify

Here's how to bear witness the album artwork next to your track artist and title text in OBS:

1. In the organisation tray of your desktop (bottom right), correct click the Snip icon and make sure the Save Album Artwork option is checked.

2. Under the same card, hover over Keep Spotify Album Artwork and select Medium or Big. This volition make it so the anthology image isn't blurry if you desire to arrive larger in OBS.

3. In your Snip folder, discover the Snip_Artwork jpg file and elevate it into your OBS scene.

Divide Track Title and Creative person Name on Two Unlike Lines

Here'south how to make it so the track championship is to a higher place the creative person name:

one. Right click the Snip icon in your arrangement tray and select Fix Output Format.

2. Nether the Set Separator Format box, blazon in $$n and click Save.

Troubleshooting Snip

Snip can be a little buggy at times so here are some things to effort if it's not properly updating the track data or album artwork in OBS:

Try switching snip to iTunes under the organization tray Snip settings, and then switching back to Spotify.
Endeavour deleting the sources in your OBS and adding them again. I noticed when I was making changes to the Snip settings, they wouldn't update until I added a fresh txt and jpg source.
A expert ol' OBS reboot tin sometimes help.

3. Using Last.fm + Pixel Chat

This method for calculation Spotify at present playing to your Twitch or YouTube stream gives you lot something a little more than cool looking.

Hither'southward an example of what information technology looks like:

Note: As of August 2021 when I was setting this up, Pixel Conversation said they require their paid "pro" option in order to use their Spotify integration, simply it even so worked without paying for it.

So for now this option is still free, but just a heads up you might need to pay eventually.

Also sometimes the graphic wouldn't update in OBS, and when it did it would have about 1 infinitesimal 30 seconds after the new vocal was already playing to update the info (maybe it works better if you pay for their pro subscription?).

Either way, if you still want to try out this selection follow these steps:

Last.fm Setup

1. Create a Last.fm account if you lot don't accept i already hither: https://world wide web.last.fm/bring together

2. One time you've created and verified your account, hover over your contour at the meridian right of the screen and click Settings.

3. In the settings page, click Applications and connect your Spotify account.

If you have Spotify premium experience gratis to connect to both options. If you don't have premium simply use the Spotify Scrobbling option. It'll still work if y'all don't have premium.

Pixel Conversation Setup

1. Sign up to Pixel Chat by connecting your Twitch account hither: https://pixelchat.television/

2. One time in your dashboard, access your profile folio by clicking on your contour film at the bottom left of the screen or click this URL: https://pixelchat.television receiver/dash/profile

3. Connect your Spotify business relationship.

4. After you lot've linked Spotify, click the Overlays button from the left side bill of fare and then click Create New Overlay (top right), and then select the At present Playing option.

5. Click the Edit button on the At present Playing overlay you only added.

half-dozen. Scroll down to the Options section, and toggle the Stay open all the time option on.

7. Go along scrolling down to the bottom and type in your Concluding.fm username that you merely created under the Concluding.FM username box. Information technology should take a few seconds/minutes to connect.

Customizing The Wait

In the Overlay edit page you tin can change the style, font, and colors of the Now Playing overlay.

I recommend at least changing the Theme to small or minimal to make it easier to incorporate into your stream.

Adding At present Playing to OBS

Now to get this At present Playing overlay into OBS follow these steps:

1. If you're still in the edit page of your overlay, curl to the very tiptop and click the icon at the top right that opens upwardly into a new window.

Or in the general overlays page, click the Open up in new tab button on your At present Playing overlay.

ii. Copy the URL of the new window.

3. In OBS, add together a new Browser Source and paste the URL under the URL box.

taylorthade1984.blogspot.com

Source: https://streamsentials.com/how-to-add-spotify-to-obs/