notator

Sing into the microphone to identify pitch, then press keys to create music notation with abc.js

Stars
6

Home page

Recognize the pitch by singing or playing an instrument into the microphone

(Piano works particularly well for recognition)

Write notes by pressing the first letter of the note value while the pitch displays

(w for whole notes, h for half, etc.)

Detailed instructions

Save and view past compositions if you have an account

(You can also play back and download the MIDI of any previously written compositions)

Summary: Detect pitch from the microphone, then press keyboard keys while the pitch displays to write music notation. You can play back or download the notes as MIDI after writing. You can also save your past compositions on Notator for later reference if you have an account.

Technologies used: (React with Redux, abc.js, pitchfinder [npm], The Web Audio API, WebRTC)