从字节的阵列播放音频

Question

我有一个bufferarray来自我使用java创建的休息端点，该端点返回一个字节[] array;因此，我设法使用HTTP(我使用的是Angular(获得了数组，现在我想在浏览器中播放音频。我做了一些研究，发现了网络音频API，但错误是我无法解码数组。

context = new AudioContext();
    audioArray : ArrayBuffer;
    buf ;
let arrayBuffer  = new ArrayBuffer(this.audioArray.byteLength);
     let bufferView  = new Uint8Array(arrayBuffer);
    for (let i = 0; i < this.audioArray.byteLength; i++) {
        bufferView[i] = this.audioArray[i];
    }
    console.log(arrayBuffer);
     // this function should decode the array but the error occurs 
       // DOMException: Unable to decode audio data
    this.context.decodeAudioData(this.audioArray).then((buffer)=>{
        this.buf = buffer;
        this.play();
    }).catch((error)=>{
        console.log(error);
    });
    console.log(this.audioArray);

play() {
    let source = this.context.createBufferSource();
    source.buffer = this.buf;
    source.connect(this.context.destination);
    source.start(0);
}

，我通过调用REST API来获得Ngoninit函数中的数组：(

 this.radioService.generateVoiceMethode().subscribe(res => {
        console.log(res);
        this.audioArray = new ArrayBuffer(res.byteLength);
        this.audioArray = res;
        console.log(this.audioArray);
    });

Answer 1

尽管这是一个古老的问题，但我正在分享一个对我有用的答案。将来可能对某些人有用。

async play(data: ArrayBuffer) {
    const context = new AudioContext();
    const buffer = await context.decodeAudioData(data);
    const source = context.createBufferSource();
    source.buffer = buffer;
    source.connect(context.destination);
    source.start();
  }

上面的代码在Angular 8中起作用。