← Blog

How to Show Keyboard and Mouse Inputs on Gameplay Videos: Keystroke Overlays (2026)

Example of a keystroke overlay showing keyboard and mouse inputs on top of a game screen
Photo · Pexels
Key takeaways
  • A keystroke overlay is a display that shows the keyboard and mouse inputs you are pressing in real time, right on top of the game screen.
  • For combo and mechanics tutorials, sharing inputs, and reviewing your own play, it conveys your controls far more clearly than words ever could.
  • Normally you have to install a separate program like NohBoard alongside OBS and manually adjust its position and skin, which is tedious.
  • DOR automatically displays keyboard and mouse inputs on your recordings and clips, so you can share right away with no extra setup.

When you show off precise movement in a shooter, a combo in a fighting game, or a skill combo in a MOBA on video, the screen alone rarely makes it clear which keys you actually pressed. That is why most tutorial videos from skilled players keep the keyboard and mouse inputs displayed in a corner of the screen.

In this article, we walk through what a keystroke overlay is, why it is worth turning on, how people usually make one, and how DOR automatically displays inputs on your recordings and clips, step by step.

What Is a Keystroke Overlay

A keystroke overlay is a display that layers real-time graphics of the keyboard keys, mouse buttons, and mouse movement you are currently using on top of your gameplay video. In English it is called a key input overlay or keystroke overlay, and it usually appears as a small keyboard shape in a corner of the screen.

  • The key you press lights up or changes color, so you can instantly see which key was hit.
  • Mouse inputs such as left and right clicks, the wheel, and movement direction can be displayed too.
  • WASD movement, skill keys, and actions like jumping or dashing line up perfectly with the on-screen action and its exact timing.
A keystroke overlay showing keyboard and mouse inputs in real time in a corner of the screen
The keys you press light up, so the order of your inputs is clear at a glance.

Why Showing Your Inputs Helps

Showing your key inputs on screen lets you convey controls that are hard to explain in words with precision. It is especially effective in the following situations.

  • Combo and mechanics tutorials: viewers can copy exactly which keys you pressed, in what order, and with what timing.
  • Sharing inputs: when you post a split-second movement or aim adjustment to the community, having the inputs shown makes it far more convincing.
  • Reviewing your own play: when you rewatch your play, you can spot the moments your hands got tangled up and any unnecessary key presses yourself.

For example, counter-strafing in Valorant, fast skill combos in League of Legends, and slide-and-jump movement in Apex Legends all become noticeably easier to understand when the key inputs are shown alongside them.

For a tutorial video, add a quick note that mouse sensitivity and key bindings differ from person to person. The same key can feel different depending on the setup, so this helps reduce misunderstandings.

The Usual Way: OBS + NohBoard

To build a keystroke overlay yourself, you generally combine a broadcasting program like OBS with a separate key display program like NohBoard. The concept is simple, but once you actually set it up, it takes quite a bit of work.

  • You have to download, install, and keep running a separate key display program like NohBoard.
  • You have to choose the key layout and skin to display, and separately configure it to show mouse inputs too.
  • In OBS you have to bring in that display via window capture or chroma key and manually adjust its position and size.
  • If you forget to keep the program running every time you record, the inputs will not be captured in your clip when it matters.

For someone comfortable with broadcast setups this is doable, but for someone who just wants to quickly save a good moment, the barrier is high. On top of that, a setup built this way makes it hard to turn the inputs on and off separately when you edit the clip later.

Automatic Display with DOR

DOR is a free game recording and clip tool that automatically detects your game and turns highlights into automatic clips. On top of that, it automatically displays your keyboard and mouse inputs on your recordings and clips, so you get a video with the inputs baked in without installing a separate plugin or adjusting its position.

  • No need to install a separate program like NohBoard or composite the display in OBS.
  • Since recording happens through automatic game detection, when a good moment happens the inputs are saved right along with it.
  • It is NVENC-based, so it is light even on low-spec setups, and it records cleanly with no watermark.
  • In the browser editor you can trim just the parts you need and share to the dor.gg community in one click.
Trimming a clip with key inputs included in the DOR browser editor
Trim a clip that already has inputs baked in and share it straight from the browser.
If you are planning to make a mechanics tutorial, collect the automatic clips DOR saves whenever a good moment happens. Since the inputs are already captured, editing them into a tutorial later is much easier.

Wrap-Up

A keystroke overlay is a huge help for showing combos and mechanics, sharing inputs, and reviewing your own play. Building one yourself means taking on the installation and setup of an OBS and NohBoard combo, but with DOR your keyboard and mouse inputs are automatically displayed on your recordings and clips, so you can start far more easily. If you want to make videos that show your controls properly, just turning it on once changes the result.

FAQ

FAQ

What exactly is a keystroke overlay?

It is a display that layers real-time graphics of the keyboard keys and mouse buttons and movement you are currently pressing on top of your gameplay video. It is used to convey controls like combos and movement to viewers with precision.

How is making one with OBS and NohBoard different from DOR?

OBS + NohBoard requires you to install separate programs and manually adjust the key layout, skin, and position. DOR automatically displays your keyboard and mouse inputs on your recordings and clips, so you get a video with the inputs baked in without any of that setup.

Are mouse inputs displayed too?

A keystroke overlay can show not only keyboard input but also mouse input like left and right clicks and movement. It is especially useful when explaining aim adjustments or movement.

Can I use it comfortably on a low-spec computer?

DOR uses NVENC-based recording, so it tends to be light even on low-spec setups. Since the input display is captured within the recording itself, you do not need to run a separate program on the side, which reduces the load on your resources too.

How can I best use it when making tutorial videos?

If you save an automatic clip with DOR whenever a good moment happens, the keyboard and mouse inputs are captured along with it, so later you can trim just the parts you need in the browser editor and polish them into a combo or mechanics tutorial.

Games

Record these games

Read next

Related articles

Get started with DOR

Install, launch your game, and highlights pile up as clips