Home

How to use with OBS

1. Add a Browser source with these settings:

   • URL: https://chlorate.ca/input-display/
   • Set the FPS to the same FPS you use for streaming.
   • Remove the default Custom CSS and leave it empty.

2. The input display needs to be configured. Right-click on the source and choose Interact. This will open a window where you can access the input display's menu and change its settings. If you already have a config file saved, you can simply load it here.

   Note: If you want to change settings via the browser source, note there is currently a bug with OBS v22 that causes a visual glitch when using any dropdown fields.

3. The source needs to be cropped. Right-click on the source and choose Filters. Add a Crop/Pad filter and adjust it to crop out the menu.

   Note: You'll need to toggle this filter off if you want to interact with the source later. Cropping also applies to the Interact window.

Analog stick calibration

• Leave all analog sticks in their neutral position.
• In the Controller tab, click the Reset button for axes.
• Rotate each analog stick or push them fully in each direction.