-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
36 lines (31 loc) · 1.14 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<title>miku.js - demo</title>
<link rel="stylesheet" href="demo.css">
</head>
<body>
<!-- CSS Piano Thanks to http://codepen.io/zastrow/pen/oDBki -->
<ul class="set">
<li class="white c" onclick="noteOn(60)"></li>
<li class="black cs" onclick="noteOn(61)"></li>
<li class="white d" onclick="noteOn(62)"></li>
<li class="black ds" onclick="noteOn(63)"></li>
<li class="white e" onclick="noteOn(64)"></li>
<li class="white f" onclick="noteOn(65)"></li>
<li class="black fs" onclick="noteOn(66)"></li>
<li class="white g" onclick="noteOn(67)"></li>
<li class="black gs" onclick="noteOn(68)"></li>
<li class="white a" onclick="noteOn(69)"></li>
<li class="black as" onclick="noteOn(70)"></li>
<li class="white b" onclick="noteOn(71)"></li>
</ul>
<input type="text" id="lyrics" value="こ ん に ち わ">
<button onclick="setLyrics()">Set</button>
<label>pitch</label>
<input type="range" onchange="pitchBend(this.value)" max="16384">
<script src="miku.js"></script>
<script src="demo.js"></script>
</body>
</html>