【源码分享】云智·钢琴曲谱演奏器

hlx

# 把简谱变成钢琴演奏：云智·钢琴曲谱演奏器

如果你手里有一段简谱，想快速听到它被钢琴弹出来，通常需要打开编曲软件、选择音源、输入音符、导出音频。这个流程对普通用户并不友好，也不适合临时试听旋律。

云智·钢琴曲谱演奏器就是为这个场景做的：打开网页，输入简谱，点击播放，就能直接听到钢琴演奏；需要保存时，还可以在浏览器里生成 MP3 文件下载。

## 核心亮点

- 纯前端运行：不需要后端、不需要数据库、不需要编译。
- 简谱输入：支持 `1 2 3 4 5 6 7`、休止符、升降号、高低八度、延音、附点、时值等常见写法。
- 和弦伴奏：可单独输入 `C Am F G7` 这类和弦，自动生成左手低音和右手分解和弦。
- 采样式钢琴引擎：浏览器内生成基准钢琴采样，再按音高播放，听感比简单电子音更自然。
- MP3 导出：支持 80、96、128、160kbps 多档音质，默认 96kbps，兼顾体积和听感。
- 可调伴奏音量：主旋律和伴奏不会混在一起抢声部，伴奏音量可以按曲子调整。
- 自动裁剪伴奏：主旋律结束后，伴奏不会继续弹奏，只保留自然尾音。

## 适合谁用

- 音乐爱好者：把看到的简谱快速试听出来。
- 教师和学生：制作课堂示范音频或练习旋律。
- 内容创作者：把简单旋律快速生成可分享的 MP3。
- 网站运营者：作为一个轻量在线工具直接部署到静态站点。

## 简谱示例

```text
# 小星星
1 1 5 5 6 6 5 - | 4 4 3 3 2 2 1 - |
5 5 4 4 3 3 2 - | 5 5 4 4 3 3 2 - |
1 1 5 5 6 6 5 - | 4 4 3 3 2 2 1 -
```

## 和弦伴奏示例

```text
C C | F C | G7 C |
```

每个和弦默认演奏一小节，系统会自动展开为钢琴伴奏。你也可以输入 `C*2` 让一个和弦持续两小节，或输入 `0` 空出一小节伴奏。

## 为什么它很轻量

整套网站由静态文件组成，核心能力都在浏览器里完成：简谱解析、钢琴采样生成、在线播放、离线渲染、MP3 编码都不依赖服务器计算。服务器只负责把网页文件发给用户。

## 部署说明

1. 上传以下文件到服务器同一个目录：`index.html`、`styles.css`、`app.js`。
2. 可选上传说明文档：`README.md`、`输入规则.md`、`推文介绍.md`。
3. 访问 `https://你的域名/index.html` 即可使用。
4. 不需要 PHP、Node.js、数据库或构建命令。
5. MP3 编码器通过 CDN 加载：`https://cdn.jsdelivr.net/npm/[email protected]/lame.min.js`。
6. 如果 CDN 加载失败，网站会自动回退下载 WAV，在线播放不受影响。
7. 建议使用 HTTPS 部署，浏览器音频和下载体验更稳定。

源码下载地址：https://gcyled.lanzouu.com/i0N1P3tj164d

演示站： https://ms.maxai.pw/   （仅供演示/测试/体验，如需正式使用请自行部署）
©云智Cloud