I'm receiving an arraybuffer from an http response. The following code successfully plays the audio once, but I am trying to utilize this audio as the source for the audio element!
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; // does not populate 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>