admin 管理员组

文章数量: 1086019

I know how to capture webpage, but I am asking to how capture desktop or another application in the desktop ? And if there is anyway to highlight parts of screen. Like how html2canvas does for webpages, can we do something for desktop applications using a browser app in HTML/JS ?

I know how to capture webpage, but I am asking to how capture desktop or another application in the desktop ? And if there is anyway to highlight parts of screen. Like how html2canvas does for webpages, can we do something for desktop applications using a browser app in HTML/JS ?

  • javascript
  • html
  • screenshot
  • html2canvas
Share Improve this question asked Jan 11, 2016 at 14:11 Anush SankaranAnush Sankaran 791 silver badge2 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 7

Yes, it is possible!
But as far as I know only for Firefox and Chrome (I used Chrome). Thanks to Screen Capturing and WebRTC. More info about WebRTC

I used a library called RTCMultiConnection which is very easy to use, but you should be able to do that also without any use of a library.

Here, just to give you a startingpoint:

// 1. Create the connection Objekt
var connection = new RTCMultiConnection();

// 2. Activate screen, which is the whole monitor, not only the browser window!
connection.session = {
    screen: true,
    data: false,
    oneway: true
};

// 3. Create the callback for the stream
connection.onstream = function(event) {
  // Make something with the event
  // event.stream contains the stream, event.mediaElement the media
  // I used event.mediaElement as parameter to draw the frage into an canvas; via context2d.drawImage(event.mediaElement, ...)
  // Then I create an base64 String via canvas.toDataURL("image/png") and 
  // Don't forget to stop the stream if you just want to have one single image
};

// 4. Start Desktop Sharing
connection.open({
  // you could register a onMediaCaptured callback here
});

本文标签： How to capture screenshot of parts of the client quotdesktopquot using HTMLJavaScript Stack Overflow

版权声明：本文标题：How to capture screenshot of parts of the client "desktop" using HTMLJavaScript ? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1744061173a2526745.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。