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ではない)