ianvatega / testcard

HTML5 testcard used for my livestreams. You can feed this URL into a browser source at OBS to render a test card before and after your livestream.

Home Page:https://makigas.github.io/testcard

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HTML5 Testcard

See demo

Just a webpage that renders a testcard with a clock pattern. I use it on my livestreams while I'm setting up before starting. You can give it a try using the public website.

Test card on its regular form

Usage

The most basic form is just accessing the index.html file. However, by using the banner param in the URL querystring a fixed text can be displayed on the top half of the screen. Example:

Test card with a parameter

Using with OBS

You can attach webpages as sources in OBS livestreams by installing the Browsersource plugin. Please, download the plugin for your platform first:

Add the public page as the website to display. Make sure the testcard fills the entire screen. Set the URL to the testcard one, change the banner param if you want; now you are ready to rock.

License

The theme is available as open source under the terms of the MIT License. See LICENSE.txt for the full contents of the license.

About

HTML5 testcard used for my livestreams. You can feed this URL into a browser source at OBS to render a test card before and after your livestream.

https://makigas.github.io/testcard

License:MIT License


Languages

Language:HTML 63.7%Language:JavaScript 19.9%Language:CSS 16.4%