[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平台監控