node-webkit 螢幕截圖功能

來源:互聯網
上載者:User

標籤:

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



node-webkit 螢幕功能

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.