Ant Design + 海康威视摄像头

海康威视有两种摄像头，一种定向摄像头，一种能云台控制摄像头。

1.都可以加在录像机下进行监控

2.单个摄像头不能进行回放功能

当前的问题并且处理方法：

问题：海康威视支持 jquery-1.7.1.min.js  

解决方法：放在同级目录下

         

问题：其中webVideoCtrl.js需要jquery-1.7.1.min.js

解决方案：

//引入 jquery-1.7.1.min.js
const $ = require('./jquery-1.7.1.min');
!(function (e) {
  if (!e.WebVideoCtrl) {
    var t = (function () {
        function t() {
          this.id = this.createUUID();
        }

        var r = '100%',
          ..... //海康自带的js内容
          this
        );
      })(),
      n = (e.WebVideoCtrl = t);
    e.DOMParser = true;
    n.version = '1.1.0';
  }
  GetSelectWndInfo = function (result) {
    e.GetSelectWndInfo(result);
  };
  GetHttpInfo = function (i, t) {
    e.GetHttpInfo(i, t);
  };
})(this),
  ('object' == typeof exports && 'undefined' != typeof module) ||
    ('function' == typeof define && define.amd
      ? define(function () {
          return WebVideoCtrl;
        })
      : 'function' == typeof define &&
        define.cmd &&
        define(function (e, t, n) {
          n.exports = WebVideoCtrl;
        }));

 

问题：html页面需要转换为Ant Design组件

解决方案：

         

问题：引入webVideoCtrl后如何使用？

解决方案：直接调用就可以使用 webVideoCtrl.js 中的方法