The OBS Connection Panel controls NodeCG's connection to the Stream OBS's websocket, and prepares the Preview & Program Viewer panel. It consists of three buttons:
Connects or disconnects from the OBS websocket using the settings declared in the nodecg-obs.json config file. If OBS is open when you first launch NodeCG, it will attempt to connect automatically. If you launch NodeCG before launching OBS, you will need to use this panel to connect to it manually. If NodeCG loses connection to OBS, simply return to this panel and reconnect.
Clicking this button produces a separate window that allows you to override your config settings and enter custom information to connect to a different OBS websocket. The information entered here isn't saved, so you will need to reenter this information if NodeCG is restarted. You shouldn't need to use this option, as you should normally be connecting to OBS using the config file settings.
Prepares the Preview & Program Viewer panel by launching a VDO.Ninja broadcast window that automatically attempts to grab your OBS Virtual Cam feed:
Start the Stream OBS and click "Start Virtual Camera". The virtual camera is set by default to broadcast the "NodeCG View" scene, which displays the Stream Sync, Preview, and Program scenes together in one scene.
Click the OBS Virtual Cam button on this panel. This will open an instance of VDO.Ninja in a separate browser tab which will automatically grab your OBS Virtual Cam feed. You don't need to adjust anything on this page, just keep it open in your browser.
The Preview & Program viewers (on both the Main Workspace and OBS Workspace) will update their URLs to the VDO.Ninja scene created, and after a moment of loading, will show your OBS feed.
This should be a one time set-up panel, and should persist through NodeCG restarts, though if it doesn't load, repeating the above instructions will easily get it back. If a user refreshes their NodeCG page, they'll likely need to click a large PLAY button on the panel to resume viewing the feed.