How can use a blob/stream as analyzer input?

[jgabriel98]

So, the thing is: i request my server for a track and it answers with a .mp3 file.

But i cannot plug the blob.stream() into audioMotion-analyzer:

more specifically, i cannot use a ReadableStream as a MediaStream:

So my question is:
How can i turn a blob/stream into a MediaStream or AudioSouceNode, so i can plug it into audioMotion-analyzer?

---

note: using <audio /> is not an option, since it requires user input to start playing. And i want to automatically analyze the audio without any user interaction.

note 2: i only want to visually analyze it, no sound output is required.

[jgabriel98]

Or maybe is there a way to analyse a stream directly instead of a AudioNode?

[hvianna]

At the moment an AudioNode is required for connection with the AnalyserNode.

[hvianna]

The only way I know how to do this is by using an HTMLAudioElement:

const audio = new Audio();
audio.src = URL.createObjectURL( blob );
audio.play();

note: using <audio /> is not an option, since it requires user input to start playing. And i want to automatically analyze the audio without any user interaction.

If you mean the user gesture required to unlock the AudioContext, any click in the page will do (after audioMotion is instantiated). You can also whitelist your server in the browser's site settings to always allow sound playback.

[jgabriel98]

The only way I know how to do this is by using an HTMLAudioElement:

const audio = new Audio();
audio.src = URL.createObjectURL( blob );
audio.play();

Yeah, I'm actually doing like this now. But I really wanted to just automatically analyze the audio.

If you mean the user gesture required to unlock the AudioContext, any click in the page will do (after audioMotion is instantiated). You can also whitelist your server in the browser's site settings to always allow sound playback.

Got it.
Since my goal is to run it on a android webview,i guess the embedded app can change those settings.

Thanks anyway!