wargerm 0.7.3 → 0.7.5

package/dist/index.esm.js

@@ -2587,6 +2587,8 @@ var WInputNumber = function WInputNumber(props) {
 
 WInputNumber.defaultProps = {};
 
+var datePickerIconPng = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAaRJREFUOE+N0E1IVUEUB/D/mftuoUQLcdsiqIUkpNEiggiiXVHpfQrWWmirzkwfuJQ+7oy5FVqnoHf8CN2JIIK4kCxRXBS0cCstKhS7786Je9GHDx74ZjPM4f87ZziE4zNkJ1oFn9vMjtLbH4b79k7q+T04MnkpOB+uefrXOSqf7uc1OgkMvJ26EobBd/ZZp9G9X09DFU91kAg20zS7Ovaq90cBtXF7ALcyV9ohSrvwuEaCvoC5VGCiCnu+AYEd+EobUWkboH3S1v0BcIGBN0EqPvpS9gxEI6cngnlYVIJPWej7CXgN4G8V1gTPflThNgNLZ+eLpdwH0F5MZOZxo8pKjU4/DLwI36loVprpx3kjq3rmXxrXlQmfmqGeBWUSQ0TPa6C2M78Abopl1Kyt+53DWEYXtXUHAB3GsrulLpTGPRDEYSzLc/q9e1TAF9FnbZMnnim1KlqsC5VJ1gE0GVW+ruzMRg6N7L6pTPINwKFR5Vv1oXXLYG7OA9q61eOv3ikaEh0YGd2rCxvZai0EdsG80ggE0V0C2kjbZAugyw2haoh//gdpp+R0xApbPgAAAABJRU5ErkJggg==";
+
 var _excluded$2 = ["getRangePickerValue", "panelType"];
 dayjs.locale('zh-cn');
 
@@ -2605,7 +2607,7 @@ var WDatePicker = function WDatePicker(props) {
       className: "dateIcon"
     }, /*#__PURE__*/React.createElement("img", {
       className: "datePickerIcon",
-      src: require('./assets/icon/datePickerIcon.png')
+      src: datePickerIconPng
     }))
   }));
 };
@@ -2643,7 +2645,7 @@ var RangePicker = function RangePicker(props) {
         className: "dateIcon"
       }, /*#__PURE__*/React.createElement("img", {
         className: "datePickerIcon",
-        src: require('./assets/icon/datePickerIcon.png')
+        src: datePickerIconPng
       })),
       value: rangePickerValue,
       onChange: function onChange(date) {
@@ -2743,7 +2745,7 @@ var RangePicker = function RangePicker(props) {
         className: "dateIcon"
       }, /*#__PURE__*/React.createElement("img", {
         className: "datePickerIcon",
-        src: require('./assets/icon/datePickerIcon.png')
+        src: datePickerIconPng
       })),
       value: rangePickerValue,
       onChange: function onChange(date) {
@@ -2763,7 +2765,7 @@ var RangePicker = function RangePicker(props) {
       className: "dateIcon"
     }, /*#__PURE__*/React.createElement("img", {
       className: "datePickerIcon",
-      src: require('./assets/icon/datePickerIcon.png')
+      src: datePickerIconPng
     })),
     locale: zhCN
   }, extraProps));
@@ -4865,7 +4867,7 @@ var index$2 = /*#__PURE__*/React.forwardRef(Index$8);
 var _excluded$c = ["height", "width", "count", "style", "numberStyle"],
     _excluded2$2 = ["count", "numberCount", "width", "height", "marginRight"];
 
-var Number = function Number(_ref) {
+var Number$1 = function Number(_ref) {
   var height = _ref.height,
       width = _ref.width,
       _ref$count = _ref.count,
@@ -4987,7 +4989,7 @@ var Number = function Number(_ref) {
   })))));
 };
 
-Number.defaultProps = {
+Number$1.defaultProps = {
   width: 28,
   height: 40
 };
@@ -5024,7 +5026,7 @@ var Index$9 = function Index(props) {
       display: 'flex'
     }
   }, numberList.map(function (res, index) {
-    return /*#__PURE__*/React.createElement(Number, _objectSpread2({
+    return /*#__PURE__*/React.createElement(Number$1, _objectSpread2({
       key: index,
       width: width,
       height: height,
@@ -8337,7 +8339,7 @@ var IconFont = createFromIconfontCN({
   scriptUrl: '//at.alicdn.com/t/font_3425259_s93peuz62an.js'
 });
 
-function VideoPlayer(_ref, ref) {
+function VideoPlayer$1(_ref, ref) {
   var _ref$footer = _ref.footer,
       footer = _ref$footer === void 0 ? true : _ref$footer,
       style = _ref.style,
@@ -8545,7 +8547,2707 @@ function VideoPlayer(_ref, ref) {
   })) : null));
 }
 
-var index$6 = /*#__PURE__*/forwardRef(VideoPlayer);
+var index$6 = /*#__PURE__*/forwardRef(VideoPlayer$1);
+
+/**
+ *  version: v1.1.202301130900
+ */
+(function () {
+  window.dhPlayerControl = Object.assign({
+    videoWS: null,
+    wsConnectCount: 0,
+    wsSession: '',
+    windowState: '',
+    videoList: {},
+    // 每次创建后，每个videoId 对应的数据类
+    hwndList: {},
+    // 每次创建后对应的 {hwnd: videoId} 键值对
+    callBackList: {},
+    wsConnect: false
+  }, window.dhPlayerControl || {}, {
+    noCardPlayerFlag: false,
+    DHPlayerVersion: '',
+    pkgDHPlayerVerion: [2301102132, 2301121115] // 配套的插件版本号
+
+  }); //在Function的原型上自定义myBind()方法
+
+  Function.prototype.myBind = function myBind(context) {
+    //获取要操作的函数
+    var _this = this; //获取实参（context除外）
+
+
+    var args = Array.prototype.slice.call(arguments, 1); //判断当前浏览器是否兼容bind()方法
+
+    if ('bind' in Function.prototype) {
+      //如果浏览器兼容bind()方法，则使用bind()方法，并返回bind()方法执行后的结果
+      return _this.bind(context, args);
+    } //如果不兼容bind()方法，则返回一个匿名函数
+
+
+    return function () {
+      _this.apply(context, args);
+    };
+  };
+
+  if (!document.getElementsByClassName) {
+    document.getElementsByClassName = function (className, element) {
+      var children = (element || document).getElementsByTagName('*');
+      var elements = new Array();
+
+      for (var i = 0; i < children.length; i++) {
+        var child = children[i];
+        var classNames = child.className.split(' ');
+
+        for (var j = 0; j < classNames.length; j++) {
+          if (classNames[j] == className) {
+            elements.push(child);
+            break;
+          }
+        }
+      }
+
+      return elements;
+    };
+  }
+  /**
+   * 内部方法 封装请求参数
+   * @param {*} param
+   * @param {*} type
+   */
+
+
+  function getAjaxParam(param, type) {
+    // 处理对讲参数
+    var processTalkParam = function processTalkParam(param) {
+      if (param.channelId) {
+        var tempArr = param.channelId.split('$1$0$');
+        !tempArr && (tempArr = param.channelId.split('$'));
+        return tempArr;
+      } else {
+        return [param.deviceCode, param.channelSeq];
+      }
+    };
+
+    var obj = {
+      // 实时预览参数
+      real: {
+        data: {
+          channelId: param.channelId || '',
+          streamType: Number(param.streamType) || 1,
+          // 默认主码流
+          dataType: Number(param.dataType) || 1 // 默认是视频
+
+        }
+      },
+      // 对讲参数
+      talk: {
+        data: {
+          audioBit: 8,
+          sampleRate: 8000,
+          audioType: 0,
+          talkType: getTalkType(param.deviceType),
+          deviceCode: processTalkParam(param)[0],
+          channelSeq: processTalkParam(param)[1]
+        }
+      },
+      // 停止对讲参数
+      stopTalk: {
+        data: {
+          deviceCode: processTalkParam(param)[0],
+          channelSeq: processTalkParam(param)[1],
+          talkType: getTalkType(param.deviceType),
+          session: param.session
+        }
+      },
+      // 通过时间录像回放参数
+      playbackByTime: {
+        clientType: 'WINPC',
+        clientMac: '30:9c:23:79:40:08',
+        clientPushId: '',
+        project: 'PSDK',
+        method: 'SS.Playback.StartPlaybackByTime',
+        data: {
+          nvrId: '',
+          optional: '/admin/API/SS/Playback/StartPlaybackByTime',
+          recordType: '0',
+          // 录像类型：1=一般录像，2=报警录像
+          recordSource: param.recordSource,
+          // 录像来源：1=全部，2=设备，3=中心
+          streamType: param.streamType || 0,
+          // 码流类型： 0=所有码流，1=主码流，2=辅码流
+          channelId: param.channelId,
+          startTime: param.bBack === 0 ? param.currentPlayTime : param.startTime,
+          endTime: param.bBack === 0 ? param.endTime : param.currentPlayTime
+        }
+      },
+      // 通过文件录像回放参数
+      playbackByFile: {
+        clientType: 'WINPC',
+        clientMac: '30:9c:23:79:40:08',
+        clientPushId: '',
+        project: 'PSDK',
+        method: 'SS.Playback.StartPlaybackByFile',
+        data: {
+          ssId: '1001',
+          optional: '/evo-apigw/admin/API/SS/Playback/StartPlaybackByFile',
+          startTime: param.bBack === 0 ? param.currentPlayTime : param.playStartTime,
+          endTime: param.bBack === 0 ? param.playEndTime : param.currentPlayTime,
+          fileName: '{fe69f729-9d4b-42d4-b6a0-56189aaa4e1e}',
+          diskId: '1540852944-1540853395',
+          nvrId: '',
+          recordSource: param.recordSource,
+          channelId: param.channelId,
+          playbackMode: '0',
+          streamId: '5875'
+        }
+      },
+      // 查询录像参数
+      queryRecord: {
+        clientType: 'WINPC',
+        clientMac: '30:9c:23:79:40:08',
+        clientPushId: '',
+        project: 'PSDK',
+        method: 'SS.Record.QueryRecords',
+        data: {
+          cardNo: '',
+          optional: '/admin/API/SS/Record/QueryRecords',
+          diskPath: '',
+          startIndex: '',
+          streamType: param.streamType || 0,
+          // 码流类型：0= 所有码流, 1=主码流, 2=辅码流
+          recordType: '0',
+          // 录像类型：0=全部，1=手动录像，2=报警录像，3=动态监测，4=视频丢失，5=视频遮挡，6=定时录像，7=全天候录像，8=文件录像转换
+          recordSource: param.recordSource,
+          // 录像来源：1=全部，2=设备，3=中心
+          endIndex: '',
+          startTime: param.startTime,
+          endTime: param.endTime,
+          channelId: param.channelId
+        }
+      }
+    }; // 对应的窗口号
+
+    obj[type].snum = param.snum;
+    return JSON.parse(JSON.stringify(obj[type]));
+  }
+  /**
+   * 获取对讲类型
+   * @param { Number } deviceType
+   * @returns talkType 对讲类型  1-设备对讲 2-通道对讲
+   * @mesc 只有NVS{3}，NVR{6}，smartNVR{14}[已弃用]，IVSS{43}能对通道进行对讲。
+   */
+
+
+  function getTalkType(deviceType) {
+    var channelTalk = [3, 6, 14, 43];
+
+    if (channelTalk.includes(Number(deviceType))) {
+      return 2;
+    }
+
+    return 1;
+  }
+  /**
+   * 内部方法
+   * @desc rtsp路径拼接token
+   * @param {Object} 接口返回的rtsp对象
+   */
+
+
+  function dealUrl(data) {
+    var path = data.url;
+
+    if (path.includes('|')) {
+      path = path.split('|').map(function (item) {
+        return item + '?token=' + data.token;
+      }).reverse().join('|');
+    } else {
+      path = path + '?token=' + data.token;
+    }
+
+    return path;
+  }
+  /**
+   * 内部方法
+   * @desc 处理当前浏览器的缩放比例
+   */
+
+
+  function getWindowSize() {
+    var width = window.dhPlayerControl.isPIframe ? this.setting.topInnerWidth : window.top.innerWidth,
+        height = window.dhPlayerControl.isPIframe ? this.setting.topInnerHeight : window.top.innerHeight;
+    return {
+      width: width,
+      height: height
+    };
+  }
+  /**
+   * 内部方法
+   * @desc 获取当前浏览器最左侧距离主屏的位置
+   */
+
+
+  function getScreenX() {
+    // 造个假数据,模拟客户端返回
+    var screenInfo = window.osRatio || [1, 1]; // [主屏的缩放比例， 副屏的缩放比例]
+
+    var defaultScreenX = window.screenX;
+    var availX = window.screen.availLeft;
+    var x = 0;
+
+    if (availX <= 0) {
+      // 不需要计算主屏的位置
+      x = defaultScreenX >= -2 && defaultScreenX <= 9 ? 0 : defaultScreenX; // availX === 0 ? 0 : 1  为 0 表示在主屏上面， 小于 0 表示在副屏上，所以获取的分辨率不同。
+
+      x = x * screenInfo[availX === 0 ? 0 : 1];
+    } else {
+      // 需要计算主屏的位置
+      var sideX = defaultScreenX - availX;
+      sideX = sideX >= -2 && sideX <= 9 ? 0 : sideX; // 计算主屏和副屏的真实距离后相加，即为x
+
+      x = availX * screenInfo[0] + sideX * screenInfo[1];
+    }
+
+    return x;
+  }
+  /**
+   * 内部方法
+   * @desc 获取页面缩放比例
+   */
+
+
+  function detectZoom() {
+    var ratio = 0,
+        screen = window.screen,
+        ua = navigator.userAgent.toLowerCase();
+
+    if (window.devicePixelRatio !== undefined) {
+      ratio = window.devicePixelRatio;
+    } else if (~ua.indexOf('msie')) {
+      if (screen.deviceXDPI && screen.logicalXDPI) {
+        ratio = screen.deviceXDPI / screen.logicalXDPI;
+      }
+    } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
+      ratio = window.outerWidth / window.innerWidth;
+    }
+
+    if (ratio) {
+      ratio = Math.round(ratio * 100);
+    }
+
+    return ratio;
+  } //socket连接
+
+
+  function socketPort() {
+    var that = this;
+
+    if (typeof WebSocket === 'undefined') {
+      that.setting.createError && that.setting.createError({
+        code: 1005,
+        data: null,
+        success: false,
+        message: '您的浏览器不支持socket!'
+      });
+      return;
+    }
+
+    if (sessionStorage.getItem('HikCentralWebControlPort')) {
+      sessionStorage.removeItem('HikCentralWebControlPort');
+    } //  轮询的端口列表
+
+
+    var portList = [8000, 8001, 8002];
+    var map = {};
+    var id = 0;
+    var startIndex = 0;
+    window.dhPlayerControl.windowState = 'wsPending';
+
+    function ecallback(e) {
+      window.dhPlayerControl.DHPlayerVersion = Number(e.data.ver);
+
+      if (window.dhPlayerControl.pkgDHPlayerVerion.includes(window.dhPlayerControl.DHPlayerVersion)) {
+        console.log('==== 版本信息匹配成功 ====');
+      } else {
+        console.log('==== 插件版本信息不匹配 ====');
+      }
+
+      var o = sessionStorage.getItem('HikCentralWebControlPort');
+      map['ws' + o].close();
+      socketOpen();
+    }
+
+    function esuccess(evt) {
+      var port = evt.target.url.split(':').length == 3 ? evt.target.url.split(':')[2].replace('/', '') : '80';
+      var json = {
+        method: 'common.version',
+        info: {},
+        id: id
+      };
+      map['ws' + port] && map['ws' + port].readyState == 1 && map['ws' + port].send(JSON.stringify(json));
+    }
+
+    function eerror(evt) {
+      if (evt && !window.dhPlayerControl.DHPlayerVersion) {
+        that.setting.createError && that.setting.createError({
+          code: 1001,
+          success: false,
+          message: '插件未安装!'
+        });
+      }
+      var port = evt.target.url.split(':').length == 3 ? evt.target.url.split(':')[2].replace('/', '') : '80';
+      map['ws' + port].close();
+      startIndex = (startIndex + 1) % portList.length;
+      estart();
+    }
+
+    function emessage(evt) {
+      var data = evt && evt.data ? JSON.parse(evt.data) : {};
+
+      if (data.id == id) {
+        var port = evt.target.url.split(':').length == 3 ? evt.target.url.split(':')[2].replace('/', '') : '80';
+        sessionStorage && sessionStorage.setItem('HikCentralWebControlPort', port);
+        ecallback(data);
+      } else {
+        eerror(evt);
+      }
+    }
+
+    function eclose() {
+      console.log('-------开始创建连接------------');
+    }
+
+    function estart() {
+      try {
+        map['ws' + portList[startIndex]] = new WebSocket('ws://localhost:' + portList[startIndex]);
+        map['ws' + portList[startIndex]].onopen = esuccess;
+        map['ws' + portList[startIndex]].onerror = eerror;
+        map['ws' + portList[startIndex]].onmessage = emessage;
+        map['ws' + portList[startIndex]].onclose = eclose;
+      } catch (err) {
+        eerror();
+      }
+    }
+
+    estart();
+  }
+
+  function socketOpen() {
+    var o = sessionStorage.getItem('HikCentralWebControlPort');
+    window.dhPlayerControl.videoWS = new WebSocket('ws:127.0.0.1:' + o);
+
+    window.dhPlayerControl.videoWS.onopen = function () {
+      window.dhPlayerControl.windowState = 'wsSuccess';
+      heartbeat.call(this);
+
+      var _isSupport = isSupport();
+
+      for (var key in window.dhPlayerControl.videoList) {
+        var currentThis = window.dhPlayerControl.videoList[key];
+
+        if (_isSupport.success) {
+          currentThis.create();
+          window.isResetConnect = currentThis.setting.isResetConnect;
+          window.connectClose = currentThis.setting.connectClose;
+        } else {
+          currentThis.setting.createError(_isSupport);
+        }
+      }
+    };
+
+    window.dhPlayerControl.videoWS.onmessage = socketMessage;
+
+    window.dhPlayerControl.videoWS.onclose = function () {
+      if (window.isResetConnect) {
+        console.log('----------重连-------');
+        window.createError && window.createError({
+          code: 1003,
+          data: null,
+          message: 'websocket连接断开, 正在重连......',
+          success: false
+        });
+        setTimeout(function () {
+          socketOpen();
+        }, 3000);
+      } else {
+        window.createError && window.createError({
+          code: 1003,
+          data: null,
+          message: 'websocket连接断开',
+          success: false
+        });
+      }
+    };
+
+    window.dhPlayerControl.videoWS.onerror = function () {
+      console.log('----------错误重连-------');
+      window.createError && window.createError({
+        code: 1003,
+        data: null,
+        message: 'websocket连接发生错误，刷新重试',
+        success: false
+      });
+    };
+  }
+  /**
+   * 内部方法
+   * @desc 插件心跳，保活
+   */
+
+
+  function heartbeat() {
+    var that = this;
+    clearInterval(window.wsHeart);
+    window.wsHeart = setInterval(function () {
+      that.send(JSON.stringify({
+        method: 'common.heartbeat',
+        info: {}
+      }));
+    }, 10 * 1000);
+  }
+
+  function dataURLtoBlob(dataurl) {
+    var mime = 'image/jpeg',
+        bstr = atob(dataurl),
+        n = bstr.length,
+        u8arr = new Uint8Array(n);
+
+    while (n--) {
+      u8arr[n] = bstr.charCodeAt(n);
+    }
+
+    return new Blob([u8arr], {
+      type: mime
+    });
+  }
+
+  function downloadFileByBase64(base64, name) {
+    var myBlob = dataURLtoBlob(base64);
+    var myUrl = URL.createObjectURL(myBlob);
+    return myUrl;
+  }
+  /**
+   * 前端与插件链接成功后，接收插件返回的信息
+   * @param {*} evt
+   * @returns
+   */
+
+
+  function socketMessage(evt) {
+    if (evt.data == null || evt.data == '') {
+      return;
+    }
+
+    window.dhPlayerControl.wsSession = data && data.session || window.dhPlayerControl.wsSession;
+    var data = JSON.parse(evt.data); // 获取屏幕分辨率
+
+    if (data.method === 'window.osRatio') {
+      window.osRatio = data.info.dpi;
+    } // 保证 hwnd 是 number 类型
+
+
+    if (data.info && typeof data.info.hwnd === 'number') {
+      var videoInfo = window.dhPlayerControl.videoList[window.dhPlayerControl.hwndList[data.info.hwnd]];
+      var hwndInfo = videoInfo.setting;
+
+      if (typeof data.info.snum === 'number') {
+        var channelInfo = hwndInfo.channelList.filter(function (item) {
+          return item.snum === data.info.snum;
+        })[0];
+      }
+
+      switch (data.method) {
+        case 'video.change.substream':
+          channelInfo.streamType = Number(data.info.substream);
+          videoInfo.startReal([channelInfo]);
+          break;
+
+        case 'video.notifyrealmonitor':
+          // 表示成功
+          if (Number(data.info.result) === 0) {
+            hwndInfo.realSuccess && hwndInfo.realSuccess(channelInfo, hwndInfo.channelList);
+          } // 拉流失败
+
+
+          if (Number(data.info.result) === 10704) {
+            hwndInfo.realError && hwndInfo.realError(channelInfo, {
+              code: 10704,
+              message: '打开视频失败'
+            });
+          }
+
+          videoInfo.setWindowDragEnable();
+          break;
+
+        case 'video.notifyplayback':
+          // 表示成功
+          if (Number(data.info.result) === 0) {
+            hwndInfo.playbackSuccess && hwndInfo.playbackSuccess(channelInfo, hwndInfo.channelList);
+          }
+
+          videoInfo.setWindowDragEnable();
+          break;
+
+        case 'web.seekRecord':
+          hwndInfo.channelList.forEach(function (item, index) {
+            if (item.snum === data.info.snum) {
+              // 非集成状态下，抛出回调
+              if (item.byUrl) {
+                hwndInfo.switchStartTime && hwndInfo.switchStartTime({
+                  startTime: data.info.seekTime,
+                  snum: data.info.snum
+                });
+                return;
+              }
+
+              if (data.info.seekTime < item.startTime) {
+                hwndInfo.playbackError && hwndInfo.playbackError(channelInfo, {
+                  code: 201,
+                  message: '当前时间不得小于开始时间, 请重新播放录像'
+                });
+                hwndInfo.channelList.splice(index, 1);
+                return;
+              }
+
+              if (data.info.seekTime > item.endTime) {
+                hwndInfo.playbackError && hwndInfo.playbackError(channelInfo, {
+                  code: 201,
+                  message: '当前时间不得大于结束时间，请重新播放录像'
+                });
+                hwndInfo.channelList.splice(index, 1);
+                return;
+              }
+
+              item.records && item.records.forEach(function (r, currentIndex) {
+                // 如果当前拖拽后的时间在某个时间段内, 改变currentIndex的时间
+                if (Number(r.startTime) <= data.info.seekTime && Number(r.endTime) >= data.info.seekTime) {
+                  item.currentIndex = currentIndex;
+                  console.log("\u5F53\u524D\u62D6\u62FD\u5230\u7B2C".concat(item.currentIndex, "\u5F55\u50CF"));
+                  return;
+                }
+              });
+              item.currentPlayTime = data.info.seekTime;
+              item.bBack = Number(data.info.bBack);
+              videoInfo.closeVideo(data.info.snum);
+              videoInfo.startPlayback(item, true);
+            }
+          });
+          break;
+
+        case 'web.replay':
+          hwndInfo.channelList.forEach(function (item, index) {
+            if (item.snum === data.info.snum) {
+              // 非集成状态下
+              if (item.byUrl) {
+                hwndInfo.replay && hwndInfo.replay(data.info.snum);
+                return;
+              }
+
+              item.bBack = data.info.bBack;
+
+              if (!item.bBack) {
+                if (item.currentIndex === item.records.length - 1) {
+                  hwndInfo.playbackFinish && hwndInfo.playbackFinish({
+                    snum: data.info.snum,
+                    channelId: data.info.channelId,
+                    code: 201,
+                    message: '录像已全部播放完成'
+                  });
+                  videoInfo.closeVideo(data.info.snum);
+                  videoInfo.chooseWindow(data.info.snum);
+                  hwndInfo.channelList.splice(index, 1);
+                  return;
+                }
+
+                item.currentIndex++;
+                item.currentPlayTime = item.records[item.currentIndex].startTime;
+              } else {
+                if (item.currentIndex === 0) {
+                  hwndInfo.playbackFinish && hwndInfo.playbackFinish({
+                    snum: data.info.snum,
+                    channelId: data.info.channelId,
+                    code: 201,
+                    message: '录像已全部播放完成'
+                  });
+                  videoInfo.closeVideo(data.info.snum);
+                  videoInfo.chooseWindow(data.info.snum);
+                  hwndInfo.channelList.splice(index, 1);
+                  return;
+                }
+
+                item.currentIndex--;
+                item.currentPlayTime = item.records[item.currentIndex].endTime;
+              }
+
+              videoInfo.startPlayback(item, true, true);
+            }
+          });
+          break;
+
+        case 'video.close':
+          var i = -1;
+          hwndInfo.channelList.forEach(function (item, index) {
+            // 获取到要被删除的数据 (插件内部关闭且存在窗口统一)
+            if (item.snum === data.info.snum) {
+              if (!item.closed) {
+                i = index;
+              } else {
+                delete item.closed;
+              }
+            }
+          });
+
+          if (i >= 0) {
+            hwndInfo.channelList.splice(i, 1); // 删除掉窗口和channelId都匹配上的
+
+            hwndInfo.closeWindowSuccess && hwndInfo.closeWindowSuccess({
+              snum: data.info.snum
+            });
+          }
+
+          break;
+
+        case 'video.notifytalk':
+          // 判断是否有对讲
+          if (data.info.bOpen) {
+            var talkFlag = false;
+            hwndInfo.channelList.forEach(function (item) {
+              if (item.byUrl) {
+                talkFlag = true; // 告诉前端传入url对讲回调
+
+                hwndInfo.notifyTalk && hwndInfo.notifyTalk({
+                  channelId: data.info.channelId,
+                  snum: data.info.snum
+                });
+                return;
+              }
+
+              if (item.isTalk) {
+                talkFlag = true;
+                hwndInfo.request.stopTalk && hwndInfo.request.stopTalk(getAjaxParam(item, 'stopTalk')).then(function () {
+                  delete item.isTalk;
+                  videoInfo.startTalk(data.info.snum);
+                }).catch(function (err) {
+                  // 表示当前不存在
+                  if (err.code === 2051) {
+                    videoInfo.startTalk(data.info.snum);
+                  }
+                });
+              }
+            });
+            !talkFlag && videoInfo.startTalk(data.info.snum);
+          } else {
+            hwndInfo.channelList.forEach(function (item) {
+              if (item.snum === data.info.snum) {
+                hwndInfo.request.stopTalk && hwndInfo.request.stopTalk(getAjaxParam(item, 'stopTalk')).then(function () {
+                  console.log('关闭对讲');
+                });
+              }
+
+              videoInfo.closeTalk();
+            });
+          }
+
+        case 'talk.close':
+          hwndInfo.snum = data.info.wndId;
+          hwndInfo.closeTalkSuccess && hwndInfo.closeTalkSuccess(data.info.wndId);
+          break;
+
+        case 'web.captureCallBack':
+          var imageUrl = data.info.PicBuf ? downloadFileByBase64(data.info.PicBuf) : '';
+          hwndInfo.snapshotSuccess && hwndInfo.snapshotSuccess({
+            base64Url: data.info.PicBuf,
+            path: imageUrl
+          });
+          break;
+
+        case 'window.LocalRecordFinish':
+          hwndInfo.videoDownloadSuccess && hwndInfo.videoDownloadSuccess(data.info.path);
+          break;
+
+        case 'video.window.clicked':
+          channelInfo = hwndInfo.channelList.filter(function (item) {
+            return item.snum === data.info.wndIndex;
+          })[0];
+          hwndInfo.clickWindow && hwndInfo.clickWindow(data.info.wndIndex, channelInfo);
+          break;
+
+        case 'video.window.dbclicked':
+          channelInfo = hwndInfo.channelList.filter(function (item) {
+            return item.snum === data.info.wndIndex;
+          })[0];
+          hwndInfo.dbClickWindow && hwndInfo.dbClickWindow(data.info.wndIndex, channelInfo);
+          break;
+
+        case 'video.division.change':
+          hwndInfo.division = data.info.division;
+          hwndInfo.changeDivision && hwndInfo.changeDivision(data.info.division);
+          videoInfo.setWindowDragEnable();
+          break;
+
+        case 'video.customDivision.change':
+          hwndInfo.division = JSON.stringify(data.info);
+          hwndInfo.changeDivision && hwndInfo.changeDivision(JSON.stringify(data.info));
+          videoInfo.setWindowDragEnable();
+          break;
+
+        case 'video.downloadFileSize':
+          hwndInfo.downloadProgress && hwndInfo.downloadProgress(data.info);
+          break;
+
+        case 'video.downloadByTime':
+          hwndInfo.downloadRecordSuccess && hwndInfo.downloadRecordSuccess(data.info);
+      }
+    }
+
+    var onError = null;
+    var onSuccess = null;
+
+    if (window.dhPlayerControl.callBackList[data['id']]) {
+      onError = window.dhPlayerControl.callBackList[data['id']].onError;
+      onSuccess = window.dhPlayerControl.callBackList[data['id']].onSuccess;
+    }
+
+    if (data.code != 0) {
+      if (onError && typeof onError === 'function') {
+        onError(data);
+        delete window.dhPlayerControl.callBackList[data['id']];
+      }
+
+      return;
+    }
+
+    if (onSuccess && typeof onSuccess === 'function') {
+      onSuccess(data);
+      delete window.dhPlayerControl.callBackList[data['id']];
+    }
+  } //主动关闭socket
+
+
+  function socketClose() {
+    window.dhPlayerControl.videoWS && window.dhPlayerControl.videoWS.close();
+    window.dhPlayerControl.videoWS = null;
+    window.wsHeart = clearInterval(window.wsHeart);
+  }
+  /**
+   * @desc 获取操作系统
+   */
+
+
+  function getOsInfo() {
+    var userAgent = window.navigator.userAgent.toLowerCase();
+    var version = '';
+
+    if (userAgent.indexOf('win') > -1) {
+      if (userAgent.indexOf('windows nt 5.0') > -1 || userAgent.indexOf('Windows 2000') > -1) {
+        version = 'Windows 2000';
+      } else if (userAgent.indexOf('windows nt 5.1') > -1 || userAgent.indexOf('Windows XP') > -1) {
+        version = 'Windows XP';
+      } else if (userAgent.indexOf('windows nt 5.2') > -1 || userAgent.indexOf('Windows 2003') > -1) {
+        version = 'Windows 2003';
+      } else if (userAgent.indexOf('windows nt 6.0') > -1 || userAgent.indexOf('Windows Vista') > -1) {
+        version = 'Windows Vista';
+      } else if (userAgent.indexOf('windows nt 6.1') > -1 || userAgent.indexOf('windows 7') > -1) {
+        version = 'Windows 7';
+      } else if (userAgent.indexOf('windows nt 6.2') > -1 || userAgent.indexOf('windows 8') > -1) {
+        version = 'Windows 8';
+      } else if (userAgent.indexOf('windows nt 6.3') > -1) {
+        version = 'Windows 8.1';
+      } else if (userAgent.indexOf('windows nt 6.4') > -1 || userAgent.indexOf('windows nt 10') > -1) {
+        version = 'Windows 10';
+      } else {
+        version = 'Unknown';
+      }
+    } else if (userAgent.indexOf('iphone') > -1) {
+      version = 'Iphone';
+    } else if (userAgent.indexOf('mac') > -1) {
+      version = 'Mac';
+    } else if (userAgent.indexOf('x11') > -1 || userAgent.indexOf('unix') > -1 || userAgent.indexOf('sunname') > -1 || userAgent.indexOf('bsd') > -1) {
+      version = 'Unix';
+    } else if (userAgent.indexOf('linux') > -1) {
+      if (userAgent.indexOf('android') > -1) {
+        version = 'Android';
+      } else {
+        version = 'Linux';
+      }
+    } else {
+      version = 'Unknown';
+    }
+
+    return version;
+  }
+  /**
+   * @desc 获取浏览器和对应浏览器版本
+   */
+
+
+  function getBroswerVersion() {
+    // 浏览器判断和版本号读取
+    var Sys = {};
+    var userAgent = navigator.userAgent.toLowerCase();
+    var s;
+    (s = userAgent.match(/edge\/([\d.]+)/)) ? Sys.edge = s[1] : (s = userAgent.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] : (s = userAgent.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = userAgent.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : (s = userAgent.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : (s = userAgent.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = userAgent.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
+    if (Sys.edge) return {
+      broswer: 'Edge',
+      version: Sys.edge
+    };
+    if (Sys.ie) return {
+      broswer: 'IE',
+      version: Sys.ie
+    };
+    if (Sys.firefox) return {
+      broswer: 'Firefox',
+      version: Sys.firefox
+    };
+    if (Sys.chrome) return {
+      broswer: 'Chrome',
+      version: Sys.chrome
+    };
+    if (Sys.opera) return {
+      broswer: 'Opera',
+      version: Sys.opera
+    };
+    if (Sys.safari) return {
+      broswer: 'Safari',
+      version: Sys.safari
+    };
+    return {
+      broswer: '',
+      version: '0'
+    };
+  }
+
+  function broswerInfo() {
+    var _version = getBroswerVersion();
+
+    if (_version.broswer === 'IE') {
+      return 0;
+    } else if (_version.broswer === 'Chrome') {
+      if (Number(_version.version.split('.')[0]) > 80) {
+        return 2;
+      }
+
+      return 1;
+    } else if (_version.broswer === 'Firefox') {
+      return 2;
+    } else {
+      return -1;
+    }
+  }
+  /**
+   * 内部方法
+   * @desc 判断当前操作系统和浏览器版本类型是否支持DHPlayer
+   */
+
+
+  function isSupport() {
+    var supportedOS = ['Windows 7', 'Windows 10', ''];
+    var supportedBroswer = ['Chrome', 'Firefox', 'Edge'];
+    var osVersion = getOsInfo();
+
+    var _getBroswerVersion = getBroswerVersion(),
+        broswer = _getBroswerVersion.broswer,
+        version = _getBroswerVersion.version;
+
+    if (!supportedOS.includes(osVersion)) {
+      return {
+        code: 1002,
+        success: false,
+        message: '电脑系统不支持！仅支持win7 和 win10 系统'
+      };
+    }
+
+    if (!supportedBroswer.includes(broswer)) {
+      return {
+        code: 1002,
+        success: false,
+        message: '当前浏览器不支持！ 仅支持谷歌，火狐，edge浏览器'
+      };
+    }
+
+    if (Number(version.split('.')[0]) < 76) {
+      return {
+        code: 1002,
+        success: false,
+        message: '当前的浏览器版本不支持！请使用较高版本的浏览器！'
+      };
+    }
+
+    return {
+      code: 1000,
+      success: true
+    };
+  } // 获取父iframe的遮挡位置
+
+
+  function getParentIframeRect(name) {
+    var el = window.top.document.querySelector(".".concat(name));
+    return el && el.getBoundingClientRect() || null;
+  } // 获取位置
+
+
+  function getRect(name) {
+    var el = '';
+    var videoId = this.setting.videoId;
+
+    if (name) {
+      el = document.getElementsByClassName(name)[0];
+    } else {
+      el = document.getElementById(videoId);
+    }
+
+    if (!el) {
+      return {};
+    }
+
+    var rect = el.getBoundingClientRect();
+    var outLeft = 0;
+    var outTop = 0;
+    var pOutContent;
+
+    if (window.dhPlayerControl.isPIframe) {
+      pOutContent = this.setting.pIframeRect;
+      outLeft = pOutContent.left || 0;
+      outTop = pOutContent.top || 0;
+    } else {
+      var iframes = window.parent.document.getElementsByTagName('iframe');
+      var pIframe = null;
+
+      for (var i = 0; i < iframes.length; i++) {
+        var dom = '';
+
+        if (name) {
+          dom = iframes[i].contentWindow.document.getElementsByClassName(name)[0];
+        } else {
+          dom = iframes[i].contentWindow.document.getElementById(videoId);
+        }
+
+        if (dom) {
+          pIframe = iframes[i];
+          break;
+        }
+      }
+
+      if (pIframe) {
+        pOutContent = pIframe.getBoundingClientRect();
+        outLeft = pOutContent.left;
+        outTop = pOutContent.top;
+      }
+    }
+
+    var left = rect.left + (this.setting.outContent.left || outLeft);
+    var top = rect.top + (this.setting.outContent.top || outTop);
+    var right = left + rect.width;
+    var bottom = top + rect.height;
+    return {
+      left: left,
+      top: top,
+      right: right,
+      bottom: bottom,
+      width: rect.width,
+      height: rect.height
+    };
+  } // 请求录像文件信息
+
+
+  function queryRecord(param) {
+    var _this2 = this;
+
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'queryRecord';
+    return new Promise(function (resolve, reject) {
+      // 查询录像
+      if (param.records && param.records.length) {
+        resolve(param);
+      }
+
+      if (!_this2.setting.request[type]) {
+        reject({
+          code: 207,
+          message: '请传入查询录像接口'
+        });
+        return;
+      }
+
+      _this2.setting.request[type](getAjaxParam(param, type)).then(function (res) {
+        if (!param.records || param.records === []) {
+          if (!res.records || !res.records.length) {
+            reject({
+              code: 201,
+              message: "\u901A\u9053 ".concat(param.name || '未知', " \u672A\u67E5\u8BE2\u5230\u5F55\u50CF\u6587\u4EF6")
+            });
+            return;
+          }
+
+          param.records = res.records.sort(function (a, b) {
+            return a.startTime - b.startTime;
+          });
+          param.currentIndex = 0;
+          _this2.setting.channelList[_this2.setting.channelList.findIndex(function (item) {
+            return item.channelId === param.channelId;
+          })] = param;
+        }
+
+        resolve(res);
+      }).catch(function (err) {
+        reject(err);
+      });
+    });
+  } // 处理获取过来的rtsp流
+
+
+  function processRtsp(data, param) {
+    // 内外网环境会有多个rtspUrl
+    data.records = param.records;
+    data.rtspUrl = dealUrl(data);
+    return data;
+  }
+  /**
+   * 根据文件获取流
+   * @param {*} param
+   */
+
+
+  function getPlayBackRtspByFile(param) {
+    var _this3 = this;
+
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'playbackByFile';
+    var that = this;
+    return new Promise(function (resolve, reject) {
+      var byFileParam = getAjaxParam(param, type);
+      queryRecord.call(_this3, param).then(function (res) {
+        if (!that.setting.request[type]) {
+          reject({
+            code: 207,
+            message: '请传入 “根据时间查询录像” 接口'
+          });
+          return;
+        }
+
+        var records = res.records[param.currentIndex]; // let rec = records[0]
+
+        param.playStartTime = records.startTime;
+        param.playEndTime = records.endTime;
+        byFileParam.data = {
+          ssId: records.ssId,
+          optional: '/evo-apigw/admin/API/SS/Playback/StartPlaybackByFile',
+          startTime: param.bBack === 0 ? param.currentPlayTime : param.playStartTime,
+          endTime: param.bBack === 0 ? param.playEndTime : param.currentPlayTime,
+          fileName: records.recordName,
+          diskId: records.diskId,
+          nvrId: '',
+          recordSource: param.recordSource,
+          channelId: records.channelId,
+          playbackMode: '0',
+          streamId: records.streamId
+        };
+        that.setting.request[type](byFileParam).then(function (res) {
+          resolve(processRtsp(res, param));
+        }).catch(function (err) {
+          reject(err);
+        });
+      }).catch(function (err) {
+        reject(err);
+      });
+    });
+  }
+  /**
+   * 根据时间获取流
+   * @param {*} option
+   * @returns
+   */
+
+
+  function getPlayBackRtspByTime(param) {
+    var _this4 = this;
+
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'playbackByTime';
+    // 设备录像也需要去查询当日有录像的时间段
+    return new Promise(function (resolve, reject) {
+      queryRecord.call(_this4, param).then(function () {
+        if (!_this4.setting.request[type]) {
+          reject({
+            code: 207,
+            message: '请传入 “通过时间播放录像” 接口'
+          });
+          return;
+        }
+
+        _this4.setting.request[type](getAjaxParam(param, type)).then(function (res) {
+          resolve(processRtsp(res, param));
+        }).catch(function (err) {
+          reject(err);
+        });
+      }).catch(function (err) {
+        reject(err);
+      });
+    });
+  }
+
+  var VideoPlayer = function VideoPlayer(option) {
+    if (!option) {
+      throw new Error('请传入配置参数');
+    }
+
+    if (this instanceof VideoPlayer) {
+      var _setting = {
+        isResetConnect: true,
+        // websocket连接断开时，是否自动重新连接， true表示是， false表示否
+        // isIE: !!window.ActiveXObject || 'ActiveXObject' in window, //判断是否为IE
+        videoId: 'DHVideoPlayer',
+        windowType: 0,
+        // 0-实时预览，3-录像回放，7-录像回放(支持倒放)
+        outContent: {
+          left: 0,
+          right: 0,
+          width: 0,
+          height: 0
+        },
+        show: true,
+        //当前窗口显示状态，隐藏：false，显示：true
+        option_id: {},
+        refreshTimer: null,
+        browserType: 1,
+        version: 0,
+        stopRefresh: false,
+        //停止一直刷新
+        showBar: true,
+        //是否显示下方控制栏。 true: 显示， false：隐藏
+        hwnd: '',
+        //窗口句柄
+        division: 1,
+        //子窗口数
+        pIframeShieldData: [],
+        // 跨域iframe下的遮挡信息
+        topInnerWidth: 0,
+        // iframe模式下的顶层宽度
+        topInnerHeight: 0,
+        // iframe模式下的顶层高度
+        parentIframeShieldRect: [],
+        // iframe模式下遮罩的数据信息
+        pIframeRect: [],
+        // iframe模式下 iframe的数据信息
+        oldPosition: '',
+        // 存储循环数据中的上次位置数据
+        oldShield: '',
+        // 存储循环数据中的上次遮挡数据
+        request: {},
+        // 存储请求
+        channelList: [],
+        // 存储当前播放器正在播放的视频
+        draggable: false,
+        // 是否支持拖拽，默认不支持
+        visible: true // 控制播放器的显示和隐藏
+
+      };
+      this.setting = Object.assign({}, _setting, option);
+      this.adjustCount = 0;
+      this.focus = false;
+      this.init();
+    } else {
+      return new VideoPlayer(option);
+    }
+  };
+
+  VideoPlayer.fn = VideoPlayer.prototype = {
+    //浏览器关闭或者刷新
+    onbeforeunload: function onbeforeunload() {
+      var _this5 = this;
+
+      this.destroy().then(function () {
+        socketClose.call(_this5);
+      });
+    },
+    // 改变setting的参数值
+    _update: function _update(param) {
+      var paramType = function paramType(value, type) {
+        return Object.prototype.toString.call(value).includes(type);
+      };
+
+      var windowType = param.windowType,
+          isResetConnect = param.isResetConnect,
+          request = param.request,
+          division = param.division,
+          visible = param.visible,
+          draggable = param.draggable,
+          showBar = param.showBar,
+          shieldClass = param.shieldClass,
+          coverShieldClass = param.coverShieldClass,
+          parentIframeShieldClass = param.parentIframeShieldClass; // 断线重连 (不对外开放，默认支持断线重连)
+
+      paramType(isResetConnect, 'Boolean') && !(isResetConnect === this.setting.isResetConnect) && (this.setting.isResetConnect = isResetConnect); // 显隐播放器
+
+      paramType(visible, 'Boolean') && !(visible === this.setting.visible) && (this.setting.visible = visible, visible ? this.show() : this.hide()); // 显影控制栏
+
+      paramType(showBar, 'Boolean') && !(showBar === this.setting.showBar) && this.showControlBar(showBar); // 播放器是否支持拖拽
+
+      paramType(draggable, 'Boolean') && !(draggable === this.setting.draggable) && (this.setting.draggable = draggable, this.setWindowDragEnable()); // 窗口分割
+
+      !(division == this.setting.division) && this.changeDivision(division); // 接口转换
+
+      paramType(request, 'Object') && (this.setting.request = _objectSpread2({}, request)); // 遮挡类的改变
+
+      paramType(shieldClass, 'Array') && (this.setting.shieldClass = shieldClass);
+      paramType(parentIframeShieldClass, 'Array') && (this.setting.parentIframeShieldClass = parentIframeShieldClass);
+      paramType(coverShieldClass, 'Array') && (this.setting.coverShieldClass = coverShieldClass); // 重新创建
+
+      if (paramType(windowType, 'Number') && windowType !== this.setting.windowType) {
+        this.setting.windowType = param.windowType;
+        this.create();
+      }
+    },
+    //发送消息
+    send: function send(option, callBack) {
+      option.session = window.dhPlayerControl.wsSession;
+      option.id = window.dhPlayerControl.wsConnectCount++;
+
+      if (option.info) {
+        option.info.browserType = this.setting.browserType;
+
+        if (option.method !== 'window.destroy') {
+          option.info.hwnd = option.method === 'window.create' ? undefined : this.setting.hwnd;
+        }
+      }
+
+      if (callBack && Object.keys(callBack).length) {
+        window.dhPlayerControl.callBackList[option['id']] = callBack;
+      }
+
+      if (!['window.change', 'window.shield', 'browserFocusBlur'].includes(option.method)) {
+        console.log('web', option);
+      }
+
+      window.dhPlayerControl.videoWS && window.dhPlayerControl.videoWS.readyState == 1 && window.dhPlayerControl.videoWS.send(JSON.stringify(option));
+    },
+    // 创建视频窗口
+    create: function create() {
+      var _this6 = this;
+
+      var rect = getRect.call(this);
+
+      var _info = Object.assign({}, {}, rect);
+
+      var windowSize = getWindowSize.call(this);
+      var zoom = detectZoom();
+      _info.isCustomDivision = isNaN(this.setting.division);
+      _info.num = isNaN(this.setting.division) ? null : this.setting.division; // 窗口数量
+
+      _info.customDivision = isNaN(this.setting.division) ? JSON.parse(this.setting.division) : null;
+      _info.toolBar = this.setting.showBar ? 1 : 0; // 是否显示控制栏
+
+      _info.windowType = this.setting.windowType; // 判断当前为实时预览还是录像回放 0-实时预览  3-录像回放
+
+      _info.clientAreaHeight = windowSize.height * zoom / 100;
+      _info.clientAreaWidth = windowSize.width * zoom / 100;
+      this.setTopBind = this.setTop.myBind(this);
+      this.onbeforeunloadBind = this.onbeforeunload.myBind(this);
+      this.visibilitychangeBind = this.setVisible.myBind(this);
+      var that = this;
+      this.destroy().then(function () {
+        _this6.send({
+          method: 'window.create',
+          info: _info
+        }, {
+          onSuccess: function onSuccess(data) {
+            if (data.data && typeof data.data.hwnd === 'number') {
+              var hwnd = data.data.hwnd;
+              console.log("==================\u521B\u5EFA\u6210\u529F hwnd: ".concat(hwnd, "=================="));
+              that.setting.hwnd = hwnd;
+              window.dhPlayerControl.videoList[that.setting.videoId].setting = that.setting;
+              window.dhPlayerControl.hwndList[hwnd] = that.setting.videoId;
+            }
+
+            that.setTopBind = that.setTop.myBind(that);
+            window.addEventListener('beforeunload', that.onbeforeunloadBind);
+            document.addEventListener('click', that.setTopBind);
+            that.handleAdjust();
+            var i = 0;
+
+            while (i <= 3) {
+              that.setting.oldPosition = '';
+              that.setting.oldShield = '';
+              that.changePosition();
+              i++;
+            }
+
+            that.setTabControlBtn();
+            that.setWindowDragEnable();
+            that.setting.createSuccess && that.setting.createSuccess(); // 初始化的时候手动调用show方法，避免出现播放器不显示的问题
+            // 前提条件： 保证在当前页面上时触发，否则不触发。
+
+            document.visibilityState === 'visible' && that.show();
+            document.addEventListener('visibilitychange', that.visibilitychangeBind, true);
+          },
+          onError: function onError() {
+            that.setting.createError && that.setting.createError();
+          }
+        });
+      });
+    },
+    // 设置播放器上方的操作按钮
+    setTabControlBtn: function setTabControlBtn(btnList, snum) {
+      // let allBtn = ["BTN_STREAM", "BTN_PTZ", "BTN_QUICKPLAY", "BTN_VOICE", "BTN_TALK", "BTN_RECORD", "BTN_PIC", "BTN_ENLARGE", "BTN_CLOSE"]
+      var showBtn = ['BTN_STREAM', 'BTN_VOICE', 'BTN_TALK', 'BTN_RECORD', 'BTN_PIC', 'BTN_ENLARGE', 'BTN_CLOSE'];
+      this.send({
+        method: 'video.toolbar.showButton',
+        info: {
+          space: 15,
+          snum: snum,
+          btns: btnList || showBtn
+        }
+      });
+    },
+    // 判断当前浏览器是否在tab页面上
+    setVisible: function setVisible() {
+      document.visibilityState == 'hidden' ? this.hide() : this.show();
+    },
+    //页面聚焦
+    setTop: function setTop() {
+      this.focus = true;
+      document.visibilityState == 'visible' && this.browserFocusBlur();
+    },
+    browserFocusBlur: function browserFocusBlur() {
+      this.send({
+        method: 'browserFocusBlur',
+        info: {
+          show: this.setting.show,
+          focus: this.focus
+        }
+      });
+    },
+    //刷新窗口位置
+    handleAdjust: function handleAdjust() {
+      if (!window.dhPlayerControl.isPIframe && this.setting.stopRefresh) {
+        return;
+      }
+
+      var _this = this; // 每帧执行一次，减少DHplayer延时
+
+
+      this.changePosition();
+      this.windowShield(this.cover());
+      this.setting.refreshTimer = window.requestAnimationFrame(function () {
+        return _this.handleAdjust();
+      });
+    },
+    removeClickEventListener: function removeClickEventListener() {
+      document.removeEventListener('click', this.setTopBind);
+    },
+    addClickEventListener: function addClickEventListener() {
+      document.addEventListener('click', this.setTopBind);
+    },
+
+    /**
+     * 销毁当前播放器
+     * @return Promise对象
+     */
+    destroy: function destroy() {
+      var _this7 = this;
+
+      return new Promise(function (resolve, reject) {
+        var that = window.dhPlayerControl.videoList[_this7.setting.videoId];
+
+        if (!that || that.setting && typeof that.setting.hwnd !== 'number') {
+          resolve();
+        } else {
+          _this7.send({
+            method: 'window.destroy',
+            info: {
+              hwnd: that.setting.hwnd
+            }
+          });
+
+          document.removeEventListener('click', _this7.setTopBind);
+          document.removeEventListener('visibilitychange', _this7.visibilitychangeBind, true);
+          window.removeEventListener('beforeunload', _this7.onbeforeunloadBind);
+          console.log("==================\u9500\u6BC1\u6210\u529F, hwnd: ".concat(that.setting.hwnd, " =================="));
+          resolve();
+        }
+      });
+    },
+
+    /**
+     * 设置水印
+     * @param { Object } option 参数
+     * @param { Number } snum 窗口数量
+     * @param { String } item.color 水印颜色
+     * @param { Number } item.fontSize 水印尺寸
+     * @param { Number } item.fontWeight 字体粗细
+     * @param { String } item.position 水印位置
+     * @param { Number } item.text 文本
+     */
+    waterMark: function waterMark(option) {
+      var _this8 = this;
+
+      option.forEach(function (item) {
+        var rgb = item.color.split(',');
+        var position = item.position.split(',');
+
+        _this8.send({
+          method: 'video.setOSDInfo',
+          info: {
+            snum: item.snum,
+            R: rgb[0] || 255,
+            G: rgb[1] || 255,
+            B: rgb[2] || 255,
+            fontSize: item.fontSize || 14,
+            positionX: position[0] || 1,
+            positionY: position[1] || 1,
+            osdInfo: item.text || '',
+            fontWeight: item.fontWeight || 0
+          }
+        });
+      });
+    },
+    // 设置窗口是否支持拖拽
+    setWindowDragEnable: function setWindowDragEnable() {
+      this.send({
+        method: 'window.enableDrag',
+        info: {
+          enable: this.setting.draggable
+        }
+      });
+    },
+    // 设置全屏
+    setFullScreen: function setFullScreen() {
+      this.send({
+        method: 'video.fullScreen',
+        info: {}
+      });
+    },
+
+    /**
+     * @method chooseWindow 支持用户选择子窗口
+     * @param { Number } snum 选择的子窗口，从0开始
+     * @param { Function } cb 选中窗口回调
+     */
+    chooseWindow: function chooseWindow(snum, cb) {
+      this.send({
+        method: 'window.select',
+        info: {
+          snum: snum
+        }
+      });
+      cb && cb(this.setting.channelList.filter(function (item) {
+        return item.snum === snum;
+      })[0]);
+    },
+
+    /**
+     * @method openAudio 开启、关闭声音
+     * @param { Number } option.isEnable 0-关闭，1-开启
+     * @param { Number } option.snum 选择的子窗口，从0开始
+     */
+    openAudio: function openAudio(option) {
+      this.send({
+        method: 'video.enableAudio',
+        info: {
+          snum: option.snum,
+          isEnable: option.isEnable,
+          videoType: Number(this.setting.windowType) === 0 ? 0 : 1 // 0-预览音频，1-回放音频
+
+        }
+      });
+    },
+
+    /**
+     * @method startReal 实时预览集成
+     * @param { Array } option
+     * @param { String } item.channelId 通道Id （必传）
+     * @param { Number } item.streamType 码流类型 1 主码流 2 辅码流 （默认主码流）
+     * @param { Number } item.dataType 音视频类型  1-视频 2-音频 3-音视频 （默认视频）
+     * @param { Number } item.deviceType 设备类别(用于对讲)
+     * @param { Number|String } item.cameraType 摄像头类型(用于云台)
+     * @param { Number } item.capability 能力集(用于云台)
+     */
+    startReal: function startReal(option) {
+      var _this9 = this;
+
+      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'real';
+      var tempList = []; // 切换窗口数
+
+      var maxNum = option.map(function (item) {
+        return item.snum + 1;
+      }).sort(function (a, b) {
+        return b - a;
+      })[0];
+
+      if (!isNaN(this.setting.division) && this.setting.division < maxNum) {
+        this.changeDivision(maxNum);
+      }
+
+      option.forEach(function (item) {
+        var flag = false;
+        _this9.setting.channelList = _this9.setting.channelList.map(function (realItem) {
+          if (realItem.snum === item.snum) {
+            flag = true;
+            return _objectSpread2(_objectSpread2({}, item), {}, {
+              closed: true
+            }); // close标识位：表示外部主动删除
+          }
+
+          return realItem;
+        });
+
+        if (!flag) {
+          tempList.push(_objectSpread2({}, item));
+        }
+
+        flag && _this9.closeVideo(item.snum);
+
+        if (!_this9.setting.request[type]) {
+          _this9.setting.realError && _this9.setting.realError(item, {
+            code: 207,
+            message: '请传入实时预览接口'
+          });
+          return;
+        }
+
+        _this9.setting.request[type](getAjaxParam(item, type)).then(function (res) {
+          if (res.url) {
+            _this9.realByUrl({
+              path: dealUrl(res),
+              channelId: item.channelId,
+              snum: item.snum,
+              redirect: false
+            }, true);
+          }
+        }).catch(function (err) {
+          _this9.setting.channelList = _this9.setting.channelList.filter(function (realItem) {
+            return realItem.snum !== item.snum;
+          });
+          _this9.setting.realError && _this9.setting.realError(item, err);
+        });
+      });
+      this.setting.channelList = [].concat(_toConsumableArray(this.setting.channelList), tempList);
+    },
+
+    /**
+     * @method realByUrl 通过rtsp流地址进行实时预览
+     * @param { Number } option.snum 选择的子窗口，从0开始
+     * @param { String } option.channelId 通道id
+     * @param { String } option.path rtsp地址
+     * @param { Boolean } option.redirect 重定向，默认false （拼接地址需要改为true，接口返回地址为false）
+     * @param { String } option.camerType 软/硬解码 1-软解 2-硬解
+     */
+    realByUrl: function realByUrl(option, isProj) {
+      // 非集成情况
+      if (!isProj) {
+        var index = this.setting.channelList.findIndex(function (item) {
+          return item.snum === option.snum;
+        });
+
+        if (index >= 0) {
+          this.setting.channelList[index] = _objectSpread2(_objectSpread2({}, option), {}, {
+            byUrl: true
+          });
+        } else {
+          this.setting.channelList.push(_objectSpread2(_objectSpread2({}, option), {}, {
+            byUrl: true
+          }));
+        }
+      }
+
+      this.closeVideo(option.snum);
+      this.send({
+        method: 'video.realmonitor',
+        info: {
+          snum: option.snum,
+          path: option.path,
+          channelId: option.channelId,
+          redirect: typeof option.redirect === 'boolean' ? option.redirect : false,
+          camerType: option.camerType || (this.setting.channelList.length > 15 ? '1' : '2')
+        }
+      });
+    },
+
+    /**
+     * @method startTalk 对讲集成
+     * @param { Number } snum 选择的子窗口，从0开始
+     */
+    startTalk: function () {
+      var _startTalk = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var _this10 = this;
+
+        var snum,
+            type,
+            talkIndex,
+            talkParam,
+            param,
+            _args = arguments;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                snum = _args.length > 0 && _args[0] !== undefined ? _args[0] : 0;
+                type = _args.length > 1 && _args[1] !== undefined ? _args[1] : 'talk';
+                talkIndex = this.setting.channelList.findIndex(function (item) {
+                  return item.snum === snum;
+                });
+
+                if (!(talkIndex < 0)) {
+                  _context.next = 5;
+                  break;
+                }
+
+                return _context.abrupt("return", this.setting.talkError(talkParam, '当前窗口无实时预览'));
+
+              case 5:
+                talkParam = this.setting.channelList[talkIndex];
+                param = getAjaxParam(talkParam, type).data;
+
+                if (this.setting.request[type]) {
+                  _context.next = 10;
+                  break;
+                }
+
+                this.setting.talkError && this.setting.talkError(talkParam, {
+                  code: 207,
+                  message: '请传入对讲接口和停止对讲接口'
+                });
+                return _context.abrupt("return");
+
+              case 10:
+                this.setting.request[type]({
+                  data: param
+                }).then(function (res) {
+                  talkParam.session = res.session; // 保证所有参数都统一
+
+                  var audioBit = res.audioBit,
+                      audioType = res.audioType,
+                      sampleRate = res.sampleRate;
+                  talkParam.isTalk = true; // 重新赋值调用接口
+
+                  param.audioBit = audioBit;
+                  param.audioType = audioType;
+                  param.sampleRate = sampleRate;
+                  _this10.setting.request.stopTalk && _this10.setting.request.stopTalk(getAjaxParam(talkParam, 'stopTalk')).then(function () {
+                    _this10.setting.request[type]({
+                      data: param
+                    }).then(function (res) {
+                      talkParam.session = res.session;
+
+                      _this10.talkByUrl({
+                        redirect: false,
+                        audioBit: audioBit,
+                        audioType: audioType,
+                        sampleRate: sampleRate,
+                        path: dealUrl(res),
+                        channelId: talkParam.channelId,
+                        talkType: getTalkType(talkParam.deviceType),
+                        snum: snum
+                      });
+                    });
+                  }).catch(function (err) {
+                    if (err.code === 2051) {
+                      _this10.startTalk(snum);
+                    }
+                  });
+                }).catch(function (err) {
+                  _this10.setting.talkError && _this10.setting.talkError(talkParam, err);
+                });
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function startTalk() {
+        return _startTalk.apply(this, arguments);
+      }
+
+      return startTalk;
+    }(),
+
+    /**
+     * @method talkByUrl 通过rtsp流进行对讲
+     * @param { Number } option.snum 窗口号
+     * @param { String } option.channelId 通道id
+     * @param { String } option.path rtsp地址
+     * @param { Number } option.audioType 音频类型 0-default 1-PCM 2-G711a 3-AMR 4-G711U 5-G726 6-AAC 7-G722 8-G711
+     * @param { Number } option.audioBit 位数 8 、16
+     * @param { Number } option.sampleRate 采样频率 8000、16000、32000、48000、8192
+     * @param { Number } option.talkType 对讲类型 1-设备 2-通道
+     */
+    talkByUrl: function talkByUrl(option) {
+      // 关闭声音
+      this.openAudio({
+        snum: option.snum,
+        isEnable: 0
+      }); // 发送对讲
+
+      this.send({
+        method: 'video.starttalk',
+        info: {
+          snum: option.snum,
+          path: option.path,
+          channelId: option.channelId,
+          redirect: false,
+          // 写死
+          audioType: option.audioType,
+          audioBit: option.audioBit,
+          sampleRate: option.sampleRate,
+          talkType: option.talkType
+        }
+      });
+    },
+
+    /**
+     * @method startPlayback 录像回放集成
+     * @param { Array } option
+     * @param { String } item.channelId 通道Id
+     * @param { String } item.name 通道名称
+     * @param { Number } item.streamType 码流类型 0 所有码流 1 主码流 2 辅码流 （默认所有码流）
+     * @param { String } item.startTime 开始时间 '2022-10-26 00:00:00'
+     * @param { String } item.endTime 结束时间 '2022-10-26 23:59:59'
+     * @param { Number } item.recordSource 录像类型 2-设备录像 3-中心录像
+     * @param { Number } option.snum 窗口号
+     */
+    startPlayback: function startPlayback(option, isConnect, bContinue) {
+      var _this11 = this;
+
+      var timeFormatter = function timeFormatter(time) {
+        return parseInt(new Date(time).getTime() / 1000);
+      };
+
+      var getPlayBackRtsp = function getPlayBackRtsp(param) {
+        if (Number(param.recordSource) === 3) {
+          // 中心录像-按文件
+          getPlayBackRtspByFile.call(_this11, param).then(function (res) {
+            if (res.code === 201) {
+              return _this11.setting.playbackError && _this11.setting.playbackError(param, res);
+            }
+
+            param.endTime = Number(param.records[param.records.length - 1].endTime);
+
+            _this11.playbackByUrl({
+              snum: param.snum,
+              channelId: param.channelId,
+              path: res.rtspUrl,
+              records: res.records,
+              startTime: param.startTime,
+              endTime: param.endTime,
+              playStartTime: param.playStartTime,
+              playEndTime: param.playEndTime,
+              currentPlayTime: param.currentPlayTime,
+              bBack: param.bBack,
+              redirect: false,
+              bContinue: bContinue
+            }, true);
+          }).catch(function (err) {
+            _this11.setting.playbackError && _this11.setting.playbackError(param, err);
+          });
+        } else if (Number(param.recordSource) === 2) {
+          // 设备录像-按时间
+          getPlayBackRtspByTime.call(_this11, param).then(function (res) {
+            param.endTime = Number(param.records[param.records.length - 1].endTime);
+
+            _this11.playbackByUrl({
+              snum: param.snum,
+              channelId: param.channelId,
+              path: res.rtspUrl,
+              records: res.records,
+              startTime: param.startTime,
+              endTime: param.endTime,
+              playStartTime: param.startTime,
+              playEndTime: param.endTime,
+              currentPlayTime: param.currentPlayTime,
+              bBack: param.bBack,
+              redirect: false,
+              bContinue: bContinue
+            }, true);
+          }).catch(function (err) {
+            _this11.setting.playbackError && _this11.setting.playbackError(param, err);
+          });
+        } else {
+          _this11.setting.playbackError && _this11.setting.playbackError(param, {
+            code: 404,
+            message: '只能播放设备录像和中心录像！'
+          });
+        }
+      };
+
+      if (isConnect) {
+        getPlayBackRtsp(option);
+      } else {
+        var channelList = []; // 切换窗口数
+
+        var maxNum = option.map(function (item) {
+          return item.snum + 1;
+        }).sort(function (a, b) {
+          return b - a;
+        })[0];
+
+        if (!isNaN(this.setting.division) && this.setting.division < maxNum) {
+          this.changeDivision(maxNum);
+        }
+
+        option.forEach(function (item) {
+          // 对时间做格式化处理
+          item.startTime = timeFormatter(item.startTime);
+          item.endTime = timeFormatter(item.endTime); // 如果开始时间大于结束时间，则调换位置
+
+          if (item.startTime > item.endTime) {
+            var tempTime = item.startTime;
+            item.startTime = item.endTime;
+            item.endTime = tempTime;
+          }
+
+          item.bBack = 0;
+          item.currentPlayTime = item.startTime;
+          var flag = true;
+
+          _this11.setting.channelList.forEach(function (oItem, oIndex) {
+            if (oItem.snum === item.snum) {
+              flag = false;
+              _this11.setting.channelList[oIndex] = _objectSpread2(_objectSpread2({}, item), {}, {
+                closed: true
+              });
+
+              _this11.closeVideo(item.snum);
+
+              getPlayBackRtsp(item);
+            }
+          });
+
+          if (flag) {
+            channelList.push(item);
+          }
+        });
+        channelList.forEach(function (item) {
+          getPlayBackRtsp(item);
+        });
+        this.setting.channelList = this.setting.channelList.concat(channelList);
+      }
+    },
+
+    /**
+     * @method playbackByUrl 通过rtsp录像回放
+     * @param { Number } option.snum 选择的子窗口，从0开始
+     * @param { String } option.channelId 通道id
+     * @param { String } option.path rtsp地址
+     * @param { Array } option.records 包含某个时间段的录像文件信息
+     * @param { Date } option.startTime 时间相关均为时间戳（new Date().getTime() / 1000）
+     * @param { Date } option.endTime 时间相关均为时间戳（new Date().getTime() / 1000）
+     * @param { Boolean } option.redirect 重定向，默认false （拼接地址需要改为true，接口返回地址为false）
+     * @param { Boolean } option.bContinue 是否继续播放录像 true-是  false-否
+     */
+    playbackByUrl: function playbackByUrl(option, isProj) {
+      // 非集成情况
+      if (!isProj) {
+        var index = this.setting.channelList.findIndex(function (item) {
+          return item.snum === option.snum;
+        });
+
+        if (index >= 0) {
+          this.setting.channelList[index] = _objectSpread2(_objectSpread2({}, option), {}, {
+            byUrl: true
+          });
+        } else {
+          this.setting.channelList.push(_objectSpread2(_objectSpread2({}, option), {}, {
+            byUrl: true
+          }));
+        }
+      }
+
+      this.send({
+        method: 'video.playback',
+        info: {
+          snum: option.snum,
+          path: option.path,
+          records: option.records,
+          startTime: option.startTime,
+          endTime: option.endTime,
+          playStartTime: option.playStartTime || option.startTime,
+          playEndTime: option.playEndTime || option.endTime,
+          currentPlayTime: option.currentPlayTime || option.startTime,
+          channelId: option.channelId,
+          redirect: typeof option.redirect === 'boolean' ? option.redirect : false,
+          bBack: option.bBack || 0,
+          bContinue: !!option.bContinue
+        }
+      });
+    },
+
+    /**
+     * 处理DHPlayer位置
+     * @param {*} option
+     * @param {*} callBack
+     * @returns
+     */
+    changePosition: function changePosition(option, callBack) {
+      var _this12 = this;
+
+      var windowSize = getWindowSize.call(this);
+      var zoom = detectZoom();
+      var rect = getRect.call(this);
+
+      for (var i in rect) {
+        rect[i] = rect[i] * zoom / 100;
+      }
+
+      var _info = Object.assign({}, {}, rect, option);
+
+      _info.clientAreaHeight = windowSize.height * zoom / 100;
+      _info.clientAreaWidth = windowSize.width * zoom / 100;
+      _info.browserScreenX = getScreenX(); // 暂时用不到
+
+      _info.screenX = window.screenX;
+      _info.screenY = window.screenY;
+      delete _info.width;
+      delete _info.height;
+      _info.show = document.visibilityState === 'hidden' ? false : true;
+      _info.title = document.title;
+
+      var sendPosition = function sendPosition() {
+        _this12.send({
+          method: 'window.change',
+          info: _info
+        }, callBack);
+      }; // 位置改变后就触发遮挡
+
+
+      if (this.setting.oldPosition === JSON.stringify(_info)) {
+        // 位置固定后，改变三次位置，强制触发三次遮挡，处理位置偏移问题。
+        while (this.adjustCount < 3) {
+          this.adjustCount++;
+          sendPosition();
+          this.windowShield(this.cover(), true);
+        }
+
+        return;
+      } // 位置发生改变，强制触发遮挡事件
+
+
+      this.adjustCount = 0;
+      this.setting.oldPosition = JSON.stringify(_info);
+      sendPosition();
+    },
+    // 隐藏视频
+    hide: function hide() {
+      this.setting.show = false;
+      this.setting.stopRefresh = true;
+      this.send({
+        method: 'window.show',
+        info: {
+          show: false
+        }
+      });
+    },
+    //显示视频
+    show: function show() {
+      var that = this;
+      this.setting.stopRefresh = false;
+      this.setting.show = true;
+      this.send({
+        method: 'window.show',
+        info: {
+          show: true
+        }
+      }, {
+        onSuccess: function onSuccess() {
+          if (that.setting.refreshTimer) {
+            window.cancelAnimationFrame(that.setting.refreshTimer);
+          }
+
+          that.setting.oldPosition = '';
+          that.handleAdjust();
+          that.setting.showWindowSuccess && that.setting.showWindowSuccess();
+        },
+        onError: this.setting.showWindowError
+      });
+    },
+
+    /**
+     * @method downloadRecord 录像下载
+     * @param { Object } option
+     * @param { Number } option.snum 选择的子窗口，从0开始
+     * @param { String } option.url 下载地址
+     * @param { Array } option.records 包含某个时间段的录像文件信息
+     * @param { Number } option.startTime 时间相关均为时间戳,具体参考大华播放控件开发手册
+     * @param { Number } option.endTime 时间相关均为时间戳,具体参考大华播放控件开发手册
+     * @param { Boolean } option.redirect 默认 false
+     */
+    downloadRecord: function downloadRecord(option) {
+      this.send({
+        method: 'video.downloadByTime',
+        info: {
+          snum: option.snum,
+          url: option.url,
+          records: option.records,
+          startTime: option.startTime,
+          endTime: option.endTime,
+          redirect: typeof option.redirect === 'boolean' ? option.redirect : false
+        }
+      });
+    },
+
+    /**
+     * @method closeVideo 关闭指定窗口视频或全部关闭
+     * @param { Number } option.snum 选择的子窗口, 不传默认全部关闭
+     */
+    closeVideo: function closeVideo(snum) {
+      this.send({
+        method: 'video.close',
+        info: {
+          snum: typeof snum === 'number' ? snum : 0,
+          isAll: typeof snum === 'number' ? false : true
+        }
+      });
+    },
+
+    /**
+     * @method closeTalk 关闭对讲
+     */
+    closeTalk: function closeTalk() {
+      this.send({
+        method: 'video.closetalk',
+        info: {
+          snum: 0,
+          isAll: true
+        }
+      });
+    },
+
+    /**
+     * @method continuePlayback 操作录像
+     * @param { Number } option.snum 选择的子窗口，从0开始
+     * @param { Number } option.state 窗口状态：0-暂停，1-继续
+     */
+    controlPlayback: function controlPlayback(option) {
+      this.send({
+        method: 'video.playbackChangeState',
+        info: {
+          snum: option.snum,
+          state: option.state
+        }
+      });
+    },
+    //显示下方控制栏, show: true-显示，false-隐藏
+    showControlBar: function showControlBar() {
+      var show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      this.setting.showBar = show;
+      this.send({
+        method: 'video.setToolBarShow',
+        info: {
+          isShow: show ? 1 : 0
+        }
+      });
+    },
+
+    /**
+     * @method continuePlayback 本地录像下载
+     * @param { Number } snum 选择的子窗口，从0开始
+     */
+    localRecordDownload: function localRecordDownload(snum) {
+      this.send({
+        method: 'vidoe.localRecord',
+        info: {
+          snum: snum
+        }
+      });
+    },
+
+    /**
+     * @method video.division.change 切换当前控件展示的窗口数量
+     * @param {*} division 当前控件展示的窗口数量
+     * @param {String} 分割窗口数类型 normal-正常 custom-自定义
+     * @desc 代码手动调用该方法没有提供回调，此处添加回调
+     */
+    changeDivision: function changeDivision(info) {
+      if (info) {
+        // 自定义的情况
+        if (isNaN(info)) {
+          this.setting.division = info;
+          this.send({
+            method: 'video.customDivision.change',
+            info: JSON.parse(info)
+          });
+          this.setting.changeDivision && this.setting.changeDivision(info);
+        } else {
+          this.setting.division = Number(info);
+          this.send({
+            method: 'video.division.change',
+            info: {
+              division: this.setting.division
+            }
+          });
+          this.setting.changeDivision && this.setting.changeDivision(this.setting.division);
+        }
+
+        this.setWindowDragEnable();
+      }
+    },
+    //窗口抓图
+    snapshot: function snapshot(snum) {
+      this.send({
+        method: 'video.snapic',
+        info: {
+          snum: snum
+        }
+      });
+    },
+    // 视频被遮挡处理
+    windowShield: function windowShield(option, flag, callBack) {
+      var windowSize = getWindowSize.call(this);
+      var zoom = detectZoom();
+      var _info = {};
+      _info.region = this.getShieldRect(option).map(function (item) {
+        return item * zoom / 100;
+      });
+      _info.clientAreaHeight = windowSize.height * zoom / 100;
+      _info.clientAreaWidth = windowSize.width * zoom / 100;
+
+      if (!flag && this.setting.oldShield === JSON.stringify(_info)) {
+        return;
+      }
+
+      this.setting.oldShield = JSON.stringify(_info);
+      this.send({
+        method: 'window.shield',
+        info: _info
+      }, callBack);
+    },
+    // 视频插件版本号
+    version: function version(callBack) {
+      this.send({
+        method: 'common.version',
+        info: {}
+      }, callBack);
+    },
+
+    /**
+     * 视频是否显示规划线
+     * @param { Object } option
+     * @param { Number } snum 窗口号
+     * @param { isEnableIVS } 是否显示规则框 true-显示 false-隐藏
+     * @param { ivsType } 规则框类型 1-智能规则框，2-智能目标框 (不传默认为1)
+     */
+    isEnableIvs: function isEnableIvs(option) {
+      this.send({
+        method: 'video.enableIvs',
+        info: {
+          snum: option.snum,
+          isEnableIVS: option.isEnableIVS,
+          ivsType: option.ivsType
+        }
+      });
+    },
+    //
+    getWindowState: function getWindowState(callBack) {
+      this.send({
+        method: 'window.getWindowState',
+        info: {}
+      }, callBack);
+    },
+    // 防止插件超出浏览器显示
+    cover: function cover() {
+      var rect = getRect.call(this);
+      var left = rect.left,
+          top = rect.top,
+          right = rect.right,
+          bottom = rect.bottom,
+          width = rect.width,
+          height = rect.height,
+          arr = [],
+          windowSize = getWindowSize.call(this);
+
+      var shieldFn = function shieldFn(domSize) {
+        if (domSize && domSize[0]) {
+          // 超过上方则遮挡
+          if (top < domSize[0].top) {
+            arr.push(left, top, width + 1, domSize[0].top - top);
+          } // 超过下方则遮挡
+
+
+          if (bottom > domSize[0].bottom) {
+            arr.push(left, domSize[0].bottom, width + 1, bottom - domSize[0].bottom);
+          } // 左侧遮挡
+
+
+          if (left < domSize[0].left) {
+            arr.push(left, top, domSize[0].left - left, height);
+          } // 右侧遮挡
+
+
+          if (right > domSize[0].right) {
+            arr.push(domSize[0].right, top, right - domSize[0].right, height);
+          }
+        }
+      }; // 处理有iframe下， 超出最外侧body遮挡的问题
+
+
+      shieldFn([{
+        top: 0,
+        left: 0,
+        right: windowSize.width,
+        bottom: windowSize.height
+      }]); // 处理当前window下的遮挡问题
+
+      var pOutContent;
+
+      if (window.dhPlayerControl.isPIframe) {
+        pOutContent = this.setting.pIframeRect;
+        outLeft = pOutContent.left;
+        outTop = pOutContent.top;
+      } else {
+        var iframes = window.parent.document.getElementsByTagName('iframe');
+        var pIframe = null;
+
+        for (var i = 0; i < iframes.length; i++) {
+          var dom = iframes[i].contentWindow.document.getElementById(this.setting.videoId);
+
+          if (dom) {
+            pIframe = iframes[i];
+            break;
+          }
+        }
+
+        if (pIframe) {
+          pOutContent = pIframe.getBoundingClientRect();
+        }
+      }
+
+      pOutContent && shieldFn([{
+        top: pOutContent.top,
+        left: pOutContent.left,
+        width: window.width,
+        height: window.height
+      }]); // 处理DOM元素遮挡问题，主要用于滚动页面，超出隐藏的问题
+
+      if (this.setting.coverShieldClass && this.setting.coverShieldClass.length) {
+        this.setting.coverShieldClass.forEach(function (item) {
+          var dom = document.getElementsByClassName(item)[0];
+          var domSize = dom ? dom.getClientRects() : null;
+          domSize && shieldFn(domSize);
+        });
+      }
+
+      return arr;
+    },
+    // 扩展方法
+    extendOption: function extendOption(ids, option) {
+      var map = {};
+
+      for (var i = 0; i < ids.length; i++) {
+        map[ids[i]] = this.setting[ids[i]];
+      }
+
+      return Object.assign({}, map, option);
+    },
+    //遮挡部分位置获取
+    getShieldRect: function getShieldRect(option) {
+      var shieldClass = this.setting.shieldClass || [];
+      var rect,
+          arr = option || [];
+
+      for (var i = 0; i < shieldClass.length; i++) {
+        rect = getRect.call(this, shieldClass[i]);
+
+        if (rect && (rect.width || rect.height)) {
+          arr.push(rect.left, rect.top, rect.width, rect.height);
+        }
+      }
+
+      if (window.dhPlayerControl.isPIframe) {
+        arr.push.apply(arr, _toConsumableArray(this.setting.pIframeShieldData));
+      } else {
+        var parentIframeShieldClass = this.setting.parentIframeShieldClass || [];
+
+        for (i = 0; i < parentIframeShieldClass.length; i++) {
+          rect = getParentIframeRect.call(this, parentIframeShieldClass[i]);
+
+          if (rect && (rect.width || rect.height)) {
+            arr.push(rect.left, rect.top, rect.width, rect.height);
+          }
+        }
+      }
+
+      return arr;
+    },
+    MainCall: function MainCall(option) {
+      var dom = document.getElementById(this.setting.ieDom);
+      this.setting.option_id[option.id] = option;
+      dom && dom.MainCall(option.method, JSON.stringify(option));
+    },
+    init: function init() {
+      var _this13 = this;
+
+      // 判断是不是跨域
+      try {
+        // 不是跨域
+        console.log(window.top.origin);
+        window.dhPlayerControl.isPIframe = false;
+        this.initPlayer();
+      } catch (err) {
+        // 是跨域
+        addEventListener('message', function (e) {
+          window.dhPlayerControl.isPIframe = true;
+
+          if (e.data.methods === 'rect') {
+            _this13.setting.topInnerWidth = e.data.topInnerWidth;
+            _this13.setting.topInnerHeight = e.data.topInnerHeight;
+            _this13.setting.pIframeRect = e.data.pIframeRect;
+          }
+
+          if (e.data.methods == 'shieldRect') {
+            _this13.setting.pIframeShieldData = e.data.pIframeShieldData;
+          }
+
+          _this13.initPlayer();
+        });
+      }
+    },
+    initPlayer: function initPlayer() {
+      var hwnd = '';
+
+      if (window.dhPlayerControl.videoList[this.setting.videoId]) {
+        hwnd = window.dhPlayerControl.videoList[this.setting.videoId].setting.hwnd;
+      }
+
+      window.dhPlayerControl.videoList[this.setting.videoId] = this;
+      this.setting.hwnd = hwnd;
+
+      if (!window.dhPlayerControl.wsConnect) {
+        window.dhPlayerControl.wsConnect = true;
+        socketPort.call(this);
+      } else {
+        if (window.dhPlayerControl.windowState === 'wsSuccess') {
+          this.create();
+        } else if (!window.dhPlayerControl.DHPlayerVersion) {
+          this.setting.createError && this.setting.createError({
+            code: 1001,
+            success: false,
+            message: '插件未安装!'
+          });
+        }
+      }
+
+      this.setting.browserType = broswerInfo();
+    }
+  };
+  window.VideoPlayer = window.VideoPlayer || VideoPlayer;
+})();
+
+function DhPlayer(_ref, ref) {
+  var playersRef = _ref.playersRef,
+      _ref$videoId = _ref.videoId,
+      videoId = _ref$videoId === void 0 ? 'dhplayer' : _ref$videoId,
+      _ref$showBg = _ref.showBg,
+      showBg = _ref$showBg === void 0 ? false : _ref$showBg,
+      height = _ref.height,
+      num = _ref.num,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
+      _ref$draggable = _ref.draggable,
+      draggable = _ref$draggable === void 0 ? false : _ref$draggable,
+      division = _ref.division,
+      shieldClass = _ref.shieldClass,
+      coverShieldClass = _ref.coverShieldClass,
+      parentIframeShieldClass = _ref.parentIframeShieldClass,
+      _ref$windowType = _ref.windowType,
+      windowType = _ref$windowType === void 0 ? 0 : _ref$windowType,
+      _ref$showBar = _ref.showBar,
+      showBar = _ref$showBar === void 0 ? true : _ref$showBar,
+      request = _ref.request,
+      _createSuccess = _ref.createSuccess,
+      _createError = _ref.createError,
+      _realSuccess = _ref.realSuccess,
+      _realError = _ref.realError,
+      _playbackSuccess = _ref.playbackSuccess,
+      _playbackError = _ref.playbackError,
+      _playbackFinish = _ref.playbackFinish,
+      _switchStartTime = _ref.switchStartTime,
+      _changeDivision = _ref.changeDivision,
+      _replay = _ref.replay,
+      _videoDownloadSuccess = _ref.videoDownloadSuccess,
+      _closeWindowSuccess = _ref.closeWindowSuccess,
+      _clickWindow = _ref.clickWindow,
+      _dbClickWindow = _ref.dbClickWindow,
+      _downloadProgress = _ref.downloadProgress,
+      _downloadRecordSuccess = _ref.downloadRecordSuccess,
+      destroySuccess = _ref.destroySuccess;
+  var playerRef = useRef(null);
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      videoPlayer = _useState2[0],
+      setVideoPlayer = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      realPanControl = _useState4[0],
+      setRealPanControl = _useState4[1];
+
+  var _useState5 = useState('插件加载中...'),
+      _useState6 = _slicedToArray(_useState5, 2),
+      dhErrorMsg = _useState6[0],
+      setDhErrorMsg = _useState6[1];
+
+  var initVideo = function initVideo() {
+    var vmPlayer = new VideoPlayer({
+      videoId: videoId,
+      windowType: windowType || 0,
+      shieldClass: shieldClass || [],
+      coverShieldClass: coverShieldClass || [],
+      parentIframeShieldClass: parentIframeShieldClass || [],
+      showBar: showBar,
+      division: division,
+      visible: visible,
+      draggable: draggable,
+      request: request || {
+        real: null,
+        talk: null,
+        stopTalk: null,
+        playbackByTime: null,
+        playbackByFile: null,
+        queryRecord: null // 查询录像
+
+      },
+      // 创建播放器成功
+      createSuccess: function createSuccess() {
+        _createSuccess === null || _createSuccess === void 0 ? void 0 : _createSuccess();
+      },
+      // 播放器创建失败
+      createError: function createError(err) {
+        console.log('-----播放器加载失败，错误原因：', err);
+        sessionStorage.setItem('dhplayer-info', err.message);
+        setDhErrorMsg(err.message);
+        _createError && _createError(err);
+      },
+      //抓图成功
+      // snapshotSuccess: ({ base64Url, path }) => {
+      //   this.$emit('picCap', {
+      //     base64Url,
+      //     path
+      //   })
+      // },
+      // 实时预览成功回调
+      realSuccess: function realSuccess(info) {
+        _realSuccess && _realSuccess(info);
+      },
+      // 实时预览错误回调
+      realError: function realError(info, err) {
+        console.log(info, err);
+        _realError && _realError(info, err);
+      },
+      // // 对讲成功回调
+      // talkSuccess: (info) => {
+      //   this.$emit('talkSuccess', info)
+      // },
+      // // 对讲错误回调
+      // talkError: (info, err) => {
+      //   console.log(info, err)
+      //   this.$emit('talkError', info, err)
+      // },
+      // 录像回放成功回调
+      playbackSuccess: function playbackSuccess(info) {
+        _playbackSuccess && _playbackSuccess(info);
+      },
+      // 录像错误，录像播放完成回调
+      playbackError: function playbackError(info, err) {
+        console.log(info, err, 'playbackError');
+        _playbackError && _playbackError(info, err);
+      },
+      // 录像播放完成
+      playbackFinish: function playbackFinish(info) {
+        _playbackFinish && _playbackFinish(info);
+      },
+      // // 点击对讲按钮的回调
+      // notifyTalk: ({ channelId, snum }) => {
+      //   this.$emit('notifyTalk', { channelId, snum })
+      // },
+      //录像回放时间栏拖拽回调
+      // 拖拽后需要重新掉接口获取rtsp地址传入播放器
+      switchStartTime: function switchStartTime(_ref2) {
+        var startTime = _ref2.startTime,
+            snum = _ref2.snum;
+        _switchStartTime && _switchStartTime(startTime, snum);
+      },
+      replay: function replay(snum) {
+        //录像回放播放结束回调，返回窗口
+        // this.$emit('replay', snum)
+        _replay && _replay(snum);
+      },
+      // 本地录像下载成功回调
+      videoDownloadSuccess: function videoDownloadSuccess(path) {
+        _videoDownloadSuccess && _videoDownloadSuccess(path);
+      },
+      //关闭视频窗口回调
+      closeWindowSuccess: function closeWindowSuccess(_ref3) {
+        var isAll = _ref3.isAll,
+            snum = _ref3.snum;
+        console.log("\u5173\u95ED\u7B2C".concat(snum, "\u4E2A\u6B63\u5728\u64AD\u653E\u7684\u89C6\u9891"));
+        _closeWindowSuccess && _closeWindowSuccess({
+          isAll: isAll,
+          snum: snum
+        });
+      },
+      // 窗口单击回调
+      clickWindow: function clickWindow(snum, info) {
+        console.log("\u5F53\u524D\u70B9\u51FB\u4E86\u7B2C".concat(snum, "\u4E2A\u7A97\u53E3"));
+        _clickWindow && _clickWindow(snum, info);
+
+        if (windowType === 0) {
+          usePanTilt(info);
+        }
+      },
+      // 窗口双击回调
+      dbClickWindow: function dbClickWindow(snum, info) {
+        console.log("\u5F53\u524D\u53CC\u51FB\u4E86\u7B2C".concat(snum, "\u4E2A\u7A97\u53E3"));
+        _dbClickWindow && _dbClickWindow(snum, info);
+      },
+      // 改变当前窗口数回调
+      changeDivision: function changeDivision(division) {
+        console.log("\u5F53\u524D\u7A97\u53E3\u6570\u91CF: ".concat(division));
+        _changeDivision && _changeDivision(division);
+      },
+      // 下载录像进度
+      downloadProgress: function downloadProgress(info) {
+        _downloadProgress && _downloadProgress(info);
+      },
+      // 下载录像成功回调
+      downloadRecordSuccess: function downloadRecordSuccess(info) {
+        _downloadRecordSuccess && _downloadRecordSuccess(info);
+      }
+    });
+    playersRef = vmPlayer;
+    playerRef.current = vmPlayer;
+    setVideoPlayer(vmPlayer);
+  };
+
+  var __update = function __update() {
+    var params = {
+      showBar: showBar,
+      division: division,
+      visible: visible,
+      draggable: draggable,
+      request: request
+    };
+    videoPlayer && videoPlayer._update(params);
+  };
+
+  useImperativeHandle(ref, function () {
+    return {
+      videoPlayer: playerRef,
+      initPanTilt: initPanTilt,
+      usePanTilt: usePanTilt,
+      startReal: startReal,
+      realByUrl: realByUrl,
+      setFullScreen: setFullScreen,
+      hideWindow: hideWindow,
+      changeDivision: handlechangeDivision,
+      showWindow: showWindow,
+      chooseWindow: chooseWindow,
+      closeVideo: closeVideo
+    };
+  });
+  /**
+   * 云台功能初始化
+   */
+
+  var initPanTilt = function initPanTilt(el) {// setRealPanControl(new PanTilt({
+    //   el, // 云台容器id
+    //   // setPtzDirection: request.setPtzDirection, // 云台方向控制接口
+    //   // setPtzCamera: request.setPtzCamera // 云台镜头控制接口
+    // }))
+  }; // 使用云台
+
+
+  var usePanTilt = function usePanTilt(info) {
+    info && info.channelId && realPanControl && realPanControl.setChannel({
+      id: info.channelId,
+      cameraType: info.cameraType,
+      capability: info.capability
+    });
+  };
+  /**
+   * @param startReal 实时预览集成
+   * @param list [array]
+   * @param item.channelId 通道Id （必传）
+   * @param item.streamType 码流类型 0 所有码流 1 主码流 2 辅码流 （默认所有码流）
+   * @param item.dataType 音视频类型  1-视频 2-音频 3-音视频 （默认视频）
+   * @param item.snum 窗口号
+   */
+
+
+  var startReal = function startReal(list) {
+    videoPlayer.startReal(list);
+    setTimeout(function () {
+      usePanTilt(list[0]);
+    }, 300);
+  }; // 实时预览
+
+
+  var realByUrl = function realByUrl(o) {
+    videoPlayer.realByUrl(o);
+  }; // 全屏
+
+
+  var setFullScreen = function setFullScreen() {
+    videoPlayer.setFullScreen();
+  }; // // 改变当前播放器的窗口数
+
+
+  var handlechangeDivision = function handlechangeDivision(division) {
+    playerRef.current.changeDivision(division);
+  }; //隐藏窗口
+
+
+  var hideWindow = function hideWindow() {
+    setDhErrorMsg('插件已隐藏');
+    videoPlayer.hide();
+  }; //显示窗口
+
+
+  var showWindow = function showWindow() {
+    videoPlayer.show();
+  }; // 选择窗口
+
+
+  var chooseWindow = function chooseWindow(snum) {
+    videoPlayer.chooseWindow(snum, function (info) {
+      info && usePanTilt(info);
+    });
+  }; // 关闭视频(不传默认全部关闭)
+
+
+  var closeVideo = function closeVideo(snum) {
+    videoPlayer.closeVideo(snum);
+  };
+
+  useEffect(function () {
+    initVideo();
+  }, []);
+  useEffect(function () {
+    __update();
+  }, [num, showBar, visible, draggable, division, request]);
+  useEffect(function () {
+    return function () {
+      videoPlayer && videoPlayer.destroy().then(function () {
+        setDhErrorMsg('插件已销毁');
+        destroySuccess && destroySuccess();
+      });
+    };
+  }, [videoPlayer]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: "".concat(height ? height + 'px' : '100%')
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    id: videoId,
+    className: "dh-bg",
+    style: {
+      height: '100%'
+    }
+  }, showBg && /*#__PURE__*/React.createElement("div", {
+    className: "dh-desc"
+  }, /*#__PURE__*/React.createElement("span", null, dhErrorMsg))));
+}
+
+var index$7 = /*#__PURE__*/forwardRef(DhPlayer);
 
 var _excluded$m = ["id", "videoUrls", "definitionList", "isLoop", "muted", "currentIndex", "setCurrentIndex", "className", "style", "visible", "autoplay", "videoInit", "enableMemory", "lastPlayTimeHideDelay"];
 
@@ -8554,7 +11256,7 @@ var DEFAULT_PLAY_BACK_RATE = [0.5, 0.75, 1, 1.5, 2]; // 默认记忆提示文字
 var DEFAULT_LAST_PLAY_TIME_DELAY = 5; // 默认音量大小
 
 var DEFAULT_VOLUME = 0.6;
-var index$7 = /*#__PURE__*/forwardRef(function (_ref, playerRef) {
+var index$8 = /*#__PURE__*/forwardRef(function (_ref, playerRef) {
   var id = _ref.id,
       _ref$videoUrls = _ref.videoUrls,
       videoUrls = _ref$videoUrls === void 0 ? [] : _ref$videoUrls,
@@ -9442,7 +12144,7 @@ function NtTable(_ref) {
 NtTable.defaultProps = {
   rowKey: 'key'
 };
-var index$8 = /*#__PURE__*/memo(NtTable);
+var index$9 = /*#__PURE__*/memo(NtTable);
 
 /*
  * @Author: lijin
@@ -10226,17 +12928,17 @@ function WaterLevelCharts(config) {
 /*
  * @Author: lijin
  * @Date: 2021-09-09 11:02:54
- * @LastEditTime: 2023-02-21 14:29:33
+ * @LastEditTime: 2023-05-10 19:07:53
  * @LastEditors: lijin
  * @Description:
- * @FilePath: \wargerm\src\index.ts
+ * @FilePath: \wargerm-components\src\index.ts
  * 可以输入预定的版权声明、个性签名、空行等
  */
 console.log(REACT_APP_ENV, 'REACT_APP_ENV');
 
 if (REACT_APP_ENV == 'development') {
   var COLOR_ATTR_NAME = 'data-prefers-color';
-  document.documentElement.setAttribute(COLOR_ATTR_NAME, 'nt');
+  document.documentElement.setAttribute(COLOR_ATTR_NAME, 'sd');
 }
 
-export { Index$b as AutoScroll, Index$d as Breadcrumb, WButton as Button, index$5 as Calendar, index$3 as Card, WCascader as Cascader, Index$4 as Checkbox, Index$a as CountUp, Index$2 as DatePicker, DragBox, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, index$8 as NtTable, Index$9 as Number, NumericInput, Index$3 as Radio, index$2 as RequestRenderDom, Index$5 as Select, Index$c as Swiper, WSwitch as Switch, index$4 as TabelCard, index$1 as Table, Index$7 as TreeSelect, Upload, index$7 as Video, index$6 as VideoPlayer, Index$6 as WDatePicker, WForm$1 as WForm, WaterLevelCharts, WebsocketHeart, useEventEmitter, useStateWithCall, wTracing, create as whox, wmox };
+export { Index$b as AutoScroll, Index$d as Breadcrumb, WButton as Button, index$5 as Calendar, index$3 as Card, WCascader as Cascader, Index$4 as Checkbox, Index$a as CountUp, Index$2 as DatePicker, index$7 as DhPlayer, DragBox, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, index$9 as NtTable, Index$9 as Number, NumericInput, Index$3 as Radio, index$2 as RequestRenderDom, Index$5 as Select, Index$c as Swiper, WSwitch as Switch, index$4 as TabelCard, index$1 as Table, Index$7 as TreeSelect, Upload, index$8 as Video, index$6 as VideoPlayer, Index$6 as WDatePicker, WForm$1 as WForm, WaterLevelCharts, WebsocketHeart, useEventEmitter, useStateWithCall, wTracing, create as whox, wmox };