![image](https://habrastorage.org/webt/ha/7f/u-/ha7fu-0rmis3pq-czt6xouiwnug.png)
MIDI player
- Use MIDI parser to read notes from MIDI file
- Use WebAudioFont to play musical instruments in a browser
- See result
![image](https://habrastorage.org/webt/s_/5h/fa/s_5hfauq9hq3nsq63atwl7kv_v0.png)
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
![image](https://habrastorage.org/webt/6l/bz/zs/6lbzzssb6zjts11okqqdve0soas.png)
MIDI editor
- Use three.js to create catchy UI
- Use WebAudioFont to play music
- See result
![image](https://habrastorage.org/webt/sz/ot/qn/szotqnrsq_pmfh1gfs9rovxiyuk.png)