DarDoh Scoreboard is a web-based scoreboard for darts, specifically designed for use with streaming software like OBS (Open Broadcaster Software). It provides a simple and effective way to manage and display darts match scores for a live audience.
The application consists of two main components:
- Control Panel (
control.html): A local interface for setting up the match and entering scores. - Overlay (
overlay.html): A clean, browser-source-ready display that shows the live game state.
The interface and comments in the original code are in Italian.
-
Download the Project: Download or clone this repository to your local computer.
-
Open the Control Panel: Open the
control.htmlfile in a web browser. This is your control panel. -
Set Up the Match:
- Enter the names of the two players.
- Select the country for each player.
- Define the match structure:
- Legs per Set: How many legs a player needs to win a set.
- Sets per Win: How many sets a player needs to win the match.
- Optionally, add custom text to be displayed on the overlay.
- Click "INIZIA PARTITA" (Start Match).
-
Add the Overlay to OBS:
- In OBS, add a new "Browser" source.
- Check the "Local file" box.
- Click "Browse" and select the
overlay.htmlfile from the project folder. - Set the width and height to match the overlay's dimensions (e.g.,
1200width,280height, as defined in the CSS ofoverlay.html).
-
Play the Game:
- Use the numpad in the
control.htmlwindow to enter the score for the current player's turn. - Click "Enter" to submit the score.
- The overlay in OBS will update automatically with the new scores, averages, and player turn indicators.
- Use the numpad in the
- Real-time Score Updates: The overlay updates instantly as you enter scores in the control panel.
- Player Customization: Set player names and country flags.
- Flexible Match Format: Configure the number of legs and sets required to win.
- Averages and Stats: Automatically calculates and displays player averages.
- Turn Indicator: Clearly shows which player's turn it is.
- Undo Functionality: Correct scoring errors with the "Undo" button.
- OBS Integration: Designed with a transparent background for easy integration into live streams.
- Persistent State: The game state is saved in
localStorage, so if you close the browser, you can resume the match.
This project is named DarDoh Scoreboard. All credit for the design and functionality goes to the original creator, DarDoh.