Using the MediaStream API to capture screenshots or share live screens in javascript?

Question

I have recently been working on a project that requires me to capture a screenshot of the clients machine at certain events (uncaught exception etc). Having explored html2canvas, I can tell you that I am NOT looking for a DOM reader/renderer library. (too many dirty canvas elements on page) I was wondering if it was possible to actually use the screen as a mediastream source in the new API, and capture images (for eg: in PNG format) Found no mention of it in : https://www.w3.org/TR/mediacapture-streams/#stream-api

Ideas anyone?

https://w3c.github.io/mediacapture-screen-share/ not yet implemented anywhere, and https://developer.chrome.com/extensions/desktopCapture only available at `chrome:` level (extensions/plugins) — Kaiido, Oct 19 '16 at 08:03
thanks a ton man!.. already looked at these two, just wanted confirmation that these are the only options. — Arunava Roy Choudhury, Oct 20 '16 at 10:09
@Kaiido - actually I am having issues with html2canvas and cross-domain tainted canvas elements. are there any workarounds for that? — Arunava Roy Choudhury, Oct 20 '16 at 10:11

score 0 · Answer 1 · answered Oct 19 '16 at 07:43

0

Plugins/programs are the only options for now if you really want to capture native.

answered Oct 19 '16 at 07:43

Alexander

1,554
2
16
23

actually I am having issues with html2canvas and cross-domain tainted canvas elements. are there any workarounds for that? – Arunava Roy Choudhury Oct 20 '16 at 10:11
@ArunavaRoyChoudhury Do you mean it gives error for iFrames and stuff from other sites? That's quite complex. I'm building my own web-proxy and put that in an iFrame so I can browse to every site. Sites like google block their site for cross-domain calls. – Alexander Oct 20 '16 at 11:22

Using the MediaStream API to capture screenshots or share live screens in javascript?

1 Answers1