Microphone plugin in iOS 11 not working (example page)

I am having trouble implementing the microphone plugin on iOS 11. It works great on every other platform I have tried, including Chrome in Android, but iOS is a problem.

I have tried many different implementations myself, but the fact that the demo page for the microphone plugin doesn’t work for me on iOS 11.3 makes me wonder if this is a problem across the board, not just for me.

https://wavesurfer-js.org/plugins/microphone.html

For me, the page asks for access to the microphone as expected and indicates that mic access is live (console states Device ready!), but no waveform is displayed when audio input is presented. And when I tap the button to stop the mic, I get this error in the console:

TypeError: this.stream.stop is not a function. (In 'this.stream.stop()', 'this.stream.stop' is undefined)

I am assuming that this error is because I am trying to stop the stream when no stream has previously been created? Can anyone get this to work properly? Is this a known issue related to iOS? Thanks.

[hburgund]

Hi @thijstriemstra…thx for the response. I have looked at some of these issues already with no luck, but I will look again to make sure I haven’t missed anything.

Can you confirm that the official example for the mic plugin does in fact work in mobile safari for you? I only have one iOS device running iOS 11, so it is certainly possible that for some reason that device is behaving abnormally. I am working on getting more devices to test and will report back ASAP.

[thijstriemstra]

@hburgund check #1509, should work…

looks like videojs-record and videojs-wavesurfer unfortunately have the same problem in that they don’t visualize the mic input in mobile safari.

with new wavesurfer.js release that should be fixed there as well.