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 or Artist.txt and Title.txt files.
  • Add a new image source
    • Browse for the cover.png file.
• 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
  }