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
  • 1 - Launch
  • 2 - Open a project
  • 3 - Opening the output in OBS
  • 4 - Setting the outputs background colour
  • 5 - Good to go

Was this helpful?

  1. How to use with

OBS

How to integrate H2R Graphics into your OBS workflow for live production graphics.

PreviousATEMNextvMix

Last updated 3 years ago

Was this helpful?

Adding H2R Graphics to OBS is a simple way to get lots of graphics into your production, and it's fairly straightforward too.

1 - Launch

Start by launching both OBS and H2R Graphics. We're off to a good start.

2 - Open a project

Open your desired project in H2R Graphics and copy the output URL.

3 - Opening the output in OBS

In OBS, add a new Browser source to your scene.

Next, paste in the URL copied from H2R Graphics and set the Width to 1920, and Height to 1080. Then press OK.

4 - Setting the outputs background colour

By default, H2R Graphics outputs have a green background colour.

Open the Launcher > Output and then set the background colour by typing in "transparent".

5 - Good to go

And that's it. Add the Browser source to any scene where you need graphics.

Grabbing an output URL from H2R Graphics
Adding a Browser source in OBS
Configuring the Browser source in OBS
Changing the outputs background colour
Graphics showing up in OBS