Not Supported on iOS Safari

Hello,

I already put it in the #21 issues but nobody could give me an answer so I made a new issue.

I tried multiple things with mic-recorder lib in my React project but I have an issue with the safari browser on iOS (same on ios chrome). When I click on the record button with

startRecording = () => {
    // Start recording. Browser will request permission to use your microphone.
    window.AudioContext = window.AudioContext || window.webkitAudioContext;
  if (window.AudioContext) {
    window.audioContext = new window.AudioContext();
  }
    this.setState({
      isRecording: true,
    });
    recorder
      .start()
      .then(() => {
        // something else
      })
      .catch(e => {
        console.error(e);
      });
  };

When trying the example from https://jsfiddle.net/8u5fbpx6/1/ it works on ios.

Because I am not using it exactly like the example in my REACT code, it doesn’t display the popup that should ask me if I want to accept that safari is going to use the microphone.

If someone have any idea with that

Thank you

[tyherox]

Hey guys, it’s a pretty quick fix and it’s not the libraries fault.

Basically, Safari requires your url to be https to use the microphone. I fixed the problem by using ngrok to tunnel and used the given https url to test the functionality.

Hope this helps!

[vinikatyal]

Anyone has a sample example for ios safari?