Skip to content
Piano player by javascript. Key settings are like Fl Studio. // javascript写的钢琴,按键同Fl Studio。
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
cmp3
README.md
cpiano.js
index.html
style.css

README.md

cPiano v2.0

Piano player by javascript. Key settings are like Fl Studio. You can use 'cpiano.js' at any webpage, and just add a class to page elements, then you can click this elements to play piano. Sure, you can bind key in the keyboard with the virtual keys.

test website //测试地址

https://xsaiting.com/cpiano

Quick Started

  1. include 'cpiano.js' file.
<script src="cpiano.js"></script>
  1. add class to page elements
<div class="ckey ckey-key-cs4"></div>
  1. click the elements, then it will play the piano sound

the class "ckey ckey-key-cs4" will play 'C#4' sound.

Tutorial Wiki

https://github.com/xsaiting/cPiano/wiki

future functions //将要要实现的功能

1、随机颜色功能 2、定制参数(如音色) 3、一个键对应多个声音 ......

ps

不会CommonJS AMD什么的,求教~

You can’t perform that action at this time.