Setting up OBS - songify-rocks/Songify GitHub Wiki
There are multiple ways you can set up the song display in OBS. You can use the widget or you can use the text source.
- Widget
- Add a browser source to your scene.
- Set the URL to the one from the widget generator.
- Set the width and height to 312x64.
- Source Files (text and image). These files are usually located in the Songify folder.
- Add a text source and enable
Read from file
.- Browse for either the
Songify.txt
orArtist.txt
andTitle.txt
files.
- Browse for either the
- Add a new image source
- Browse for the
cover.png
file.
- Browse for the
- Add a text source and enable
- Custom HTML / CSS
- If you are familiar with HTML and CSS you can create your own widget. You can use the web server endpoint to retrieve live data from Songify. The data is presented in JSON and updates on every request made to the API.
{ "Artists":"", "Title":"", "albums":[ { "Url":"", "Width":640, "Height":640 }, { "Url":"", "Width":300, "Height":300 }, { "Url":"", "Width":64, "Height":64 } ], "SongID":"", "DurationMS":0, "isPlaying":true, "url":"", "DurationPercentage":0, "DurationTotal":0, "Progress":0 }