海康摄像头视频实时监控

最新推荐文章于 2023-05-18 10:18:19 发布
最新推荐文章于 2023-05-18 10:18:19 发布
阅读量2.9k 收藏 1
点赞数
文章标签： 流媒体

感谢作者：http://blog.csdn.net/byxdaz/article/details/51647781


海康摄像头视频实时监控与预览，有两种方式：

1、 vlc插件预览视频。

2、 使用海康自带的ActiveX控件预览视频。

 

一、vlc插件预览视频

vlc 提供了ie浏览器的activeX插件和火狐或者chrome的插件，基本上覆盖了所有浏览器，所以有复杂解码需求的情况下用vlc来解决网页播放视频。

 

[html]  view plain  copy
  1. <html>  
  2.   
  3. <title>VLC Mozilla plugin testpage</title>  
  4.   
  5. <head>  
  6.   
  7. <scripttypescripttype="text/javascript">  
  8.   
  9.         
  10.   
  11.        functiongetVLC(name)  
  12.   
  13.        {  
  14.   
  15.    if (window.document[name])  
  16.   
  17.     {  
  18.   
  19.        return window.document[name];  
  20.   
  21.     }  
  22.   
  23.    if (navigator.appName.indexOf("Microsoft Internet")==-1)  
  24.   
  25.     {  
  26.   
  27.        if (document.embeds && document.embeds[name])  
  28.   
  29.            return document.embeds[name];  
  30.   
  31.     }  
  32.   
  33.     else // if(navigator.appName.indexOf("Microsoft Internet")!=-1)  
  34.   
  35.     {  
  36.   
  37.        return document.getElementById(name);  
  38.   
  39.     }  
  40.   
  41.        }  
  42.   
  43.    
  44.   
  45.        functioninit()  
  46.   
  47.        {  
  48.   
  49.               var vlc = getVLC('vlc');  
  50.   
  51.               alert(vlc.versionInfo());  
  52.   
  53.        }  
  54.   
  55.        functionplay(videoUrl)  
  56.   
  57.        {  
  58.   
  59.               varvlc = getVLC('vlc');  
  60.   
  61.               vlc.playlist.clear();  
  62.   
  63.               vlc.playlist.add(videoUrl);  
  64.   
  65.               vlc.playlist.play();  
  66.   
  67.        }  
  68.   
  69.         
  70.   
  71.  function pause()  
  72.   
  73.        {  
  74.   
  75.               varvlc = getVLC('vlc');  
  76.   
  77.               vlc.playlist.pause();  
  78.   
  79.        }  
  80.   
  81.         
  82.   
  83.        functionstop()  
  84.   
  85.        {  
  86.   
  87.               varvlc = getVLC('vlc');  
  88.   
  89.               vlc.playlist.stop();  
  90.   
  91.        }  
  92.   
  93.         
  94.   
  95.        functiontoggleFullscreen()  
  96.   
  97.        {  
  98.   
  99.               varvlc = getVLC('vlc');  
  100.   
  101.               vlc.video.toggleFullscreen();          
  102.   
  103.        }  
  104.   
  105.         
  106.   
  107. </script>  
  108.   
  109. </head>  
  110.   
  111. <body>  
  112.   
  113. <h1>Demo of VLC ie - Example1</h1>  
  114.   
  115.    
  116.   
  117. <object id="vlc"width="640" height="540"classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab">  
  118.   
  119.          <param name='volume' value='50' />  
  120.   
  121.          <param name='autoplay' value='false' />  
  122.   
  123.          <param name='loop' value='false' />  
  124.   
  125.          <param name='fullscreen' value='true' />  
  126.   
  127. <EMBEDpluginspageEMBEDpluginspage="http://www.videolan.org"  
  128.   
  129.       type="application/x-vlc-plugin"  
  130.   
  131.       version="VideoLAN.VLCPlugin.2"  
  132.   
  133.       width="640"  
  134.   
  135.       height="480"  
  136.   
  137.       toolbar="true"  
  138.   
  139.       loop="true"  
  140.   
  141.       text="Waiting for video"  
  142.   
  143.       name="vlc">  
  144.   
  145. </EMBED>  
  146.   
  147. </object>  
  148.   
  149. <br/>  
  150.   
  151. <a href="javascript:;"onclick='init()'>init</a>  
  152.   
  153. <a href="javascript:;" onclick='play("rtsp://admin:12345@192.168.1.100:554/h264/ch1/main/av_stream")'>Playvideo</a>  
  154.   
  155. <a href="javascript:;"onclick='play("rtsp://admin:12345@192.168.1.100:554/Streaming/tracks/101?starttime=20160612t113812z&endtime=20160612t135959z")'>Playhistory video</a>  
  156.   
  157. <a href="javascript:;"onclick='pause()'>Pause video</a>  
  158.   
  159. <a href="javascript:;"onclick='stop()'>Stop video</a>  
  160.   
  161. <a href="javascript:;"onclick='toggleFullscreen()'>Fullscreen</a>  
  162.   
  163. </body>  
  164.   
  165. </html>  

海康设备获取视频RTSP协议格式　　

主码流

rtsp://admin:12345@192.168.1.100:554/h264/ch1/main/av_stream

rtsp://admin:12345@192.168.1.100:554/MPEG-4/ch1/main/av_stream

子码流：

rtsp://admin:12345@192.168.1.100:554/mpeg4/ch1/sub/av_stream

rtsp://admin:12345@192.168.1.100:554/h264/ch1/sub/av_stream

 

 

二、使用海康自带的Active控件预览视频。

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

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

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

 

[NetVideoActiveX23.ocx]

 

file-win32-x86=thiscab

 

RegisterServer=yes

 

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

 

DestDir= 11

 

FileVersion=2,3,21,1

 

     2.4. 记录上面的“clsid”。

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

[html]  view plain  copy
  1. <html>  
  2.   
  3. <head>  
  4.   
  5.    
  6.   
  7.    <title>海康摄像头实时监控</title>  
  8.   
  9.    
  10.   
  11.    <script type="text/javascript">  
  12.   
  13.    function login()  
  14.        {  
  15.   
  16.          var videoPlugin = window.document.getElementById("videoPlugin");  
  17.    
  18.           loginRes=videoPlugin.Login("192.168.6.64","81","admin","12345");  
  19.   
  20.          playRes= videoPlugin.StartRealPlay(0,1,0);  
  21.   
  22.        }  
  23.   
  24.    </script>  
  25.   
  26. </head>  
  27.   
  28. <body>  
  29.   
  30.    <form id="form1">  
  31.   
  32.            <objectidobjectid="video Plugin" class="objectClass"  
  33.   
  34.    
  35.   
  36. classid="clsid:CAFCF48D-8E34-4490-8154-026191D73924"  
  37.   
  38.    
  39.   
  40.     codebase="IPCameraActiveX.cab" width="800"height="600"></object>  
  41.   
  42.    
  43.   
  44.        <input id="Button1" type="button"value="button" onclick="login()" />  
  45.   
  46.    
  47.   
  48.    </form>  
  49.   
  50.    
  51.   
  52. </body>  
  53.   
  54. </html>  


    

代码：下载

参考资料：

vlc官网：http://www.videolan.org

vlc 网页插件的使用与控制 API: http://www.xuebuyuan.com/2224602.html




jzjhome
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RTSP和HTTP URL介绍.docx
04-13
海康威视设备预览、回放、流媒体取流的RTSP URL和IE直接预览、回放的HTTP URL
海康威视网络摄像头购买指南（焦距&像素等参数）
土豪gold的博客
04-03 4万+
如果您需要使用网络摄像头进行二次开发或者监控使用，但是不知道如何选取，请您注意网络摄像头的几个参数（主要）： 1、分辨率（像素） 从图像质量上来说，网络摄像头的分辨率越高，成像越清晰，具体我们可以看下面这张图片，但是也并不是最大的就是最好的，还有考虑价格（像素越高越贵），存储空间（像素越高对应占用存储空间也就越大），所以需要根据实际使用环境来进行选购，目前市面上100w像素（即720p）和20...
读取海康威视摄像头实时显示视频流
weixin_41258131的博客
05-18 6559
读取海康威视摄像头实时显示视频流
海康威视主码流和子码流的区别
热门推荐
邹邹s的博客
08-30 9万+
一般高清摄像头产品编码器可同时产生两个不同的编码格式,统称主码流和子码流,双码流技术兼顾了高质量图像传输和窄带宽传输。主码流用于本地存储，子码流适用于图像在低带宽网络上传输。双码流采用一路高码率的码流用于本地高清存储,例如QCIF/CIF/D1编码，一路低码率的码流用于网络传输,例如QCIF/CIF编码，同时兼顾本地存储和远程网络传输。双码流能实现本地传输和远程传输两种不同的带宽码流需要，本地传输采
C#_显示摄像头帧数及帧率到WinFrom窗口标题
瞎点技能树
02-27 1149
CheckForIllegalCrossThreadCalls = false;//不捕获对错误线程的调用 System.Timers.Timer t = new System.Timers.Timer(500);//定时器 t.Elapsed += new System.Timers.ElapsedEventHandler(theout);//定时事件 t.AutoReset = true; t.Enabled = true; /*显示帧数和帧率到窗口标题*/ public vo.
问题解决：部分海康网络摄像头无法实现视频流解码与实时预览
liyuefeilong的专栏
10-20 3万+
解决部分海康网络摄像头无法实现视频流解码与实时预览的问题。这里使用的海康网络摄像头型号是：DS-2CD852MF-E。
实现浏览器无插件播放rtsp流（海康摄像头数据流）
Maomaoqifeng的博客
03-16 1797
最近研究一个问题，主要是使用浏览器无插件实时播放海康摄像头的监控数据，在网上查询了很多博哥资料，尝试很多次，结果都不是很理想，最简单的是使用VLC media player软件进行播放，但是和要求不符，继续查找方法，在多次尝试后发现这个方法是可以实现的，现在记录一下，分享出来。 使用Ffmpeg+Node.js+jsmpeg.js的方法， 1、FFmpeg安装,地址：https://github.com/BtbN/FFmpeg-Builds/releases/download/autobuild-...
浏览器显示海康摄像头实时预览画面纯前端解决方案
weixin_44775548的博客
05-12 7413
浏览器显示海康摄像头实时预览画面纯前端解决方案 将海康设备的 rtsp 协议视频流通过 ffmpeg 转码为 flv 实时视频流，并将实时视频流通过 express 服务生成 http 长链接或 ws 返回。 最后通过b站开源的 flv.js 插件在浏览器上显示直播画面。 安装 ffmpeg 下载ffmpeg 安装 fluent-ffmpeg 插件 npm i fluent-ffmpeg 指定 ffmpeg 的安装地址 ffmpeg.setFfmpegPath(“G:/app/ffmpeg-202
前端使用海康WEB播放器插件，播放摄像头监控视频
panpanpanqvq的博客
06-02 1万+
基于海康的WEB播放器插件，实现海康摄像头播放功能 之前的文章中有过前端播放直播或者监控视频，用过两个播放器，一个是前面有教程的cyberplayer百度智能云提供的WEB播放器，实现了功能，后来又用了EasyPlayer播放器也实现了，为啥要换呢，因为百度的播放器不支持H265编码格式，只能播H264的，EasyPlayer官方说明支持H265编码。现在用的海康官方的WEB播放器插件，这个就不是播流了，传每个摄像头的IndexCode播放监控, 海康的插件下载地址https://open.hikvisio
HTML实现海康摄像头实时监控功能
09-28
最近公司安排我做一个ccfa的小东东，其中有一项需求就是做一个网页播放摄像头的实时监控功能，对于我这个小菜鸟来说真是难到了，下面小编给大家带来了HTML实现海康摄像头实时监控功能，感兴趣的朋友一起看看吧
WEB调用海康威视摄像头
05-31
在网页上实时查看监控，支持C#，Java 多语言开发，支持IE浏览器，低版本的谷歌，
海康摄像头预览不需安装插件，支持chrome
01-05
主要解决无法再高版本上播放海康视频，测试可以播放
海康威视视频WEB3.0插件含最新版测试demo
04-01
系统连接海康摄像机设备时实时预览相机画面,可安装插件后进行预览,使用IE浏览器安装海康视频插件预览，插件版本比较低，但是可以正常使用。可以用于测试海康摄像头预览和云台控制，也可以进行开发，demo配备基本功能，预览，通话，缩放，抓图，视频录制，窗口切换等。 同步提供win32版和win64版本供下载。
海康威视最新ActiveX控件
04-13
资源是最新的海康威视的ActiveX控件，很适合用于labview什么的二次开发，目前只更新到了这个版本，只需要基础功能的，这个完全足够了，要是想要最新功能的 ，还是自己去写吧 这个就是基础班的 GF已经不更新了
海康摄像机ActiveX控件（ocx控件）
03-23
海康视屏ocx控件，最新版本，可通过web访问，也可能过集成到软件中使用
海康摄像头HLS视频播放示例
01-31
内含视频服务器图文设置，以及html示例。浏览器上实现播放hls视频
opencv+python 大华、海康摄像头或视频流人脸识别实时抓拍服务
09-16
大华、海康摄像头人脸识别、抓拍资源； 支持大华、海康摄像头多路实时抓拍。也可支持其他视频流抓拍。 适用于摄像头监控及视频监控场景 实现人脸实时抓拍后用于人脸分析及识别
H5播放器播放海康摄像头视频开发包和demo
01-20
H5播放器播放海康摄像头视频开发包和demo
海康和大华视频播放ActiveX控件
04-25
由于公司项目需要用在HTML里面能同时播放海康和大华的视频，所以有了这个ActiveX控件。可以获取海康和大华的设备信息，设备登录、视频播放、抓图和录像功能。 点击安装后，安装路径下面有Test ActiveX.html页面，用IE打开可以直接使用。
unity 海康摄像头实时播放demo
最新发布
07-21
海康摄像头是一种常见的安防监控摄像设备，具备高清晰度、远距离监控和实时播放等特点。 在 Unity 中，我们可以使用海康摄像头实时播放的功能来开发监控应用。首先，我们需要将海康摄像头的 SDK 导入 Unity 中，并...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值