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

obs-studio-input-overlay-install-tips

Professional Stream Visuals: Install Input Overlay in OBS Studio for Keyboard and Mouse Input Display

OBS Plugins Mouse Overlay OBS Studio Input Overlay Keyboard Overlay Stream Setup Gameplay Streaming Tutorials Live Streaming Streaming Tutorial

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:

2. Download the Input Overlay Plugin:

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

    Download the plugin installer & preset zip folder

  • Follow the installer instructions to install the plugin.
  • Unzip the input-overlay-presets.zip folder.unzip-input-overlay-presets

    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 add-browser-to-the-sources
  • 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. input-history-html-file
  • Here is the full configuration browser-source-configuration-to-display-input-history
  • Click "OK."

4. Adjust Input Overlay Settings:

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

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. demonstration-of-input-overlay