How to Add a Countdown Timer to OBS & Twitch (Browser Source)

A countdown on your stream tells viewers exactly when you go live, when you'll be back, or when a sub-goal deadline hits. Because Rija gives every timer a hosted URL, you can drop it straight into OBS or Streamlabs as a Browser Source in a couple of minutes.

Countdown timer as an OBS browser source for a stream

A countdown is one of the simplest ways to make a stream feel more professional. Instead of a blank screen or a static image, viewers see a live timer ticking down, and they know exactly how long to wait before something happens.

Why streamers use a countdown timer

Most streamers reach for a countdown in a handful of recurring moments:

  • Starting soon - a "starting soon" countdown on your pre-stream scene tells viewers the show begins in, say, five minutes, so they stick around instead of leaving.
  • Be right back - when you step away, a short timer reassures chat you haven't disappeared.
  • Intermission - between games, segments or matches, a countdown fills the gap cleanly.
  • Sub-goal or fundraiser deadlines - count down to the end of a challenge or a donation push.
  • Event & drop countdowns - a release, a collab, or a scheduled reveal that you want everyone watching for.

Build the timer in Rija

Head to app.rija.io and create a new timer. Set your end date, time and timezone - for a "starting soon" screen, that is simply the moment your stream begins.

Then style it so it matches your channel. You get 1000+ Google Fonts, custom digit and label colours, and background options including solid colours and gradients. Pick digit animations like flip, slide, fade or pulse if you want the numbers to feel alive. Keep the styling readable at a distance - on stream, big clear digits beat fancy ones.

Set the size to match your canvas

Rija lets you set a custom pixel size (width x height) for free. If your canvas is 1920x1080, you don't need the timer that large - build it at the size you actually want it to occupy, for example 600x200 for a corner timer, or larger for a full "starting soon" screen. Matching the size now saves you fiddling with scaling in OBS later.

Add it to OBS or Streamlabs as a Browser Source

Once your timer looks right, publish it. Rija gives you two things: an embed snippet for websites, and a hosted timer URL you can open directly in any browser. For streaming, the hosted URL is the one you want.

Copy the hosted timer URL from the publish screen. Then, in OBS Studio or Streamlabs:

  1. Select the scene where you want the countdown (your "starting soon" scene, for example).
  2. Add a new source and choose Browser (Browser Source).
  3. Paste the hosted URL into the URL field.
  4. Set the width and height to match the pixel size you built in Rija.
  5. Click OK, then drag and position the source in your scene.

The countdown now renders as a live layer in your stream, ticking in real time. Streamlabs works the same way - its Browser Source uses the same URL field.

Tip: If the timer looks stale after editing it in Rija, right-click the Browser Source and choose "Refresh" (or tick "Refresh browser when scene becomes active") so OBS reloads the latest version.

Make it blend with your scene

Rija backgrounds are solid, gradient, image or video - there isn't a built-in transparent background, so you have two honest ways to make the timer sit cleanly on your overlay:

  • Match the scene colour. Set the timer's solid background to the same colour as the area of your scene it sits on. The seams disappear and it looks integrated.
  • Use a colour key in OBS. Set the timer background to a solid colour you don't use elsewhere (a bright green, for instance), then add a Chroma Key or Colour Key filter to the Browser Source to knock that colour out.

Either approach lets the digits float over your overlay without an obvious box around them. If you want the countdown to be part of a wider on-page layout instead of a stream layer, the same publish flow is covered in our guide on how to add a countdown timer to a website.

Reusing it across scenes

Because it's just a URL, you can add the same Browser Source to more than one scene - or use OBS's "Add Existing" option to reference the same source. One timer can run across your "starting soon", "be right back" and intermission scenes, all counting to the same moment.

Free vs Pro for streamers

You can run a stream countdown timer free: unlimited timers, unlimited views, gradients and custom pixel sizing are all on the free plan, which carries a small Rija watermark. Pro ($7/month or $59/year) removes the watermark and adds image/video background upload, logo upload, CTA buttons and analytics. For a clean, unbranded overlay, Pro is worth it; for testing the workflow or a casual stream, free is enough to get a proper obs countdown running today.

Can I add a countdown to Twitch without extra software?

The countdown is added in your broadcasting software, not on Twitch directly. Build the timer in Rija, copy the hosted URL, and add it as a Browser Source in OBS or Streamlabs - whatever you stream to Twitch with. Twitch then shows whatever your scene shows.

Does the countdown keep ticking live in OBS?

Yes. The Browser Source loads the hosted timer page, so the digits update in real time just as they would in a browser. If you edit the timer in Rija, refresh the Browser Source to pull the latest version.

Can I make the timer background transparent?

Rija doesn't offer a true transparent background, but you can match your scene's background colour so it blends in, or set a solid key colour and remove it with a Chroma Key or Colour Key filter in OBS.