如何将 decodeAudioData 中创建的缓冲区分配给 soundBuffer 以便稍后播放?
请注意,在 decodeAudioData 函数调用中对 playSound() 的调用成功地播放了缓冲区,但从 Play 按钮调用返回“值不是 ArrayBuffer 类型的值”,并且在测试时,soundBuffer 仍然未定义。
我假设深层嵌套函数在最外层函数中失去了 soundBuffer 的范围,但我似乎可以将 soundBuffer 包装在一个闭包中,以便它成功传入。
$(function () {
var soundBuffer, context;
try {
context = new webkitAudioContext();
}
catch (e) {
console.log("Error setting up webaudiocontext: " + e);
}
loadSound("https://dl.dropboxusercontent.com/u/9780255/counting-coins-3.mp3",soundBuffer);
$("#playSound").click(function () {
playSound(soundBuffer);
});
function loadSound(url, buffer) {
var rq = new XMLHttpRequest();
rq.open("GET", url, true);
rq.responseType = "arraybuffer";
rq.onload = function () {
context.decodeAudioData(rq.response,
function (b) {
buffer = b;
console.log("buffer loaded...");
playSound(buffer);
});
};
rq.onerror = function (e) {
console.log("error loading audio:"+e);
};
rq.send();
}
function playSound(s) {
var sn= context.createBufferSource();
sn.buffer = s;
sn.connect(context.destination);
sn.start(0);
}
});
此来源在 jsfiddle 上:http: //jsfiddle.net/karasutengu/qA5Nb/8/它可能仅适用于识别 webkitAudioContext 的 chrome。