react-media-recorder icon indicating copy to clipboard operation
react-media-recorder copied to clipboard

Safari is not supported

Open urosran opened this issue 3 years ago • 8 comments

Hey there,

Not an issue per se but safari is not supported, have you thought of using the polyfill to mend this?

I am happy to help in any shape or form

urosran avatar Jul 15 '20 23:07 urosran

Might be harder than it seems. I was looking for a polyfill but it seems there is none (for video). Probably for a good reason.

syeo66 avatar Jul 16 '20 08:07 syeo66

Yeah, I forked your project to try to get at least the audio working but it's pretty hard. For some reason, it's not picking up onStopEvent. I'll put a PR so you can take a peak

urosran avatar Jul 17 '20 03:07 urosran

MediaRecorder API not supported on safari https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder

Jlomaka avatar Aug 11 '20 07:08 Jlomaka

Yeah, the MediaRecorder isn't available on Safari. Correct me if I'm wrong, the polyfill you're using in #20 doesn't support video recording, right @urosran Like @syeo66 said, it might be for a good reason, that we aren't seeing any fully-fledged polyfill yet.

DeltaCircuit avatar Aug 19 '20 10:08 DeltaCircuit

Yeah, it's audio only, dk if it would be possible to inject here to get at least full audio support

urosran avatar Aug 19 '20 10:08 urosran

Okay, let me check. I haven't looked at your PR yet. Let's see what's going on there.

DeltaCircuit avatar Aug 19 '20 10:08 DeltaCircuit

Simplest solution is use recordrtc https://www.npmjs.com/package/recordrtc

Currently even that seems to be broken wrto safari so wait for it to be corrected with in recordrtc

or here are the steps to fix it

https://github.com/muaz-khan/RecordRTC/issues/655#issuecomment-722901446

Relavent files are https://github.com/muaz-khan/RecordRTC/blob/master/dev/WhammyRecorder.js https://github.com/muaz-khan/RecordRTC/blob/master/dev/Whammy.js

no-1ne avatar Nov 05 '20 09:11 no-1ne

hi any update on safari as media recorder is not working on IOS devides? below is working on all devices: https://www.npmjs.com/package/react-video-recorder

uvtech3012 avatar Oct 17 '21 06:10 uvtech3012