海康视频监控---Demo
1,使用在页面中调用ActiveX控件
<object classid='clsid:E7EF736D-B4E6-4A5A-BA94-732D71107808' codebase='' standby='Waiting...' id='PreviewActiveX' width='100%' height='100%' name='ocx' align='center'>
<param name='wndtype' value='1'>
<param name='playmode' value='undefined'>
</object>
这里的
classid,是ActiveX控件的编号,可以在注册表中查到
codebase,是控件没有安装的情况下需要去查找的路径,通常后面要加上版本号.如:codebase/NetVideoActiveX23.cab#version=2,3,9,1
param, 子节点的param则是该控件的参数列表
注意:这里的activex是微软开发且闭源的,仅适用于IE(本人一直用的是Chrome所以一直不显示控件,这里提醒一下)
Firefox和Chrome需要安装特定的插件:
如果chrome安装:ActiveX for Chrome (未测试)
如果是Firfox安装:npActivexPlugin(未测试)
2,操作说明这里的海康视频监控有两个OCX控件供调用
一个是 NetVideoActiveX23.ocx
另一个是WebVideoActiveX.ocx
*区别这里我没找到,如果知道的可以留言说一下~
我在用的时候是用的WebVideoActiveX.ocx
因为NetVideoActiveX23.ocx我尝试调用StartRealPlay方法总是返回-1,所以预览不成功,然后就改用WebVideoActiveX.ocx
cmd下注册WebVideoActiveX.ocx:regsvr32 WebVideoActiveX.ocx
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="script/Jquery.js"></script>
<script src="script/mjpegPlugin.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>10.24.1.114V23</title>
<script src="script/dvr.js"></script>
<script src="script/js.js"></script>
</head>
<body>
<%--<div style="margin: 0px; width: 600px; height: 300px; background-color: #343434" id="main_plugin"></div>--%>
<div style="width: 640px; height: 480px; margin: auto auto;">
<object classid='clsid:E7EF736D-B4E6-4A5A-BA94-732D71107808' codebase='' standby='Waiting...' id='PreviewActiveX' width='100%' height='100%' name='ocx' align='center'>
<param name='wndtype' value='1'>
<param name='playmode' value='undefined'>
</object>
</div>
<div style="float: left">
<div>
<input type="button" value="初始化插件" onclick="InitPreviewOCX()" />
</div>
<div>
<select id="wintype">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<input type="button" value="设置窗口模式" onclick="InitWindow()" />
</div>
<div>
<span style="margin-right: 20px">窗口号:
<select id="winNum">
<option>0</option>
<option>1</option>
<option>2</option>
</select>
</span>
<span>通道号:
<select id="chanelNum">
<option>0</option>
<option>1</option>
<option>2</option>
</select>
</span>
<input type="button" value="预览" onclick="StartRealPlay()" />
</div>
</div>
</body>
</html> <script type="text/javascript"> var m_PreviewOCX = null
var ipAddress = "192.168.13.211";
var rstpPort = "554";
var userPwd = "YWRtaW46MTIzNDU=" //初始化OCX插件
function InitPreviewOCX() {
//if (!checkPlugin()) {
// m_PreviewOCX = $("#mjpegPlugin").mjpegPlugin();
//}
setTimeout(m_PreviewOCX = document.getElementById("PreviewActiveX"), 5000);
} function InitWindow() {
//iWindowType 画面分割模式。 1 - 1窗口模式,2 - 4窗口模式,3 - 9窗口模
var iWindowType = $("#wintype").val(); m_PreviewOCX.HWP_ArrangeWindow(iWindowType);
} function StartRealPlay() {
var iChannelNum = $("#chanelNum").val();
var iWinNun = $("#winNum").val();
var rstpUri = "rtsp://" + ipAddress + ":" + rstpPort + "/PSIA/streaming/channels/" + (iChannelNum * 100 + 1);
m_PreviewOCX.HWP_Play(rstpUri, userPwd, iWinNun, "", ""); } function GetSelectWndInfo(SelectWndInfo) { }
function GetAllWndInfo(RealplayInfo) { }
function PluginEventHandler(iEventType, iParam1, iParam2) { }
function SetZeroChanEnlarge(EnlargeInfo) { } </script> <script for="PreviewActiveX" event="GetSelectWndInfo(SelectWndInfo)">
GetSelectWndInfo(SelectWndInfo);
</script>
<script for="PreviewActiveX" event="GetAllWndInfo(RealplayInfo)">
GetAllWndInfo(RealplayInfo);
</script>
<script for="PreviewActiveX" event="PluginEventHandler(iEventType, iParam1, iParam2)">
PluginEventHandler(iEventType, iParam1, iParam2);
</script>
<script for="PreviewActiveX" event="SetZeroChanEnlarge(EnlargeInfo)">
SetZeroChanEnlarge(EnlargeInfo);
</script>
这里要注意,一定要先调用
m_PreviewOCX.HWP_ArrangeWindow(iWindowType);
否则预览不成功
海康视频监控---Demo的更多相关文章
- 海康威视频监控设备Web查看系统(二):服务器篇
声明:本系列文章只提供交流与学习使用.文章中所有涉及到海康威视设备的SDK均可在海康威视官方网站下载得到.文章中所有除官方SDK意外的代码均可随意使用,任何涉及到海康威视公司利益的非正常使用由使用者自 ...
- 海康威视频监控设备Web查看系统(三):Web篇
声明:本系列文章只提供交流与学习使用.文章中所有涉及到海康威视设备的SDK均可在海康威视官方网站下载得到.文章中所有除官方SDK以为的代码均可随意使用,任何涉及到海康威视公司利益的非正常使用由使用者自 ...
- 海康威视频监控设备Web查看系统(一):概要篇
声明:本系列文章只提供交流与学习使用.文章中所有涉及到海康威视设备的SDK均可在海康威视官方网站下载得到.文章中所有除官方SDK意外的代码均可随意使用,任何涉及到海康威视公司利益的非正常使用由使用者自 ...
- 使用ffmpeg将海康视频rtsp转为hls
测试环境: Ubuntu14.04 LTS Desktop ffmpeg version 3.3.3 命令行运行: ffmpeg -i rtsp://admin:12345@10.0.10.19:55 ...
- 视频监控——从其他浏览器打开低版本IE方案
1. 方案背景 由于低版本IE浏览器并不支持很多新的页面技术,导致部分页面效果难以实现;另一方面IE浏览器版本与操作系统绑定,难以统一,不同版本IE间的不兼容导致多种兼容性问题,因此本项目暂定采用Ch ...
- Android海康监控视频调用demo
一. 开发环境 1. 操作系统:windows7(X64) 2. 开发工具:eclipse adt Build: v22.2.1-833290 JDK7 android SDK 3. 客户端设备版本: ...
- 海康SDK编程指南(C#二次开发版本)
海康SDK编程指南 目前使用的海康SDK包括IPC_SDK(硬件设备),Plat_SDK(平台),其中两套SDK都需单独调用海康播放库PlayCtrl.dll来解码视频流,返回视频信息和角度信息.本文 ...
- 海康网络摄像机调用SDK解码Java版
两个回调函数: FRealDataCallBack 实现预览回调数据 DecCallBack 解码回调函数 在HCNetSDK.java补充相关函数和结构声明 //播放库函数声明,PlayCtrl.d ...
- 海康SDK编程指南
转至心澄欲遣 目前使用的海康SDK包括IPC_SDK(硬件设备),Plat_SDK(平台),其中两套SDK都需单独调用海康播放库PlayCtrl.dll来解码视频流,返回视频信息和角度信息.本文仅对视 ...
随机推荐
- andrdoi示例项目SampleSyncAdapter分析
概述 在sdk目录下有个示例项目SampleSyncAdapter,演示了 用户授权和同步适配器的一些内容,是个学习的很好范例.我读了很久,很多地方没搞明白,先把理解的一些记录下来. 通过学习该示例, ...
- Spring Cloud Config 自动刷新所有节点
全局刷新 详细参考:<Sprin Cloud 与 Docker 微服务架构实战>p160-9.9.2节 1.使用Spring Cloud Config 客户端时,可以使用 /refresh ...
- -Dmaven.multiModuleProjectDirectory system property is not set. Check $M2_HOME environment variable and mvn script match.
在执行[maven clean]的时候报错,错误信息如下: -Dmaven.multiModuleProjectDirectory system property is not set. Check ...
- Caused by:java.lang.IllegalStateException at android.media.MediaPlayer._setDataSource(Native Method)
使用Mediaplayer播放本地音频,在第二次调用mediaplayer.setDataSource()时报错如下: Caused by: java.lang.IllegalStateExcepti ...
- tornado 添加请求头进行允许跨域
什么是跨域? 这个例子是csdn找的, 声明下哈 什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器施加的安全限制. 所谓同源是指,域名,协议,端口均相同, ...
- selenium+java-查找页面中包含关键字的URL
package seleniumLearn1; import java.io.File; import java.io.FileOutputStream; import java.io.IOExcep ...
- Unity入门教程(上)
一.介绍 目的:通过尝试制作一款使用玩家角色把小球弹飞的简单小游戏,熟悉使用Unity进行游戏开发的基本流程. 软件环境:Unity 2017.3.0f3,Visual Studio 2013 二.创 ...
- 用Python中的tkinter模块作图(续)
八.显示文字 用create_text在画布上写字.这个函数只需要两个坐标(文字x和y的位置),还有一个具名参数来接受要显示的文字.例如: >>> from tkinter impo ...
- CentOS 6.x安装配置MongoDB 3.4.x
说明: 操作系统:CentOS 5.X 64位 IP地址:192.168.21.128 实现目的: 安装配置MongoDB数据库 具体操作: 一.关闭SElinux.配置防火墙 1.vi /etc/s ...
- 【转】Asp.net MVC 通过自定义ControllerFactory实现构造器注入(重写DefaultControllerFactory)
[转]Asp.net MVC 通过自定义ControllerFactory实现构造器注入 一.重写ControllerFactory的GetControllerInstance ControllerF ...