Skip to content

Latest commit

 

History

History
41 lines (28 loc) · 890 Bytes

README.md

File metadata and controls

41 lines (28 loc) · 890 Bytes
Raw

JS Piano

A fun project that i did to demonstrate the power of JS !! I am using the power of audioContext. That's why you will only be able to see it under chrome os firefox for now.

  • You can play any track you want
  • Define as many divs you want to make instances
  • You can define the size of your midi !
  • Style away with the css your unique piano.
  • Listen my demo of coldplay (scientist) -- without even a lesson !!
  • happy playing !

DEMO

Try out the demo online

Installation

You only need to define it on html and js with jquery.

<div class="piano piano-instance-1"></div>
$(".piano-instance-1").piano();

and you are good to go!

You can also use the tone option to make the piano larger or smaller !

$(".piano-instance-1").piano({
    tone: 2
});

Version

1.0.0