使用 AudioContext 时 Chrome 会更改音频元素的来源

Question

如果在 AudioContext 的 createMediaElementSource 中使用了该元素，则当我动态更改其源时，音频声音会失真（例如同时播放两次或类似的东西）。

这是错误的极简示例：http://jsfiddle.net/BaliBalo/wkFpv/（一开始效果很好，但当您单击链接更改源时会变得很疯狂）。

var audio = document.getElementById('music');
var actx = new webkitAudioContext();
var node, processor = actx.createScriptProcessor(1024, 1, 1);
processor.onaudioprocess = function(e) { /* STUFF */ };
processor.connect(actx.destination);
audio.addEventListener('canplay', canPlayFired);
function canPlayFired(event)
{
    node = actx.createMediaElementSource(audio);
    node.connect(processor);
    audio.removeEventListener('canplay', canPlayFired);
}
$('a.changeMusic').click(function(e){
    e.preventDefault();
    audio.src = $(this).attr('href');
});

如果我将node.disconnect(0); 放在audio.src = ... 之前，它可以工作，但不再处理数据。我尝试了很多东西，比如创建一个新的上下文，但似乎没有删除之前设置的 javascript 节点。

你知道我该如何解决吗？

提前致谢。

Answer 1

我建议看看这个：jsbin.com/acolet/1

它似乎在做你正在寻找的同样的事情。

我是从this post 找到的。