Countdown Clock?

template
client
atem

#1

I need a talent program countdown clock overlay. What examples or sample templates to you suggest to start with?

I will be starting the intro video in CasparCG, triggering an ATEM macro and starting the program countdown clock from CasparCG


#2

So I found this basic countdown clock.

You have to install node.js
Open cmd window in template folder and install gulp

You can then generate the template files and copy the casparcg output folder to the template directory.

Now I need to find documentation on the ATEM macros part of the CasparCG Client…


#3

Found the setup instructions for the ATEM commands.


#4

Hello zcybercomputing;

Could you post a capture screen with your clock overlay ? I’would like to use 5 count up clock but I don’t know how to install your solution.


#5

That compiler ends up just combining javascript files and dependencies. This is not my code, but here is what I compiled.

Copy to templates folder.

You will need to add some additional update functions and change the javascript to make it count up instead of down. Please share the code also, because I have been meaning to make it change colors and start counting up after reaching zero on the countdown. The Javascript is what runs the animations to count time.


#6

thanks I will try it


#7

here a simple ziped Caspar Windows Speechtimer client, one Exe and on DLL, put it in the same folder. We always use it for the TED sessions.
Speechtimer Program
here a example ot a speechtimer flash template, you can choose the color of the time…ft, .fla and.as file included.
flash template (fls, as and ft)


#8

I am using a javascript based countdown clock in an HTML template

http://flipclockjs.com

i pass in the start time using a querystring to the template and can update it if needed while running


#9

looks very cool!
would you share your HTML file?


#10

Sure, its here

https://pastebin.com/wS2XMdik

you’ll just need to change the references to the files in the flip clock.js download

i am using wordpress as a backend in my client

you can set the timer using a call like:

PLAY 3-10 [HTML] http://192.168.1.50/layer/timer/?time=60