75

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?

Improve this question
85

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

Improve this answer
3
  • 19
    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
  • 1
    And if you want to make keystrokes look really beautiful: apple.stackexchange.com/a/354157/324701
    – ixany
    Mar 18 '19 at 12:28
24

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
Improve this answer
1
  • 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 '19 at 17:33
17

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

Improve this answer
2
10

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.

Improve this answer

You must log in to answer this question.

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