davidverghese/webpiano

Web Piano

Web Piano is a web application that allows you to play piano online by tapping the keys you see on the screen (https://webpiano.surge.sh/).

You can incorporate a piano like this into your React project by downloading the Web Piano npm package. See the installation section here for more information: https://github.com/DavidVerghese/WebPianoNPM#Installation.

deployed site: https://webpiano.surge.sh/

Installation

Fork and clone down this repo 
npm install 
npm start 

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

webpiano's Issues

Add More Sounds

Give the users the option to select between multiple sounds.

Add more scales

Add more scales. Such as Major Pentatonic, Major Blues, Mixolodian, Klezmer, Minor Pentatonic, Minor Blues, Japanese, Harmonic Minor, Dorian, and South-East Asian

Make it case-insensitive

'a' and 'A' should both trigger the same note, etc...

Notes sustained after key is lifted

Sometimes, after you switch the sound, the piano will glitch, and notes will be sustained indefinitely. This might be related to issue #29

After using keyboard to play notes, unable to switch between sounds or scales

If you use your computer keyboard to play notes, and then attempt to switch the scale or sound, you see an error message saying: "Start time must be strictly greater than previous start time".

Playing notes with keyboard.

Allow users to play notes by clicking keys on their keyboard. The buttons should also show the names of the keys you need to press in order to trigger the note.

remove the metal sound

it is unpleasant sounding.

Be able to play multiple notes at the same time

This issue is covered here: https://stackoverflow.com/questions/49952128/tonejs-multi-pitch-keyboard-entry

Make this a npm package.

Create an npm package version of this app that other users can import into their React projects.

Notes sustained indefinitely

If you hold down a note and then switch to another scale or sound, that note becomes sustained indefinitely

Only able to play chromatic scale with keyboard

Right now you can only play the chromatic scale with the computer keyboard

Expand README

Add a project description (mentioning the goals), license, contributing

Customize height and width

Add the option to customize the height and width of the keyboard. Incorporating SASS might be helpful, as it would enable us to use variables in our CSS code.

Responsitivity

Make this site responsive for mobile screens.

Faulty dropdown

If you use the dropdown to change the sound, you have to click away on another part of the screen to unselect the dropdown. Otherwise, the next time you press a key, the value in the dropdown will change to a sound that starts with that letter. For instance, if I select the 'mono' sound, and then press the 'a' key, the value in the dropdown will change to 'am', and the sound will be 'am' synth.