`
阅读更多
项目目录:
|-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'/>"

?>

分享到:
评论
2 楼 peihexian 2010-09-23  
ie8可以通过的,没有问题。
1 楼 tidelgl 2010-09-23  
IE才能用的操作,而且没有权限,IE8都不通过这个控件

相关推荐

    海康摄像头demo(自用)

    海康摄像头demo是一款专为用户提供的自用软件,主要用于演示如何与海康摄像头进行交互和控制,以便在实际应用中实现视频监控、录像、抓拍等功能。在这个压缩包中,"webs"可能是指Web服务相关的文件,这通常包含了...

    php代码-海康摄像头HTTP获取图片。 Authorization: Digest算法 第一次http://192.168.16.223/ISAPI/Streaming/channels/33/picture 返回头中Authorization参数用于此计算,得出新的Authorization,放于头中再次请求就得到图片

    在IT行业中,与“php代码-海康摄像头HTTP获取图片”相关的知识点主要集中在网络通信、HTTP协议、身份验证以及PHP编程上。海康摄像头作为一款常见的监控设备,其通过HTTP接口提供服务,允许用户通过HTTP请求获取...

    haikang_api.php

    对接海康人脸识别api接口之php案例,可以直接用

    ImageCapOnWeb

    ##### 3.2 抓拍摄像头视频画面 通过该方法可实时捕获摄像头当前显示的画面。 - **方法名**:`SnapPicture` - **功能描述**:捕获摄像头当前帧的画面。 - **使用示例**: ```javascript cap1.SnapPicture(); ``` ...

    6_单元测试报告1

    8. 使用C实现socket编程向后端服务器post上传照片,完成循环延时抓拍上传。这表明开发团队已经完成了网络编程和图片上传的单元测试。 9. 使用PHP编写对应后端数据上传接口api用以接收保存文件。这表明开发团队已经...

    海康web端 SDK 1.0.7版

    2. **控制操作**:SDK提供了对摄像头或DVR的控制接口,如云台转动、镜头变焦、聚焦、光圈调整等功能,使开发者可以根据需求编写控制逻辑。 3. **录像回放**:允许用户访问存储在设备上的历史录像,支持按时间、事件...

    hikvision-isapi

    6. /ISAPI/PTZCtrl:云台控制接口,用于远程操作摄像头的移动和缩放。 7. /ISAPI/Security:安全相关接口,如权限管理、加密通信等。 8. /ISAPI/Smart:智能特性接口,涵盖各种智能分析功能。 9. /ISAPI/Streaming:...

    motion-web-开源

    用户可以在这个页面上浏览所有抓拍到的画面,方便回放和下载。 5. **index.php**:这是网站的主页,通常包含登录界面、简要介绍或其他引导用户进入系统的元素。 6. **cam.php**:该文件可能处理与摄像头相关的操作...

Global site tag (gtag.js) - Google Analytics