Showing Music On Screen For Use On Websites

Installing the Extension - 

Download the already packed extension here. (Updated Link 8/22/14)

Open Chrome, click on the Spanner/Wrench icon -> Tools -> Extensions (Top right, under the red X). 

Drag and drop the packed extension 

Click 'continue' on the bottom left of the Chrome window.

Setting up Extension -

Once you have installed the extension, you can find the options page by either right clicking the music note icon next to the address bar and selecting Options, or by finding "Untamed Now Playing" on the Extensions page and clicking Options.

The main option to configure is the "Save Directory". This is where the file containing the now playing data will be saved. The first three options should look like this:

You can play around with the rest of the settings if you feel the need to. I just know that this works.

Setting up OBS - 

Once in OBS right click in the Sources box and > Add > Add Text

Name it "Artist - Internet" or something similar so you can tell which one it is.

Click the bubble called "Use Text from file (UTF-8 or compatible)" near the bottom

Click "Browse..." and find the folder where you saved the directory file to.

Find the file named "unp_artist_name.txt" and add it to the Scene

Do this one more time for "unp_track_name.txt" - But name it "Song Name - Internet" or something similar.

Make sure the two scenes are at the top.

You are done! - The text file will automatically update and be shown in stream. Because you are using the two files separately then you also have to set a regular Text source and simply put "Now Playing:" next to the song and "Artist" next to the artist.

Modify the "Scroll Speed" to make it scroll and I think that is it.

Notes about the other files - 

Some of the other files can be used with things like bots. If you have a bot then the bot can pull the "unp_url.txt" and paste it into chat for everybody. It can sometimes be very useful. The other files are optional and sometimes useful, most of the time not though.

Itunes/Spotify/Winamp with OBS

Itunes/Spotify/Winamp with OBS

Step 1: Download the program

https://github.com/dlrudie/Snip/releases*Fixed link to github project*

When you download the program you will have one folder containing everything you need.

Extract the folder from the .zip and keep it in a place you will remember.

Step 2: Setting up the program

Run the .exe and it will run from your tray.

Locate it in your tray and right click. Select the program you want, Itunes, Spotify, or Winamp.

Click "Set Output Format" and add a space in front of the "St" under "Set Track Format". 

What this will do is fix the name of the song in case the name of the song is too long. For example lets say you were playing "Wrecking Ball (extended/uncut/remix)" or something (hope you are not, but still...). You can't fit all that on screen without taking up a quarter of the screen, so you set it to scroll. Well if you scroll it it would say 

"Wrecking Ball (extended/uncut/remix)Wrecking Ball (extended/uncut/remix)" back to back without a space, it looks weird. Add that space in there and it spaces the words out to be readable.

Save that and open up the small menu again.

Click "Save Information Separately".

Step 3: Setting up OBS

Once in OBS click Global Sources > Add > Add Text (give it a name)

Click "Use Text from file (UTF-8 or compatible)" - Now here you have some options. If you don't care about the song being too long just add the text file called "Snip.txt". If you want to have the name of the song and the artist be separate (a popular style for streaming) then add two global sources. One for the text file called "Snip_Track.txt" and "Snip_Artist.txt" and you have them separate on your stream.

Click Ok and add the global source into your Scene.

You are done! The text file will automatically update and be shown in stream. If you used the two files seperately then you also have to set a regular Text source and simply put "Now Playing:" next to the song and "Artist" next to the artist.

Modify the "Scroll Speed" to make it scroll and I think that is it.

Note for Winamp:

For Winamp support to work properly you must change some options.

Make sure that when you install Winamp you enable "Global Hotkey Support"

under "User Interface Extensions" or hotkeys will not work.

Inside Winamp open up the options window.

* Under General Preferences make sure "Show the playlist number in the Windows

    taskbar" is disabled.

* Under General Preferences->Global Hotkeys make sure "Enable default

    multimedia key support" is enabled.

* Under General Preferences->Titles make sure "Use advanced title formatting

    when possible" is enabled.

Then you need to edit the formatting to look like this:

%title% – %artist%

OBS/Foobar2000 "Now Playing" on stream

 - How to show song playing on screen using Foobar2000 and OBS

Step 1: Download

Skipy Rich's Now Playing Simple foobar2000 plugin

What this plugin does is creates a .txt document with the song information that you can then use in OBS to display it on the stream.

Step 2: Installing the plugin

Find the place that Foobar2000 installed to, for me it was (C:\Program Files (x86)\foobar2000).

Navigate to Components and place foo_np_simple.dll in with the rest of the .dll files.

Step 3: Setting up Foobar2000

Open up File and go to Preferences (or Ctrl+P)

Open the Tools and you will see "Now Playing Simple", Click on it and you will see the configs for the file OBS will use.

Just a few steps in here and you will be done with the configs.

• First you will want to set the location of the file. Click the little button with three periods and find a place to keep the file.
• Make sure "Log Mode" is unchecked
• "UTF-8 with header" is selected.

The formatting string is what will be put into the text file and what will be displayed on the stream. The default one does some cool stuff like tells you when it is paused and stopped and what not. If you do not want all that then use this one.

$if($and(%artist%,%title%), %artist% - %title% )
$if($and(%title%,$not(%artist%)), %title% )

Also if the song name is too long this one will allow you to scroll the text, something the other one doesn't allow. Just replace the blue highlighted section with the bit above.

It is previewed in the green highlighted section.

Step 4: Setting up OBS

Once in OBS click Global Sources > Add > Add Text (give it a name)

Click "Use Text from file (UTF-8 or compatible)" and find the text file. You might have to play a song first for it to create the file.

Click Ok and add the global source into your Scene.

You are done! The text file will automatically update and be shown in stream. If you used my Format String then you also have to set a regular Text source and simply put "Now Playing:" next to the song.

Modify the "Scroll Speed" to make it scroll and I think that is it.