var pos = 0, ctx = null, saveCB, image =[];var w=320;var h=240;var canvas = document.createElement("canvas");

canvas.setAttribute('width', w);

canvas.setAttribute('height', h);if (1==0&&canvas.toDataURL) {//支持HTML5时候用

debugger;

ctx= canvas.getContext("2d");

image= ctx.getImageData(0, 0, w, h);

saveCB= function(data) {//会循环调用该方法直到读完每行,data是一行的坐标。var col = data.split(";");var img =image;for(var i = 0; i < 320; i++) { var tmp =parseInt(col[i]);

img.data[pos+ 0] = (tmp >> 16) & 0xff;

img.data[pos+ 1] = (tmp >> 8) & 0xff;

img.data[pos+ 2] = tmp & 0xff;

img.data[pos+ 3] = 0xff;

pos+= 4;

}if (pos >= 4 * w *h) {

ctx.putImageData(img,0, 0);

$.ajax({

url :"../test2/video",

dataType :"json",

type :'post',

data:{

type:"data",

image: canvas.toDataURL("image/png")

},

error:function(e)

{

},

beforeSend:function(){

layer.load();

},

complete:function(){

layer.closeAll('loading');

},

success :function(url) {

$('#myImg').attr('src',url);

}

})//$.post("../test2/video?tmp=" + Math.random(), {type: "data", image: canvas.toDataURL("image/png")},function(url)

//{

//$('#myImg').attr('src',url);

//},"json");

pos = 0;

}

};

}else{

saveCB= function(data) {//循环调用该方法

image.push(data);

pos+= 4 *w;if (pos >= 4 * w *h) {

$.ajax({

url :"../test2/video",

dataType :"json",

type :'post',

data:{

type:"pixel",

image: image.join('|'),

w:w,

h:h

},

error:function(c)

{

},

beforeSend:function(){

layer.load();

},

complete:function(){

layer.closeAll('loading');

},

success :function(url) {

$('#myImg').attr('src',url);

}

})//$.post("../test2/video", {type: "pixel", image: image.join('|'),w:w,h:h},function(url)

//{

//alert(url);

//$('#myImg').attr('src',url);

//},"json");

pos = 0;

}

};

}

$("#webcam").webcam({

width: w,

height: h,

mode:"callback",

swffile: swfpah,

onSave: saveCB,

onCapture:function() {

webcam.save();

},

debug:function(type, string) {

console.log(type+ ": " +string);

},

onLoad:function() {

$('#test').bind('click',function(){

webcam.capture();

});

}

});

});

java 图像采集_JAVA B/S通过摄像头采集图片信息解决方案。相关推荐

  1. tomcat启动java项目_Java web项目启动Tomcat报错解决方案

    点击运行项目时显示 A Java Exception has occurred. 'Starting Tomcat v9.0 Server at localhost' has oncountered ...

  2. linux 从摄像头采集一帧 jpg,基于Video4Linux 的USB 摄像头图像采集实现.pdf

    基于 Video4Linux 的 USB 摄像头图像采集实现 戴小鼠 daily3 1 基于基于 Video4Linux 的的 USB 摄像头图像采集实现摄像头图像采集实现 Write by dail ...

  3. FPGA解码4line MIPI视频 IMX291/IMX290摄像头采集 提供工程源码和技术支持

    目录 1.前言 2.Xilinx官方主推的MIPI解码方案 3.我已有的MIPI解码方案 4.纯Vhdl代码解码MIPI 5.vivado工程介绍 6.上板调试验证 7.福利:工程代码的获取 1.前言 ...

  4. linux 从摄像头采集一帧 jpg,使用FFmpeg捕获一帧摄像头图像

    最近在研究FFmpeg,比较惊讶的是网上一大堆资料都是在说如何从已有的视频中截取一帧图像,却很少说到如何直接从摄像头中捕获一帧图像,其实我一直有个疑问,就是在Linux下,大家是用什么库来采集摄像头的 ...

  5. 米联客 ZYNQ/SOC 精品教程 S02-CH24 利用AXI VDMA 实现MT9V034摄像头采集

    软件版本:VIVADO2017.4 操作系统:WIN10 64bit 硬件平台:适用米联客 ZYNQ系列开发板 米联客(MSXBO)论坛:www.osrc.cn答疑解惑专栏开通,欢迎大家给我提问!! ...

  6. fedora 9下驱动摄像头采集图像手记

    最近一个月,在做视屏图像采集方面的项目.我安装了的是fedora 9.在fedora 9下让摄像头采集数据可谓是费尽了我半个月的时间.看似简单的问题,不知道我为什么做了这么长时间.    首先,摄像头 ...

  7. 用JAVA中的JMF来打开摄像头

       今天学习用JAVA中的JMF来打开摄像头,这个小程序对我来说还是有点难度的.然后我在网上找的一些资料,网上的资料很多而且比较杂,对于我们新人来说,没有分辨能力,走了很多弯路.下面我把我的学习过程 ...

  8. OpenCV 笔记(03)— 读取视频、通过摄像头采集视频、采集视频 canny 边缘检测

    我们本节学习如何利用 OpenCV 中的 VideoCapture 类,来对视频进行读取显示,以及调用摄像头. VideoCapture 它提供了从摄像机或视频文件捕获视频的 C++ 接口, 作用是从 ...

  9. opencv打开摄像头采集和保存

    纯粹是自娱自乐,并没有对opencv的使用进行深入的学习,用opencv打开视频文件或者打开摄像头采集,然后保存,这也是最基础的东西. 一.安装配置环境 VS2008下安装配置opencv,2005. ...

最新文章

  1. PHP学习 文件操作函数的应用--简单网络留言模板
  2. 五分钟了解机器学习十大算法
  3. hive sql操作
  4. python按概率输出分类结果_sklearn例程:多分类输出概率
  5. macappstore登不上去_武功山观星归来,缆车登顶,不徒步攻略!
  6. (剑指Offer)面试题5:从尾到头打印链表
  7. 基于 FFMPEG 的音频编解码(三):音频编码
  8. C#之多态与继承汽车类
  9. 电子商务平台的搭建技巧与成功案例资料集
  10. 如何使用Secure CRT连接到华三模拟器上和华为模拟器上(更新模拟器版本,SecureCRT版本)
  11. js动态添加元素时绑定onclick函数
  12. 简单内存泄漏检测方法 解决 Detected memory leaks! 问题
  13. 外贸常用邮箱有哪些?163mail邮箱适合外贸用吗?
  14. 基于云的文档管理软件/文档管理系统(DMS)
  15. ACCESS模糊查询like的解决方法SQL查询语句通配符问题
  16. 跨境企业招聘信息怎么写才能吸引求职者?
  17. 迷宫生成算法(二)(C++)
  18. 一次变天之后的踏春之旅
  19. 网页设计问卷调查的要点-适合初学者
  20. CM311-3_YS_晨星MSO9385芯片刷机分享

热门文章

  1. Excel常用英文字母快捷键:
  2. 【转】接口测试技术介绍
  3. 《阿里巴巴Java开发规约》插件全球首发!
  4. react 组件的属性
  5. PHP 缓存插件之 Zend Opcache ( 取代 APC )
  6. CentOS下一键安装GitLab
  7. org.springframework.expression.spel.SpelEvaluationException: EL1005E:(pos 0): Type cannot be found
  8. 居然出错.谁能帮我解决一下.
  9. Vue入坑——vue-router如何传递参数
  10. 回滚 - 每天5分钟玩转 Docker 容器技术(141)