question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't record video in Safari

See original GitHub issue

Safari 11 added getUserMedia Support in Sept 2017, more details here: https://webkit.org/blog/7763/a-closer-look-into-webrtc/

When looking at the demo page:

https://collab-project.github.io/videojs-record/examples/audio-video.html

I initialise the camera, click record and camera starts recording. I click stop and it stops recording but no playback button appears.

Plays back fine in Chrome on the same device.

Get following console error:

GetRecorderType is not a constructor (evaluating 'new Recorder (mediaStream, config) 

from RecordRTC.j:87

versions

videojs

videojs version : 6.2.8 videojs-record version : 2.0.0

browsers

Safari v11

OSes

Mac OS 10.12.6

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:37 (17 by maintainers)

github_iconTop GitHub Comments

2reactions
octavncommented, Sep 25, 2018

videojs-record relies on RecordRTC which relies mainly on the MediaRecorder object from the MediaStream Recorder API to record video.

Safari 11 and 12 do not support the MediaStream Recorder API.

There is a bug report filled thus if you want native video recording in Safari you can help by commenting on it and explaining your use case.

Recently the bug’s status changed to “under consideration” so there is a slight chance we will see the feature in Safari 13 next year.

2reactions
octavncommented, Jul 11, 2018

Basically Safari does not have MediaRecorder support yet

This bug report on bugs.webkit.org tracks the MediaRecorder implementation in WebKit and thus Safari.

I encourage everyone to show their interest and add a comment describing how a MediaRecorder implementation would help their project/development. Creating an account takes a second.

Also, WebKit is an open source project so one can also contribute code towards implementing the MediaRecorder API.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Capturing Video from Safari Browser - Apple Community
I'm playing a training video from the web and want to record it but the capture utility in Mojave doesn't want to record...
Read more >
Cannot record video+audio on Safari 11/12/13 #332 - GitHub
Steps to reproduce. Just try to record a video using Safari browser. Results. Expected. Record the video correctly. Actual.
Read more >
Troubleshooting camera & microphone access in Safari on ...
Now, refresh the page, and open the video/audio recorder. If you see this popup, select Allow -- we will only access your camera...
Read more >
Recording Video HTML5 not working in Safari and iOS mobile ...
Possible workarounds: Try enabling MediaRecorder API in Safari settings. If you can draw webcam to Canvas then consider bringing in your own ( ......
Read more >
[SOLVED] Why can't I screen record - 2021 Guide - CopyTrans
1. Check Restrictions. In case you see the recording icon greyed out, most likely this feature is restricted. · 2. Check Storage ·...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found