how to enable screen/desktop capture in chrome?

javascript google-chrome google-chrome-extension webrtc getusermedia
mido picture mido · Apr 6, 2015 · Viewed 10.7k times · Source

I am able to achive it in firefox by folowing below steps:

  1. make my server https
  2. append my domain to the user preference media.getusermedia.screensharing.allowed_domains in about:config to whitelist it for screen sharing.
  3. use constraint like {video: {mediaSource: "screen"}},

but in chrome, I am getting totally lost.

most places keep telling: You'll need to first enable the flag called Enable screen capture support in getUserMedia() in chrome://flags. ( but I am unable to find this flag anywhere)

I have checked Muaz Khan's screen share plugin, it works great, but afraid that it is coupled with other WebRTC experiment projects, and I am not sure how to customize the plugin to my project.

At this junction, I have come to an understanding that, without plug-in or flags, cannot capture the desktop mediastream.

so what I would like to know is, what is the flag I must enable/ what must be part of a plug-in written from scratch to make chrome support capturing desktop the same way it allows us to capture camera.

Answer

Luizgrs picture Luizgrs · Apr 6, 2015

In Chrome/Chromium you cannot use "standard" Javascript to capture users screen anymore.

It was replaced by the chrome.desktopCapture API, which is exclusive for Chrome extensions.

The example you're providing rely in this API and an extensions. It's plugin free but not extension free.

Related questions

How to listen for "Stop sharing" click in Chrome DesktopCapture API

I'm currently writing a chrome extension which uses Chrome's DesktopCapture API. I'm struggling to set a callback when someone clicks on "Stop sharing". I tried using the onended EventHandler of the MediaStream, but the MediaStream's ended property is still set …

Read More
Chrome sendrequest error: TypeError: Converting circular structure to JSON

I've got the following... chrome.extension.sendRequest({ req: "getDocument", docu: pagedoc, name: 'name' }, function(response){ var efjs = response.reply; }); which calls the following.. case "getBrowserForDocumentAttribute": alert("ZOMG HERE"); sendResponse({ reply: getBrowserForDocumentAttribute(request.docu,request.name) }); break; However, my code never …

Read More
Use a content script to access the page context variables and functions

I'm learning how to create Chrome extensions. I just started developing one to catch YouTube events. I want to use it with YouTube flash player (later I will try to make it compatible with HTML5). manifest.json: { "name": "MyExtension", "version": "1.0", "…

Read More