Chrome：更改音频元素和 MediaStreamAudioDestinationNode 的音频源时声音错误

Question

我有一个应用程序可以播放不同的代码生成的声音。我将这些声音放在AudioBufferSourceNode. 我允许用户选择通过什么输出设备播放声音，所以我使用MediaStreamAudioDestinationNode，其流用作音频元素的源。这样，当用户选择音频输出来播放声音时，我会将 Audio 元素的 Sink Id 设置为请求的音频输出。

所以我有 AudioBufferSourceNode -> 一些音频图（增益节点等） -> MediaStreamAudioDestinationNode -> 音频元素。

当我播放第一个声音时，它听起来不错。但是，当我创建一个新源并将其连接到同一个 MediaStreamAudioDestinationNode 时，播放的声音音调错误。

我创建了显示问题的a Fiddle。

这是一个错误，还是我做错了什么？

Answer 1

可以使用.connect() and .disconnect() 动态更改图形布局，即使音频正在播放或通过流（甚至可以通过WebRTC 流式传输）发送。 我找不到参考in the spec，所以我很确定这是理所当然的。

例如，如果您有两个 AudioBufferSourceNodes bufferSource1 和 bufferSource2，以及一个 MediaStreamAudioDestinationNode streamDestination：

bufferSource1.connect(streamDestination);

//do some other things here, and after some time, switch to bufferSource2:

//(streamDestination doesn't need to be explicitly specified here)
bufferSource1.disconnect(streamDestination); 
bufferSource2.connect(streamDestination);

Example in action。

---

编辑 1：

正确实施：

根据Editors Draft on the Audio Output API，计划/将可以为 AudioContext 选择自定义音频输出设备（通过new AudioContext({ sinkId: requestedSinkId });）。我找不到任何有关进度的信息，甚至找到了提问者显然已经阅读过的related discussion。根据这个和（许多）其他参考资料，这似乎不是一件容易的事，但it's planned for WA V1。

编辑： 该部分已从 API 草案中删除，但您仍然可以在 older version 中找到它。

当前解决方法：

我玩弄了您的解决方法（使用MediaStreamAudioDestinationNode 和Audio 对象），它似乎与没有连接。我修改了我的示例以切换单个缓冲区（类似于your example，但使用AudioBufferSourceNode），并观察到类似的频率下降。但是，当在中间使用GainNode 并将它的gain.value 设置为0 或1 时，频率下降消失了（如果您想创建和连接新的AudioBuffers，这不是解决方案动态）。