魔法键盘:敲一个键,掉一个键帽
魔法键盘是一个用来「听手感」的在线键盘音效模拟器。敲下键盘上的任意一个键,对应的键帽会带着弹性弹射上天、 划出一道弧线再落回屏幕底部,同时响一声机械键盘的敲击音。
它没有任何设置项、没有输入框、没有导出按钮 —— 打开页面直接敲键盘就行。真正的乐趣藏在四个隐藏彩蛋里。
怎么用
- 打开页面后直接敲击键盘,无需点击、无需获得焦点之外的任何操作。
- 键帽会从屏幕底部对应按键的位置弹射出来,落点大致对应它在键盘上的左右位置。
- 手机上用手指按住屏幕,就会在按住的位置持续掉落键帽,松手即停。
- 右下角可以一键静音,状态会被记住,下次打开保持同样设置。
哪些键会掉键帽
覆盖主键区的字母、数字、符号、空格,以及小键盘区的数字与运算符。 为了避免打断你的正常操作,Shift、Ctrl、Alt、Cmd 等修饰键本身不会掉落键帽, 带 Ctrl / Cmd / Alt 的组合快捷键(比如 Ctrl+C、Cmd+R)也会被完整放行给浏览器。
四个隐藏彩蛋
依次敲出下面这些字母就能触发,再敲一次同样的字母即可关闭。不需要输入框,工具会一直盯着你最近按下的几个键。
四个彩蛋可以同时开着:比如「旋转 + 下雨」一起开,天上会掉下一大片边掉边转的键帽。
音效是怎么来的
全部由 Web Audio 在浏览器里实时合成,没有任何音频文件。 机械键盘的敲击声是一段高频瞬态加上低频壳体共鸣,水滴声是音高快速上滑的正弦,雨声是低通白噪声。
这么做的直接好处有两个:一是不依赖任何音频素材,不会加载失败、不会 404;二是每次敲击都是一段独立的音源, 快速连打时声音自然叠加,不会出现「后一个音把前一个音掐断」的爆音。
性能与隐私
- 同屏键帽上限 100 个,超出后自动移除最早的,连打或长按都不会把页面拖死。
- 落到屏幕下方的键帽会被自动回收,不会在后台无限堆积。
- 切到别的标签页时物理计算暂停,切回来自动恢复。
- 本工具完全在浏览器本地运行,不会上传你的按键记录或任何数据。
常见问题
敲键盘没有反应怎么办?
先点一下页面任意位置让它获得焦点。如果仍然没反应,检查是不是按在了 Shift、Ctrl、Alt、Cmd 或 F1~F12 上 —— 这些键按设计不会掉落键帽。另外带 Ctrl / Cmd / Alt 的组合键是留给浏览器的快捷键,工具会主动放行。
键帽会一直堆积吗?
不会。屏幕下方有一块看不见的承托板,键帽一旦落到它上面就会被立刻回收; 同时同屏数量被限制在 100 个以内,超出后最早的键帽会被移除。
音效是真实录音吗?
不是。所有音效都由 Web Audio 实时合成,页面不加载任何音频文件,因此不会产生额外的网络请求,也不会出现音频加载失败的情况。
手机上能用吗?
可以。用手指按住屏幕,就会在按住的位置每 100 毫秒掉一个键帽,松手立即停止。手机浏览器要求先有一次真实交互才允许播放声音, 所以第一次触摸同时就是解锁声音的动作。
它会记录我按了哪些键吗?
不会。本工具是纯前端实现,按键只在你的浏览器内存里参与物理运算,不发送任何网络请求,也没有任何日志上报。