forked from benc-uk/touchmidi
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmc-101.html
More file actions
82 lines (79 loc) · 4.32 KB
/
Copy pathmc-101.html
File metadata and controls
82 lines (79 loc) · 4.32 KB
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
82
<!DOCTYPE html>
<html>
<head>
<title>Touch Midi [MC-101]</title>
<script src="https://cdn.jsdelivr.net/gh/benc-uk/touchmidi/dist/bundle.js"></script>
</head>
<body>
<group-row>
<group-column>
<!-- track 1 -->
<group-row margin="0.3" border colour="#333333">
<group-column>
<midi-encoder chan="1" cc="80" label="filt\n%v" colour="lime" label-scale="1.2"></midi-encoder>
<midi-encoder chan="1" cc="81" label="mod\n%v" colour="lime" label-scale="1.2"></midi-encoder>
</group-column>
<group-column>
<midi-encoder chan="1" cc="82" label="fx\n%v" colour="lime" label-scale="1.2"></midi-encoder>
<midi-encoder chan="1" cc="83" label="snd\n%v" colour="lime" label-scale="1.2"></midi-encoder>
</group-column>
<group-column>
<midi-slider chan="1" cc="7" label="vol\n%v" label-scale="1.5" grow="5"></midi-slider>
<midi-button chan="1" cc="7" value="0" value-off="127" label="mute" toggle colour="#ff3333"></midi-button>
</group-column>
<midi-pad chan="1" cc-x="74" cc-y="71" label-scale="0.4" label="filter\n%v" colour="magenta" grow="3"> </midi-pad>
</group-row>
<!-- track 2 -->
<group-row margin="0.3" border colour="#333333">
<group-column>
<midi-encoder chan="2" cc="80" label="filt\n%v" colour="lime" label-scale="1.2"></midi-encoder>
<midi-encoder chan="2" cc="81" label="mod\n%v" colour="lime" label-scale="1.2"></midi-encoder>
</group-column>
<group-column>
<midi-encoder chan="2" cc="82" label="fx\n%v" colour="lime" label-scale="1.2"></midi-encoder>
<midi-encoder chan="2" cc="83" label="snd\n%v" colour="lime" label-scale="1.2"></midi-encoder>
</group-column>
<group-column>
<midi-slider chan="2" cc="7" label="vol\n%v" label-scale="1.5" grow="5"></midi-slider>
<midi-button chan="2" cc="7" value="0" value-off="127" label="mute" toggle colour="#ff3333"></midi-button>
</group-column>
<midi-pad chan="2" cc-x="74" cc-y="71" label-scale="0.4" label="filter\n%v" colour="magenta" grow="3"> </midi-pad>
</group-row>
</group-column>
<group-column>
<!-- track 3 -->
<group-row margin="0.3" border colour="#333333">
<group-column>
<midi-encoder chan="3" cc="80" label="filt\n%v" colour="lime" label-scale="1.2"></midi-encoder>
<midi-encoder chan="3" cc="81" label="mod\n%v" colour="lime" label-scale="1.2"></midi-encoder>
</group-column>
<group-column>
<midi-encoder chan="3" cc="82" label="fx\n%v" colour="lime" label-scale="1.2"></midi-encoder>
<midi-encoder chan="3" cc="83" label="snd\n%v" colour="lime" label-scale="1.2"></midi-encoder>
</group-column>
<group-column>
<midi-slider chan="3" cc="7" label="vol\n%v" label-scale="1.5" grow="5"></midi-slider>
<midi-button chan="3" cc="7" value="0" value-off="127" label="mute" toggle colour="#ff3333"></midi-button>
</group-column>
<midi-pad chan="3" cc-x="74" cc-y="71" label-scale="0.4" label="filter\n%v" colour="magenta" grow="3"> </midi-pad>
</group-row>
<!-- track 4 -->
<group-row margin="0.3" border colour="#333333">
<group-column>
<midi-encoder chan="4" cc="80" label="filt\n%v" colour="lime" label-scale="1.2"></midi-encoder>
<midi-encoder chan="4" cc="81" label="mod\n%v" colour="lime" label-scale="1.2"></midi-encoder>
</group-column>
<group-column>
<midi-encoder chan="4" cc="82" label="fx\n%v" colour="lime" label-scale="1.2"></midi-encoder>
<midi-encoder chan="4" cc="83" label="snd\n%v" colour="lime" label-scale="1.2"></midi-encoder>
</group-column>
<group-column>
<midi-slider chan="4" cc="7" label="vol\n%v" label-scale="1.5" grow="5"></midi-slider>
<midi-button chan="4" cc="7" value="0" value-off="127" label="mute" toggle colour="#ff3333"></midi-button>
</group-column>
<midi-pad chan="4" cc-x="74" cc-y="71" label-scale="0.4" label="filter\n%v" colour="magenta" grow="3"> </midi-pad>
</group-row>
</group-column>
</group-row>
</body>
</html>