A basic virtual Jankó piano written in HTML, CSS and JavaScript. Designed and Programmed by Mannjamin / Ashley Mann.

This is a basic virtual piano based on the designs of Paul von Jankó in 1882. Paul von Jankó, as the name suggests, invented the Janko Keyboard as an attempt to simply the functionality of the generic piano keyboard.

Here is an image of a Jankó Keyboard Layout:

Here is a comparison image of my virtual version:

The popularity of the generic keyboard design which has been in use for centuries, has quenched the curiousity of the bold to try new and interesting methods of producing musical art in the form of a keyboard. There are many different layouts of piano keyboard such as Lippens and the Isomorphic keyboards.

In our current age with the advances of technology, there are many websites suited to allowing indiviuals the oppotunity to play virtual pianos. Most of which only utilise the generic layout.

Generic Keyboard Layout for reference:

This keyboard limitation is further burdened with the limited functionaly in regards to elements such as Keypress. You may have noticed a large majority of virtual painos only utilise two keyboard rows of a generic QWERTY laptop / computer keyboard.

The overall purpose of this virtual piano was to prodive with with an oppotunity to experience a different style of piano expression. Unlike most keyboards, in regards to the previous sentence; the Virtual Jano Keyboard utilises two full octaves with four QWERTY keyboard rows being utilised for operation. This allows for much more flexibility and creativity when performing.

This repository contains all the files I have programmed thus far in the development of this application. To use this, simply press clone / download and continue to download as a ZIP file.

Once you have gathered the folder containing this repositories scripts you follow the following steps.

1. extract the zip and open the folder containing the scripts. Create a new folder within the parent folder called "sounds"

   1. I wish to iterate that the sound files used in this virtual piano are licenced and thus I do not wish to suffer the burden in the event that the publisher takes action against me for uploading their files. Please continue the following steps properly in order to make the keyboard functional. The audio files used in this project are free for all to use however, I advise downloading them from the point of origin..

2. Gather the Audio Files.

   1. There are Two Ways of gathering the audio files.
   2. Method One:
      1. Make an account on https://www.freesound.org/
      2. Locate the Pack: Piano FF by jobro
      3. Press the large yellow download button to download every piano note file.
      4. extract the contents of the folder into the new "sounds" folder and 'Save All'
   3. Method 2:
      1. Go to https://10minutemail.com and use the Email to make a temporary account on https://www.freesound.org/
      2. Locate the Pack: Piano FF by jobro
      3. Press the large yellow download button to download every piano note file.
      4. extract the contents of the folder into the new "sounds" folder and 'Save All'

3. You're all set to go!

   1. You can now run the main HTML file in Google Chrome to play the instrument!
      1. I hope you enjoy it <3

1. Animate the Buttons (Change Color / Border on keypress)

2. Make Buttons functional (Currently used for representation only, can be made functional for touch surfaces.)

3. Utilise other sounds (Make other sounds such as a Synth or Bass)

4. Adjust the size of the keybed to match full screen on any resolution.

If you have any queries or wish to show me an adapted version you have cerated, please join my discord! I would be more than happy to answer any questions or check out any versions you have created using this script!

Mannjamins Dungeon Link!