把按键显示在屏幕上的 Windows 工具，方便录屏时使用

[sneezry]

在录制屏幕时，需要把快捷键等信息现在是视频中，所以需要把按键显示在屏幕上。目前有一些工具能做到这一点，但是样式和位置控制都十分有限，用起来不是很顺手。

写了个小工具来做这件事： https://github.com/Sneezry/Signpost

虽然是用 Electron 写的，但是我根据自己的需求，只做了 Windows 10 64-bit 的兼容，Windows 10 32-bit、Windows 7、Linux 和 macOS 都不能用。因为改起来并不困难，所以有需要的同学可以自己改。

用 Windows 10 64-bit 的同学可以直接到项目的 release 里下载安装包。

录了个比较短的视频来做演示： https://image.sneezry.com/d16zosf7okzw.mp4

分享一段自定义CSS：

#signpost {
  background: rgba(0, 0, 0, 0.75);
  opacity: 1;
}

.kbd {
  box-sizing: border-box;
  line-height: 80px;
  font-size: 22px;
  text-align: center;
  width: 80px;
  color: #555;
  cursor: pointer;
  margin: 0 8px;
  height: 80px;
  border-color: #f2f2f2;
  border-style: solid;
  text-shadow: 0 0.5px 1px #777, 0 2px 6px #f2f2f2;
  border-width: 1px;
  border-radius: 10px;
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
  font-family: sans-serif;
  display: inline-block;
  box-shadow: 0 0 1px #888,0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

.plus {
  display: none;
}

[May725]

有用

[lxk11153]

之前用过 Carnac ... see av77551198

[wofave]

收藏了

[sneezry]

@lxk11153 对的，我找到的也是 Carnac，然后我发现样式控制太难了，字号调到 200 就显示不正常了，我屏幕又比较大，默认的字号看不清…

[DJI360]

插眼，有用

[Good9]

一直在用 KeyCastOW
https://github.com/brookhong/KeyCastOW

[heiybb]

KeyCastOW+1

[AV1]

Electron 都能做这样的功能了？

[lemonda]

昨天还在想笔记本上按 CapsLock 时会显示，今天就看大了，有用

[sneezry]

@lemonda 遗憾的是 capslock 好像抓捕不到😂

[wdy3334]

收藏了

[TangMonk]

@sneezry 应该捕捉得到，有些游戏在输入密码的时候能够判断大写键开了

[TangMonk]

@TangMonk https://stackoverflow.com/questions/27223601/delphi-monitoring-status-of-capslock-key

[sneezry]

@TangMonk 我写的这个现在捕捉不到，好像是我监听的事件不包括 CapsLock。我监听的 keypress，可能得换成 keydown 什么的才能监听到。F1 什么的现在也监听不到。

[huiyadanli]

https://github.com/Code52/carnac

[shuax]

https://shuax.com/project/mouseinc/
我的 MouseInc 也可以显示

[zzazzx]

自己下载了一个 真的很好用

[dyxang]

补充一下
Captura – 带键盘按键录制的录屏工具，支持直播[Windows]
via 小众软件

[syahd]

@shuax #16 你这个工具很好用，爱了爱了

[imgwh]

@shuax 你这个真不错 兄弟

[YaakovZiv]

@shuax 很赞，收藏了，体验后，关于键盘回显有疑问，shift ，alt 这类按键按了以后没有回显。后续是否考虑更新进去。