Countdown to Time

Countdown to a Time in OBS Studio the Easy Way!

tools

Ver. 2.1.0

Add a countdown timer to a specific time of day to your stream in OBS Studio using the built-in browser source! My simple tool is an online form that is the quickest way to put a countdown timer that ends at your custom specified time of the day into your streams! Simply configure your animation using the online form, copy the URL from the browser preview, and paste into an OBS Studio browser source and the text will animate based on your selections.

Tutorial video coming soon! I released the tool when it was done in development rather than holding it back and also waiting for the tutorial video to be done.

If you happen to have any issues check out the troubleshooting page or don’t hesitate to send me a Tweet or DM to ask for some help.

And of course… tweeting me to let me know you’re using it, shares, and referrals are always appreciated!

Customize your Countdown


What time you want your countdown to end. Should be formatted in 24-hour time. E.g. 18:00 is 6:00PM
Tells the tool to show text after the timer has completed.
The text to show when the timer is complete.
The alignment of your text within the window. The window will be the browser source inside OBS Studio and the sizing will be based on the set browser source properties you will configure inside OBS Studio in a later step.
The font that will be used for your text. See Google Fonts for reference of font styles.
The pixel based sizing of your text within the window.
The color of your text. You can use Google Color Picker to select a color and paste in the HEX value into this box.
Tells the tool to add a text shadow.
The horizontal offset of your text shadow. A positive number will move the shadow down. A negative number will move the shadow up.
The vertical offset of your text shadow. A positive number will move the shadow right. A negative number will move the shadow left.
The blurriness of your text shadow's feathered edge.
The color of your text shadow. You can use Google Color Picker to select a color and paste in the HEX value into this box.
Defaults to transparent. Will show up as white in browser testing but transparent in OBS Studio. Use Google Color Picker to select a color and paste in either HEX value into this box.
Tells the tool whether or not to reveal your text with an animation. Note: Timer will start before the enter animation is completed.
The animation that will be used to reveal your text.
How long the tool will wait to start the enter animation. This allows you to delay your text reveal to compensate for things like stinger transition length or even just an arbitrary amount of time you want to wait to show your text. Note: Timer will start before the enter animation delay is completed.
How long the enter animation will take to completely reveal your text.
Tells the tool to repeat the enter animation forever. Note: This overrides all below setttings.
How long your text will stay on screen. Only used when the repeat animation forever setting is set to "Yes".
Tells the tool whether or not to hide your text with an exit animation. When set to "No" your text will remain on screen forever or until the browser source is hidden or the scene is switched to again.
The animation that will be used to hide your text.
How long the exit animation will take to completely hide your text.