vue中集成海康威视视频插件

海康威视是国内非常优秀的视频服务提供商，但是在前端页面播放视频的时候，还是有一些问题。笔者就自己经历写一篇文章，请诸位参考。

        播放海康威视rtsp视频流时候，需要用到海康提供的js库。包括

        webVideoCtrl.js（web端视频控制脚本）

        jsWebControl-1.0.0.min.js（播放器控制脚本）

        jsencrypt.min.js（海康密钥加密脚本，需要请求海康服务器做验证）

需要注意的是，这三个js脚本，并未export任何方法，无法在组件中import，需要在vue项目的html头部导入

---

 拉取海康视频流的步骤主要有：

        1，指定div容器，初始化视频加载的区域，并且初始化视频的宽和高；

        2，获取公钥。公钥参数主要有：appkey，secret，ip，port等需要加密；

        3，初始化视频播放器，将你的参数传递给oWebControl，去调用海康的JS_RequestInterface接口。（此步骤参数funcName千万不能省略）；

        4，预览视频。此步骤需要调用JS_RequestInterface接口，传递相机的cameraIndexCode参数。（该参数是加密过的。）

---