React Hooks API
Composable hooks for score loading, MIDI playback, note highlighting, auto-scrolling, and piano sampling. Consumes pre-rendered static assets — no client-side MXL parsing.
Render sheet music to SVG via Verovio and play it back with realistic piano samples via Tone.js — all through React hooks.
Composable hooks for score loading, MIDI playback, note highlighting, auto-scrolling, and piano sampling. Consumes pre-rendered static assets — no client-side MXL parsing.
MXL files must be pre-rendered to static SVG + MIDI via Verovio WASM on Node.js. The browser only consumes these static artifacts — zero runtime rendering cost.
Use the muse-render CLI to batch-convert MXL files into ready-to-serve directories with SVG pages, MIDI data, and manifests.
Built-in piano sample loading with compressor and reverb effects chain via Tone.js. Covers 84 notes from C1 to B7.
Colored overlay rectangles highlight actively playing notes on the score — blue for right hand, red for left hand.
Five focused packages — core, component, server, cli, and instruments — each independently installable with clear responsibilities.