Cannot record video+audio on Safari 11/12/13

Description

Cannot record video/audio on Safari 12.0.3 using the following libraries:

VIDEOJS: Using video.js 7.5.0 with videojs-record 3.4.2 and recordrtc 5.5.4

Steps to reproduce

Just try to record a video using Safari browser

Results

Expected

Record the video correctly

Actual

The video has a small delay (less than 2 seconds) and when I start recording, the video doesn’t stop and I see the error below in the console

Error output

Browser console produces the following:

VIDEOJS: – "ERROR:" – "Your browser does not supports Media Recorder API. Please try other modules e.g. WhammyRecorder or StereoAudioRecorder."
(funzione anonima) — video.min.js:12:1481
error — video.min.js:12:2368
dispatcher — video.min.js:12:10365
pe — video.min.js:12:11112
trigger — video.min.js:12:15153
(funzione anonima) — video.min.js:12:193742
n — video.min.js:12:12359
n — video.min.js:12:12359
dispatcher — video.min.js:12:10341

[thijstriemstra]

Did some testing with Safari iOS 12.2. After enabling MediaRecorder in Experimental Features as described in previous comment, results for online demos are:

• audio-only: record/playback worked, no glitches
• screen-only: error: navigator.mediaDevices.getDisplayMedia is not a function (as expected)
• image-only: worked ok, except the captured image is skewed when displaying
• video-only: recording is fine, but recorded blob is not loaded, stays on the video preview screen. no errors logged.
• audio-video: recording seems ok but no record complete callback after pressing stop, log ends with:

[Log] Stopped recording video stream. (RecordRTC.js, line 125)
[Log] Recorder state changed: – "stopped" (RecordRTC.js, line 705)

[thijstriemstra]

in this moment the only way for record in IOS is enable experimental feature for MediaRecorderAPI?

Yes.