---
description: >-
  How to integrate H2R Graphics into your OBS workflow for live production
  graphics.
---

# OBS

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.

![Grabbing an output URL from H2R Graphics](https://487176000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgpg8bODu8UEZd66d9q%2Fuploads%2FV3dG59Mb4J8AgOk7XEZg%2FScreenshot%202021-12-10%20at%2010.51.54.png?alt=media\&token=c3c3244a-fb1f-45db-857e-57e343e61c12)

### 3 - Opening the output in OBS

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

![Adding a Browser source in OBS](https://487176000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgpg8bODu8UEZd66d9q%2Fuploads%2FC2XASM3flT93gCCxWsbH%2FScreenshot%202021-12-10%20at%2012.18.17.png?alt=media\&token=a5136821-3f5f-4947-98c4-98a24063e103)

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

![Configuring the Browser source in OBS](https://487176000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgpg8bODu8UEZd66d9q%2Fuploads%2FHicdhDIFUX5OfG3Zx1TO%2FScreenshot%202021-12-10%20at%2012.21.32.png?alt=media\&token=5667a78e-e650-47c9-8d1b-758337ff273b)

### 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".

![Changing the outputs background colour](https://487176000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgpg8bODu8UEZd66d9q%2Fuploads%2FyxrparQidXMRSn64ctit%2FScreenshot%202021-12-10%20at%2010.59.24.png?alt=media\&token=b43f7638-a032-46a1-b717-e3b68854c8c1)

### 5 - Good to go

And that's it. Add the `Browser` source to any scene where you need graphics.&#x20;

![Graphics showing up in OBS](https://487176000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgpg8bODu8UEZd66d9q%2Fuploads%2Foe5Zp6GQyqMwseK44kKf%2FScreenshot%202021-12-10%20at%2012.22.56.png?alt=media\&token=5872b9d2-c04b-4cfe-90d0-1d92ebe334dc)

