/piano-board

Primary LanguageTypeScript

Piano Board

WORK IN PROGRESS

Web component for displaying piano keyboard

Input: number of keys (list of pre-defined configurations)

TODO

  • SVG: Add pushed state for white keys

  • SVG: Add black background?

Development web-server

yarn build:watch
yarn start:dev

References

Common keyboard sizes by number of keys / octaves

  • 25: 2 octaves + 1 key

  • 37: 3 octaves + 1 key

  • 49: 4 octaves + 1 key

  • 61: 5 octaves + 1 key

  • 76: 1 key + 6 octaves + 3 keys

  • 88: standard full keyboard, 3 keys + 7 octaves + 1 key

Less popular configurations

  • 32: 5 keys + 2 octaves + 3 keys OR 2 octaves + 7 + 1 key

  • 73: 1 key + 6 octaves OR 6 octaves + 1 key

Rare configurations

  • 24: 2 octaves

  • 44: 3 octaves + 7 + 1 key

  • 54: 4 octaves + 5 + 1 key

  • 64: 3 keys + 5 octaves + 1 key

  • 68: 3 keys + 5 octaves + 5 keys

  • 122: electronic organ, 2 rows, 5 octaves + 1 key on each row