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的更多相关文章

  1. 海康威视频监控设备Web查看系统（二）：服务器篇

    声明:本系列文章只提供交流与学习使用.文章中所有涉及到海康威视设备的SDK均可在海康威视官方网站下载得到.文章中所有除官方SDK意外的代码均可随意使用,任何涉及到海康威视公司利益的非正常使用由使用者自 ...

  2. 海康威视频监控设备Web查看系统（三）：Web篇

    声明:本系列文章只提供交流与学习使用.文章中所有涉及到海康威视设备的SDK均可在海康威视官方网站下载得到.文章中所有除官方SDK以为的代码均可随意使用,任何涉及到海康威视公司利益的非正常使用由使用者自 ...

  3. 海康威视频监控设备Web查看系统（一）：概要篇

    声明:本系列文章只提供交流与学习使用.文章中所有涉及到海康威视设备的SDK均可在海康威视官方网站下载得到.文章中所有除官方SDK意外的代码均可随意使用,任何涉及到海康威视公司利益的非正常使用由使用者自 ...

  4. 使用ffmpeg将海康视频rtsp转为hls

    测试环境: Ubuntu14.04 LTS Desktop ffmpeg version 3.3.3 命令行运行: ffmpeg -i rtsp://admin:12345@10.0.10.19:55 ...

  5. 视频监控——从其他浏览器打开低版本IE方案

    1. 方案背景 由于低版本IE浏览器并不支持很多新的页面技术,导致部分页面效果难以实现;另一方面IE浏览器版本与操作系统绑定,难以统一,不同版本IE间的不兼容导致多种兼容性问题,因此本项目暂定采用Ch ...

  6. Android海康监控视频调用demo

    一. 开发环境 1. 操作系统:windows7(X64) 2. 开发工具:eclipse adt Build: v22.2.1-833290 JDK7 android SDK 3. 客户端设备版本: ...

  7. 海康SDK编程指南(C#二次开发版本)

    海康SDK编程指南 目前使用的海康SDK包括IPC_SDK(硬件设备),Plat_SDK(平台),其中两套SDK都需单独调用海康播放库PlayCtrl.dll来解码视频流,返回视频信息和角度信息.本文 ...

  8. 海康网络摄像机调用SDK解码Java版

    两个回调函数: FRealDataCallBack 实现预览回调数据 DecCallBack 解码回调函数 在HCNetSDK.java补充相关函数和结构声明 //播放库函数声明,PlayCtrl.d ...

  9. 海康SDK编程指南

    转至心澄欲遣 目前使用的海康SDK包括IPC_SDK(硬件设备),Plat_SDK(平台),其中两套SDK都需单独调用海康播放库PlayCtrl.dll来解码视频流,返回视频信息和角度信息.本文仅对视 ...

随机推荐

  1. aps.net MVC view 判断方法

    两种方式 1.使用Razor 视图 新建app_code文件夹(在这个目录下ShowHelper.cshtml会自动编译成类,方法必须都是静态的) @functions{ //是否显 public s ...

  2. 【linux】——ubuntu12.04 下安装wine和wine乱码解决方案

    ————————安装最新ppa的wine———————— sudo add-apt-repository ppa:ubuntu-wine/ppa sudo apt-get update sudo ap ...

  3. php 超时 解决办法 （Maximum execution time of 30 seconds exceeded）这个问题？

    1. 修改是APACHE设置,在PHP.INI中找到一个参数: max_execution_time 将后面的值调大,然后重新启动APACHE服务(centos: service httpd rest ...

  4. Sword redis补充

    Redis 键(key) Redis 键命令用于管理 redis 的键. redis任何数据类型都有key --删除key的命令 redis> del key Redis 事务 Redis 事务 ...

  5. JSP之应用Servlet过滤器进行身份验证

    1.Servlet过滤器的作用描述(1)在HttpServletRequest到达Servlet 之前,拦截客户的HttpServletRequest. 根据需要检查HttpServletReques ...

  6. FPGA中的时序分析（三）

    验证公式正确性   前两篇博客提及了关于时序的建立余量和保持余量的计算.结合实际情况,验证公式的运算正确性.结合之前博客提及的LED实验,看一下建立余量和保持余量是否都合格. 建立余量 图1是最大时钟 ...

  7. SAP 以工序为基准进行发料 机加工行业 Goods Issue to Routing

    SAP 以工序为基准进行发料   这个流程是在业务有关需求,业务需要按照工序发料,一个工单有多个工序,而料是要发到每个工序上,而且没到工序之间在物理上是有距离的,所以仓管员在打印配发单之后希望了解到哪 ...

  8. 认真研究下HTML之id、name、form、submit

    #起因 同事希望在提交之后关闭父窗口,但是,始终没有提交请求发出.他的代码大概如下: // <form id='f' action=... // <button onclick='fun( ...

  9. 飞机找不到，流量哪去了？记一次移动WAP网关导致的问题

    这几天随着客户端一个新版本发布,运维发现CDN的流量猛跌: 话说流量就是金钱,流量就是工资.领导很生气,后果很严重.没什么好说的,赶紧查!一开始怀疑服务端有问题,先受伤的总是我们,当然这也是没错的,因 ...

  10. AWT控件称为重量级控件

    AWT 是Abstract Window ToolKit (抽象窗口工具包)的缩写,这个工具包提供了一套与本地图形界面进行交互的接口. AWT 中的图形函数与操作系统所提供的图形函数之间有着一一对应的 ...