Piano Visualization

Visualization of MIDI files.

Functionality

A website where one can listen to piano music while seeing the pressed piano keys. To do so, one can upload MP3 and MIDI files, and configure the visualization.

This is one of my oldest projects, which got small updates over time. I've used the website a lot to record visually appealing videos for my piano channel.

Example visualization.

Technologies

• HTML
• Javascript with JQuery
• Bootstrap
• Flask
• SQLite

Source code