如何将Web连接到本机应用程序(比如Ableton live)

Question

如果有更好的地方问这个问题，请告诉我！

注意:我在Mac上。

我使用Web成功地将MIDI键盘与浏览器(Chrome)连接起来。

我想知道我是否也可以连接应用程序(比如Ableton Live)，以便当Ableton输出MIDI消息时，浏览器可以接收这些消息？

我看到的备选方案：

1. 将Midi从Ableton发送到我的MIDI键盘，后者将它们转发到Web (有人能说明一下如何设置吗？)
2. 使用Mac中的IAC (应用程序间通信)驱动程序，它“允许您在盒子内的应用程序之间创建虚拟MIDI电缆，可以这么说。”我不知道如何设置它，因为‘’没有出现在midi中。

我更喜欢选项2，这样也可以在没有物理MIDI设备存在的情况下工作，但我也很乐意了解选项1是否可以工作！

谢谢您对此的任何投入！

Answer 1

我发现Web的文档有点混乱，所以我尝试了webmidi (它构建在Web之上，所以它所做的一切都应该可以使用"raw“API实现)。

要接收MIDI消息，这对我来说是可行的：

WebMidi.enable(function(err) {
  if (err) throw err;
  console.log("WebMidi enabled!");
  WebMidi.getInputByName('IAC Driver Bus 1').addListener('noteon', 'all', function(e) {
    console.log('note on', e);
  });
});

在Ableton中，"Midi To“需要指向IAC设备(如果没有显示，您可能需要打开MIDI首选项并将其作为输出设备启用)：

​

​

注意:我发现这只适用于没有附加任何乐器的MIDI曲目(见此页)。

编辑：我假设设备在Mac上的命名类似，否则下面是我用来枚举输入和输出设备的代码：

WebMidi.enable(function(err) {
  if (err) throw err;
  WebMidi.inputs.forEach(input => {
    console.log('- id  :', input.id);
    console.log('- name:', input.name);
    console.log('- manu:', input.manufacturer);
    console.log('- conn:', input.connection);
    console.log('---');
  });
  console.log('outputs:', WebMidi.outputs);
  WebMidi.outputs.forEach(output => {
    console.log('- id  :', output.id);
    console.log('- name:', output.name);
    console.log('- manu:', output.manufacturer);
    console.log('- conn:', output.connection);
    console.log('---');
  });
});

Answer 2

为了在OSX上将midi事件从Ableton发送到Web，您需要执行以下操作：

1)运行内置的OSX应用程序，名为“Audio安装程序”。选择“MIDI Studio”。双击“IAC司机”。然后选中“Device”复选框。

​

​

2)前往Ableton -> Preferences -> MIDI。在底部输入: IAC驱动器(总线1)‘启用’跟踪‘和’远程‘。用于“输出: IAC驱动器(1总线)”启用“跟踪”。

​

​

3)现在，在您想要发送便条的Ableton midi轨道上，选择“IAC驱动器”作为midi输出。

​

​

4)现在'IAC驱动程序(总线1)‘应该通过显示为Midi输入。

这个过程在这里描述：https://www.youtube.com/watch?v=MkWZ4rtRybQ