H2R Graphics

Output window

An output window is where your graphics appear.

This can then be overlaid onto your production, keyed out, and used to show all your graphics to your viewers.

Opening an output

Use the launcher to open an output window.

Opening an output window
Opening an output window

This method shown will open a native window on your computer for use within your production.

Alternatively, you can copy/paste the URL shown in your application to any browser on your computer, or another computer running on the same network.

Output open in Chrome and on a native output window
Output open in Chrome and on a native output window

Preview output

In order to Preview your graphics, open a preview window.

Selecting the Preview output
Selecting the Preview output

The Preview output works similarly to the standard output, however, it will also show graphics that are Cued so that you can position them. Learn about Cueing graphics here.

Output and Preview output
Output and Preview output

Save output as PNG

Right-click on any output in order to create a PNG snapshot of the graphics.

Saving a PNG
Saving a PNG

This action will save a PNG image to your computer for your use.

Saved PNG
Saved PNG

When your output background is set to ‘transparent’, the PNG will also have a transparent background.

Hiding your cursor

To hide your mouse cursor, navigate to the app settings.

Setting the cursor to hide
Setting the cursor to hide

Now when you mouse over an output, your cursor will disappear.

Going fullscreen on macOS or Windows

Make your Output fullscreen by using the following keyboard shortcuts.

macOS: CMD+F

Windows: FN+F11 or F11

Output URL modifiers

Background colour

Change the background colour of any output using this URL modifier: ?bg=colour

e.g. http://192.168.8.166:4001/output/ABCD/?bg=red

Try other colours too like lime, black, transparent or %23444444.

ℹ️ Hex is possible, however you need to encode the # as %23. So the colour #444 should be written as %23444

Simplify your graphics workflow

Start using graphics on your live stream or video productions.

Download for free