海康摄像头视频实时监控与预览,有两种方式:
1、vlc插件预览视频。
2、 使用海康自带的微软倡导的微软倡导的ActiveX网络化多媒体对象技术网络化多媒体对象技术控件预览视频。
一、vlc插件预览视频
可见光通讯提供了工程师协会浏览器的微软倡导的微软倡导的ActiveX网络化多媒体对象技术网络化多媒体对象技术插件和火狐或者铬的插件,基本上覆盖了所有浏览器,所以在复杂解码需求的情况下用可见光通讯来解决网页播放视频。
超文本标记语言
titleVLC Mozilla插件测试页/标题
头
scripttype='text/javascript '
functiongetVLC(名称)
{
如果(windows。文档)
{
返回窗口.文档
}
如果(导航员。appname。索引(' Microsoft Internet ')==-1)
{
如果(文档。嵌入文档。嵌入)
返回文档.嵌入
}
else//if(导航器。appname。的索引(' Microsoft Internet ')!=-1)
{
返回document.getElementById(名称);
}
}
functioninit()
{
var VLC=get VLC(' VLC ');
警惕(VLC。版本信息());
}
功能播放(视频网址)
{
var VLC=get VLC(' VLC ');
VLC。播放列表。clear();
VLC。播放列表。添加(视频网址);
VLC。播放列表。play();
}
功能暂停()
{
var VLC=get VLC(' VLC ');
VLC。播放列表。pause();
}
函数停止()
{
var VLC=get VLC(' VLC ');
VLC。播放列表。stop();
}
functiontoggleFullscreen()
{
var VLC=get VLC(' VLC ');
VLC。视频。切换全屏();
}
/脚本
/头
身体
h1 VLC ie的演示-示例1/h1
对象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">
<param name='volume' value='50' />
<param name='autoplay' value='false' />
<param name='loop' value='false' />
<param name='fullscreen' value='true' />
<EMBEDpluginspage="http://www.videolan.org"
type="application/x-vlc-plugin"
version="VideoLAN.VLCPlugin.2"
width="640"
height="480"
toolbar="true"
loop="true"
text="Waiting for video"
name="vlc">
</EMBED>
</object>
<br/>
<a href="javascript:;"οnclick='init()'>init</a>
<a href="javascript:;" οnclick='play("rtsp://admin:12345@192.168.1.100:554/h264/ch1/main/av_stream")'>Playvideo</a>
<a href="javascript:;"οnclick='play("rtsp://admin:12345@192.168.1.100:554/Streaming/tracks/101?starttime=20160612t113812z&endtime=20160612t135959z")'>Playhistory video</a>
<a href="javascript:;"οnclick='pause()'>Pause video</a>
<a href="javascript:;"οnclick='stop()'>Stop video</a>
<a href="javascript:;"οnclick='toggleFullscreen()'>Fullscreen</a>
</body>
</html>
注意:Chrome浏览器42以上版本已经陆续不再支持NPAPI插件。你可以用使用低版本的Chrome浏览器。
二、使用海康自带的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文件,查看代码段:
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>
<head>
<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">
<objectid="video Plugin" class="objectClass"
classid="clsid:CAFCF48D-8E34-4490-8154-026191D73924"
codebase="IPCameraActiveX.cab" width="800"height="600"></object>
<input id="Button1" type="button"value="button" οnclick="login()" />
</form>
</body>
</html>