How broadcasters feed live CS2 data into on-air graphics with Cito

One feed per match

Point your graphics system at the live state for the match on air. It carries the map, round, score, bomb state and every player's live stats.

Push, don't poll

The live stream pushes each change as it happens. In our measurements updates arrive about 0.25 s after the public scoreboard, fast enough for round-result graphics.

// Server-side: the stream takes the key in a header, like every endpoint.
const res = await fetch("https://api.citoapi.com/api/v1/cs2/live/stream", {
  headers: { "x-api-key": process.env.CITO_API_KEY },
});
const reader = res.body.pipeThrough(new TextDecoderStream()).getReader();
for (let buf = ""; ; ) {
  const { value, done } = await reader.read();
  if (done) break;
  buf += value;
  const events = buf.split("\n\n");
  buf = events.pop();
  for (const e of events) {
    const data = e.split("\n").find((l) => l.startsWith("data:"));
    if (data) updateGraphics(JSON.parse(data.slice(5)));
  }
}

Map once

Team and player IDs are stable, so you map them to your graphics assets once and reuse them all season.