This repository has been archived by the owner on Aug 13, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathcircuit.html
52 lines (50 loc) · 2.99 KB
/
circuit.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Touch MIDI: Circuit Live Performance</title>
<link rel="stylesheet" href="css/touchmidi.css">
</head>
<body onload="init()">
<div class="main_column" style="width:100%">
<div class="row">
<div class="slider" label="Synth 1" midicc="16, 12" colour="#FB1CF3" storeid="s1vol"></div>
<div class="slider" label="Synth 2" midicc="16, 14" colour="#14E528" storeid="s2vol"></div>
<div class="slider" label="Drum 1" midicc="10, 12" colour="#FF7E00" storeid="d1vol"></div>
<div class="slider" label="Drum 2" midicc="10, 23" colour="#FF7E00" storeid="d2vol"></div>
<div class="slider" label="Drum 3" midicc="10, 45" colour="#FFF000" storeid="d3vol" nosave></div>
<div class="slider" label="Drum 4" midicc="10, 53" colour="#FFF000" storeid="d4vol" nosave></div>
<div class="xypad" label="Filter (cut, res) #" midicc="16, 74|16, 71" colour="#00BAFF" style="flex:3" storeid="filter"></div>
</div>
<div class="row">
<div class="text" style="position: absolute">  Synth 1</div>
<div class="encoder" label="Macro1" midicc="4, 80" colour="#FB1CF3" storeid="s1m1"></div>
<div class="encoder" label="Macro2" midicc="4, 81" colour="#FB1CF3" storeid="s1m2"></div>
<div class="encoder" label="Macro3" midicc="4, 82" colour="#FB1CF3" storeid="s1m3"></div>
<div class="encoder" label="Macro4" midicc="4, 83" colour="#FB1CF3" storeid="s1m4"></div>
<div class="encoder" label="Macro5" midicc="4, 84" colour="#FB1CF3" storeid="s1m5"></div>
<div class="encoder" label="Macro6" midicc="4, 85" colour="#FB1CF3" storeid="s1m6"></div>
<div class="encoder" label="Macro7" midicc="4, 86" colour="#FB1CF3" storeid="s1m7"></div>
<div class="encoder" label="Macro8" midicc="4, 87" colour="#FB1CF3" storeid="s1m8"></div>
</div>
<div class="row">
<div class="text" style="position: absolute">  Synth 2</div>
<div class="encoder" label="Macro1" midicc="2, 80" colour="#14E528" storeid="s2m1"></div>
<div class="encoder" label="Macro2" midicc="2, 81" colour="#14E528" storeid="s2m2"></div>
<div class="encoder" label="Macro3" midicc="2, 82" colour="#14E528" storeid="s2m3"></div>
<div class="encoder" label="Macro4" midicc="2, 83" colour="#14E528" storeid="s2m4"></div>
<div class="encoder" label="Macro5" midicc="2, 84" colour="#14E528" storeid="s2m5"></div>
<div class="encoder" label="Macro6" midicc="2, 85" colour="#14E528" storeid="s2m6"></div>
<div class="encoder" label="Macro7" midicc="2, 86" colour="#14E528" storeid="s2m7"></div>
<div class="encoder" label="Macro8" midicc="2, 87" colour="#14E528" storeid="s2m8"></div>
</div>
</div>
<!-- **** Include JS libraries **** -->
<script src="lib/slider.js"></script>
<script src="lib/button.js"></script>
<script src="lib/encoder.js"></script>
<script src="lib/xypad.js"></script>
<script src="lib/midi.js"></script>
<script src="lib/touchmidi.js"></script>
</body>
</html>