V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
sneezry
V2EX  ›  分享创造

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

  •  1
     
  •   sneezry ·
    Sneezry · 2020-01-05 03:42:36 +08:00 · 7475 次点击
    这是一个创建于 1768 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在录制屏幕时,需要把快捷键等信息现在是视频中,所以需要把按键显示在屏幕上。目前有一些工具能做到这一点,但是样式和位置控制都十分有限,用起来不是很顺手。

    写了个小工具来做这件事: 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
    第 1 条附言  ·  2020-01-06 00:04:13 +08:00

    分享一段自定义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;
    }
    
    21 条回复    2021-10-24 18:01:44 +08:00
    May725
        1
    May725  
       2020-01-05 04:49:41 +08:00
    有用
    lxk11153
        2
    lxk11153  
       2020-01-05 05:57:11 +08:00   ❤️ 1
    之前用过 Carnac ... see av77551198
    wofave
        3
    wofave  
       2020-01-05 08:04:42 +08:00 via iPhone
    收藏了
    sneezry
        4
    sneezry  
    OP
       2020-01-05 09:17:46 +08:00 via iPhone
    @lxk11153 对的,我找到的也是 Carnac,然后我发现样式控制太难了,字号调到 200 就显示不正常了,我屏幕又比较大,默认的字号看不清…
    hfutzj
        5
    hfutzj  
       2020-01-05 10:06:20 +08:00 via Android
    插眼,有用
    Good9
        6
    Good9  
       2020-01-05 12:31:53 +08:00
    heiybb
        7
    heiybb  
       2020-01-05 12:43:02 +08:00
    KeyCastOW+1
    DOLLOR
        8
    DOLLOR  
       2020-01-05 12:47:48 +08:00 via Android
    Electron 都能做这样的功能了?
    lemonda
        9
    lemonda  
       2020-01-05 13:20:33 +08:00
    昨天还在想笔记本上按 CapsLock 时会显示,今天就看大了,有用
    sneezry
        10
    sneezry  
    OP
       2020-01-05 14:33:19 +08:00 via iPhone
    @lemonda 遗憾的是 capslock 好像抓捕不到😂
    wdy3334
        11
    wdy3334  
       2020-01-05 14:51:14 +08:00 via Android
    收藏了
    TangMonk
        12
    TangMonk  
       2020-01-05 16:21:53 +08:00 via iPhone
    @sneezry 应该捕捉得到,有些游戏在输入密码的时候能够判断大写键开了
    sneezry
        14
    sneezry  
    OP
       2020-01-05 16:29:41 +08:00
    @TangMonk 我写的这个现在捕捉不到,好像是我监听的事件不包括 CapsLock。我监听的 keypress,可能得换成 keydown 什么的才能监听到。F1 什么的现在也监听不到。
    huiyadanli
        15
    huiyadanli  
       2020-01-06 00:34:32 +08:00
    shuax
        16
    shuax  
       2020-01-06 10:50:24 +08:00   ❤️ 1
    https://shuax.com/project/mouseinc/
    我的 MouseInc 也可以显示
    zzazzx
        17
    zzazzx  
       2020-01-07 15:39:14 +08:00 via iPhone
    自己下载了一个 真的很好用
    dyxang
        18
    dyxang  
       2020-02-01 11:31:14 +08:00 via Android
    补充一下
    Captura – 带键盘按键录制的录屏工具,支持直播[Windows]
    via 小众软件
    whwq2012
        19
    whwq2012  
       2020-04-21 22:20:35 +08:00
    @shuax #16 你这个工具很好用,爱了爱了
    imgwh
        20
    imgwh  
       2021-07-29 10:06:56 +08:00
    @shuax 你这个真不错 兄弟
    YaakovZiv
        21
    YaakovZiv  
       2021-10-24 18:01:44 +08:00
    @shuax 很赞,收藏了,体验后,关于键盘回显有疑问,shift ,alt 这类按键按了以后没有回显。后续是否考虑更新进去。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1299 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 17:43 · PVG 01:43 · LAX 09:43 · JFK 12:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.