zoukankan html css js c++ java

node-webkit 屏幕截图功能

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
</head>
<body  >
<video id='vd' onload="snap()"></video>
<input type=button value=snap onclick="snap()" />
<script>

function snap(){
    var constraints =  {
        video: {
            mandatory: {
            maxWidth: window.screen.width,
            maxHeight: window.screen.height,
            maxFrameRate: 30,
            chromeMediaSource: 'screen'
           }
       }
    }
    // constraints =  {video: true, audio: true};
    console.log(constraints);
    navigator.webkitGetUserMedia(constraints, function(localSource){
            console.log(localSource);
            vd.src = webkitURL.createObjectURL(localSource);
            vd.play();
    },function(err){
            console.log('error',err);
    })

}

</script>
</body>
</html>

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

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

查看全文

相关阅读:
nginx 安装教程
 php 安装教程
 第一个AWK程序的尝试
 memcached-tool 工具
 java数据库 DBHelper
Innodb的三大关健特性
 我遇到的一个ClassNotFoundException问题
 storm学习初步
 再探 jQuery
简单聊一聊正则表达式中的贪婪匹配和非贪婪匹配

原文地址：https://www.cnblogs.com/Im-Victor/p/15062571.html