Installation (Scoreboard) - ngholson/g4ScoreBoard GitHub Wiki

After you have downloaded and extracted the scoreboard, open OBS:

Step 1.

From the "Docks" menu then click on "Custom Browser Docks..."

Docks


Step 2.

Name the Dock and type the location of the "control_panel.html" file you downloaded.

custom-browser-1

Result should be:

g4dock-1


Step 3.

Drag the dock to the OBS UI to dock. (if it won't dock make sure the UI isn't locked in the "Docks" Menu)

docked


Step 4.

Select the scene you want to display the scoreboard, in the "Sources" panel click the "+" in the lower left. Choose "Browser" from the list.

add-source-1

Name the source:

add-browser-source-2


Step 5.

Configure the browser source. Type the location of the "browser_source.html" file that you downloaded.
Make sure that the Width is 1920 and the Height is 1080.
(This must be set to 1920x1080 regardless of your stream settings.)
*Do NOT check the "Local File" checkbox*

add-browser-source-3


Complete.

Next up is Hotkey Installation

install-complete

⚠️ **GitHub.com Fallback** ⚠️