https://github.com/diversen/js-css-piano
A simple piano keyboard built with js and css
https://github.com/diversen/js-css-piano
css-piano piano
Last synced: 3 months ago
JSON representation
A simple piano keyboard built with js and css
- Host: GitHub
- URL: https://github.com/diversen/js-css-piano
- Owner: diversen
- Created: 2017-10-21T15:52:09.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-10-23T16:03:08.000Z (almost 8 years ago)
- Last Synced: 2025-05-23T18:15:14.903Z (5 months ago)
- Topics: css-piano, piano
- Language: JavaScript
- Size: 21.5 KB
- Stars: 5
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# js-css-piano
Very small module for drawing a piano using js and css
## Install:
npm install --save js-css-piano
## Usage
~~~js
var p = require('js-css-piano');
var elemID = 'piano-container';
var p = new piano(elemID, {
octaves: 2,
octaveBegin: 3
});
p.createPiano();
~~~
Remember to include the [css/piano.css](css/piano.css)
You can also see [index.html](index.html) which includes the bundle built from [test.js](test.js)
You can see this example here:
[https://diversen.github.io/js-css-piano/](https://diversen.github.io/js-css-piano/)
## Build and watch example
./watch
## Inspiration
[https://codepen.io/zastrow/details/oDBki](https://codepen.io/zastrow/details/oDBki)
## License
MIT © [Dennis Iversen](https://github.com/diversen)