I haven't experimented enough with this website yet, but it seems like you're doing off-grid sampling right now, I'd prefer if there's an option to change to on-grid sampling like how Ableton is so you can sample to exactly how the song is, and allow us to select different grid types.
Feature Tracking
[ ] Create a timeline component with divs than contains the midi tracks in children.
[ ] Use wavesurfer.js to create waveforms.
[ ] Create a BPM input to make the grids.
[ ] Create grids using CSS or markers (?)
[ ] On MouseEvents with the waveforms, move or drag to the nearest bar grid.
I haven't experimented enough with this website yet, but it seems like you're doing off-grid sampling right now, I'd prefer if there's an option to change to on-grid sampling like how Ableton is so you can sample to exactly how the song is, and allow us to select different grid types.
Feature Tracking
wavesurfer.js
to create waveforms.