如何捕获客户端部分的屏幕截图“;桌面;使用HTML/JavaScript
How to capture screenshot of parts of the client "desktop" using HTML/JavaScript ?
我知道如何捕获网页,但我在问如何捕获桌面或桌面中的另一个应用程序?如果有任何突出显示屏幕的部分。就像html2canvas为网页所做的那样,我们可以使用HTML/JS中的浏览器应用程序为桌面应用程序做些什么吗?
是的,这是可能的
但据我所知,仅适用于Firefox和Chrome(我使用的是Chrome)。感谢屏幕捕获和WebRTC。有关WebRTC 的更多信息
我使用了一个名为RTCMultiConnection的库,它非常容易使用,但您应该也可以在不使用库的情况下做到这一点。
给你一个起点:
// 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
});
相关文章:
- 使用图像数组列表的simplegallary.js显示适合桌面屏幕的图像
- 如何使用javascript检测触摸设备浏览器与桌面
- 如何使用HTML/CSS/JavaScript开发桌面应用程序
- 使用window.location.htm和匹配的URL数组(一个用于桌面,一个用于移动)将桌面网站重定向到移动
- 在普通桌面浏览器中测试时,如何将sqlite与cordova一起使用
- 如何使用javascript将Excel工作簿保存到当前用户桌面
- 如何使用R语言创建桌面应用程序
- 如何使用jquery区分桌面浏览器尺寸1024px和平板电脑尺寸1024px
- 如何检测用户使用的是 Excel 联机还是 Excel 桌面
- 如何创建文件夹,此文件夹中的文件,压缩文件夹(在zip或rar文件中)并使用Javascript将其上传到桌面
- 是否可以使用 XHTML、CSS 和 JavaScript 编写跨平台桌面应用程序
- 如何使用 chrome 桌面通知向许多用户发送通知
- 当我使用 CKEditor CDN 时,如何从桌面上传 CKEditor 中的图像
- 我可以使用 Dojo 工具包进行桌面应用程序开发吗?
- 如何使用css或js或其他任何东西来区分高分辨率手机和桌面
- 在 Java 桌面应用程序中使用 CSS 和 JavaScript
- 如何使用 html 将 Windows 手机(但不是桌面窗口)重定向到移动网站
- 使用 HTML、CSS 和 JS 构建桌面应用程序的替代方案
- 是否可以使用单页应用程序概念来创建独立的桌面应用程序
- Javascript为多媒体资料中的移动和桌面使用不同的价值