海康摄像头视频实时监控

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

1、 vlc插件预览视频。

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

 

一、vlc插件预览视频

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

 

      

       functiongetVLC(name)

       {

   if (window.document[name])

    {

       return window.document[name];

    }

   if (navigator.appName.indexOf("Microsoft Internet")==-1)

    {

       if (document.embeds && document.embeds[name])

           return document.embeds[name];

    }

    else // if(navigator.appName.indexOf("Microsoft Internet")!=-1)

    {

       return document.getElementById(name);

    }

       }

 

       functioninit()

       {

              var vlc = getVLC('vlc');

              alert(vlc.versionInfo());

       }

       functionplay(videoUrl)

       {

              varvlc = getVLC('vlc');

              vlc.playlist.clear();

              vlc.playlist.add(videoUrl);

              vlc.playlist.play();

       }

      

 function pause()

       {

              varvlc = getVLC('vlc');

              vlc.playlist.pause();

       }

      

       functionstop()

       {

              varvlc = getVLC('vlc');

              vlc.playlist.stop();

       }

      

       functiontoggleFullscreen()

       {

              varvlc = getVLC('vlc');

              vlc.video.toggleFullscreen();        

       }

      







Demo of VLC ie - Example1

 






init

Playvideo

Playhistory video

Pause video

Stop video

Fullscreen

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

主码流

rtsp://admin:[email protected]:554/h264/ch1/main/av_stream

rtsp://admin:[email protected]:554/MPEG-4/ch1/main/av_stream

子码流：

rtsp://admin:[email protected]:554/mpeg4/ch1/sub/av_stream

rtsp://admin:[email protected]: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控件接口文档)，代码如下：

    

代码：下载

参考资料：

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

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