我正在尝试从URL中加载音频缓冲区,然后播放它。我从这篇HTML5 Rocks教程中获取了大部分代码。
var request = new XMLHttpRequest();
request.open('GET', $(this).attr('data-url'), true);
request.responseType = 'arraybuffer';
request.onload = function() {
console.log(request);
context.decodeAudioData(request.response, function(buffer) {
console.log(buffer);
$('#play').click(function() {
var source = context.createBufferSource();
source.connect(context.destination);
source.noteOn(0);
}).removeAttr('disabled');
}, function(err) { console.log(err); });
};
request.send();
然而,当我按下#play
按钮时,没有任何反应。使用调试器检查后发现已经调用了source.noteOn(0)
。所有对象都已正确加载和创建,但我听不到声音。
此外,似乎我需要重新构建一个完整的带有所有控件的播放器来使用这种方法。为了节省工作量并确保效果更好,我想把buffer
放入一个<audio/>
中,这样就可以在那里播放。
我知道有audio.src
可以放置文件名,但我需要使用音频缓冲区。我尝试过:
audio.src = buffer;
audio.load()
但那并没有起作用。
那里有任何信息吗?