Music / Tool相关项目

简谱播放器

Jianpu Player · Web Audio

输入简谱(含 BPM/歌词/延音/附点/滑音),采样钢琴音色并支持移调、转音名与逐音试听。

  • Jianpu
  • Numbered Notation
  • WebAudio
  • Player
  • Transpose
相关项目Web 应用在线可用Web创建于 2025-11-24更新于 2026-04-04
简谱播放器 cover

打开产品

先从线上界面开始

简谱播放器 cover

在线预览

有些站点会因为安全策略拒绝 iframe 嵌入;如果这里是空白,请直接使用上面的“打开线上版本”。

访问方式

对这类项目来说,最强的信息仍然在线上产品本身。下面的说明只负责帮你抓重点,不是替代真实体验。

视觉历史

先看最新状态,旧版本继续保留在下面

这条时间线保留了界面的可读记忆,所以卡片可以展示最新封面,同时不抹掉更早的状态。

项目说明

在打开线上产品前,先看这些

01

背景

为什么做

简谱很适合快速记录旋律,但“听到它”往往需要打开乐器或 DAW。这个工具把输入→播放做成网页上的最短路径。

02

场景

应用场景

  • 写歌/扒谱时快速验证旋律走向。
  • 给歌词段落配简谱:一段一段听,不必全曲导入。
  • 移调对照:同一段简谱在不同调里快速试听。

03

交付

实现了什么

  • 解析:数字简谱 + 小节线 + 延音/下划线 + 附点 + 歌词括号 + BPM 标记。
  • 播放:合成钢琴音色、单音试听、滑音(~)与播放高亮。
  • 转换:音名 / 唱名 / ASCII 简谱输出,便于复制与二次处理。

04

设计

设计要点

  • 黑白极简,输入与反馈优先:少按钮、少干扰,但状态清晰。
  • “可点即可听”:把学习成本压到最低。
  • 离线友好:单文件静态页,随时可部署。

05

技术

技术实现

  • Web Audio API:振荡器叠加 + 包络 + 简单混响,模拟钢琴击弦质感。
  • 可容错的 tokenizer/parser:兼容中文注释与换行分段。
  • 纯静态部署:Vercel 一键上线。

流程

从进入到完成的路径

这类项目最适合按“真实产品”去理解:入口、反馈循环和完成状态,与表层界面同样重要。

Paste / Parse / Play / Convert

简谱播放器 flowPasteParsePlayConvert