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. SpringBoot2 时间类型自动格式化 自动转换

    package com.archibladwitwicke.springboot2.chapter03.configurer; import com.archibladwitwicke.springb ...

  2. 百度Ueditor设置图片自动压缩

    使用百度Ueditor插入图片的时候,如果图片大于你的编辑框宽度,下面会出现滚动条,如下图: 我们如何设置它的最大宽度为100%呢? 找到ueditor\ueditor.config.js,修改它的i ...

  3. ecshop常用的一些变量

    <!-- {if $smarty.session.user_rank gt 1}-->gt大于 lt小于1:ecshop模板中调用session的值 {$smarty.session.us ...

  4. linux守护进程编写实践

    主要参考:http://colding.bokee.com/5277082.html (实例程序是参考这的) http://wbwk2005.blog.51cto.com/2215231/400260 ...

  5. 目录_Java内存分配（直接内存、堆内存、Unsafel类、内存映射文件）

    1.Java直接内存与堆内存-MarchOn 2.Java内存映射文件-MarchOn 3.Java Unsafe的使用-MarchOn 简单总结: 1.内存映射文件 读文件时候一般要两次复制:从磁盘 ...

  6. JS DOM操作思维导图

  7. Sublime运行Matlab

    使用Sublime来作为Matlab的编辑器.Sublime编辑+Matlab命令行(terminal)运行的开发环境搭建. 前期准备 Matlab 2014a (Windows或Linux平台,这里 ...

  8. 【转】【WPF】WPF绑定用法

    一．简介 为了后面行文顺利,在进入正文之前,我们首先对本文所涉及到的绑定知识进行简单地介绍.该节包含绑定的基本组成以及构建方式. WPF中的绑定完成了绑定源和绑定目标的联动.一个绑定常常由四部分组成: ...

  9. qualcomm qact 使用记录

    使用QACT调试音频,首先安装QPST,并安装对应的usb驱动,如果驱动没有安装好,有驱动精灵等软件进行安装. QPST configure中选择对应的设备. 在线调试 打开QACT,选择" ...

  10. CI框架 -- 核心文件 之 Input.php（输入数据处理文件）

    class CI_Input { //用户ip地址 protected $ip_address = FALSE; //用户浏览器地址 protected $user_agent = FALSE; // ...