/donathon-countdown

This is a countdown timer template for Twitch streams

Primary LanguageJavaScript

Donathon Countdown Template

Download


Description

A subathon-like timer that increases when someone donates money.


Preview


Usage

After downloading latest version, extract it to any place on your computer.

Then you'll have to edit config.js file (open it with notepad or any other text editor). You can place there your tokens and edit some app settings to fit your needs.

Warning: do not show your tokens on stream

Donation alerts

To get the token you'll have to go to the general settings tab of your Donation Alerts dashboard then click Show token and paste the code on the "donationAlertsToken" variable in the "config.js" file.

Initial Time

You can set the initial time of the timer by setting the hours, minutes and seconds to be added when the timer is created.

Add To OBS

To add it to OBS you just have to open application and add it as window capture source

How to make transparent background in OBS

  1. Make sure you set isGreenBackground to true in config.js
  2. Select filters tab for timer window source

  1. Add Chroma key filter

Hotkeys

  • "R" - reset time to initial
  • Arrow UP - increase time
  • Arrow DOWN - decrease time
  • Space - pause timer

OBS Browser Source

You can use it as browser source, but in this case you cant use hotkeys and need to use another webpage to controll the timer

  1. Setup server_name in config.js and if you wanna use another server you can setup your own controllsServer and set multicontrolls = false
  2. Add index.html as browser source in your OBS
  3. Open controller.html in your browser, to controll the timer, you can open and close this page anytime and it wont affect the timer.