[rtsp]海康威视监控摄像头实现web端无插件监控实拍效果

详细介绍参见：http://live.cuplayer.com/RtspCameraLive.html

web端无须装插件(支持PC,安卓,IOS苹果系统)效果1

web端无须装插件(支持PC,安卓,IOS苹果系统)效果2

web端无须装插件(支持PC,安卓,IOS苹果系统)效果3

详细介绍参见：http://live.cuplayer.com/RtspCameraLive.html

1.  基于RTSP协议的windows平台监控。

1.1 选取海康网络摄像头（支持RTSP，标准H.264 RTP封装的设备）。

1.2. 按照摄像头的使用说明书部署。假设访问IP地址是：http://192.168.0.64，登录后设置输出端口为：81，则完整的取流地址为：

  1. 主码流
    2. 

  2. rtsp://admin:12345@192.0.0.64:81/h264/ch1/main/av_stream
    3. 

  3. rtsp://admin:12345@192.0.0.64:81/MPEG-4/ch1/main/av_stream
    4. 

  4. 子码流：
    5. 

  5. rtsp://admin:12345@192.0.0.64/mpeg4/ch1/sub/av_stream
    6. 

  6. rtsp://admin:12345@192.0.0.64/h264/ch1/sub/av_stream

1.3. 使用支持标准的RTSP流媒体的播放器可以实时播放。

2.  基于Active控件的网页监控。

2.1. 选取海康网络摄像头并进行部署，假设访问地址为：http://192.168.0.64:6666。

2.2. 访问http://192.168.0.64:6666，IE浏览器会提示需要安装Active控件，将Active控件存储到本地（IPCameraActiveX.cab.cab）。

2.3. 解压IPCameraActiveX.cab，用记事本打开IPCameraActiveX.inf文件，查看代码段：

  1. [NetVideoActiveX23.ocx]
    2. 

  2. file-win32-x86=thiscab
    3. 

  3. RegisterServer=yes
    4. 

  4. clsid={CAFCF48D-8E34-4490-8154-026191D73924}
    5. 

  5. DestDir= 11
    6. 

  6. FileVersion=2,3,21,1

2.4. 记录上面的“clsid”。

2.5. 在网页中注册上述ocx控件，使用js调用控件的中的方法进行登录，查看等操作(查看其他操作可查找：海康OCX控件接口文档)，代码如下：

  1. <head runat="server">
    2. 

  2. <title>海康摄像头实时监控</title>
    3. 

  3. <script type="text/javascript">
    4. 

  4. function login()
    5. 

  5. {
    6. 

  6. var videoPlugin = window.document.getElementById("videoPlugin");
    7. 

  7. loginRes=videoPlugin.Login("192.168.6.64","81","admin","12345");
    8. 

  8. playRes= videoPlugin.StartRealPlay(0,1,0);
    9. 

  9. }
    10. 

  10. </script>
    11. 

  11. </head>
    12. 

  12. <body>
    13. 

  13. <form id="form1" runat="server">
    14. 

  14. <objectidobjectid="video Pluginclass=” objectClass”
    15. 

  15. classid=”clsid: CAFCF48D-8E34-4490-8154-026191D73924”
    16. 

  16. codebase="IPCameraActiveX.cab" width="800" height="600"></object>
    17. 

  17. <input id="Button1" type="button" value="button" onclick="login()" />
    18. 

  18. </form>
    19. 

  19. </body>
    20. 

  20. </html>

[Rtsp]海康网络摄像头基于RTSP协议的windows平台监控

【miscellaneous】海康威视监控摄像头实现web端无插件监控实拍效果的更多相关文章

  1. Web下无插件播放rtsp视频流的方案及各家优秀内容资源整理

    Web下无插件播放rtsp视频流的方案及各家优秀内容资源整理 方案一:服务器端用 websocket 接受 rtsp ,然后,推送至客户端 实现步骤: 方案二:使用 ffmpeg + nginx 把 ...

  2. 基于EasyNVR实现RTSP/Onvif监控摄像头Web无插件化直播监控

    前言 随着互联网的发展,尤其是移动互联网,基于H5.微信的应用越来越多,企业也更多地想基于H5.微信公众号来快速开发和运营自己的产品,那么传统的安防IPC所输出的各种RTSP.GB28181.SDK视 ...

  3. 基于EasyNVR摄像机流媒体服务器实现RTSP或Onvif监控摄像头Web无插件化直播监控

    前言介绍 随着互联网的发展,尤其是移动互联网基于H5.微信的应用越来越多,企业也更多地想基于H5.微信公众号来快速开发和运营自己的产品,而传统的安防IPC所输出的各种RTSP.GB28181.SDK视 ...

  4. 在做RTSP摄像机H5无插件直播中遇到的对接海康摄像机发送OPTIONS心跳时遇到的坑

    我们在实现一套EasyNVR无插件直播方案时,选择了采用厂家无关化的通用协议RTSP/Onvif接入摄像机IPC/NVR设备,总所周知,Onvif是摄像机的发现与控制管理协议,Onvif用到的流媒体协 ...

  5. EasyNVR摄像机网页无插件直播方案H5前端构建之：bootstrap弹窗功能的实现方案与代码

    前言介绍 在web前端的网页设计中,为了展示出简洁的网页风格和美观的效果,往往会使用弹窗效果在EasyNVR前端页面录像检索功能时,必然会播放录像,如果单独为播放录像文件排一个界面,用户在使用上会更加 ...

  6. 无插件纯web 3D机房 （第四季：大型园区、地球仪效果和其他扩展应用）

    前言 初次见面的朋友们大家好,这篇文章是"无插件纯web 3D机房"系列的第四季,感兴趣的朋友可从头开始观看,以下是正确的阅读顺序: 无插件纯web 3D机房(第一季:从零开始搭建 ...

  7. EasyNVR无插件直播服务器软件览器低延时播放监控摄像头视频（EasyNVR播放FLV视频流）

    背景描述 EasyNVR的使用者应该都是清楚的了解到,EasyNVR一个强大的功能就是可以进行全平台的无插件直播.主要原因在于rtsp协议的视频流(默认是需要插件才可以播放的)经由EasyNVR处理可 ...

  8. EasyNVR实现海康、大华NVR硬盘录像机Web无插件播放方案（支持取特定时间段视频流）

    本文转自:https://blog.csdn.net/black_3717/article/details/79872725 背景说明: 由于视频自身的直观性和便利性,对于传统安防行业,摄像机的直播和 ...

  9. 无插件纯Web HTML5 3D机房 进阶篇（新增设备、线缆、巡查等功能）

    前情提要 前阵子写了一篇无插件纯Web 3D机房,介绍了如何用html5在网页上创建无插件的精美3d机房场景.这两个月以来,陆续收到很多朋友的鼓(膝)励(盖),受宠若惊之余,对索要源代码的朋友都已经尽 ...

随机推荐

  1. js文件中使用el表达式问题

    作者:Sang 单独js文件不能用el表达式. 首先,JSP是由服务端执行的,EL表达式自然也由服务端解析执行,因此如果EL所在的脚本在JSP页面内,它是可以获取到值的,这个值在服务器端返回到浏览器端 ...

  2. Codeforces Round #512 (Div. 2, based on Technocup 2019 Elimination Round 1) E. Vasya and Good Sequences（DP）

    题目链接:http://codeforces.com/contest/1058/problem/E 题意:给出 n 个数,对于一个选定的区间,区间内的数可以通过重新排列二进制数的位置得到一个新的数,问 ...

  3. RabbitMQ与Spring集成配置

    1.引入相关jar包 //RabbitMQ compile group: 'org.springframework.amqp', name: 'spring-rabbit', version: '1. ...

  4. mysql: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)

    https://www.cnblogs.com/jpfss/p/9734487.html (mysql.sock错误解决方案)

  5. 洛谷P2787 语文1（chin1）- 理理思维

    洛谷题目链接 珂朵莉树吼啊!!! 对于操作$1$,直接普通查询即可 对于操作$2$,直接区间赋值即可 对于操作$3$,其实也并不难,来一次计数排序后,依次插入即可,(注意初始化计数器数组)具体实现看代 ...

  6. [Luogu] 逛公园

    https://www.luogu.org/problemnew/show/P3953 https://www.zybuluo.com/wsndy-xx/note/1134388 #include&l ...

  7. 洛谷 U5122 T2-power of 2(费马小定理)

    U5122 T2-power of 2 题目提供者胡昊 题目描述 是一个十分特殊的式子. 例如: n=0时 =2 然而,太大了 所以,我们让对10007 取模 输入输出格式 输入格式: n 输出格式: ...

  8. NetCore2.0无法下载apk文件 IIS设置

    把apk 文件放到网站的wwwroot目录 1.IIS设置MIME类型添加.apk, MIME类型:application/vnd.android.package-archive 2.然后StarUp ...

  9. codeforces708C

    CF708C Centroids 题意翻译 给定一颗树,你有一次将树改造的机会,改造的意思是删去一条边,再加入一条边,保证改造后还是一棵树. 请问有多少点可以通过改造,成为这颗树的中心?(如果以某个点 ...

  10. Django基础之给视图加装饰器

    1. 使用装饰器装饰FBV FBV本身就是一个函数,所以和给普通的函数加装饰器无差: def wrapper(func): def inner(*args, **kwargs): start_time ...