preloader

CS:GO In Game Stats Overlay

This is a browser based add-in for your OBS (may work on other supported browser add-in streaming apps). It uses nothing but Javascript some DHTML and a endpoint I've developed in PHP that collects information from the official steam gamestate API. The addon in no way in violation of TOS/EULA and uses similar methods of those at esports casting overlays where you can see all the players live cameras & game stats on the cast stream.

Be mindful this is a small project I use on my stream at twitch.tv/PixelsOnTV and you may notice I use a lot of other features as well not just for displaying game stats live on stream. If your'e interested in the other features as well let me know we could organise something!

What does this overlay show?

The overlay shows basic information such as your K/D/A & MVP in larger form, it shows your current kill streak in the round, head shot percentage and round equipment value. It will also display an active bomb count down whenever the bomb has been planted in an animation format as it gets closer to detonation your viewers can see.

Here is a demo of what it looks like on stream

It isn't end user customisable yet, however something can be arranged if you're interested. This is a cropped version of the latest v3 release just showing KDA & Bomb Timer, if you prefer the basic clean crisp look. The Frag Counter is a different browser source and can easily be added separately or not at all.

Full Version Below (There is a bomb timer feature, that isn't show in the video).

How do I add it?

To begin you will have received 2 things from me a User ID and a Unique Token you will need these to use this real time overlay, you can get these by tweeting me @PixelsOnTV asking for it and linking this page in the tweet or hitting me up on stream when I'm live broadcasting. Once you have these few simple steps below and away you go...

To begin in OBS add a new BrowserSource and set everything to match in this image below. Replace the text in the yellow & green with whatever your User ID and token is (provided by me via Twitter DM @PixelsOnTV).

Now finally you need to add your gamestate configuration file into your CFG folder normally default at C:\Program Files (x86)\Steam\steamapps\common\Counter-Strike Global Offensive\csgo\cfg add a text file and copy paste the below text into it.

The file name must be exactly saved as gamestate_integration_alvingg.cfg and you need to replace the text in the green with your User ID and Token provided from me. A copy paste of the text is under the image.

"Alvin.GG Overlay Stats v3"
{
"uri" "http://www.alvin.gg:80/api/csgoEndPoint.php?uid=83"
"timeout" "2.5"
"buffer" "0.1"
"throttle" "0.1"
"heartbeat" "3.0"
"auth"
{
"token" "YOUR_TOKEN_FROM_ME"
}
"data"
{
"provider" "1" // general info about client being listened to: game name, appid, client steamid, etc.
"map" "1" // map, gamemode, and current match phase ('warmup', 'intermission', 'gameover', 'live') and current score "round" "1" // round phase ('freezetime', 'over', 'live'), bomb state ('planted', 'exploded', 'defused'), and round winner (if any)
"player_id" "1" // player name, clan tag, observer slot (ie key to press to observe this player) and team
"player_state" "1" // player state for this current round such as health, armor, kills this round, etc.
"player_weapons" "1" // output equipped weapons.
"player_match_stats" "1" // player stats this match such as kill, assists, score, deaths and MVPs
}
}

Once you've added the above file, restart CS:GO and if you check in your console you should see something like this which confirms CS:GO has recognised your game state config and is transmitting game information to Alvin.GG endpoint.