Waveform animation not working on iOS for mp3 mimeType

[francescocretti]

Hi everyone,
I'm integrating this component into an Ionic app.

Everything works well except that when using mp3 encoding, the waveform (or soundbars, it doesn't matter) is not visible in iOS Safari.
Works in all other cases I tested (Chrome on Ubuntu/Mac, Chrome on Android, Safari on Mac).

Anyone encountered this problem?

I was also thinking to develop a custom animation (e.g. a simple meter) but I can't figure out how to access buffer data from the ReactMic component.
Any ideas?

Thanks in advance.
Francesco

[francescocretti]

I took a further look into the bug.
Seems that in iOS Safari the data got from the analyzerNode is is always an array of 128 values (with the analyser.getByteTimeDomainData method used in Visualizer.js).

The problem could be related to the fact that the AnalyzerNode is not initalized from an user gesture (see https://stackoverflow.com/questions/52649171/web-audio-api-getbytetimedomaindata-not-working-in-safari), but the fact that it works in WAV mode is odd.

I couldn't find a workaround so far.