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"

时间: 2024-10-09 21:28:14

node-webkit 屏幕截图功能的相关文章

unity3d屏幕截图功能

[java] view plaincopyprint? function OnGUI(){ if(GUI.Button(Rect(Screen.width*0.5-50,Screen.height*0.5-50,100,100),"screen")){ Application.CaptureScreenshot("Screenshot.png"); } } 这张Screenshot.png图片被存在了当前工程的子目录下了.之前在android上面一直不知道路径,后来

log4js实现node的日志功能

nodejs实现日志功能可以使用log4js,但其github只是简单的介绍了一下,我在使用的时候也遇到了一些问题,总结出来,希望能给初学者一些帮助. log4在java和net里都有,相信大家都用过,所以就不介绍基本概念了,直接给出node代码. 首先,安装 npm install log4js 之后,我们建立一个log.js文件,用来配置log4js. var log4js = require('log4js');log4js.configure({appenders: [ { type:

node.js用户注册功能的完善

这篇主要实现了蹩脚的邮件发送,log日志,以及mongodb数据库更新的操作. 草草写点,不然留到五一过后,就说不过去了.因为时间比较紧,所以功能很多都是对付,留给以后优化吧.邮件发送这一块,实现的比较简单,原计划是服务器端为用户生成一个令牌的,形如:http://127.0.0.1:3000?key=w345d&username=fuhui1,但是因为服务器端还得验证,火大,暂时放弃了,直接使用username. 不了解思路的,这里在简单介绍一下,下面是注册页面: 然后判断数据库里fuhui2

【iOS开发】代码实现屏幕截图功能,也可以截取某个View 模糊效果

菜鸟一只,早就有写博客的打算了,可是一直不知道从什么开始写起,这个状态持续了快半年了······最近越来越迫切的感觉要把平时开发和自己学到的一些东西记录下来,于是打算在这里开写了!同时和大家一起分享! 平时会看到很多iOS App会用到一些模糊半透明的效果,其实这种效果的实现是先在原屏幕特定区域截图,得到UIImage,处理这个UIImage得到想要的效果.然后把这个处理后的UIImage添加到当前的View上. 由此可见,做这个半透明模糊效果的的前提是截图,那么下面这个方法可以实现这个功能:

node实现服务器功能

1.初步实现服务器功能详解 a.静态服务器功能---提供静态网页(不管什么路径访问的响应只有ok) b.优化a做的功能  ---处理路径的分发(我们期待结果是不同路径对应不同响应处理(页面))   通过postman工具可以发送post请求来测试接口(url) 案例:用nodejs做动态网站---使用http模块初步实现服务器功能 原文地址:https://www.cnblogs.com/yangyutian/p/11020634.html

node实现上传图片功能

1.上传图片的功能点 基础功能:上传图片.生成图片连接 附加功能:限制上传图片的大小与类型.生成高中低三种分辨率的图片链接.生成CDN. 2.技术方案 阿里云OSS等服务器(花钱) 直接上传服务器(不稳定,可以学习时使用) 3.之前获取body我们使用的是koa-bodyparser,但这个不能获取文件信息,此时可以卸载koa-odyparser.安装koa-body. 原文地址:https://www.cnblogs.com/kaiqinzhang/p/12146358.html

node webkit (nw.js) 无法调试的结局方案之一

项目,当时主要内容是由别人做的!过后回到家中,自己研究了下这方面.结果发现我的 nw 客户端不可以调试!在网上各种找办法,没找到,深感绝望,突然看到 (https://github.com/nwjs/nw.js/blob/nw17/docs/For%20Users/Getting%20Started.md) 上面说,建议你选择 sdk 版本! nw.js sdk 版本什么东西?抱着试一试的心态下了一个! 熟悉的界面又回来了!

node webkit(nw.js) 设置自动更新

原理:把更新的文件放在服务器上,设置一个客户端版本号,通过接口获取服务器上的版本,如果高于本地的版本就下载服务器上的代码,低于或等于就不更新 代码如下: <script> var http = require('http'); var fs = require('fs'); var request = require('request'); var unzip = require('unzip2'); var Driver = function () { this.timer = ''; th

Node webkit启动最大化窗口

<!DOCTYPE html> <html> <head>     </head> <body>     <p style="text-align:center;margin-top:10%;color:green;font-weight:bold;font-size:12px">正在加载中...</p>     <script language="javascript" ty