01
Background
Why this exists
Numbered notation is great for quick melody capture, but hearing it usually requires an instrument or DAW. This tool makes input-to-audio immediate in the browser.
Music / ToolSelected
Jianpu Player
Numbered notation player with Web Audio
Enter numbered notation with BPM, lyrics, ties, dots, and slides, then audition it with sampled piano tone, transposition, and note-name conversion.
- Jianpu
- Numbered Notation
- WebAudio
- Player
- Transpose
Open the product
Start with the live surface
Live preview
Some sites may block iframe embeds because of their security policy. If the frame stays blank, use the Open live link above.
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.
Latest
Latest
2026-04-04
Archived
Archived cover
2026-04-04
Legacy R2
Legacy above-the-fold capture
2026-01-22
Legacy R2
Legacy full-page capture
2026-01-22
Project notes
What to know before opening the live product
02
Scenario
Use scenarios
- Validate melody direction while composing or transcribing.
- Preview notation line by line alongside lyrics.
- Compare the same phrase across multiple keys quickly.
03
Delivery
What I shipped
- Parser for numbered notation, measures, ties, dots, lyric groups, BPM, and slides.
- Playback with piano-style synthesis, click-to-audition notes, and highlight states.
- Conversion into note names, solfege, and ASCII-friendly output.
04
Design
Design decisions
- Black-and-white minimal UI with input and feedback first.
- Click-any-note-to-hear keeps learning cost low.
- The page is static and offline-friendly by design.
05
Tech
Implementation
- Web Audio API with layered oscillators, envelope, and simple reverb.
- Fault-tolerant tokenizer/parser that handles Chinese comments and segmented input.
- Static deployment on 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
Open project: Prompt Hub 
Prompt Hub
A practical prompt library for individuals and indie builders, built around reusable templates that reduce trial-and-error cost.
Open project: MermaidFlow 
MermaidFlow
An online Mermaid editor with syntax highlighting, live preview, and export support for text-first diagram workflows.
Open project: CLI Command Reference 
CLI Command Reference
A searchable syntax reference for Gemini CLI, Claude Code, and shell interaction, built for fast filtering and one-click copying.