A manually-controlled Observer HUD to be used for Valorant Esports streaming and observation.
Currently, due to VALORANT Client's limitations, there's no automatic game feeds; Everything on this Tool is manually controlled through 2 HTML pages for Administration and a Match setup. The Overlay page can be used in OBS Browser Source or anywhere else.
- Team Information (Name, Logo, Map score) with Side-Switching feature.
- Timeout indicator (Team, Side and their remaining timeouts)
- Technical Pause Indicator
- Match Point header (Team Name and their side)
- You have to install Node.js in order to run this Overlay.
-
Clone the repo
-
Open a terminal in repo's folder and run this command:
npm install
- Wait until you see this message:
added x packages, and audited x packages
- Open a terminal in repo's folder and run this command:
node server.js
- The overlay server is started now. Use these addresses to access Admin, Setup, and the Overlay itself:
Admin: localhost:7777/admin.html
Match setup: localhost:7777/setup.html
The Overlay itself: localhost:7777/overlay.html
- The logo should be a 1:1 Image file, it's recommended to be larger than 200x200px
-
Copy the logo file in public/userdata/
-
Configure it for the desired team in the Match Setup page.
This tool is available for everyone under GPL-3.0 License. (TLDR: u can copy, modify and distribute it but under the same license, use privately or for commercial purposes, and it's provided without warranty. learn more)
It's not necessary to credit me anywhere if you're using it, but it will be an endless kindness if you do :3333
I did include some fonts (Tungsten
& DIN Next
) with this repository, to use in this project and it's purpose only. Any other usage is not intended by me, and will not be my fault, and I'll not be responsible for any illegal usage of those fonts.