Music / Tool
Selected简谱播放器
Jianpu Player · Web Audio
Created 2025-11-24Updated 2026-02-05
输入简谱（含 BPM/歌词/延音/附点/滑音），采样钢琴音色并支持移调、转音名与逐音试听。
Web AppLiveWeb
JianpuNumbered NotationWebAudioPlayerTranspose
Outcome
结果与影响
- 解析：数字简谱 + 小节线 + 延音/下划线 + 附点 + 歌词括号 + BPM 标记。
- 播放：合成钢琴音色、单音试听、滑音（~）与播放高亮。
- 转换：音名 / 唱名 / ASCII 简谱输出，便于复制与二次处理。
Decision
关键决策与取舍
- 解析：数字简谱 + 小节线 + 延音/下划线 + 附点 + 歌词括号 + BPM 标记。
- 播放：合成钢琴音色、单音试听、滑音（~）与播放高亮。
- 转换：音名 / 唱名 / ASCII 简谱输出，便于复制与二次处理。
Evidence
可验证证据
- Web Audio API：振荡器叠加 + 包络 + 简单混响，模拟钢琴击弦质感。
- 可容错的 tokenizer/parser：兼容中文注释与换行分段。
- 纯静态部署：Vercel 一键上线。
Flow
关键路径（从打开到完成一次任务）
Paste → Parse → Play → Convert
Product shape
这次交付的真实形态
- Format：Web App
- Status：Live
- Platforms：Web
- 体验重点： 页面结构、交互路径与实时反馈。
Screenshots
UI snapshots
用截图快速理解页面结构、视觉层级与交互状态。
Case Study
先看结果、决策与证据
先看结果、关键决策与证据，再回看过程与实现。
Outcome
结果与影响
→
Outcome
结果与影响
- 解析：数字简谱 + 小节线 + 延音/下划线 + 附点 + 歌词括号 + BPM 标记。
- 播放：合成钢琴音色、单音试听、滑音（~）与播放高亮。
- 转换：音名 / 唱名 / ASCII 简谱输出，便于复制与二次处理。
Decision
关键决策与取舍
→
Decision
关键决策与取舍
- 解析：数字简谱 + 小节线 + 延音/下划线 + 附点 + 歌词括号 + BPM 标记。
- 播放：合成钢琴音色、单音试听、滑音（~）与播放高亮。
- 转换：音名 / 唱名 / ASCII 简谱输出，便于复制与二次处理。
Evidence
可验证证据
→
Evidence
可验证证据
- Web Audio API：振荡器叠加 + 包络 + 简单混响，模拟钢琴击弦质感。
- 可容错的 tokenizer/parser：兼容中文注释与换行分段。
- 纯静态部署：Vercel 一键上线。
Role
承担角色
→
Role
承担角色
- Jianpu Player · Web Audio
Problem
核心问题
→
Problem
核心问题
- 简谱很适合快速记录旋律，但“听到它”往往需要打开乐器或 DAW。这个工具把输入→播放做成网页上的最短路径。
- 写歌/扒谱时快速验证旋律走向。
- 给歌词段落配简谱：一段一段听，不必全曲导入。
Constraints
约束条件
→
Constraints
约束条件
- Format: Web App
- Status: Live
Background
为什么做
→
Background
为什么做
简谱很适合快速记录旋律，但“听到它”往往需要打开乐器或 DAW。这个工具把输入→播放做成网页上的最短路径。
Scenario
应用场景
→
Scenario
应用场景
- 写歌/扒谱时快速验证旋律走向。
- 给歌词段落配简谱：一段一段听，不必全曲导入。
- 移调对照：同一段简谱在不同调里快速试听。
Delivery
实现了什么
→
Delivery
实现了什么
- 解析：数字简谱 + 小节线 + 延音/下划线 + 附点 + 歌词括号 + BPM 标记。
- 播放：合成钢琴音色、单音试听、滑音（~）与播放高亮。
- 转换：音名 / 唱名 / ASCII 简谱输出，便于复制与二次处理。
Design
设计要点
→
Design
设计要点
- 黑白极简，输入与反馈优先：少按钮、少干扰，但状态清晰。
- “可点即可听”：把学习成本压到最低。
- 离线友好：单文件静态页，随时可部署。
Tech
技术实现
→
Tech
技术实现
- Web Audio API：振荡器叠加 + 包络 + 简单混响，模拟钢琴击弦质感。
- 可容错的 tokenizer/parser：兼容中文注释与换行分段。
- 纯静态部署：Vercel 一键上线。
Try it
看完介绍，继续探索
建议沿着项目的核心流程进行体验（如搜索、预览、导出、播放等），以评估信息结构与交互一致性。
Live preview
部分站点可能因为安全策略无法被嵌入；遇到空白时请用上面的 Open live。
Related work
继续看相关项目
这里保留与当前项目更接近的入口，方便继续横向浏览。