Web Audio API:性能问题？

Question

我这里有个小编钟制作人。它同时生成多个泛音，并在每个泛音上使用可变增益来产生丰富的钟声。我调用一个函数来按顺序播放一系列这些内容。但如果我快速按下按钮几次，声音输出就会停止，就像内存耗尽一样：

https://codepen.io/ophello/pen/OJVRMQe

function ding(freq) {
    var toneGen = new AudioContext()
    var duration = 15
    var T = toneGen.currentTime
    var overtones = [1,2.76,5.4,8.93,13.34,18.64]
    overtones.forEach(function(overtone,i) {
        var osc = toneGen.createOscillator()
        osc.type = "sine"
        var freqVal = freq * overtone
        if (freqVal <= 22050) {
            osc.frequency.value = freq * overtone
            var envelope = toneGen.createGain()
            osc.connect(envelope)
            envelope.gain.setValueAtTime(0.1/Math.pow((i+1),5), T)
            envelope.gain.exponentialRampToValueAtTime(0.00001, T + duration)
            envelope.connect(toneGen.destination)
            osc.start(T)
            osc.stop(T + duration)
        }
    })
}

var hzValues = [216, 288, 324, 405, 432, 648]

$("#b1").mousedown(() => { 
    hzValues.forEach((thisHz,i) => { 
        setTimeout(() => { ding(thisHz) }, 100 * i); 
    })
})

为什么这个在按了几次之后就停止工作了？我是不是漏掉了什么关键的东西？我不知道在控制台的什么地方寻找与此有关的任何问题。这是内存问题吗？

Answer 1

多亏了上面的dandavis，我通过添加超时函数实现了这一点：

setTimeout(toneGen.close.bind(toneGen), duration*1000);

更新:通过将音频上下文移出main函数进行了改进！