JS音频API-振荡器内部函数不播放声音

Question

在使用Opera44.0时，我正在摆弄音频API，并尝试了一个简单的示例：

var ac = new AudioContext();
var osc = ac.createOscillator();

osc.connect(ac.destination);
osc.start();
osc.stop(2);

它按预期工作，声音播放2秒，然后停止。

然后我试着往上走一点，当一个按钮被点击时播放一个声音：

function play(){
  var osc = ac.createOscillator();
  osc.connect(ac.destination);
  osc.start();
  osc.stop(2);
}

var ac = new AudioContext();

var playBtn = document.querySelector("#play");
playBtn.addEventListener("click", play);

不管用.单击按钮时调用函数（我在函数中使用console.log()进行了检查），但不播放任何声音。我尝试刷新页面，重新启动浏览器..什么都没有。

经过一些研究，我发现当调用stop()时，振荡器会被丢弃，因此每次都必须创建一个新的振荡器。我发现的几乎所有示例都围绕着这个概念，这就是为什么我在函数中创建它的原因。但没有任何错误，我不明白为什么它不起作用。

那么，这里的问题出在哪里？

Answer 1

翻阅文档，我设法解决了这个问题。

最初，我假设传递给osc.stop(2)的参数是以秒为单位的播放时间，类似于“播放2秒，然后停止”。但这是不正确的：参数是“...振荡器应该停止的音频上下文时间”。

通过在play()函数内部记录ac.currenttime，当我单击按钮时返回的值是~5。因此，通过将2传递给osc.stop()，我告诉osc在上下文时间为2时停止，而上下文时间已经通过了！

解决方法很简单：

function play(){
  var osc = ac.createOscillator();
  osc.connect(ac.destination);
  osc.start();
  //take into account the current time of the context
  osc.stop(ac.currentTime + 2);
}

智慧的话语现在回荡在我的脑中...R...T...F...M...