通过WEB调用大华网络摄像头
1.要调用的大华摄像头为Dahua 大华DH-IPC-HFW2100P-0600B 网络摄像机 (白色),摄像头外形如下图所示
2.调用效果如下图所示
4.解压OCX包单击文件中的reg.bat注册dll
5.新建index.html关输入以下代码
视频控件body {font-family:"", arial;margin:0 auto; padding:0; }
div,form,img,ul,p {margin: 0 auto; padding: 0; border: 0; overflow:hidden; list-style-type:none; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
.bigbg{
width:1280px;
height:820px;
position:relative;
top:50px;
background:#fff;}
.kuang{
background:url(img/video_03.gif) no-repeat;
width:1280px;
height:820px;
margin-top:12px;}
.close a{
background:url(img/1_04.gif) no-repeat;
width:41px;
height:36px;
position:absolute;
left:618px;
top:5px;
}
.close a:hover{
background:url(img/2_04.gif) no-repeat;
with:41px;
height:36px;
position:absolute;
left:618px;
top:5px;
}
.videoscreen{
width:1280px;
height:720px;
background-color:#999;
position:absolute;
right:17px;
top:45px;
}
.sfream {
background:url(img/video_05.jpg) no-repeat;
width:627px;
height:42px;
margin-top:400px;}
.play a{
background:url(img/video_25.gif) no-repeat;
width:19px;
height:19px;
position:absolute;
left:26px;
bottom:17px;}
.pause a{background:url(img/video_26.gif) no-repeat;
width:21px;
height:19px;
position:absolute;
left:46px;
bottom:17px;
}
.progressbar a{background:url(img/video_28.gif) no-repeat;
width:291px;
height:20px;
position:absolute;
left:76px;
bottom:17px;
}
.snapshot-picture a{background:url(img/video_16.gif) no-repeat;
width:25px;
height:25px;
position:absolute;
left:377px;
bottom:17px;}
.stepback a {background:url(img/video_18.gif) no-repeat;
width:24px;
height:25px;
position:absolute;
left:409px;
bottom:17px;}
.camera a{background:url(img/video_20.gif) no-repeat;
width:26px;
height:27px;
position:absolute;
left:439px;
bottom:14px;}
.stopcamera a{background:url(img/video_22.gif) no-repeat;
width:27px;
height:27px;
position:absolute;
left:472px;
bottom:14px;}
.singlescreen a{background:url(img/video_09.gif) no-repeat;
width:31px;
height:29px;
position:absolute;
left:506px;
bottom:12px;}
.doublescreen a{background:url(img/video_11.gif) no-repeat;
width:31px;
height:29px;
position:absolute;
left:546px;
bottom:12px;}
.ninescreen a{background:url(img/video_13.gif) no-repeat;
width:32px;
height:29px;
position:absolute;
left:586px;
bottom:12px;}
.ninescreen a:hover{background:url(img/design_05.gif) no-repeat;
width:40px;
height:29px;
position:absolute;
left:586px;
bottom:82px;}
function StartPreview()
{alert("开始");
var SSOcx = document.getElementById("playOcx");
SSOcx.SetDeviceInfo("192.168.1.108",37777,0,"admin","admin");
SSOcx.StartPlay();
}
function StoptPreview()
{
var SSOcx = document.getElementById("playOcx");
SSOcx.StopPlay();
}
function Capture()
{
var SSOcx = document.getElementById("playOcx");
var dd= SSOcx.GetCapturePicture("d:\\1.bmp");
}
function StartRecord()
{
var SSOcx = document.getElementById("playOcx");
SSOcx.SaveRealData("d:\\1.avi");
}
function StopRecord()
{
var SSOcx = document.getElementById("playOcx");
SSOcx.StopSaveRealDate();
}
standby="Waiting..." id="playOcx" width="1280" height="720" name="playOcx" align="center" >
6.保存并用IE打开,请允许加载Active控件,如果不出问题则调用成功
注意事项:
1.SSOcx.SetDeviceInfo("192.168.1.108",37777,0,"admin","admin");注意修改成你的摄像机的IP地址、端口、通道、用户名、密码
2.大华的dll要注册成功,检查有没有注册的方法:打开注册表,搜索classid号,如果有表明OCX控件注册成功,classid号为:30209FBC-57EB-4F87-BF3E-740E3D8019D2
3.改方法试用于IE,其它浏览器不行
4.第一次用IE打开一定要加载控件,如果IE阻止控件会导致调用失败。如果IE阻止加载控件,请在Internet项目->安全->自定义级别 中将ActiveX控件和插件下的所有项都启用