OBS Studio Input Overlay Guide Step-by-Step Install Tips for Keyboard and Mouse Input Display

In this blog post, I will show you how to add an input overlay of keyboard and mouse keys pressed by the user to your recorded video or live stream.

Video Tutorial of OBS Studio Input Overlay

1. Download and Install OBS Studio:

• If you haven't already, download OBS Studio from the official website: https://obsproject.com/kb/windows-installation.
• Follow the installation instructions to set up OBS Studio on your system.

2. Download the Input Overlay Plugin:

• Navigate to the Input Overlay plugin's resource page: https://obsproject.com/forum/resources/input-overlay.552/.

  Download the plugin installer & preset zip folder

• Follow the installer instructions to install the plugin.

• Unzip the input-overlay-presets.zip folder.

  

  Remember the location of the input-history-windows.html file, as we'll need it later.

3. Configure OBS Studio:

• Open OBS Studio
• In the Sources panel, click the + button and select Browser
• In the browser source properties:
  • Check the Local File option.
  • Browse to and select the input-history-windows.html file from the unzipped presets folder.
• Here is the full configuration
• Click "OK."

4. Adjust Input Overlay Settings:

• Go to Tools > Input-overlay settings
  • 
• Enable the necessary settings, such as displaying keyboard and mouse inputs, and customize the appearance as desired.
  • 

5. Restart OBS Studio:

• Close and reopen OBS Studio. You might be prompted for administrator permissions during the restart.
• Now your input overlay should be working.