---
description: >-
  How to integrate H2R Graphics into your vMix workflow to show graphics to your
  live audience.
---

# vMix

Adding H2R Graphics to vMix is super straight-forward and offers lovely clean graphics, thanks to the integrated browser in vMix.

### 1 - Launch

Start by launching both vMix and H2R Graphics. So far, so good.

### 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 vMix

In vMix, add a new `Web Browser` input and paste in the URL copied from H2R Graphics.

![Web Browser Input in vMix](https://487176000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgpg8bODu8UEZd66d9q%2Fuploads%2FO9IVarnITUh36MFgb0YJ%2FScreenshot%202021-12-10%20at%2010.56.01.png?alt=media\&token=c8828dfd-5953-4b67-82b6-0dd3cdc53ad1)

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

Use an overlay to place your graphics on top of your vMix output. Done!

![Using H2R Graphics in vMix with an overlay](https://487176000-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgpg8bODu8UEZd66d9q%2Fuploads%2FUkHkDU1rwbrVBUjSCbtM%2FScreenshot%202021-12-10%20at%2012.14.21.png?alt=media\&token=7da81d0a-3154-4823-8732-d502b5f5ce08)
