Register Login

Countdown Manual

This manual will help you to Create and Insert your Countdown into your broadcasting software for your livestream! Set a date in the future (or in the past), specify your own background and use it all with the BrowserSource feature! Takes up to 3 minutes!

No installation or download required!

Note: It will also display dates in the past!

Creating your Countdown

  1. First, click here
  2. Enter a time (Format: YYYY MM DD hh mm).
  3. Input the text you wat to show.
  4. Select the text color.
  5. Enter a background URL.
  6. Select the background color if no image.
  7. Select the background opacity to make in transparent.
  8. Click the "Create" button
  9. Now you should see your countdown in the preview window. If it looks fine, copy the URL or click copy link.
OBS BrowserWindow Option
OBS Browser Window Configuration

Instructions for OBS

  1. In OBS (Studio), create a new BrowserSource
  2. Post the URL you just copied into the URL field
  3. For Width and Height enter your native stream resolution or the size of the background you specified (else the background won't display correctly, I'm working on a fix)
  4. If you don't have a .gif background, 10 will do for FPS
  5. CSS can help the dafult with OBS is make background transparent if you want to use a colour or image clear the CSS section.
  6. Refresh browser when scene becomes active is not needed, the browser will update the time left himself

Instructions for Xsplit

Make sure you are using the latest Xsplit Broadcaster

  1. In Xsplit, select the Scene you want to display the countdown in.
  2. Then create a new Other > Webpage URL source
  3. Switch to https://
  4. After you have clicked Create on the countdown page, copy the URL (Address) of the page
  5. Paste the URL into the empty input box in Xsplit
  6. Click OK
  7. You can now resize the source to fit your stream. Scroll down for instructions on how to work with a green background or text

Work with Green Background and Text

  1. It doesn't matter if you made your text or your background green, the steps are the same
  2. Right Click the Countdown source
  3. Switch to the Color tab
  4. In the Keying section, switch to Chroma Key
  5. Make sure Key Color is switched to Green
  6. Feel free to play with the settings until you find the ones that look best for you

Disclaimer

  • Free for commercial and private use.
  • This tool will never display any ads or services produced by TSL Designs or Streamatise. If you want to support us, put a link to the website on your page with or without our logo, but it's not required at all.
  • TSL Designs or Streamatise will not store any information used on the guest user areas of Streamatise, once a user signs in or uses user customised services, provided data and user data is then stored under Streamatise.

Faults and Updates

please contact support@streamatise.com to report faults or update ideas.