Miniontoby

Background Information

Let's start with some background information, so you'll get my point of view.

So I've been working on a content projection software, for lyrics, pictures, videos, pdf's, countdown and clock. Since it would be used on beamers, but also for livestream subtitles, I also implemented a greenscreen preset.

The other day I helped out on a big conference as end of director for the livestream. For the lower thirds for nameplates and stuff we used ProPresenter sending out TWO feeds. One with black/white and one with the actual content.

jalbam

'use strict';

// requestAnimationFrame polyfill by Erik Möller.
// Fixes from Paul Irish, Tino Zijdel, Andrew Mao, Klemen Slavic, Darius Bacon and Joan Alba Maldonado.
// Adapted from https://gist.github.com/paulirish/1579671 which derived from
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// Added high resolution timing. This window.performance.now() polyfill can be used: https://gist.github.com/jalbam/cc805ac3cfe14004ecdf323159ecf40e
// MIT license
// Gist: https://gist.github.com/jalbam/5fe05443270fa6d8136238ec72accbc0