60

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?

67

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
18

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
10

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
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.

You must log in to answer this question.

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