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.

Record new empty tab in Chrome macOS does not work

See original GitHub issue

Description

When I record a chrome tab, the record blob is 0 in size, thus playback fails. It records normally if I choose current chrome tab as target though. It happened with the example also, both screen-audio and screen-only. I record the bug here: https://drive.google.com/open?id=1Tu0KQ0BrMC6VhK8g1LK71AuKyv0rihkt

Steps to reproduce

  1. In “Share your screen” permission modal, choose Chrome Tab
  2. Choose any tab other than the current (first) one
  3. Record and Stop

Results

Expected

Record succeed, video playbacks normally

Actual

Resulted record blob is 0 size, playback fails

Error output

VIDEOJS: Using video.js 7.6.6 with videojs-record 3.11.0 and recordrtc 5.5.9 RecordRTC.js:53 RecordRTC version: 5.5.9 RecordRTC.js:63 started recording video stream. RecordRTC.js:1057 Using recorderType: MediaStreamRecorder RecordRTC.js:2104 Passing following config over MediaRecorder API. Object RecordRTC.js:713 Recorder state changed: recording RecordRTC.js:103 Initialized recorderType: MediaStreamRecorder for output-type: video RecordRTC.js:129 Stopped recording video stream. RecordRTC.js:713 Recorder state changed: stopped RecordRTC.js:170 video/webm -> 0 Bytes audio-screen.html:73 screen+audio capture ready: Blob blob:https://collab-project.github.io/2a954a84-8743-4083-b6ad-1598222d870c:1 Failed to load resource: net::ERR_REQUEST_RANGE_NOT_SATISFIABLE video.min.js:12 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported. vt (anonymous) @ video.min.js:12 audio-screen.html:66 undefined

Additional Information

Please include any additional information necessary here. Including the following:

versions

videojs

video.js 7.6.6 with videojs-record 3.11.0 and recordrtc 5.5.9

browsers

Chrome Version 80.0.3987.132 (Official Build) (64-bit)

OSes

macOS 10.15.3

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:8 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
thijstriemstracommented, Apr 17, 2020

It seems that MediaRecorder will not start capturing record data from stream until it detects there’s “movement” on the tab being recorded.

Should this be considered a browser bug (since it’s not an issue in firefox) and should a bug be filed for Chrome browser?

0reactions
thijstriemstracommented, Jan 30, 2021

Should this be considered a browser bug (since it’s not an issue in firefox) and should a bug be filed for Chrome browser?

See https://bugs.chromium.org/p/chromium/issues/detail?id=1100746

“Chromium is attaching some form of user activation algorithm to the getDisplayMedia() implementation, though no such restriction appear in the Screen Capture specification - or AFAICT are even specified at all”

Read more comments on GitHub >

github_iconTop Results From Across the Web

6 Ways to Fix Google Chrome Issues on macOS 10.15 Catalina
In this section, we show to highlight some of Google Chrome issues and state how to fix Google Chrome problems on macOS 10.15....
Read more >
Control access to screen recording on Mac - Apple Support
Control access to screen recording on Mac · Choose Apple menu > System Settings, then click Privacy & Security in the sidebar. (You...
Read more >
Use your camera & microphone - Google Chrome Help
To use your camera or microphone in Chrome: In the dialogue, select Open preferences.
Read more >
Safari: Links that open in new tab = empty tab : r/MacOSBeta
I found that if you change the "Open new tabs with" setting to "Empty Page", it fixes the issue. I was previously using...
Read more >
Tips & Shortcuts for Better Browsing - Google Chrome
Chrome browser window with dialog box showing the creation of a new tab group ... Fill out a PDF form in Chrome, and...
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