Microphone is disabled when trying to record (using getUserMedia)

I built a simple recorder on my website for users to record and playback audio. It works on ALL desktop browsers (including Safari) but when I use any browser on my iPhone, the mic is active at the opposite time.

The flow is: ask permission > user allows mic access > user presses record > records audio > saves and plays back

On iPhone what's happening is after the user allows permission, the mic goes active (visualized by the mic icon in safari browser) and then once the user presses record, it disables the mic.

I am using getUserMedia within a React.js app Why is it doing this?

Replies

Hello, have you found any solution?