为什么js振荡器在使用后会停止播放声音？

Question

我正在尝试用js制作一架简单的钢琴，但我不想使用音频样本，而是想以编程方式生成声音。要播放单个声音，我正在使用此博客中的此代码 https://marcgg.com/blog/2016/11/01/javascript-audio/

var context = new AudioContext()
var o = context.createOscillator()
var  g = context.createGain()
o.connect(g)
g.connect(context.destination)
o.start(0)
g.gain.exponentialRampToValueAtTime(0.00001, context.currentTime + 5)

我发现在玩了大约50次之后，这种方法停止工作。运行此代码时不播放声音，context.currentTime 不会更改并保持 0。如何在不停止播放声音的情况下修复它？

Answer 1

不要为每个音符创建一个新的AudioContext；创建一个并将其用于所有音符。这不仅可以节省资源；如果你决定要这样做，它还有助于在精确的时间播放多个音符。

您还在积累仍在播放的振荡器，只是非常安静。您需要在某个时候停止它们。好消息是，Web Audio API旨在使执行此操作变得容易：

// stop after 5 seconds from now
o.stop(context.currentTime + 5);