#OBS STUDIO OPERATING SYSTEM HOW TO#
#OBS STUDIO OPERATING SYSTEM SOFTWARE#

Use the transparent background option Show only the timer

Depending on the background it may also be a good idea to choose a high contrast color theme. To increase the contrast of the text against the background a bit it is recommended to also use the “Shadow” text style.Īnd these two settings are already enough to nicely integrate with OBS. Here you can select the “Transparent” option. On the controller page open the “Customize” panel and scroll to the “Background” section on the right. The transparent background option is the best and easiest way to overlay Stagetimer in OBS, but it requires a Premium license.

Use the Transparent Background option of Stagetimer (Premium feature).

Once you’re happy with the settings, click “OK” to apply the filter. Use #1c1918 as the color value and increase the similarity and smoothness a bit. Here, you can select the color you want to key out, as well as the threshold and feathering values. A new window will appear with the filter settings. Then, select “Color Key” from the drop-down menu. Next add a new filter to your source by clicking the ”+” button. To add a color key filter in OBS studio, first open the filter properties by right-clicking the source. If you don’t like it, continue to option 2. This makes the blue title and the colorful progress bar semi-transparent. This will use the brightness values to determine the opacity of each pixel. Right-click on your source in the Sources panel and select “Blending Mode” and then “Additive”. In OBS studio, there are a few ways to make the background of a source transparent. 👉 Tip: You don’t have to use 1280 by 720, the viewer page will automatically adjust to any page size and aspect ratio. To get the viewer URL, click on “Links” on the Stagetimer controller page.Īdd stagetimer.io as browser source in OBS StudioĬlick “OK” to close the properties window and the timer will now be imported into your scene. Adjust the width to 1280 and the height to 720 to get a 16×9 aspect ratio.

In the properties window that appears, enter the URL of the Stagetimer viewer in the “URL” field.

In the sources panel, click the ”+” button and select “Browser” Open OBS studio and create a new scene, or select an existing scene to edit It can be used on any operating system and an up-to-date browser.Īssuming you have OBS studio installed and set up: Stagetimer is a cloud-based speaker timer that runs entirely in the browser and can be shared via link or QR code.

#OBS STUDIO OPERATING SYSTEM SOFTWARE#

OBS Studio is a powerful free open-source software for video recording and live streaming that allows you to import Stagetimer.

#OBS STUDIO OPERATING SYSTEM HOW TO#

This short how-to video shows you how to use Stagetimer with OBS Studio

Obs studio operating system