Qwerty Learner 按键音设置指南3 步换出你喜欢的机械键盘声【免费下载链接】qwerty-learner为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件 / Words learning and English muscle memory training software designed for keyboard workers项目地址: https://gitcode.com/GitHub_Trending/qw/qwerty-learner敲一个英文单词耳边只有键盘沉闷的咔哒声。Qwerty Learner 的设置面板里藏着更逼真的按键音Cherry MX Blues、Topre共 14 种音效3 步就能切换。动手前要备好的环境与文件已安装 Node.js并装好 yarn 包管理器负责安装项目 JS 依赖的工具已将项目仓库克隆到本地电脑桌面端浏览器项目在 src/pages/Typing/index.tsx 中检测到移动端会弹出提示建议用桌面浏览器扬声器或耳机正常系统音量未静音核心操作3 步从启动到换出喜欢的音效第 1 步在项目根目录安装依赖并启动做什么装依赖、起本地服务。在哪做克隆下来的项目根目录执行yarn install yarn devVite前端构建工具启动后在浏览器打开终端提示的 localhost 地址。验证成功单词练习页正常加载默认词库显示为 CET4四级词汇右上角能看到 Start 按钮。第 2 步在声音设置里找到按键音开关做什么打开设置面板切到声音标签页。在哪做练习页右上角的设置入口对应代码在 src/pages/Typing/components/Setting/SoundSetting.tsx。这一页分三块单词发音、按键音、效果音。验证成功「按键音」标签旁的开关显示发音已开启音量滑条和音效下拉框不再是灰色。第 3 步试听音效、选定并确认刷新后不丢失做什么切换按键音效包。按键音下拉框内置了 14 个机械键盘音效从public/sounds/key-sound/目录自动扫描而来Default 排第一其余按字母序排列Cherry MX Blues、Cherry MX Browns、Topre 都在其中。鼠标悬停在任意音效上右侧出现一个耳朵图标点一下就播放真实音色。选好音效后拖动下方音量滑条0~100步进 10%再在单词上敲任意键。验证成功每次敲击都发出你选的咔哒声。设置由keySoundsConfigAtom写入浏览器 localStorage浏览器内置的持久化存储键名为keySoundsConfig播放逻辑在 src/hooks/useKeySounds.ts。按 F5 刷新页面音效和音量都没变才算真正生效。问题自查3 个高频问题的排查顺序按键音开关打开了却不出声现象开关显示已开启敲键盘没声音。 可能原因浏览器自动播放策略拦截系统音量静音按键音开了但敲击音子项是关的。 解决先在页面上点击一次再按键浏览器要求至少一次用户交互才允许发声再查系统音量最后回到设置面板确认按键音与敲击音两级都开着。刷新后音效包和音量变回默认现象刷新页面后音效回到 Default。 可能原因浏览器清除了站点存储或你在无痕窗口里操作。 解决按 F12 打开开发者工具在 Application → Local Storage 里找keySoundsConfig字段没有就换普通窗口重新选择一次。某个词敲到一半按键音突然没了现象前几个词有声敲到一半就静音。 可能原因练习窗口失焦。代码里窗口 blur失去焦点时会暂停计时并打断音效播放。 解决点击练习页让窗口重新获得焦点继续敲若仍无声到 Network 面板查sounds/key-sound/下是否有文件 404然后重启 dev 服务再试。进阶技巧按键音音量控制在 40%~60%。按键音跟着每次敲击响太大声会盖住单词发音也干扰你听读音单词发音音量保持 100% 即可。按你实体键盘的轴体类型挑音效。Cherry MX Blues 是段落/有声轴Browns 是段落轴Topre 是静电容。声音和手指的真实反馈一致时肌肉记忆更容易建立。给自己设周度目标。用页面自带速度统计做参照同一章节开启音效练习一周后每分钟单词数比一周前提高 5%~10% 为佳没变化就把发音倍速降到 0.5~1 档先听清再求快。写在最后这套按键音配置同样适合机械键盘发烧友以及备考机考英语、想提前适应考场点击声的人。现在就动手git clone https://gitcode.com/GitHub_Trending/qw/qwerty-learner挑一个最像你键盘的音效包敲下第一个单词。【免费下载链接】qwerty-learner为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件 / Words learning and English muscle memory training software designed for keyboard workers项目地址: https://gitcode.com/GitHub_Trending/qw/qwerty-learner创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考