UNPKG

midiman

Version:

Manager for synthesizer sounds that are transmitted via MIDI sysex

github.com/tommiport5/midiman

tommiport5/midiman

139 lines (138 loc) • 7.44 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html> <html lang="de"> <head> <title>Roland D50</title> <meta charset="utf-8"/> <meta content="no-cache" http-equiv="cache-control"/> <meta content="no-cache" http-equiv="pragma"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="../global.css"> <script> function to3byte() { var arr = _to3Byte(document.getElementById("lin").value); document.getElementById("b0").value = arr[0]; document.getElementById("b1").value = arr[1]; document.getElementById("b2").value = arr[2]; } function tolinear() { var arr = [0,0,0]; arr[0] = parseInt(document.getElementById("b0").value); arr[1] = parseInt(document.getElementById("b1").value); arr[2] = parseInt(document.getElementById("b2").value); document.getElementById("lin").value = threebyte2num(arr); } const Model = "Roland D50"; </script> <script src="/rolandui.js"></script> </head> <body> <div class="container"> <!-- <div> <label>linear</label><input type="number" id="lin"><label>3 byte</label><input type="number" id="b0"><input type="number" id="b1"><input type="number" id="b2"> <button type="button" class="nav_item" onclick="to3byte()">to 3byte</button><button type="button" class="nav_item" onclick="tolinear()">to linear</button> <div> <span><label>bank</label><input type="number" id="bank"><label>patch</label><input type="number" id="patch"></span> <button type="button" class="nav_item" id="readbutton">Read Patch</button> </div> --> <p id="Result"></p> <div id="synth" class="framed"> <h1>Synth</h1> <div> <span> <label for="MidiIn"> Midi Inputs </label> <select id="MidiIn"> </select> </span> <span> <label for="MidiOut"> Midi Outputs </label> <select id="MidiOut"> </select> </span> <span> <label for="MidiChan"> Midi Channel </label> <select id="MidiChan"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> <option>13</option> <option>14</option> <option>15</option> <option>16</option> </select> </span> <!-- <button type="button" class="nav_item" id="selInterface">Select Interface</button> --> <button type="button" class="nav_item" id="readMem">Read Synth</button> <button type="button" class="nav_item" id="writeMem">Write Synth</button> </div> <table ondrop="drop(event)" ondragover="allowDrop(event)"> <thead> <tr><th class="frameless" colspan = "2"></th><th colspan="8">Patch</th></tr> <tr><th class="frameless" colspan = "2"></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th></tr> </thead> <tbody> <tr><td rowspan="8" class="bank-label">Bank</td><td>1</td> <td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td></tr> <tr><td>3</td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td></tr> <tr><td>2</td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td></tr> <tr><td>4</td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td></tr> <tr><td>5</td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td></tr> <tr><td>6</td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td></tr> <tr><td>7</td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td></tr> <tr><td>8</td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td><td class="spname"></td></tr> <tbody> </table> </div> <div class="bni"> <button type="button" id="swapbutton">Swap</button><label for="c">Clipboard</label><p class="clipboard" id="c" ondragstart="dragStart(event)" draggable=true ondrop="drop(event)" ondragover="allowDrop(event)"></p> <button type="button" class="nav_item" id="readPatch">Read Current Patch</button> <a href="/writePatch.syx?Mdl=Roland+D50" class="button" download>Write Patch To File</a> <button type="button" class="nav_item" id="test">Test</button> </div> <div class="framed" id="file"> <h1>File</h1> <span> <form id="readForm"> <label for="fname">File to Read (*.syx)</label> <input id="fname" name="fname" type="file"> <button type="button" id="readFile">Read File</button> <a class="button" href="/writeFile.syx?Mdl=Roland+D50" download>Write File</a> </form> </span> <table ondrop="drop(event)" ondragover="allowDrop(event)"> <thead> <tr><th class="frameless" colspan = "2"></th><th colspan="8">Patch</th></tr> <tr><th class="frameless" colspan = "2"></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th></tr> </thead> <tbody> <tr><td rowspan=8 class="bank-label">Bank</td><td>1</td> <td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td></tr> <tr><td>2</td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td></tr> <tr><td>3</td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td></tr> <tr><td>4</td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td></tr> <tr><td>5</td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td></tr> <tr><td>6</td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td></tr> <tr><td>7</td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td></tr> <tr><td>8</td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td><td class="fpname"></td></tr> </tbody> </table> </div> </div> </body> </html>