How to use MIDI for web in short

MIDI player

• Use MIDI parser to read notes from MIDI file
• Use WebAudioFont to play musical instruments in a browser
• See result

MIDI keyboard

• Use React to draw piano keyboard
• Use Chrome to read MIDI events from hardware keyboard
• Use midi-sounds-react to play sound
• See result

MIDI editor

• Use three.js to create catchy UI
• Use WebAudioFont to play music
• See result