[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,则完整的取流地址为:
- 主码流
- rtsp://admin:12345@192.0.0.64:81/h264/ch1/main/av_stream
- rtsp://admin:12345@192.0.0.64:81/MPEG-4/ch1/main/av_stream
- 子码流:
- rtsp://admin:12345@192.0.0.64/mpeg4/ch1/sub/av_stream
- 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文件,查看代码段:
- [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控件接口文档),代码如下:
- <head runat="server">
- <title>海康摄像头实时监控</title>
- <script type="text/javascript">
- function login()
- {
- var videoPlugin = window.document.getElementById("videoPlugin");
- loginRes=videoPlugin.Login("192.168.6.64","81","admin","12345");
- playRes= videoPlugin.StartRealPlay(0,1,0);
- }
- </script>
- </head>
- <body>
- <form id="form1" runat="server">
- <objectidobjectid="video Pluginclass=” objectClass”
- classid=”clsid: CAFCF48D-8E34-4490-8154-026191D73924”
- codebase="IPCameraActiveX.cab" width="800" height="600"></object>
- <input id="Button1" type="button" value="button" onclick="login()" />
- </form>
- </body>
- </html>
[Rtsp]海康网络摄像头基于RTSP协议的windows平台监控