Share screen in Firefox using RTCMultiConnection

Question

I'm using RTCMultiConnection library in a project I'm working on and I'm facing a problem. When I tried to share my screen in Firefox (63.0.3 Version), it works for some application window, at the same time some application window just show a black screen instead of actual content(like Chrome and Teams). Also, is it possible to share full desktop instead of single application window in Firefox?

Answer 1

There's a new standard API available for this: getDisplayMedia.

Unfortunately, it isn't implemented in all browsers yet, but it's available using adapter.js in Firefox, like this:

adapter.browserShim.shimGetDisplayMedia(window, "screen"); // or "window"

(async () => {
  try {
    video.srcObject = await navigator.mediaDevices.getDisplayMedia({video: true});
  } catch(e) {
    console.log(e);
  }
})();

It polyfills an older non-standard API in Firefox. Check out my blog for how to configure Chrome.

Unfortunately, Firefox makes the JS app pick between asking for "screen" and "window" atm, which is non-standard, so the adapter polyfill can only ask for one or the other.

Assuming you're on Windows, the black screen with "Aero" windows is a known bug.

Browsers are working to implement this API natively as we speak.