ℹ️ 节拍用浏览器的音频时钟调度，不受页面卡顿影响。首次点「开始」前请把系统音量调到适中。

🥁 节拍设置

速度 BPM

拍号

细分（每拍几声）

第一拍重音开启闪烁提示

音量

当前 60%

渐快训练（从当前 BPM 逐步加速）

🥁

设好速度，点「开始」。

📊 常见速度术语

BPM 与音乐术语的对应（不同教材略有出入，仅供参考）。

术语	BPM 范围	感觉

⚠️ 使用提示：① 长时间练习请控制音量，避免听力疲劳；② 使用耳机时注意不要开到过大；③ 页面切到后台时浏览器可能限制音频播放，节拍会暂停——这是浏览器策略，不是故障；④ 本工具的节拍精度取决于你设备的音频时钟，不能用于需要采样级同步的录音场景。

🥁

在线节拍器

音频工具完全免费 🌙 支持黑夜模式 🔒 本地发声，无依赖 🎯 音频时钟不漂移 📈 渐快训练

练琴、练鼓、练音阶，最基础也最重要的就是把速度稳住。而很多在线节拍器有个通病：用 `setInterval` 打拍子——页面一卡、标签页一切后台，节拍就开始漂，练着练着就跑偏了。
这个工具用的是浏览器的音频时钟：不是「到点了响一声」，而是提前把未来若干拍的发声时刻精确排进音频硬件的时间轴。只要音频设备在走，节拍就不会漂。
能做什么：
① 10~300 BPM，滑杆与数值双输入；
② 六种拍号：4/4、3/4、2/4、5/4、6/8、7/8；
③ 细分：八分、十六分、三连音；
④ 第一拍重音：强弱分明才好数拍；
⑤ 渐快训练：每 N 小节自动 +BPM，练提速非常实用；
⑥ 闪烁提示：视觉辅助，戴着耳机也能看到拍点。
怎么用：
· 先选慢速（比如 60），把音符弹准；
· 确认稳了再开「渐快训练」，设目标 BPM 与步长，让它自动提速；
· 提速到某个点开始乱了，就退回上一档继续练——这个「临界点」正是你需要反复磨的地方。

类别音频工具

技术AudioContext.currentTime 精确调度

速度10 ~ 300 BPM

拍号6 种 + 4 种细分

核心特性

音频时钟不漂移

10~300 BPM

六种拍号

八分/十六分/三连音

第一拍重音

渐快训练

闪烁提示

零依赖

关于这个工具

怎么实现：
① 核心是提前调度：不用 `setInterval` 逐拍触发，而是用一个「前瞻循环」——每 25ms 检查一次，把未来 100ms 内所有该响的拍点用 `osc.start(exactTime)` 精确排进音频时间轴；
② 时间基准：全部基于 `AudioContext.currentTime`，这是音频硬件的时钟，与页面渲染无关，页面卡顿也不会让拍子漂；
③ 发声：正弦波 + 短促的指数衰减包络，重音用更高频率（1200Hz）与更大音量，普通拍用 800Hz；
④ 拍号与细分：每拍间隔 = 60 ÷ BPM；细分数决定每拍内均分几声；重音落在每小节第一拍；
⑤ 渐快：每累计 N 小节，把 BPM 加上步长并重新计算拍间隔，直到达到目标；
⑥ 视觉：拍点圆点用 `setTimeout` 按拍间隔同步闪烁（视觉可以稍晚，听觉必须精确）。
它不做：不支持自定义音色、不支持复杂节奏型（如切分音组合）、不导出音频文件。

怎么用

第 1 步
设一个慢速（建议 60 起步），点「▶️ 开始」。
第 2 步
跟着拍子练，确认每个音都落在拍点上。
第 3 步
稳了以后逐步加速，或开「渐快训练」自动提速。
第 4 步
乱掉的那一刻记下 BPM，退回上一档反复磨。
第 5 步
需要视觉辅助就勾选「开启闪烁提示」。

更新记录

v1.0 2026-09-21 工具正式上线：基于浏览器原生 AudioContext.currentTime 提前调度实现高精度节拍（非 setInterval，不漂移），支持 10~300 BPM、六种拍号、八分/十六分/三连音细分、第一拍重音、渐快训练（每 N 小节 +BPM）与视觉闪烁提示；显示每拍间隔、小节时长与已走小节数，附常见速度术语表。纯本地零依赖发声，适配黑夜模式。

常见问题

为什么强调「音频时钟」？有什么区别？

多数网页节拍器用 `setInterval(fn, 60000/bpm)`，问题是：JS 定时器只保证「不早于」设定时间触发，不保证准时。页面一忙（渲染、GC、后台节流），实际间隔就会被拉长，累积下来节拍就越走越慢。
本工具的做法是提前把拍点排进音频硬件时间轴：`osc.start(精确时刻)`。音频设备按自己的时钟走，与页面是否卡顿完全无关。
实际体验差异：开一堆标签页、电脑有点卡的时候，普通节拍器会明显「晃」，这个不会。

切到其他标签页后节拍停了？

这是浏览器的后台节流策略：为了省电，后台标签页的定时器与部分音频会被限制。
表现可能是节拍变慢、断续或暂停。
解决办法：
· 保持本页在前台；
· 或者把浏览器窗口缩小但不要切走标签页；
· 手机端息屏后大概率会停，这是系统限制。
这不是故障，也无法通过代码完全绕开。

渐快训练怎么用效果最好？

这是练提速最实用的功能。推荐设置：
· 起始 BPM：选你能 100% 弹稳的速度；
· 每次 +：建议 4~8，太大容易一步跨过临界点；
· 每 N 小节：4 或 8 比较合适，给自己适应时间；
· 目标 BPM：略高于你的极限。
练法：加速到开始出错时记下那个速度，然后把起始设在「最高稳定速度 - 10」，反复磨这一段。不要一开始就冲极限速度，那练出来的是错音而不是肌肉记忆。

能换音色吗？想要木鱼声 / 鼓声？

暂时不能。当前实现用的是正弦波 + 短促衰减包络，这是最容易听清、最不刺耳的方案，也最适合长时间练习。
木鱼、鼓等音色需要加载采样文件或复杂合成，会引入依赖，与本项目「零依赖」的原则冲突。
如果你需要特定音色，建议使用专业的节拍器 App 或硬件节拍器。

没有声音？

按顺序检查：
① 系统音量是否为 0 或被静音；
② 本工具音量滑杆是否被拖到 0；
③ 标签页是否被浏览器静音（标签上有喇叭图标时右键可取消）；
④ 输出设备是否选对（插了耳机时尤其注意）；
⑤ 浏览器要求先有用户交互才允许播放音频——点一下「开始」按钮即可。

💬 留言板 0

全部留言需审核通过后展示

💬

还没有留言，来抢沙发吧！