一个纯前端的钢琴模拟器（WebAudio 发声 + Canvas 气泡粒子），并对标补齐延音、设置面板、采样音色加载、note-bar 与 MIDI 播放。

• 直接双击打开 index.html
• 首次发声需要一次用户手势（浏览器策略），点击任意琴键即可

在项目根目录执行：

python3 -m http.server 5173

然后访问 http://localhost:5173/。

• 鼠标/触控：按下琴键发声，松开停止
• 键盘：默认“黑键方案”，下排 Z-M / 上排 Q-U 映射两组八度（以 C4 为中心）；黑键使用 S D G H J / 2 3 5 6 7
• 设置面板：右上角 设置 按钮
  • 显示：音名/中心 C/键位字母
  • 延音：Tab 切换延音、自动延音时长（ms）
  • 键盘映射：黑键方案 / 白键方案
  • 视图：键盘缩放与左右位置（不持久化）
• 采样音色：首次发声后会自动下载并解码 acoustic_grand_piano（会显示加载进度）；失败则回退到合成器音色
• MIDI 播放：页面上方控制条可选择/拖拽 .mid/.midi，并提供 播放/暂停/停止
• 录制/回放：点击 录制 后使用鼠标/触控/键盘演奏，点 停止 生成一条录音；支持回放、导出 .xmid、导入 .xmid、删除