Creating graphic overlays for WebCG

This article provides a brief introduction into creating graphic overlays for WebCG. In-depht information, explanations and best practices for creating production-ready graphic overlays for both WebCG and CasparCG can be found in the series Introduction to CasparCG’s HTML producer. Graphic overlays for WebCG are plain HTML documents that conform to a JavaScript interface. This interface consists of four functions that are defined in the global namespace (the window object). The WebCG host calls these functions to communicate and instruct the graphic overlays. [Read More]

Creating production-ready HTML templates for CasparCG

In this article we are going to create a production-ready HTML template. We will look at the characteristics of a robust template and then discover the details of the layout and design of a production-ready lower-third template. At last we will test the template with CasparCG. Have a look at the live example and its source code. This article is the second installment of the series “A comprehensive guide to HTML templates for CasparCG”. [Read More]

Introduction to CasparCG's HTML producer

CasparCG is a free and open source playout server used to deliver high quality live television broadcasts. It supports data-driven templates for graphic overlays created with Adobe Flash and HTML websites. Although support for HTML based templates has been around for years, it’s neglected by many template creators who consider it less powerful and thus it’s difficult to find information and resources about HTML based templates. This blog post series aims to be a comprehensive guide to CasparCG’s HTML producer: We will first have a look at what’s at hand. [Read More]

How to run Vue.js unit tests in watch mode

Running the whole set of unit tests with npm run unit everytime you make a change to a component takes several seconds. This definitely doesn’t fit my “code a little, test a little” workflow. Before I wanted to dive into webpack and the karma setup to employ something like a watch mode, I searched the Internet and found a neat solution to achieve the goal: Karma, the spectacular test runner for JavaScript, has an autoWatch option, which I added to my package. [Read More]
vuejs  karma 

Sign a specific APK with Bitrise's sign-apk Step

Bitrise (iOS & Android Build Automation), lets you automatically sign your apk files and offers you two options to achieve this: You either specify code sign configuration in your Gradle configuration, or you let sign-apk step sign your unsigned apk. Unfortunately, if you want to build more than one build variant or you have different platform variants or flavors, you can’t specify which apk the sign-apk step should pick up and sign. [Read More]

Athletica 6.3 on CentOS 7

Athletica provides all functionality necessary to successfully manage track and field athletics meetings. This post describes its installation of version 6.3 on CentOS 7. Prerequisites Make sure you have root privileges or, much better, your user is in the sudoers list. For instruction on how to change the sudoers list visit For the installation of Athletica we need two tools which are not in the minimal installation of CentOS 7: wget and unzip. [Read More]