55

When I record the screen on a Mac, how can I show keyboard typing in the same image (as shown below)?

enter image description here

Is there particular screen recording software or settings that will do this?

62

I also use Screenflow, but there are also a few standalone apps for that like Keycastr and Mouseposé.

  • 13
    keycastr is awesome, free and open source! Pro tip: you can drag the display where ever you like. You're not limited to just the lower left corner. – Joel Mellon Oct 14 '15 at 16:25
  • 2
    Just wanted to let you know that Keycastr has issues with keymaps different than QWERTY (AZERTY and DVORAK for example) – Gabriel Jul 5 '16 at 16:22
  • And if you want to make keystrokes look really beautiful: apple.stackexchange.com/a/354157/324701 – ixany Mar 18 at 12:28
17

You could try showing the on-screen keyboard:

on-screen keyboard

This is obviously a very different aesthetic than shown the OP's screenshot, but if it meets your needs, here's how you do it:

Instructions for macOS High Sierra (and probably others)

  • 🍎Menu > System Preferences… > Keyboard
  • ☑️Show keyboard and emoji viewers in menu bar Show keyboard and emoji viewers in menu bar
  • If you don't see a flag in your menu bar yet:
    • Switch to the Input Sources tab
    • ☑️Show input menu in menu bar Show input menu in menu bar
  • Click on the input menu & select Show Keyboard Viewer Show Keyboard Viewer
  • I don't see this in the dropdown. I see this: imgur.com/Filzgfb The trick is, I need to check both those boxes or it doesn't show up. – Daniel Kaplan Jun 28 at 17:33
9

I believe this is a part of Screenflow, which costs $99, but does have a trial available.

OS X does have a limited ability to do this, but it only shows modifier keys, like Shift, Ctrl, Command, etc. If you're interested in that, it's in System Preferences > Universal Access, under the Keyboard tab. Turn sticky keys on, and then push "Display pressed keys on screen". I don't think that's what you want, but you can check that out as well.

9

I’m recording lots of tutorial videos / screencasts for my YouTube channel and was very unhappy with existing solutions for displaying keystrokes on macOS. So I’ve made my own keystroke app:

Download: https://ixeau.com/apps/keystroke-pro/

Video: https://youtu.be/3koqaw99uKA (30 seconds)

Features:

  • Animated keystrokes look gorgeous in light and dark
  • Works great with macOS Mojave
  • Individual designed keys for common ISO and ANSI keyboard layouts
  • Localized for 23 languages

enter image description here

  • Only for mac 10.14+ (Mojave and later) - just a note for other non-Mojave users ;) – Filip Happy Jun 27 at 15:16

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .