WebMidi.js输出为空

时间:2018-06-29 23:58:45

标签: javascript web-midi

我正在尝试使用WebMidi.js在浏览器中播放音符。我正在使用下面的代码,该代码主要来自快速入门指南。

<body>
  <script src="node_modules/webmidi/webmidi.min.js"></script>
  <script defer>
    WebMidi.enable(function(err) {
      if (err) {
        console.log("WebMidi could not be enabled.", err);
      } else {
        console.log("WebMidi enabled!");
        console.log("outputs:", WebMidi.outputs);
      }
    });
  </script>
</body>

当我加载页面时,它说已启用WebMidi,但输出数组为空。如何获取软件包以检测我的输出?我在Mac上使用Chrome浏览器-我的软件是最新的。

1 个答案:

答案 0 :(得分:1)

要使用MIDI输出播放声音,您需要具有运行虚拟MIDI端口的硬件或软件MIDI合成器。您可能想改用AudioContext:

// patch up prefixes
window.AudioContext=window.AudioContext||window.webkitAudioContext;

context = new AudioContext();
if (navigator.requestMIDIAccess)
  navigator.requestMIDIAccess().then( onMIDIInit, onMIDIReject );
else
  alert("No MIDI support present in your browser.  You're gonna have a bad time.")

// set up the basic oscillator chain, muted to begin with.
oscillator = context.createOscillator();
oscillator.frequency.setValueAtTime(110, 0);
envelope = context.createGain();
oscillator.connect(envelope);
envelope.connect(context.destination);
envelope.gain.value = 0.0;  // Mute the sound
oscillator.start(0);  // Go ahead and start up the oscillator

要生成更复杂的声音,请查看SoundJS或其他声音库。