How can I show typing keyboard in record screen

Question

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?

score 91 · Accepted Answer · edited Mar 21 '18 at 05:11

91

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

edited Mar 21 '18 at 05:11

Jacques Kvam

103

answered Jun 01 '12 at 13:56

Lri

105,117

score 24 · Answer 2 · edited Oct 13 '18 at 22:28

24

You could try showing the 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
If you don't see a flag in your menu bar yet:
- Switch to the Input Sources tab
- ☑️Show input menu in menu bar
Click on the input menu & select Show Keyboard Viewer

edited Oct 13 '18 at 22:28

clozach

315

answered Jun 01 '12 at 14:01

Samantha Catania

3,499
5
27
48

I don't see this in the dropdown. I see this: https://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

ixany · Answer 3 · 2020-06-11T18:19:39.543

16

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

edited Jun 11 '20 at 18:19

answered Mar 18 '19 at 10:53

ixany

285

1

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

Definitely worth it! Updated link: https://ixeau.com/keystroke-pro/ – Christian Jensen Jun 09 '20 at 23:09

score 9 · Answer 4 · edited Jun 01 '12 at 15: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.

How can I show typing keyboard in record screen

4 Answers4

Instructions for macOS High Sierra (and probably others)

Linked