search

cifkao / html-midi-player

🎹 Play and display MIDI files on the web
https://cifkao.github.io/html-midi-player/
BSD 2-Clause "Simplified" License
630 stars 56 forks source link

Add horizontal scroll for piano-roll visualizer #20

Closed NeroBlackstone closed 3 years ago

NeroBlackstone commented 3 years ago

Screenshot from 2021-06-22 19-06-21 Do you mind add a horizontal scroll for piano-roll visualizer? Thanks!

cifkao commented 3 years ago

You can make the visualizer scroll by setting overflow-x: auto or overflow-x: scroll on the .piano-roll-visualizer element, i.e.:

.piano-roll-visualizer {
   overflow-x: auto;
}

Like here: https://cifkao.github.io/html-midi-player/

cifkao commented 3 years ago

I just realized that the staff visualizer does scroll automatically, but the piano roll visualizer doesn't. So you are probably right that I should make the piano roll one scroll to make it consistent.

cifkao commented 3 years ago

@NeroBlackstone I just released version 1.3.0-1 (pre-release), you can try if it works for you.