Safari and Recording Audio — HTML Media Capture / getUserMedia()

Question

It looks like getUserMedia() is now the way to go for capturing audio recordings from a user.

But that leaves out Safari and iOS Safari.

Originally I had at

Answer 1

Safari on iOS 6+ supports the HTML Media Capture spec but only for videos and photos:

• <input type="file" accept="image/*" />
• <input type="file" accept="video/*" />

It does not support audio only capture so the following will not produce the expected outcome:

• <input type="file" accept="audio/*" />

Android supports all 3 (video, audio, image).

Thus support across Android and iOS is as follows:

With Safari on iOS 10.3 the capture boolean attribute is also supported. It indicates capture directly from the webcam is preferred. When used, the option to choose an existing video or image will not be offered on Safari on iOS 10.3+:

• <input type="file" accept="image/*" capture />

I've written more on the HTML Media Capture topic at https://addpipe.com/blog/correct-syntax-html-media-capture/

Answer 2

UPDATE: New in Safari 11.0 (iOS 11) – Camera and microphone access. Added support for the Media Capture API. Added ability for websites to access camera and microphone streams from a user's device (user permission is required.)

https://developer.apple.com/library/archive/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_0.html

Answer 3

Safari still doesn't support getUserMedia properly. It fails on this:

imgCapture = new ImageCapture(stream.getVideoTracks()[0]);

This works in Chrome but Safari has no idea what ImageCapture() is.