zoukankan      html  css  js  c++  java
  • node-webkit 屏幕截图功能

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



  • 相关阅读:
    Jakarta雅加达项目简介
    java的Commons包简介
    装饰者模式
    命令模式
    桥接模式
    适配器模式
    观察者模式
    模板模式
    责任链模式
    CentOS搭建NAT和DHCP服务,实现共享上网
  • 原文地址:https://www.cnblogs.com/vaal-water/p/4200659.html
Copyright © 2011-2022 走看看