海康监控预览模式

最近新东家 要做一个 在页面上展示 监控内容的 web 程序
研究了一个星期 试了 很多种方式 推荐各种方法给你们 希望你们看到这篇文章 少走弯路

1. 基于 这个去开发 一定要说服 boss 舍得花钱 去用 三方平台 这个三方平台就是萤石云
   这个比较简单 新买的海康摄像头 一般都是支持 萤石云 只要在 海康后台 启用 萤石云 会有一个验证码
   然后去 https://open.ys7.com/ 去绑定应用 （不懂问他们客服 他们会很乐意效劳 毕竟是付过钱的）

2. 下面我就来详细说明 不用钱的 （仅限于局域网，很稳定 但缺点 只兼容ie）

   1）. 基于海康的给的demo去做二次开发（代码是找海康要的 ）
   2）. 这个demo 是基于 activeX 控件去做的 所以支持的浏览器比较少 (我做的目前就只支持IE8以上) 谷歌和火狐是不支持这个控 件的，对了 还不支持win10系统 这个很重要
   3）. 首先要下载一个 Webcommonen kit() 如果你ie是32 位的 需要下载32的 64 位的 需要下载 64位的
   4）. 打开IE 设置activeX 允许加载
   
   5）.配置自己的摄像头IP 和登录名以及密码

6）.打开他们提供的nginx 最后用 127.0.0.1 访问demo页面 demo里面有很多适合自己的html 代码 你可以选择一个进行适配自己的需求

海康demo适配完毕 这里面第一次开发 会有很多坑的 如有不懂可以随时联系我 一起交流

7.查看nginx 是如何请求登陆接口的
location ~ /ISAPI|SDK/ {
if (KaTeX parse error: Expected '}', got 'EOF' at end of input: …xy_pass http://cookie_webVideoCtrlProxy;
break;
}
}

3. 下面介绍第三种（这种方式我也试了一下，优点 这种方式 只需要用falsh插件就可以 不存在兼容问题 缺点 延迟高）

这种是在网上找的参照推流的方式去做的（这种方式慎用 延迟很高）

1）. 你需要下载开源插件 vlc

2）. 然后在网上下载 ffmpeg 解码工具

3）. 将ffmpeg 配置到环境变量去

4）. 下载window版的nginx 启动nginx

5）. 开启cmd 输入 ffmpeg -i “rtsp://admin:[email protected]:554/cam/realmonitor?channel=1&subtype=0&unicast=true&proto=Onvif” -vcodec copy -acodec copy -f flv “rtmp://127.0.0.1:1935/live/”
6）. 然后重新开一个 cmd start ffmpeg -re -i “rtmp://127.0.0.1:1935/live/” -vcodec libx264 -preset:v ultrafast -tune:v zerolatency -acodec copy -f flv “rtmp://192.168.88.200:1935/hls/live” -loglevel quiet
7）. 随便vedio 就可以播放这个 效果如下
8）.

9）. 最后就是在web去显示这个了

播放地址是 rtmp://192.168.88.200:1935/hls/live

这种弊端比较多 不是很稳定 如果有大神用这种调出来稳定性比较好 可以随时交流

第三种方法 参考博文
https://blog.csdn.net/u012492535/article/details/79220398/