javascript - 防止多个 AudioContexts

Question

我遵循一种模式使用 Webaudio 将声音附加到对象。它运行良好，但是，如果我在一个页面上生成多个项目并附加此脚本，我会收到一个 console.log，表明我已经超过了每页可用的 audioContexts 的最大数量。

我的理解是，该行声明 audioContext 附加到窗口的 AudioContext，而不是声明一个新的。如果它已经有一个 AudioContext 并简单地将音频节点添加到它的图形中，我该如何询问窗口？

var that = this
  , audioContext = window.AudioContext || window.webkitAudioContext;

if (!audioContext) {
  console.warn("Web Audio API not supported in this browser.");
  return;
}

this.context = new audioContext();

Answer 1

我不确定我是否理解您的问题。为什么您不能只在脚本顶部创建一个音频上下文，然后让其余代码引用它？

无论如何，为了提供答案，您可以这样做:

var getContext = function() {
  var ac = null;
  if ( !window.AudioContext && !window.webkitAudioContext ) {
    console.warn('Web Audio API not supported in this browser');
  } else {
    ac = new ( window.AudioContext || window.webkitAudioContext )();
  }
  return function() {
    return ac;
  };
}();

然后，每次需要上下文时，只需调用此函数即可:

var ctx = getContext(),
  osc = ctx.createOscillator();
osc.connect(ctx.destination);