</div>
</div>
<div id="msg"></div>
- <div id="midiinputs"></div>
- <div id="midioutputs"></div>
+ <div id="devices"><div class="nanopad">nanoPAD</div><div class="nanokontrol">nanoKONTROL</div></div>
<form>
<div><label>Master</label> <input id="master-gain" type="range" min="0" max="127" value="127"></div>
console.log('on midi access change', e);
//console.log(this);
var port = e.port;
- var portContainer = $("#midi" + port.type + "s");
- if (portContainer.html().startsWith("<p>No connected")) {
- portContainer.empty();
- }
if (port.state == "disconnected") {
if (port.type == "input") {
} else {
this.outputs[port.name] = undefined;
}
+ if (port.name == 'nanoPAD2 MIDI 1') { $('#devices .nanopad').removeClass('on'); }
+ if (port.name == 'nanoKONTROL2 MIDI 1') { $('#devices .nanokontrol').removeClass('on'); }
} else {
if (port.type == "input") {
if (this.inputs[port.name] === undefined) { this.registerPort(port); }
} else {
if (this.outputs[port.name] === undefined) { this.registerPort(port); }
}
+ console.log('hello:', port.name);
+ if (port.name == 'nanoPAD2 MIDI 1') { $('#devices .nanopad').addClass('on'); }
+ if (port.name == 'nanoKONTROL2 MIDI 1') { $('#devices .nanokontrol').addClass('on'); }
this.renderPort(port);
}
},