口琴练习实时调音校准、节拍节奏训练、音乐教学辅助与自学工具及练习场景应用,适用于口琴学习者日常练习、音乐培训机构教学辅助、自学者节奏训练与考级备考练习场景
点击空白处退出提示
口琴练习实时调音校准、节拍节奏训练、音乐教学辅助与自学工具及练习场景应用,适用于口琴学习者日常练习、音乐培训机构教学辅助、自学者节奏训练与考级备考练习场景
🎼 调音器模块
• 🎙️ 麦克风拾音:调用 getUserMedia 获取实时音频
• 📊 频率分析:FFT 频谱分析,实时显示当前音高
• 🎯 音准指示:指针/刻度盘显示偏差(偏高/偏低/准确)
• 🎹 目标音高:支持选择标准音(A4=440Hz)及口琴各孔音位
• 📳 振动反馈:偏差过大时轻微震动提醒(支持设备)
🥁 节拍器模块
• ⏱️ 速度调节:BPM 滑块(40–208),实时显示当前速度
• 🔊 节拍发声:使用 Web Audio API 振荡器合成"滴嗒"声
• 💡 视觉节拍:LED 灯闪烁指示当前拍子
• 🎵 节拍模式:支持 2/4、3/4、4/4、6/8 等常见拍号
• 🎚️ 音色选择:高频"滴" + 低频"嗒"区分强拍弱拍
调音器核心:基于 AudioContext + AnalyserNode,getFloatFrequencyData 获取频谱,自相关算法(Autocorrelation)检测基频
• 节拍器核心:setInterval + AudioContext.currentTime 精确调度音频播放,避免 JS 定时器漂移
• 使用 Canvas 绘制实时频谱图与音准刻度盘
• CSS 动画实现节拍指示灯闪烁效果
• 封装为 PWA(manifest.json + Service Worker),支持添加到手机桌面、离线使用
• 适配移动端触摸操作,单手即可完成调音/节拍设置



评论