Show keystrokes in a webinar without distracting the audience
To show keystrokes in a webinar without pulling attention from what you are teaching, show only the shortcuts, not every letter you type. Use a compact strip rather than a whole keyboard unless the session is about where keys are, keep it in one fixed spot clear of camera tiles and call controls, let it fade when you are not pressing anything, and give it enough contrast to survive video compression.
Here is how to set each of those up, and how to check the result from the attendee’s side before you go live.
Why keystrokes distract in the first place
On a webinar, attendees watch your screen as compressed video, often in a window on a laptop. Anything that moves competes with what you are pointing at. A keystroke display that flashes every letter of a search, a URL or a chat message is a second presentation running in the corner, and most of it means nothing to the viewer.
The keystrokes that matter are the ones a viewer cannot work out from the screen alone: the shortcut that opened a panel, the key that switched a mode. Show those clearly, and let the rest go quiet.
Show shortcuts, not typing
In Typebar, the pill shows what you press as keycaps, and you choose how much it shows: everything, or only shortcuts, with or without keys like Return and Tab. For most webinars, pick only shortcuts, without Return and Tab. Typing then leaves the pill alone, and a shortcut appears with the name it has in the app you are using, such as “⌘K Insert Link”. Names come from the app’s own menus, so they match what attendees will find when they try it later.
Two more things keep the pill calm:
- Typing gathers into one chip when you do show it, instead of a stream of separate letters.
- A repeated shortcut counts up as ×2, ×3 rather than stacking copies.
Hide letters is a middle ground for live sessions: shortcuts and special keys show as usual, and letters show as dots, so attendees see that you typed without seeing what.
One trap: typing in the meeting chat while you share. If the call app is in front when you reply, the overlay shows what you type there. Add the call app to “Hide typing in these apps” and nothing typed shows while it is in front, while shortcuts and special keys still do.
A pill for most sessions, a keyboard for some
The pill is the quiet choice. The full on-screen keyboard is larger and lights up with every press, which is exactly what you want in some sessions and too much in others.
| Session | What to show |
|---|---|
| Product demo with a few shortcuts | Pill only, shortcuts only |
| Training on an app’s shortcuts | Keyboard and pill |
| Beginners who need to find keys | Keyboard and pill, all keys |
| Slides with an occasional live demo | Pill only, fading when idle |
Switch between them from Show in Typebar’s menu bar menu: Keyboard Only, Pill Only, or Keyboard and Pill. Each mode keeps its own size and place on screen, so a large keyboard for training does not undo a neat pill you set up for demos. A full keyboard or a keystroke pill: which reads better in a video compares the two in more detail.
Let it fade, and show it only while you share
Fade when idle. In Typebar’s General settings, Fade when idle is set to Never by default. Set it to fade after a few seconds for webinars, and the overlay fades while you are not typing and comes back fully with the next key.
Show only while sharing. “Show when a screen recording starts”, in Settings > Recording, makes Typebar appear by itself while your screen is recorded or shared, and hide when it stops, so you do not have to remember. A “Never show in these apps” list keeps it away from apps where you never want it. Make a keystroke overlay appear only while you record covers the setting.
Show or hide it by hand with Control-Option-Command-K (⌃⌥⌘K) or a triple tap on fn. Pause, from the menu bar menu or the Pause shortcut you set in the Privacy settings, stops everything showing until you choose Resume.
Place it clear of cameras, captions and controls
You cannot see each attendee’s layout, and call apps put things in different places: camera tiles in a strip or a corner, captions near the bottom, controls that appear when someone moves the mouse. On Macs with Apple silicon, macOS Sonoma’s Presenter Overlay can also put your camera image over the shared screen itself, as a bubble you can move. Wherever that bubble sits, keep the overlay well away from it.
A few rules hold in most setups:
- Pick one spot and keep it for the whole session. Viewers learn where to look and stop noticing it in between.
- Stay off the very edges. Corners and the bottom edge are where call apps tend to put their own things. Lift the overlay a little away from the edge.
- Keep it out of your content. Put it over a part of the screen your app does not use during the demo, such as an empty area of the window or the desktop beside it.
Drag it into place by its handle. Then check from the other side: join your own webinar as an attendee from a phone or a second computer and look at where it lands, at the size attendees will see it.
The overlay appears in screen sharing like any window, so share your whole screen, not a single app’s window. In Zoom, pick your screen rather than an app window; in Google Meet in Chrome, choose Entire Screen rather than a window or a tab. Where to put a keystroke overlay so it never covers the action has more on placement.
Contrast and size that survive compression
Webinar video softens fine detail and low-contrast edges, and the shared screen is often shown smaller than your own display. Choose a look that stays readable after both:
- Contrast with your content. A dark theme such as Space Black, the default, stands out on light apps and slides; over a dark editor, pick a lighter theme. The pill comes in light, dark or glass; glass looks good on a still desktop, but over a busy window a solid light or dark pill reads more reliably.
- Follow the macOS display settings. Increase contrast and Reduce motion are in System Settings > Accessibility > Display, and Typebar follows both: with Increase contrast on, every legend is easy to read, and with Reduce motion on, presses show as instant color changes, which is less movement for viewers who find animation distracting. Both change the whole Mac, not only the overlay.
- Size for the smallest viewer. If the pill is readable when your shared screen is shown at a third of its size on a laptop, it is readable everywhere.
Once it looks right, save the whole setup as a profile. Typebar comes with a ready-made Presenting profile you can adjust, and “Switch when these apps are in front” can turn it on by itself when your webinar app comes to the front.
Typebar costs $9 once for up to five Macs, and the 24-hour trial is enough to run a test call with everything on.
Questions
Will attendees see the overlay if I share only one window?
No. The overlay appears in screen sharing like any other window, so a share of a single other app’s window leaves it out. Share your whole screen.
Should I show every key or only shortcuts?
Only shortcuts, for most webinars. Show every key when the session is about typing or finding keys, such as a class for beginners.
Can the overlay show my passwords to attendees?
When macOS marks a field as a password field, nothing typed there shows, and the pill says “Typing hidden in a password field”. Typing is also hidden while 1Password, Bitwarden, Keychain Access or Passwords is in front.
Will Typebar’s typing sounds play into the call?
Sounds are off until you turn them on. Leave them off for webinars, so your microphone does not pick them up from your speakers.