node-webkit 屏幕截图功能

浏览数：325 / 时间：2015年06月09日

做 IM 屏幕截图是少不了的，之前 windows 版本是调用的 qq 数据法的截图功能，这个版本又再次尝试自己实现发现是可以的，getusermedia 的权限很高，代码如下

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5     <title></title>
 6 </head>
 7 <body  >
 8 <video id=‘vd‘ onload="snap()"></video>
 9 <input type=button value=snap onclick="snap()" />
10 <script>
11 
12 function snap(){
13     var constraints =  {
14         video: {
15             mandatory: {
16             maxWidth: window.screen.width,
17             maxHeight: window.screen.height,
18             maxFrameRate: 30,
19             chromeMediaSource: ‘screen‘
20            }
21        }
22     }
23     // constraints =  {video: true, audio: true};
24     console.log(constraints);
25     navigator.webkitGetUserMedia(constraints, function(localSource){
26             console.log(localSource);
27             vd.src = webkitURL.createObjectURL(localSource);
28             vd.play();
29     },function(err){
30             console.log(‘error‘,err);
31     })
32 
33 }
34 
35 </script>
36 </body>
37 </html>

可以把屏幕全部捕获，别说截图 录屏都可以

PS 高版本的 nw ，package.json 需要 "chromium-args": "--enable-usermedia-screen-capturing" 



郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 src log html http 数据 si class style 代码 src log html http 数据 si

相关文章

随机文章

您可能还喜欢

您可能还喜欢