GampPadOverlay is developed by Katy from KWWD as is supplied as is with no warranties. If you have any issues, please open a support ticket.
This website uses cookies to enhance your experience and for analytics purposes via Google Analytics. By continuing to use our site, you consent to the use of these essential and analytical cookies.
Find this useful? Help me keep developing new things by supporting me on Ko-Fi using the button below or by checking out my other tools.
Select the controller style, active button color, stick indicator color and stick size that you wish to use using the options on the left.
Click on the copy button next to the source URL to get your URL with your selected controller style.
In OBS, add a new "Browser source", paste in the copied Source URL and enter a width of 1920 and a height of 1080. Assuming you have the "&panel=off" flag in the source URL the left options panel will not be displayed.
You can now drag the controller overlay anywhere on your OBS layout, and resize as required.
If you are having issues displaying the browser source, go to File > Settings > Advanced and at the bottom of the advanced section under "sources" uncheck "use hardware acceleration". You may also need to run OBS in administrator mode.
Note that the keyboard overlay will not work if you're running OBS as an administrator due to Windows security policies.
If you're trying out GamePadOverlay and are not able to see controller inputs on FireFox, some settings may prevent interacting with your controller. Check the following settings in about:config:
dom.gamepad.enabled = true;
privacy.resistFingerprinting = false
dom.gamepad.non_standard_events.enabled = true
If you experience any issues please open a support ticket.