Блог

Я получаю arraybuffer из http-ответа. Приведенный ниже код воспроизводит звук только один раз, но я хочу использовать аудио в качестве src для звукового элемента!

     this.toSpeechService.getAudioFile(this.text).subscribe(res => {
       const context = new AudioContext();
       let source = context.createBufferSource();
       context.decodeAudioData(res, function(buffer) {
            source.buffer = buffer;
          }, null).then(() => {
            source.connect(context.destination);
            this.audioSrc = context.destination; // doesn't fill the audio player
            source.start(0);
       });
       console.log(res)
     }); 

     <audio controls="controls">
      <source [src]="audioSrc" type="audio/mp3/wav" />
       Your browser does not support the audio element.
    </audio> 

В случае, если вы знаете, что тип mime данных в ArrayBuffer следующем должен работать.

 this.toSpeechService.getAudioFile(this.text).subscribe(res => {
    const blob = new Blob([ res ], { type: THE_MIME_TYPE });
    const url = URL.createObjectURL(blob);

    YOUR_AUDIO_ELEMENT.src = url;
    YOUR_AUDIO_ELEMENT.load();
});
 

THE_MIME_TYPE является заполнителем для фактического мимеТипа. И YOUR_AUDIO_ELEMENT является ссылкой на ваш аудиоэлемент.

Как только вам больше не понадобится URL-адрес объекта, вы можете освободить память, позвонив URL.revokeObjectURL(url) .