Music / ToolSelected

简谱播放器

Jianpu Player · Web Audio

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

  • Jianpu
  • Numbered Notation
  • WebAudio
  • Player
  • Transpose
SelectedWeb AppLiveWebCreated 2025-11-24Updated 2026-04-04
简谱播放器 cover

Open the product

Start with the live surface

简谱播放器 cover

Live preview

部分站点可能因为安全策略无法被嵌入;遇到空白时请用上面的 Open live。

Access

For this type of entry, the strongest content is the live product itself. The notes below are there to frame what matters, not to replace the real experience.

Visual history

Latest state first, previous interface states preserved underneath

This timeline keeps a readable visual memory of the surface, so the newest cover can stay on the project card without erasing what came before.

Project notes

What to know before opening the live product

01

Background

为什么做

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

02

Scenario

应用场景

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

03

Delivery

实现了什么

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

04

Design

设计要点

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

05

Tech

技术实现

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

Flow

The path from entry to completion

This version is best understood as a living product: entry points, feedback loops, and completion states matter as much as the surface design.

Paste / Parse / Play / Convert

简谱播放器 flowPasteParsePlayConvert