A Web Piano spectrum memory Tool

Address: Http://qs20199.github.io/paino, support pc/touch screen, CSS3 animation only wrote WebKit.

Recently started playing the piano, the first hurdle is to read the piano spectrum, to find a help memory staff and piano keys corresponding to the tool, did not see the right, wrote a.

The input in the upper-right corner can customize the practice interval, such as entering 0,5, which can refer to the top five tones of the practice, and so on, the maximum (default) is 0, 19.

Tip tips:

When handling event triggering on a touchscreen, using the Touchstart event is much better than the general click event, and the response rate is comparable to the native app.

The reason is that the Click event needs to wait for 300ms, to learn more, recommend the book "HTML5 Touch Interface Design and development."

A Web Piano spectrum memory Tool