首页 网站源码 正文阅读

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

emer 2026-06-29
4 0

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

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

云智·钢琴曲谱演奏器就是为这个场景做的:打开网页,输入简谱,点击播放,就能直接听到钢琴演奏;需要保存时,还可以在浏览器里生成 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 编码都不依赖服务器计算。服务器只负责把网页文件发给用户。

部署说明

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

源码下载地址:立即下载

演示站: 立即下载 (仅供演示/测试/体验,如需正式使用请自行部署)
©云智Cloud

源码分享云智·钢琴曲谱演奏器 - 第 1 张图
源码分享云智·钢琴曲谱演奏器 - 第 2 张图
源码分享云智·钢琴曲谱演奏器 - 第 3 张图
源码分享云智·钢琴曲谱演奏器 - 第 4 张图

emer

emer

每天发现网络新鲜事

72181 文章
13 分类
11439.1k+ 访问

搜索

Zoomed Image