Here's a step-by-step breakdown of the process with more detail:
-
Step 1: First copy the URLs for your Stream Info and your LiveChat. These URLs are what OBS will use to integrate these services into its interface.
-
Step 2: To get your Stream Info URL, you need to go to your profile. In the dropdown, there, you'll find 'stream info'. Click on this, and it will open the your Stream Info window. The URL of this page is what you need to copy.
-
Step 3: Getting your LiveChat URL involves a similar process. Go to your stream, click vert dot menu icon at the bottom of chat bar. This will open your Chat Preferences. Click on 'popout chat'. Clicking on this will open your LiveChat in a separate window. The URL of this window is what you need to copy.
-
Step 4: Now that you have both URLs, it's time to add them to OBS. Open OBS and look for the 'Docks' option in the top navigation. Click on this, and you'll see a sub-option for 'Custom Browser Docks'. Click on this, and you'll be given the option to add new URLs. Paste your Stream Info and LiveChat URLs here to add them to your OBS interface.