XHR responseType = 'arraybuffer' が Firefoxで動かない
function getAudio(aUrl) {
var deferred = $.Deferred();
// ajax is not capable of arraybuffer
var xhr = new XMLHttpRequest();
xhr.responseType = 'arraybuffer';
xhr.open('GET', aUrl, true);
// request succeeded
xhr.onreadystatechange = function() {
if (
(xhr.readyState === 4) &&
(xhr.status === 200) &&
(xhr.status !== 404)
) {
audioCtx.decodeAudioData(xhr.response, function(buffer) {
buf = buffer;
return deferred.resolve(true);
});
}
};
xhr.onerror = function() {
return deferred.resolve(false);
};
xhr.send();
return deferred.promise();
}
responseTypeが'arraybuffer'のXMLHttpRequestを送るメソッドを作りました。 Chrome, Safariでは動きます。しかしFirefoxだと 'InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable' というエラーが出ます。
Mozillaのサイトサンプルでも上記と同じ方法でxhrをリクエストしています。 何が問題でしょうか。
引数aUrlは"https://api.soundcloud.com/tracks/121818867/stream?client_id=8f474de4d1dedd5a6a4f4cbb60f4e6b8" といったものです。(localではない)