Screensharing over WebRTC and browser support

Question

I am trying to build screensharing over the browser. I am trying to find the best native implementation and did some initial online research

MediaDevices.getUserMedia() - available in FF. In chrome its a little weird
WebRTC Tab Content Capture - I see its in proposal stage
Screensharing a browser tab in HTML5 - A blog explaining other methods

Researching above everything seems to be around 2012 time frame and I want to know what is the latest?

Question: Which current technologies/javascript API can i use and what is its support across browsers

I am just reusing the code there. I think including them will just make the question absurdly long and not clear to those who read — footy, Jul 29 '16 at 03:52
"Which technologies/javascript API can i use and whats it support across browsers" — footy, Jul 29 '16 at 03:57
Do you propose to use HTMLCanvasElement.captureStream() ? Like this https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas. It seems not widely supported — footy, Jul 29 '16 at 04:07

score 1 · Answer 1 · edited May 23 '17 at 11:58

1

Screensharing is alive and kicking in Firefox, but atm requires the user modifying about:config. See my answer to another question for how. I believe they're working on removing that obstacle.

Chrome is similar but not quite the same, and AFAIK requires the user to install an extension.

I don't believe other browsers support this natively yet.

edited May 23 '17 at 11:58

Community

1
1

answered Jul 29 '16 at 16:59

jib

40,579
17
100
158

1

and you can have an extension to modify about:config for you! See [here](https://github.com/otalk/getScreenMedia/tree/master/firefox-extension-sample) – Philipp Hancke Jul 29 '16 at 18:44

score 0 · Answer 2 · answered Jul 29 '16 at 04:30

0

You can save html document onto <canvas> or <foreignObject> of <svg> element, then send data URL, ArrayBuffer or Blob of <canvas> or <svg>; or alternatively, send html document as encoded string.

answered Jul 29 '16 at 04:30

guest271314

1
15
104
177

how will this help? – footy Jul 30 '16 at 21:50
@footy _"how will this help?"_ Not certain what you mean? _"Question: Which current technologies/javascript API can i use and what is its support across browsers"_ `canvas.toDataURL()` and, or sending ` – guest271314 Jul 30 '16 at 22:02
@footy For example, you can use [`canvas2html.js`](https://raw.githubusercontent.com/niklasvh/html2canvas/master/dist/html2canvas.js) to draw the current `document` onto ` – guest271314 Jul 30 '16 at 22:11
Got it! Thanks. Will give it a shot – footy Jul 30 '16 at 23:01

Screensharing over WebRTC and browser support

2 Answers2