动态谱面

它解决什么问题？

看不懂五线谱？只习惯简谱？想看每个音在哪个孔？HarpMaster 的动态谱面让你自由切换三种视图，跟着 MIDI 播放实时滚动 —— 不管你是哪种读谱背景，都能找到最顺手的方式。

核心能力

• 钢琴卷帘视图 —— 最直观的时间轴 + 音高方块，播放头指示当前位置
• 简谱视图 —— 1-7 度数记谱 + 八度点 + 升降号 + 反复记号等完整标注
• 五线谱视图 —— 标准五线谱 + 调号 + 临时升降号 + 上下加线
• TAB 孔位标签 —— 音符块内叠加口琴谱记号（孔号 + 吹/吸/压音符号）
• 小节循环 —— 点击小节号设定起点和终点，反复练习难段
• 当前小节高亮 —— 播放时清晰可见进度

工作原理

从 MIDI 文件解析 tempo、拍号、音符事件，预计算节拍网格。简谱和五线谱视图有各自的量化器 —— 把任意时长的 MIDI 音符对齐到音乐性的节奏型（四分、八分、十六分、三连音等），跨拍和跨小节自动切分，连音线正确连接。

为什么这样设计

谱面不是为了”好看”，而是为了帮你看准下一个音在哪。所有视图共享一套 CSS 变量驱动的配色，暗色/亮色模式自动适配。钢琴卷帘对节奏直觉最好，简谱对中国用户最亲切，五线谱对有乐理基础的用户最信息密度。一个切换按钮，三种视图想用哪个用哪个。