项目目录:
|-cabs\Package.cab->摄像头控制控件
|-js\*.js jquery文件
|-test1.html->前台网页
|-test1.js->js文件
|-test.php->接收摄像头采集照片结果的php文件
前台网页代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>video cap control demo</title>
<script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="test1.js"></script>
</head>
<body>
<form action="test.php" id="cap_form" method="post">
<input type="hidden" id="picData" name="picData">
<object classid="clsid:34681DB3-58E6-4512-86F2-9477F1A9F3D8"
id="WebVideoCap1" codebase="./cabs/Package.cab#version=1,0,0,50" width="636" height="238">
<param name="Visible" value="0">
<param name="AutoScroll" value="0">
<param name="AutoSize" value="0">
<param name="AxBorderStyle" value="1">
<param name="Caption" value="WebVideoCap">
<param name="Color" value="4278190095">
<param name="Font" value="宋体">
<param name="KeyPreview" value="0">
<param name="PixelsPerInch" value="96">
<param name="PrintScale" value="1">
<param name="Scaled" value="-1">
<param name="DropTarget" value="0">
<param name="HelpFile" value>
<param name="PopupMode" value="0">
<param name="ScreenSnap" value="0">
<param name="SnapBuffer" value="10">
<param name="DockSite" value="0">
<param name="DoubleBuffered" value="0">
<param name="ParentDoubleBuffered" value="0">
<param name="UseDockManager" value="0">
<param name="Enabled" value="-1">
<param name="AlignWithMargins" value="0">
<param name="ParentCustomHint" value="-1">
</object>
<hr/>
<input type="hidden" name="pic_data" id="pic_data"/>
照片描述:<input type="text" name="desc" id="desc"/>
<input type="button" value="照相" id="btn_cap"/>
<input type="button" value="提交" id="btn_submit"/>
</form>
</body>
</html>
------------------------------------------------------------
test1.js文件
String.prototype.replaceAll = function(s1, s2) {
return this.replace(new RegExp(s1, "gm"), s2);
}
$(function() {
document.getElementById('WebVideoCap1').zoomPercent=46;
$('#btn_cap').click(function() {
document.getElementById('WebVideoCap1').cap();
}), $('#btn_submit').click(function() {
if ($('#desc').val().length==0) {
alert('input some text!');
$('#desc').focus();
return false;
}
document.getElementById('pic_data').value=document.getElementById('WebVideoCap1').jpegBase64Data;
document.forms[0].submit();
})
});
------------------------------------------------------------------
test.php文件
<?php
$file_name = "test.jpg";
$pic_data=$_POST["pic_data"];
$real_picture_data=base64_decode($pic_data)
$file=fopen($file_name,"w");
fwrite($file,$real_picture_data);
fclose($file);
print "<img src='test.jpg'/>"
?>
分享到:
相关推荐
Window下通过DirectShow控制USB摄像头抓拍照片,简单使用,可以实现查找摄像头,抓拍指定摄像头的一帧
API调用摄像头,带取景框,截屏方式抓拍照片存到硬盘上
USB摄像头抓拍,C#
delphi 7 摄像头抓拍,回放,录像,使用delphi7,大家可以下载试试
Web前端调用USB摄像头进行抓拍,可以灵活自定义抓拍范围。
本案例采用的是VS2012开发的摄像头自动抓拍+虹软人脸识别的简单案例
USB摄像头抓拍照片。wpf封装。 VS2010。USB断线后可以检测。
Win7下没有自带的拍照功能,本程序正好可以在Win7下实抓拍 照相 录相 摄像等功能。Win7下自带摄像头。可用做摄像头驱动。本程序源码从网上找到,自己重新实现,还有些不足之处,放上来,供有兴趣者改进。
海康通过读取数据库中摄像头信息,抓拍图片; 数据库中: camera_ip:摄像头ip; port:端口号; user_name:账号; password:密码; path:图片保存地址
车辆抓拍 车牌识别
连接摄像头抓拍图片,实时画面展示等功能,亲测有效
(1)通过红外线测距模块(超声波代替),检测是否有人经过,如果有人经过就调用摄像头拍摄一张照片存放到SD卡保存,并通过ESP8266通知手机APP,有人闯入,手机APP会产生警报声。手机上可以设置报警检测的距离。 (2...
纯JS人脸识别服务,带手动抓拍、自动抓拍功能并获取人脸照片。还可以切换摄像头。直接可以运行。(谷歌浏览器访问。)
本代码 关于 嵌入式linux 下 yuv摄像头的抓拍实现,包括 通过 jpeg库转为 jpg 图像,读者最好有一些linux 库的基础。
大华、海康摄像头人脸识别、抓拍资源; 支持大华、海康摄像头多路实时抓拍。也可支持其他视频流抓拍。 适用于摄像头监控及视频监控场景 实现人脸实时抓拍后用于人脸分析及识别
用VC写的具有拍照和录像功能的摄像头,绝对可靠。。。。
C# WinForm程序,使用VS2013,调用AForge.NET操作USB摄像头,进行点播、抓拍、录像操作,需要依赖avc相关库文件
web版基于Java的海康摄像头SDK车牌抓拍功能二次开发(springboot+maven).zip
海康网络摄像头(普通,非人脸识别摄像头)人脸检测抓图,测试版 网络摄像头用过海康和大华,其他的品牌没调试过,海康和大华流程基本都一样,windows我用的是C#,用的是海康摄像头,Android用过大华摄像头 我...