源码分享云智·钢琴曲谱演奏器
把简谱变成钢琴演奏:云智·钢琴曲谱演奏器
如果你手里有一段简谱,想快速听到它被钢琴弹出来,通常需要打开编曲软件、选择音源、输入音符、导出音频。这个流程对普通用户并不友好,也不适合临时试听旋律。
云智·钢琴曲谱演奏器就是为这个场景做的:打开网页,输入简谱,点击播放,就能直接听到钢琴演奏;需要保存时,还可以在浏览器里生成 MP3 文件下载。
核心亮点
-
纯前端运行:不需要后端、不需要数据库、不需要编译。
-
简谱输入:支持
1 2 3 4 5 6 7、休止符、升降号、高低八度、延音、附点、时值等常见写法。 -
和弦伴奏:可单独输入
C Am F G7这类和弦,自动生成左手低音和右手分解和弦。 -
采样式钢琴引擎:浏览器内生成基准钢琴采样,再按音高播放,听感比简单电子音更自然。
-
MP3 导出:支持 80、96、128、160kbps 多档音质,默认 96kbps,兼顾体积和听感。
-
可调伴奏音量:主旋律和伴奏不会混在一起抢声部,伴奏音量可以按曲子调整。
-
自动裁剪伴奏:主旋律结束后,伴奏不会继续弹奏,只保留自然尾音。
适合谁用
-
音乐爱好者:把看到的简谱快速试听出来。
-
教师和学生:制作课堂示范音频或练习旋律。
-
内容创作者:把简单旋律快速生成可分享的 MP3。
-
网站运营者:作为一个轻量在线工具直接部署到静态站点。
简谱示例
# 小星星
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 -
和弦伴奏示例
C C | F C | G7 C |
每个和弦默认演奏一小节,系统会自动展开为钢琴伴奏。你也可以输入 C*2 让一个和弦持续两小节,或输入 0 空出一小节伴奏。
为什么它很轻量
整套网站由静态文件组成,核心能力都在浏览器里完成:简谱解析、钢琴采样生成、在线播放、离线渲染、MP3 编码都不依赖服务器计算。服务器只负责把网页文件发给用户。
部署说明
- 上传以下文件到服务器同一个目录:
index.html、styles.css、app.js。 - 可选上传说明文档:
README.md、输入规则.md、推文介绍.md。 - 访问
https://你的域名/index.html即可使用。 - 不需要 PHP、Node.js、数据库或构建命令。
- MP3 编码器通过 CDN 加载:
https://cdn.jsdelivr.net/npm/lamejs@1.2.1/lame.min.js。 - 如果 CDN 加载失败,网站会自动回退下载 WAV,在线播放不受影响。
- 建议使用 HTTPS 部署,浏览器音频和下载体验更稳定。
源码下载地址:立即下载
演示站: 立即下载 (仅供演示/测试/体验,如需正式使用请自行部署)
©云智Cloud



