【miscellaneous】海康威視監控網路攝影機實現web端無外掛程式監控實拍效果

[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>