H2R Graphics v2
  • Return to h2r.graphics
  • What is H2R Graphics?
  • Getting started
  • Launcher
  • Control
    • Rundown
    • Data source
      • YouTube live chat
      • HTTP listener
      • SocialStream.ninja
    • Variables
    • Social
  • Output
    • Output window
  • Graphics
    • Time
    • Map
  • Theme
    • Fonts
    • Colours
    • Custom CSS
  • How to use with
    • ATEM
    • OBS
    • vMix
  • Pro
    • What is Pro?
    • Multiple projects
    • Multiple outputs
    • Pro graphics
  • API
    • HTTP
    • Companion
    • OSC
  • Issue or feedback?
  • Manual backup
Powered by GitBook
On this page
  • Opening an output
  • Preview output
  • Save output as PNG
  • Hiding your cursor
  • Going fullscreen on macOS or Windows
  • Output URL modifiers
  • Background colour

Was this helpful?

  1. Output

Output window

PreviousSocialNextTime

Last updated 3 years ago

Was this helpful?

An output window is where your graphics appear.

This can then be overlayed 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.

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.

Preview output

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

Save output as PNG

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

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

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.

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

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
Opening an output window
Output open in Chrome and on a native output window
Selecting the Preview output
Output and Preview output
Saving a PNG
Saved PNG
Setting the curor to hide