-
Notifications
You must be signed in to change notification settings - Fork 27
/
index.html
81 lines (79 loc) · 3.27 KB
/
index.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<head>
<script src="index.js"></script>
</head>
<div>
<h3>Example of sounds</h3>
<div class="row">
<button onclick='playSound("bump")'> Bump </button>
<button onclick='playSound("buzzer")'> Buzzer </button>
<button onclick='playSound("powerdown")'> Power Down </button>
<button onclick='playSound("powerup")'> Power Up </button>
<button onclick='playSound("bounce")'> Bounce </button>
<button onclick='playSound("siren")'> Siren </button>
<button onclick='playSound("zip")'> Zip </button>
<button onclick='playSound("falling")'> Fall </button>
</div>
<h3>Example of tones</h3>
<div class="row">
<button onclick='playTone("C3")'> C3 </button>
<button onclick='playTone("D3")'> D3 </button>
<button onclick='playTone("E7")'> E7 </button>
<button onclick='playTone("F2")'> F2 </button>
<button onclick='playTone("G1")'> G1 </button>
<button onclick='playTone("A6")'> A6 </button>
<button onclick='playTone("B6")'> B6 </button>
</div>
<h3>Example of sharp and flat tones</h3>
<div class="row">
<button onclick='playTone("C#8")'> C#8 </button>
<button onclick='playTone("D#2")'> D#2 </button>
<button onclick='playTone("Eb3")'> Eb3 </button>
<button onclick='playTone("F#4")'> F#4 </button>
<button onclick='playTone("G#5")'> G#5 </button>
<button onclick='playTone("A#6")'> A#6 </button>
<button onclick='playTone("Bb7")'> Bb7 </button>
</div>
<h3>All major chords</h3>
<div class="row">
<button onclick='playTone(CHORDS["C"])'> C </button>
<button onclick='playTone(CHORDS["D"])'> D </button>
<button onclick='playTone(CHORDS["E"])'> E </button>
<button onclick='playTone(CHORDS["F"])'> F </button>
<button onclick='playTone(CHORDS["G"])'> G </button>
<button onclick='playTone(CHORDS["A"])'> A </button>
<button onclick='playTone(CHORDS["B"])'> B </button>
</div>
<h3>All sharp chords</h3>
<div class="row">
<button onclick='playTone(CHORDS["C#"])'> C# </button>
<button onclick='playTone(CHORDS["D#"])'> D# </button>
<button onclick='playTone(CHORDS["F#"])'> F# </button>
<button onclick='playTone(CHORDS["G#"])'> G# </button>
<button onclick='playTone(CHORDS["A#"])'> A# </button>
</div>
<h3>All minor chords</h3>
<div class="row">
<button onclick='playTone(CHORDS["Cm"])'> Cm </button>
<button onclick='playTone(CHORDS["Dm"])'> Dm </button>
<button onclick='playTone(CHORDS["Em"])'> Em </button>
<button onclick='playTone(CHORDS["Fm"])'> Fm </button>
<button onclick='playTone(CHORDS["Gm"])'> Gm </button>
<button onclick='playTone(CHORDS["Am"])'> Am </button>
<button onclick='playTone(CHORDS["Bm"])'> Bm </button>
</div>
<h3>Example of style changes</h3>
<div class="row">
<button onclick='playTone("F2", "sine")'> "sine" </button>
<button onclick='playTone("F2", "square")'> "square" </button>
<button onclick='playTone("F2", "triangle")'> "triangle" </button>
<button onclick='playTone("F2", "sawtooth")'> "sawtooth" </button>
</div>
<h3>Example of duration changes</h3>
<div class="row">
<button onclick='playTone(CHORDS["C"],"sine",1)'> 1 </button>
<button onclick='playTone(CHORDS["C"],"sine",2)'> 2 </button>
<button onclick='playTone(CHORDS["C"],"sine",3)'> 3 </button>
<button onclick='playTone(CHORDS["C"],"sine",4)'> 4 </button>
<button onclick='playTone(CHORDS["C"],"sine",5)'> 5 </button>
</div>
</div>