forked from LividInstruments/WebMIDI
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinout.html
executable file
·36 lines (30 loc) · 1.51 KB
/
inout.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 lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=916,initial-scale=1">
<title>Web MIDI Input Output</title>
<script type="text/javascript" src="js/midi.js"></script>
<script type="text/javascript" src="js/synth.js"></script>
<script type="text/javascript" src="js/seq.js"></script>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div id="menus">
midi in: <select class="dropdownSelect" id="midiIn"></select> |
midi out: <select class="dropdownSelect" id="midiOut"></select>
</div>
<div id="buttons">
<button type="button" id="lightsrnd" onclick="lights_rnd()">Random Lights</button> | <button type="button" id="lightsoff" onclick="lights_off()">Lights Off</button>
</div>
<div id="feedback">
cc: <input type="text" id="ccnum" value="0"> val: <input type="text" id="ccval" value="0"><br>
note: <input type="text" id="notenum" value="0"> val: <input type="text" id="noteval" value="0">
</div>
<div id="controls">
<button type="button" id="play" onclick="play()">Play/Pause</button> |
Tempo: <span id="showTempo">120</span>BPM <input id="tempo" type="range" min="30.0" max="160.0" step="1" value="120" style="height: 20px; width: 200px" onInput="tempo = event.target.value; document.getElementById('showTempo').innerText=tempo;"> |
Resolution:<select onchange="noteResolution = this.selectedIndex;"><option>16th notes<option>8th notes<option>Quarter notes</select>
</div>
</body>
</html>