Project - Keyboard Pianist

demo image

A piano web-app with natural key mapping.

Source Code

https://github.com/Roger-Wu/keyboard-pianist

Demo

https://roger-wu.github.io/keyboard-pianist

Features

  • Key range: C2-C7
  • Natural keyboard mapping. Just like playing a real piano!
  • Mp3-format sound samples, working in IE, Chrome, Firefox, Safari and Opera.
  • A natural fadeout when releasing keys.
  • pure HTML/CSS/Javascript.

Sound Samples

University of Iowa Musical Instrument Samples - Piano

Written on August 1, 2017