Notochord Demo

Notochord is a lead-sheet editor and chord player inspired by iReal Pro. It's still in development so expect bugs and missing functionality. Check out the repo on GitHub for more details. Here are a few things to try:

Change the transposition
Change the style
Click on a beat to edit it
When editing a beat, try using all 4 arrow keys

Example

Transpose:

Tempo:

Style:

Scale Degrees:

Here's the code that made that happen:

this probably isn't displaying because the protocol is file://
you can view the code here.

Credit

This uses 2 awesome packages to handle some of the Theory math: ChordMagic and Tonal.
Various symbols adapted from images from Wikimedia Commons (all are in the public domain):

Musical symbols
Delta

Uses a CommonJS port of MIDI.js and a JS port of FluidR3_GM.sf2 found here. Drum sounds are also from FluidR3_GM.sf2.