ClipTool is a simple tool (and we’re trying to keep as simple as possible) for que & play clips on CasparCG
The new feature enables you to link to a webpage or a static .html file, and use this as overlay.
So if you put in “https://google.com” it will show that page as overlay (but as this is non transparent it will hide the video beneath)
If you need a file to test with you can save this as a .html file and reference to the file in settings:
<html>
<head>
<title>Olzzon timer overlay</title>
<script type="text/javascript">
function display_c() {
var refresh = 40; // Refresh rate in milli seconds
mytime = setTimeout('display_ct()', refresh)
}
function fmt(value) {
return String(parseInt(value)).padStart(2, "0");
}
function display_ct() {
var x = new Date()
var output = fmt(x.getHours()) + ':' + fmt(x.getMinutes()) + ':' + fmt(x.getSeconds()) + ':' + fmt(x.getMilliseconds() / 40)
document.getElementById('ct').innerHTML = output;
display_c();
}
</script>
</head>
<body onload=display_ct();>
<div style="margin-bottom: 30vh;"></div>
<span
style="color: rgb(241, 255, 251); font-size: 800%; background-color: rgba(0, 0, 0, 0.37); margin-top: 200px; margin-left: 30vw;"
id='ct'></span>
</body>
</html>