Stream overlay

Clock for Streamers

A clean browser clock for OBS, YouTube Live, Twitch scenes, study streams, and recording desks. Use it fullscreen, or add a lightweight browser-source overlay with a green-screen background.

OBS Browser Source

Paste the hosted clock URL into OBS as a browser source and crop it into your scene.

YouTube and Twitch

Keep current time visible during study streams, radio shows, coding sessions, and long broadcasts.

Green-screen mode

Use chroma=green when you want to key out the background in your streaming software.

Related stream tools

OBS

Add the clock to OBS

Use the hosted embed URL as an OBS Browser Source. The green background is optional, but it makes chroma key setup straightforward.

Add a browser source

In OBS, add a new Browser Source and paste the clock URL below.

Size the overlay

Start with 420 x 420, then crop or scale it into the corner of your scene.

Key the background

If you use chroma=green, add a Chroma Key filter and remove the green background.

OBS browser source URL

This URL opens the minimal clock with dark styling, seconds enabled, and green-screen mode.

https://analogueclock.com/embed/clock?face=minimal&theme=dark&seconds=1&smooth=1&label=Live&chroma=green
Embed generator

Stream clock FAQ

Can I use this clock in OBS?

Yes. Add a Browser Source in OBS and paste the embed clock URL. You can crop, resize, and position it like any other overlay.

Does the clock work for YouTube Live and Twitch?

Yes. The clock is browser-based, so it works anywhere your streaming software can show a browser source.

What is chroma=green?

It changes the embed background to pure green so you can use a chroma key filter and remove the background from your scene.