Files
ComfyUI_frontend/src/nodes/midi.js
2018-03-08 12:58:39 +01:00

708 lines
17 KiB
JavaScript

(function( global )
{
var LiteGraph = global.LiteGraph;
function MIDIEvent( data )
{
this.channel = 0;
this.cmd = 0;
if(data)
this.setup(data)
else
this.data = [0,0,0];
}
MIDIEvent.prototype.setup = function( raw_data )
{
this.data = raw_data;
var midiStatus = raw_data[0];
this.status = midiStatus;
var midiCommand = midiStatus & 0xF0;
if(midiStatus >= 0xF0)
this.cmd = midiStatus;
else
this.cmd = midiCommand;
if(this.cmd == MIDIEvent.NOTEON && this.velocity == 0)
this.cmd = MIDIEvent.NOTEOFF;
this.cmd_str = MIDIEvent.commands[ this.cmd ] || "";
if ( midiCommand >= MIDIEvent.NOTEON || midiCommand <= MIDIEvent.NOTEOFF ) {
this.channel = midiStatus & 0x0F;
}
}
Object.defineProperty( MIDIEvent.prototype, "velocity", {
get: function() {
if(this.cmd == MIDIEvent.NOTEON)
return this.data[2];
return -1;
},
set: function(v) {
this.data[2] = v; // v / 127;
},
enumerable: true
});
MIDIEvent.notes = ["A","A#","B","C","C#","D","D#","E","F","F#","G","G#"];
//returns HZs
MIDIEvent.prototype.getPitch = function()
{
return Math.pow(2, (this.data[1] - 69) / 12 ) * 440;
}
MIDIEvent.computePitch = function( note )
{
return Math.pow(2, (note - 69) / 12 ) * 440;
}
MIDIEvent.prototype.getCC = function()
{
return this.data[1];
}
MIDIEvent.prototype.getCCValue = function()
{
return this.data[2];
}
//not tested, there is a formula missing here
MIDIEvent.prototype.getPitchBend = function()
{
return this.data[1] + (this.data[2] << 7) - 8192;
}
MIDIEvent.computePitchBend = function(v1,v2)
{
return v1 + (v2 << 7) - 8192;
}
MIDIEvent.prototype.setCommandFromString = function( str )
{
this.cmd = MIDIEvent.computeCommandFromString(str);
}
MIDIEvent.computeCommandFromString = function( str )
{
if(!str)
return 0;
if(str && str.constructor === Number)
return str;
str = str.toUpperCase();
switch( str )
{
case "NOTE ON":
case "NOTEON": return MIDIEvent.NOTEON; break;
case "NOTE OFF":
case "NOTEOFF": return MIDIEvent.NOTEON; break;
case "KEY PRESSURE":
case "KEYPRESSURE": return MIDIEvent.KEYPRESSURE; break;
case "CONTROLLER CHANGE":
case "CONTROLLERCHANGE":
case "CC": return MIDIEvent.CONTROLLERCHANGE; break;
case "PROGRAM CHANGE":
case "PROGRAMCHANGE":
case "PC": return MIDIEvent.PROGRAMCHANGE; break;
case "CHANNEL PRESSURE":
case "CHANNELPRESSURE": return MIDIEvent.CHANNELPRESSURE; break;
case "PITCH BEND":
case "PITCHBEND": return MIDIEvent.PITCHBEND; break;
case "TIME TICK":
case "TIMETICK": return MIDIEvent.TIMETICK; break;
default: return Number(str); //asume its a hex code
}
}
MIDIEvent.toNoteString = function(d)
{
var note = d - 21;
var octave = d - 24;
note = note % 12;
if(note < 0)
note = 12 + note;
return MIDIEvent.notes[ note ] + Math.floor(octave / 12 + 1);
}
MIDIEvent.prototype.toString = function()
{
var str = "" + this.channel + ". " ;
switch( this.cmd )
{
case MIDIEvent.NOTEON: str += "NOTEON " + MIDIEvent.toNoteString( this.data[1] ); break;
case MIDIEvent.NOTEOFF: str += "NOTEOFF " + MIDIEvent.toNoteString( this.data[1] ); break;
case MIDIEvent.CONTROLLERCHANGE: str += "CC " + this.data[1] + " " + this.data[2]; break;
case MIDIEvent.PROGRAMCHANGE: str += "PC " + this.data[1]; break;
case MIDIEvent.PITCHBEND: str += "PITCHBEND " + this.getPitchBend(); break;
case MIDIEvent.KEYPRESSURE: str += "KEYPRESS " + this.data[1]; break;
}
return str;
}
MIDIEvent.prototype.toHexString = function()
{
var str = "";
for(var i = 0; i < this.data.length; i++)
str += this.data[i].toString(16) + " ";
}
MIDIEvent.NOTEOFF = 0x80;
MIDIEvent.NOTEON = 0x90;
MIDIEvent.KEYPRESSURE = 0xA0;
MIDIEvent.CONTROLLERCHANGE = 0xB0;
MIDIEvent.PROGRAMCHANGE = 0xC0;
MIDIEvent.CHANNELPRESSURE = 0xD0;
MIDIEvent.PITCHBEND = 0xE0;
MIDIEvent.TIMETICK = 0xF8;
MIDIEvent.commands = {
0x80: "note off",
0x90: "note on",
0xA0: "key pressure",
0xB0: "controller change",
0xC0: "program change",
0xD0: "channel pressure",
0xE0: "pitch bend",
0xF0: "system",
0xF2: "Song pos",
0xF3: "Song select",
0xF6: "Tune request",
0xF8: "time tick",
0xFA: "Start Song",
0xFB: "Continue Song",
0xFC: "Stop Song",
0xFE: "Sensing",
0xFF: "Reset"
}
//MIDI wrapper
function MIDIInterface( on_ready, on_error )
{
if(!navigator.requestMIDIAccess)
{
this.error = "not suppoorted";
if(on_error)
on_error("Not supported");
else
console.error("MIDI NOT SUPPORTED, enable by chrome://flags");
return;
}
this.on_ready = on_ready;
this.state = {
note: [],
cc: []
};
navigator.requestMIDIAccess().then( this.onMIDISuccess.bind(this), this.onMIDIFailure.bind(this) );
}
MIDIInterface.input = null;
MIDIInterface.MIDIEvent = MIDIEvent;
MIDIInterface.prototype.onMIDISuccess = function(midiAccess)
{
console.log( "MIDI ready!" );
console.log( midiAccess );
this.midi = midiAccess; // store in the global (in real usage, would probably keep in an object instance)
this.updatePorts();
if (this.on_ready)
this.on_ready(this);
}
MIDIInterface.prototype.updatePorts = function()
{
var midi = this.midi;
this.input_ports = midi.inputs;
var num = 0;
var it = this.input_ports.values();
var it_value = it.next();
while( it_value && it_value.done === false )
{
var port_info = it_value.value;
console.log( "Input port [type:'" + port_info.type + "'] id:'" + port_info.id +
"' manufacturer:'" + port_info.manufacturer + "' name:'" + port_info.name +
"' version:'" + port_info.version + "'" );
num++;
it_value = it.next();
}
this.num_input_ports = num;
num = 0;
this.output_ports = midi.outputs;
var it = this.output_ports.values();
var it_value = it.next();
while( it_value && it_value.done === false )
{
var port_info = it_value.value;
console.log( "Output port [type:'" + port_info.type + "'] id:'" + port_info.id +
"' manufacturer:'" + port_info.manufacturer + "' name:'" + port_info.name +
"' version:'" + port_info.version + "'" );
num++;
it_value = it.next();
}
this.num_output_ports = num;
/* OLD WAY
for (var i = 0; i < this.input_ports.size; ++i) {
var input = this.input_ports.get(i);
if(!input)
continue; //sometimes it is null?!
console.log( "Input port [type:'" + input.type + "'] id:'" + input.id +
"' manufacturer:'" + input.manufacturer + "' name:'" + input.name +
"' version:'" + input.version + "'" );
num++;
}
this.num_input_ports = num;
num = 0;
this.output_ports = midi.outputs;
for (var i = 0; i < this.output_ports.size; ++i) {
var output = this.output_ports.get(i);
if(!output)
continue;
console.log( "Output port [type:'" + output.type + "'] id:'" + output.id +
"' manufacturer:'" + output.manufacturer + "' name:'" + output.name +
"' version:'" + output.version + "'" );
num++;
}
this.num_output_ports = num;
*/
}
MIDIInterface.prototype.onMIDIFailure = function(msg)
{
console.error( "Failed to get MIDI access - " + msg );
}
MIDIInterface.prototype.openInputPort = function( port, callback )
{
var input_port = this.input_ports.get( "input-" + port );
if(!input_port)
return false;
MIDIInterface.input = this;
var that = this;
input_port.onmidimessage = function(a) {
var midi_event = new MIDIEvent(a.data);
that.updateState( midi_event );
if(callback)
callback(a.data, midi_event );
if(MIDIInterface.on_message)
MIDIInterface.on_message( a.data, midi_event );
}
console.log("port open: ", input_port);
return true;
}
MIDIInterface.parseMsg = function(data)
{
}
MIDIInterface.prototype.updateState = function( midi_event )
{
switch( midi_event.cmd )
{
case MIDIEvent.NOTEON: this.state.note[ midi_event.value1|0 ] = midi_event.value2; break;
case MIDIEvent.NOTEOFF: this.state.note[ midi_event.value1|0 ] = 0; break;
case MIDIEvent.CONTROLLERCHANGE: this.state.cc[ midi_event.getCC() ] = midi_event.getCCValue(); break;
}
}
MIDIInterface.prototype.sendMIDI = function( port, midi_data )
{
if( !midi_data )
return;
var output_port = this.output_ports.get( "output-" + port );
if(!output_port)
return;
MIDIInterface.output = this;
if( midi_data.constructor === MIDIEvent)
output_port.send( midi_data.data );
else
output_port.send( midi_data );
}
function LGMIDIIn()
{
this.addOutput( "on_midi", LiteGraph.EVENT );
this.addOutput( "out", "midi" );
this.properties = {port: 0};
this._last_midi_event = null;
this._current_midi_event = null;
var that = this;
new MIDIInterface( function( midi ){
//open
that._midi = midi;
if(that._waiting)
that.onStart();
that._waiting = false;
});
}
LGMIDIIn.MIDIInterface = MIDIInterface;
LGMIDIIn.title = "MIDI Input";
LGMIDIIn.desc = "Reads MIDI from a input port";
LGMIDIIn.prototype.getPropertyInfo = function(name)
{
if(!this._midi)
return;
if(name == "port")
{
var values = {};
for (var i = 0; i < this._midi.input_ports.size; ++i)
{
var input = this._midi.input_ports.get( "input-" + i);
values[i] = i + ".- " + input.name + " version:" + input.version;
}
return { type: "enum", values: values };
}
}
LGMIDIIn.prototype.onStart = function()
{
if(this._midi)
this._midi.openInputPort( this.properties.port, this.onMIDIEvent.bind(this) );
else
this._waiting = true;
}
LGMIDIIn.prototype.onMIDIEvent = function( data, midi_event )
{
this._last_midi_event = midi_event;
this.trigger( "on_midi", midi_event );
if(midi_event.cmd == MIDIEvent.NOTEON)
this.trigger( "on_noteon", midi_event );
else if(midi_event.cmd == MIDIEvent.NOTEOFF)
this.trigger( "on_noteoff", midi_event );
else if(midi_event.cmd == MIDIEvent.CONTROLLERCHANGE)
this.trigger( "on_cc", midi_event );
else if(midi_event.cmd == MIDIEvent.PROGRAMCHANGE)
this.trigger( "on_pc", midi_event );
else if(midi_event.cmd == MIDIEvent.PITCHBEND)
this.trigger( "on_pitchbend", midi_event );
}
LGMIDIIn.prototype.onExecute = function()
{
if(this.outputs)
{
var last = this._last_midi_event;
for(var i = 0; i < this.outputs.length; ++i)
{
var output = this.outputs[i];
var v = null;
switch (output.name)
{
case "midi": v = this._midi; break;
case "last_midi": v = last; break;
default:
continue;
}
this.setOutputData( i, v );
}
}
}
LGMIDIIn.prototype.onGetOutputs = function() {
return [
["last_midi","midi"],
["on_midi",LiteGraph.EVENT],
["on_noteon",LiteGraph.EVENT],
["on_noteoff",LiteGraph.EVENT],
["on_cc",LiteGraph.EVENT],
["on_pc",LiteGraph.EVENT],
["on_pitchbend",LiteGraph.EVENT]
];
}
LiteGraph.registerNodeType("midi/input", LGMIDIIn);
function LGMIDIOut()
{
this.addInput( "send", LiteGraph.EVENT );
this.properties = {port: 0};
var that = this;
new MIDIInterface( function( midi ){
that._midi = midi;
});
}
LGMIDIOut.MIDIInterface = MIDIInterface;
LGMIDIOut.title = "MIDI Output";
LGMIDIOut.desc = "Sends MIDI to output channel";
LGMIDIOut.prototype.getPropertyInfo = function(name)
{
if(!this._midi)
return;
if(name == "port")
{
var values = {};
for (var i = 0; i < this._midi.output_ports.size; ++i)
{
var output = this._midi.output_ports.get(i);
values[i] = i + ".- " + output.name + " version:" + output.version;
}
return { type: "enum", values: values };
}
}
LGMIDIOut.prototype.onAction = function(event, midi_event )
{
console.log(midi_event);
if(!this._midi)
return;
if(event == "send")
this._midi.sendMIDI( this.port, midi_event );
this.trigger("midi",midi_event);
}
LGMIDIOut.prototype.onGetInputs = function() {
return [["send",LiteGraph.ACTION]];
}
LGMIDIOut.prototype.onGetOutputs = function() {
return [["on_midi",LiteGraph.EVENT]];
}
LiteGraph.registerNodeType("midi/output", LGMIDIOut);
function LGMIDIShow()
{
this.addInput( "on_midi", LiteGraph.EVENT );
this._str = "";
this.size = [200,40]
}
LGMIDIShow.title = "MIDI Show";
LGMIDIShow.desc = "Shows MIDI in the graph";
LGMIDIShow.prototype.onAction = function(event, midi_event )
{
if(!midi_event)
return;
if(midi_event.constructor === MIDIEvent)
this._str = midi_event.toString();
else
this._str = "???";
}
LGMIDIShow.prototype.onDrawForeground = function( ctx )
{
if( !this._str )
return;
ctx.font = "30px Arial";
ctx.fillText( this._str, 10, this.size[1] * 0.8 );
}
LGMIDIShow.prototype.onGetInputs = function() {
return [["in",LiteGraph.ACTION]];
}
LGMIDIShow.prototype.onGetOutputs = function() {
return [["on_midi",LiteGraph.EVENT]];
}
LiteGraph.registerNodeType("midi/show", LGMIDIShow);
function LGMIDIFilter()
{
this.properties = {
channel: -1,
cmd: -1,
min_value: -1,
max_value: -1
};
this.addInput( "in", LiteGraph.EVENT );
this.addOutput( "on_midi", LiteGraph.EVENT );
}
LGMIDIFilter.title = "MIDI Filter";
LGMIDIFilter.desc = "Filters MIDI messages";
LGMIDIFilter.prototype.onAction = function(event, midi_event )
{
if(!midi_event || midi_event.constructor !== MIDIEvent)
return;
if( this.properties.channel != -1 && midi_event.channel != this.properties.channel)
return;
if(this.properties.cmd != -1 && midi_event.cmd != this.properties.cmd)
return;
if(this.properties.min_value != -1 && midi_event.data[1] < this.properties.min_value)
return;
if(this.properties.max_value != -1 && midi_event.data[1] > this.properties.max_value)
return;
this.trigger("on_midi",midi_event);
}
LiteGraph.registerNodeType("midi/filter", LGMIDIFilter);
function LGMIDIEvent()
{
this.properties = {
channel: 0,
cmd: "CC",
value1: 1,
value2: 1
};
this.addInput( "send", LiteGraph.EVENT );
this.addInput( "assign", LiteGraph.EVENT );
this.addOutput( "on_midi", LiteGraph.EVENT );
}
LGMIDIEvent.title = "MIDIEvent";
LGMIDIEvent.desc = "Create a MIDI Event";
LGMIDIEvent.prototype.onAction = function( event, midi_event )
{
if(event == "assign")
{
this.properties.channel = midi_event.channel;
this.properties.cmd = midi_event.cmd;
this.properties.value1 = midi_event.data[1];
this.properties.value2 = midi_event.data[2];
return;
}
//send
var midi_event = new MIDIEvent();
midi_event.channel = this.properties.channel;
if(this.properties.cmd && this.properties.cmd.constructor === String)
midi_event.setCommandFromString( this.properties.cmd );
else
midi_event.cmd = this.properties.cmd;
midi_event.data[0] = midi_event.cmd | midi_event.channel;
midi_event.data[1] = Number(this.properties.value1);
midi_event.data[2] = Number(this.properties.value2);
this.trigger("on_midi",midi_event);
}
LGMIDIEvent.prototype.onExecute = function()
{
var props = this.properties;
if(this.outputs)
{
for(var i = 0; i < this.outputs.length; ++i)
{
var output = this.outputs[i];
var v = null;
switch (output.name)
{
case "midi":
v = new MIDIEvent();
v.setup([ props.cmd, props.value1, props.value2 ]);
v.channel = props.channel;
break;
case "command": v = props.cmd; break;
case "cc": v = props.value1; break;
case "cc_value": v = props.value2; break;
case "note": v = (props.cmd == MIDIEvent.NOTEON || props.cmd == MIDIEvent.NOTEOFF) ? props.value1 : null; break;
case "velocity": v = props.cmd == MIDIEvent.NOTEON ? props.value2 : null; break;
case "pitch": v = props.cmd == MIDIEvent.NOTEON ? MIDIEvent.computePitch( props.value1 ) : null; break;
case "pitchbend": v = props.cmd == MIDIEvent.PITCHBEND ? MIDIEvent.computePitchBend( props.value1, props.value2 ) : null; break;
default:
continue;
}
if(v !== null)
this.setOutputData( i, v );
}
}
}
LGMIDIEvent.prototype.onPropertyChanged = function(name,value)
{
if(name == "cmd")
this.properties.cmd = MIDIEvent.computeCommandFromString( value );
}
LGMIDIEvent.prototype.onGetOutputs = function() {
return [
["midi","midi"],
["on_midi",LiteGraph.EVENT],
["command","number"],
["note","number"],
["velocity","number"],
["cc","number"],
["cc_value","number"],
["pitch","number"],
["pitchbend","number"]
];
}
LiteGraph.registerNodeType("midi/event", LGMIDIEvent);
function LGMIDICC()
{
this.properties = {
// channel: 0,
cc: 1,
value: 0
};
this.addOutput( "value", "number" );
}
LGMIDICC.title = "MIDICC";
LGMIDICC.desc = "gets a Controller Change";
LGMIDICC.prototype.onExecute = function()
{
var props = this.properties;
if( MIDIInterface.input )
this.properties.value = MIDIInterface.input.state.cc[ this.properties.cc ];
this.setOutputData( 0, this.properties.value );
}
LiteGraph.registerNodeType("midi/cc", LGMIDICC);
function now() { return window.performance.now() }
})( this );