MIDI Piano Visualizer


Visualizes MIDI input in a piano layout using the Web MIDI API and SVG.js.

This is the same visualizer seen in tutorial videos on keropiano (my VGM covers channel).



OBS Usage notes

If you want to capture this directly using a browser source in OBS, you will need to use OBS 21, because the Web MIDI API no longer functions in later versions.

You can pass the --portable command-line switch to the main OBS executable to keep OBS 21's settings separate from your main installation.

If you want to capture a Firefox or Chrome window directly instead, you should have no issue using this visualizer with the latest version.


Version 1.0 (July 17, 2023)