node-webkit 屏幕截圖功能

作 IM 屏幕截圖是少不了的,以前 windows 版本是調用的 qq 輸入法的截圖功能,這個版本又再次嘗試本身實現發現是能夠的,getusermedia 的權限很高,代碼以下html

 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" web

相關文章
相關標籤/搜索