高精度节拍跟踪与时序统计分析 — 使用键盘 / 触屏打拍,实时计算 BPM,并提供 80+ 项统计指标与 25+ 张图表。
线上演示:https://rigelnana.github.io/bpmtester/
- 极致低延迟:原始 DOM 事件捕获,使用
event.timeStamp免疫主线程卡顿 - 双模式:自由模式(自由打拍)/ 目标模式(贴合目标 BPM 训练)
- 节拍器:内置 Web Audio 节拍器
- 80+ 项统计:BPM 多估计法、集中趋势、离散性、时序、分布、稳定性、ARIMA、平稳性、信息论、高阶矩、鲁棒估计、波动性、RQA、贝叶斯
- 25+ 张图表:时序、分布、Q-Q、ACF、Poincaré、KDE、CDF、功率谱、贝叶斯后验、递归图、谱图、滞后矩阵、Allan、DFA、分段箱线、ARIMA 残差、滚动 σ、马尔可夫、签名曲线…
- 中文界面,思源黑体 CN(Source Han Sans CN)/ JetBrains Mono 双语字体
npm install
npm run devnpm run build
npm run preview仓库已配置 .github/workflows/deploy.yml — 推送到 main 分支后,GitHub Actions 会自动构建并部署到 GitHub Pages。
如需在不同仓库下部署,仅需在 GitHub 仓库 Settings → Pages 中启用 Pages(来源选 GitHub Actions),CI 将自动注入正确的 base 路径。
- React 19 + TypeScript + Vite
- Material UI v9 + Recharts v3
- Zustand 状态管理 + Web Worker 离主线程统计
- Nord 配色 · 思源黑体 CN