@uni-sw/u-design 2.0.4

package/es/components/UVideo/VideoComponent/PlayWindow.js

@@ -0,0 +1,1342 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["interfaceName", "paramType"];
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+import React, { Component } from 'react';
+import moment from 'moment';
+import { v5Token } from "../../../http";
+import { CONSTANT_IMOS_PLAYER_CAST_VIDEO_CLASSNAME, hideDivElement } from "../HideDiv";
+import { CUSTOM_PREFIX } from "../../../globalVarious";
+import "./PlayWindow.less";
+export var PlayWindow = /*#__PURE__*/function (_Component) {
+  function PlayWindow(props) {
+    var _this;
+    _classCallCheck(this, PlayWindow);
+    _this = _callSuper(this, PlayWindow, [props]);
+    /**
+     * 创建播放器DOM节点
+     */
+    _this.createVideoDom = function () {
+      var _this$props = _this.props,
+        voidClassName = _this$props.voidClassName,
+        windowID = _this$props.windowID,
+        canDragVideo = _this$props.canDragVideo;
+      var iframeObj = window[_this.state.VMSdkType].createPanelWindow();
+      if (iframeObj) {
+        iframeObj.className = 'sdk-video';
+        _this.videoCtrl = iframeObj;
+        _this.ref.appendChild(iframeObj);
+        if (_this.state.VMSdkType === 'imosPlayer') {
+          window.imosPlayer.setVoidClassName(_this.videoCtrl, {
+            className: _this.pluginClassName + "".concat(voidClassName)
+          });
+          _this._setFloatEventCallback();
+          _this.setVideoProps({
+            needReplayControls: !!_this.isShowReplayProgress,
+            ptz: !!_this.isDisplayPtzBtn
+          });
+          _this.hiddenVideoBtn();
+          //组件内序号独立挖孔
+          hideDivElement({
+            voidClassName: "pluginVideo".concat(windowID + ''),
+            digClassName: ["video-number-mask".concat(windowID + '')]
+          });
+        } else {
+          _this._isDisplayProgress(iframeObj, _this.isShowReplayProgress);
+          _this._isDisplayPtzBtn(iframeObj, _this.isDisplayPtzBtn);
+          _this.hiddenVideoBtn();
+        }
+        _this._videoDragEnable(canDragVideo);
+      }
+    };
+    /**
+     * 设置播放窗格鼠标事件回调
+     */
+    _this._setFloatEventCallback = function () {
+      var _this$props2 = _this.props,
+        pluginVideoEvent = _this$props2.pluginVideoEvent,
+        videoIndex = _this$props2.videoIndex;
+      window[_this.state.VMSdkType].setFloatEventCallback(_this.videoCtrl, {
+        callback: function callback(res) {
+          if (pluginVideoEvent && typeof pluginVideoEvent === 'function') {
+            pluginVideoEvent(_objectSpread(_objectSpread({}, res), {}, {
+              videoIndex: videoIndex
+            }));
+          }
+          //根据注册的鼠标事件处理窗格内序号的位置
+          var Event = res.Event,
+            Value = res.Value,
+            X = res.X,
+            Y = res.Y;
+          if (Event === 0) {
+            if (Value === 1) {
+              _this.setState({
+                mouseEnter: true
+              });
+            } else {
+              if (Y > 0 && Y < 50) {} else {
+                _this.setState({
+                  mouseEnter: false
+                });
+              }
+            }
+          }
+        }
+      });
+    };
+    /**
+     * 设置窗格拖拽
+     */
+    _this._videoDragEnable = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(videoDragEnable) {
+        var _result;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              if (!(_this.state.VMSdkType === 'imosPlayer')) {
+                _context.n = 2;
+                break;
+              }
+              _context.n = 1;
+              return window.imosPlayer.videoDragEnable(_this.videoCtrl.id, {
+                enableDrag: videoDragEnable
+              });
+            case 1:
+              _result = _context.v;
+              if (_result.ErrCode === 0) {
+                console.log('imosPlayer.videoDragEnable设置窗格拖拽执行成功');
+              } else {
+                console.error('imosPlayer.videoDragEnable设置窗格拖拽执行失败：' + _result.ErrMsg);
+              }
+              _context.n = 3;
+              break;
+            case 2:
+              window.imosSdk.videoDragEnable(_this.videoCtrl.id, videoDragEnable, function (result) {
+                if (result.ErrCode === 0) {
+                  console.log('imosSdk.videoDragEnable设置窗格拖拽执行成功');
+                } else {
+                  console.error('imosSdk.videoDragEnable设置窗格拖拽执行失败：' + result.ErrMsg);
+                }
+              });
+            case 3:
+              return _context.a(2);
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    /**
+     * 设置窗格的属性和回调
+     */
+    _this.setVideoProps = function (params) {
+      window[_this.state.VMSdkType].setVideoProps(_this.videoCtrl, _objectSpread({
+        needControls: true,
+        needReplayControls: true,
+        enableTitle: true,
+        ptz: true,
+        liveMsgCallBack: undefined
+      }, params));
+    };
+    /**
+     * 设置播放器中进度条是否显示
+     */
+    _this._isDisplayProgress = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(videoCtrl, isDisplayProgress) {
+        var _result2;
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              if (!(_this.state.VMSdkType === 'imosSdk')) {
+                _context2.n = 1;
+                break;
+              }
+              window[_this.state.VMSdkType].isDisplayProgress(videoCtrl.id, isDisplayProgress, function (result) {
+                if (result.ErrCode !== 0) {
+                  console.error('imosSdk.isDisplayProgress设置播放器进度条是否显示失败：' + isDisplayProgress + result.ErrMsg);
+                }
+              });
+              _context2.n = 3;
+              break;
+            case 1:
+              _context2.n = 2;
+              return window[_this.state.VMSdkType].setVideoProps(videoCtrl, {
+                needControls: true,
+                needReplayControls: isDisplayProgress,
+                enableTitle: true,
+                ptz: true,
+                undefined: undefined
+              });
+            case 2:
+              _result2 = _context2.v;
+              if (_result2.ErrCode !== 0) {
+                console.error('imosPlayer.setVideoProps设置播放器进度条是否显示失败：' + isDisplayProgress + _result2.ErrMsg);
+              }
+            case 3:
+              return _context2.a(2);
+          }
+        }, _callee2);
+      }));
+      return function (_x2, _x3) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    /**
+     * 显示实况云台按钮 (悬浮控件不支持该方法，需自己添加云台按钮)
+     */
+    _this._isDisplayPtzBtn = function (videoCtrl, isDisplayPtzBtn) {
+      if (_this.state.VMSdkType === 'imosSdk') {
+        window.imosSdk.isDisplayPtzBtn(videoCtrl.id, isDisplayPtzBtn, function (result) {
+          if (result.ErrCode !== 0) {
+            console.error('imosSdk.isDisplayPtzBtn设置实况云台按钮显示执行失败：' + isDisplayPtzBtn + result.ErrMsg);
+          }
+        });
+        window.imosSdk.displayElement(_this.videoCtrl.id, {
+          yunTai: isDisplayPtzBtn
+        }, function (result) {
+          if (result.ErrCode !== 0) {
+            console.error('imosSdk.displayElement设置云台图标失败：' + isDisplayPtzBtn + result.ErrMsg);
+          }
+        });
+      }
+    };
+    /**
+     * @description: 鼠标移入
+     * @param {type}
+     * @return {type}
+     */
+    _this.onMouseEnter = function () {
+      _this.setState({
+        mouseEnter: true
+      });
+    };
+    /**
+     * @description: 鼠标移出
+     * @param {type}
+     * @return {type}
+     */
+    _this.onMouseLeave = function () {
+      // this.setState({ mouseEnter: false });
+    };
+    /**
+     * @description: 窗口是否正在播放
+     * @param {type}
+     * @return {type}
+     */
+    _this.videoIsRunning = function () {
+      return _this.isRunning;
+    };
+    /**
+     * @description: 正在播放的相机信息
+     * @param {type}
+     * @return {type}
+     */
+    _this.videoCamera = function () {
+      return _this.camera;
+    };
+    /**
+     * 获取窗格自带状态
+     */
+    _this.getFuncInfo = function (data) {
+      var _ref3 = data || {},
+        _ref3$forceQuery = _ref3.forceQuery,
+        forceQuery = _ref3$forceQuery === void 0 ? false : _ref3$forceQuery;
+      if (forceQuery) {
+        return _this._getFuncInfo();
+      }
+      return Promise.resolve(_this.playFuncInfo);
+    };
+    /**
+     * 获取播放器状态
+     */
+    _this.getPlayStatusInfo = function () {
+      var forceQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      if (forceQuery) {
+        return new Promise(function (resolve) {
+          _this.playStatus(function (result) {
+            resolve(Object.assign(result, {
+              iframeId: _this.videoCtrl.id
+            }));
+          });
+        });
+      } else {
+        return Promise.resolve(Object.assign(_this.playStatusInfo, {
+          recordList: _this.recordList,
+          iframeId: _this.videoCtrl.id
+        }));
+      }
+    };
+    /**
+     * 获取播放器Id
+     */
+    _this.getVideoCtrlId = function () {
+      return _this.videoCtrl.id;
+    };
+    /**
+     * 获取video节点
+     */
+    _this.getVideoDom = function () {
+      return _this.ref;
+    };
+    /**
+     * 屏蔽播放器中进度条（该方法暂未使用）
+     */
+    _this.displayElement = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+      var _result3;
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
+          case 0:
+            if (!(_this.state.VMSdkType === 'imosSdk')) {
+              _context3.n = 1;
+              break;
+            }
+            window.imosSdk.displayElement(_this.videoCtrl.id, {
+              bottom: false
+            }, function (result) {
+              if (result.ErrCode === 0) {
+                console.log('执行成功');
+              } else {
+                console.log('执行失败：' + result.ErrMsg);
+              }
+            });
+            _context3.n = 3;
+            break;
+          case 1:
+            _context3.n = 2;
+            return window[_this.state.VMSdkType].displayElement(_this.videoCtrl.id, {
+              bottom: false
+            });
+          case 2:
+            _result3 = _context3.v;
+            if (_result3.ErrCode === 0) {
+              console.log('执行成功');
+            } else {
+              console.log('执行失败：' + _result3.ErrMsg);
+            }
+          case 3:
+            return _context3.a(2);
+        }
+      }, _callee3);
+    }));
+    /**
+     * 启动实况
+     */
+    _this.playLive = function (camera) {
+      var _this$props3 = _this.props,
+        videoIndex = _this$props3.videoIndex,
+        showVideoNumber = _this$props3.showVideoNumber,
+        ptzBtnClick = _this$props3.ptzBtnClick,
+        textLocale = _this$props3.textLocale,
+        playCallback = _this$props3.playCallback,
+        _this$props3$isDispla = _this$props3.isDisplayBottomPtzIcon,
+        isDisplayBottomPtzIcon = _this$props3$isDispla === void 0 ? true : _this$props3$isDispla,
+        _this$props3$isShowVi = _this$props3.isShowVideoToolbar,
+        isShowVideoToolbar = _this$props3$isShowVi === void 0 ? false : _this$props3$isShowVi,
+        _this$props3$isOpenDi = _this$props3.isOpenDigitalZoom,
+        isOpenDigitalZoom = _this$props3$isOpenDi === void 0 ? false : _this$props3$isOpenDi;
+      console.log('UVideo-------------------启动实况', videoIndex, camera);
+      if (!v5Token()) {
+        console.error('UVideo-------------------启动实况V5Token is empty');
+        return;
+      }
+      if (!camera.CameraCode) {
+        return;
+      }
+      _this.setState({
+        videoNumber: camera.CameraNumber != null ? camera.CameraNumber : videoIndex + (showVideoNumber === 1 ? 1 : 0)
+      });
+      var iframeId = _this.videoCtrl.id;
+      var that = _this;
+      var streamType = typeof camera.StreamType === 'number' ? camera.StreamType : 4;
+      return new Promise(function (resolve, reject) {
+        if (_this.state.VMSdkType === 'imosSdk') {
+          window.imosSdk.playLive(iframeId, camera.CameraCode, camera.CameraName, function (e) {
+            if (typeof playCallback === 'function') {
+              playCallback(e, {
+                iframeId: iframeId,
+                cameraName: camera.CameraName,
+                cameraCode: camera.CameraCode
+              });
+            }
+            if (e.ErrCode === 0) {
+              if (that.progressInterval === null) {
+                that._getAllVideoInfo();
+                that.progressInterval = window.setInterval(that._getAllVideoInfo, 1000);
+              }
+              // 设置默认数字放大
+              if (isOpenDigitalZoom) {
+                this.onDigitalZoom();
+              }
+              console.log('imosSdk.playLive执行成功:' + videoIndex);
+              that.isRunning = true;
+              that.camera = camera;
+              resolve({
+                ErrCode: e.ErrCode,
+                ErrMsg: e.ErrMsg
+              });
+            } else {
+              console.error('imosSdk.playLive执行失败：' + videoIndex + e.ErrMsg);
+              that.isRunning = false;
+              that.camera = null;
+              reject({
+                ErrCode: e.ErrCode,
+                ErrMsg: e.ErrMsg
+              });
+            }
+          }, streamType);
+        } else {
+          window[_this.state.VMSdkType].playLive(iframeId, {
+            camera: camera.CameraCode,
+            title: camera.CameraName,
+            stream: streamType
+          }).then(function (result) {
+            if (typeof playCallback === 'function') {
+              playCallback(result, {
+                iframeId: iframeId,
+                cameraName: camera.CameraName,
+                cameraCode: camera.CameraCode
+              });
+            }
+            if (result.ErrCode === 0) {
+              if (that.progressInterval === null) {
+                that._getAllVideoInfo();
+                that.progressInterval = window.setInterval(that._getAllVideoInfo, 1000);
+              }
+              // 自适应窗格内操作栏显示状态
+              _this._setVideoBarStatus(isShowVideoToolbar ? 1 : 0);
+              // 设置默认数字放大
+              if (isOpenDigitalZoom) {
+                _this.onDigitalZoom();
+              }
+              if (_this.isDisplayPtzBtn && isDisplayBottomPtzIcon) {
+                //新加isDisplayBottomPtzIcon属性兼容历史的this.isDisplayPtzBtn
+                _this.playStatus(function (res) {
+                  if (res.Status && res.Status.Model === 1 && res.Status.IsPTZ) {
+                    that.windowBtnConfig({
+                      button: {
+                        id: 'imos-player-ptz-btn',
+                        className: 'imosVideo-bottom-icon imos-player-ptz-btn imosPlayer_buttom_icon',
+                        tip: textLocale ? textLocale.holder : '云台'
+                      },
+                      position: 'bottom',
+                      clickFunc: ptzBtnClick
+                    });
+                  } else {
+                    _this.windowBtnConfig({
+                      button: {
+                        id: 'imos-player-ptz-btn'
+                      },
+                      position: 'bottom',
+                      clickFunc: undefined,
+                      hide: true
+                    });
+                  }
+                });
+              }
+              that.isRunning = true;
+              that.camera = camera;
+              resolve({
+                ErrCode: result.ErrCode,
+                ErrMsg: result.ErrMsg
+              });
+            } else {
+              console.error('imosPlayer.playLive执行失败：' + videoIndex + result.ErrMsg);
+              that.isRunning = false;
+              that.camera = null;
+              reject({
+                ErrCode: result.ErrCode,
+                ErrMsg: result.ErrMsg
+              });
+            }
+          }).catch(function (err) {
+            if (typeof playCallback === 'function') {
+              playCallback(err, {
+                iframeId: iframeId,
+                cameraName: camera.CameraName,
+                cameraCode: camera.CameraCode
+              });
+            }
+            console.log('imosPlayer.playLive执行失败：' + videoIndex);
+            that.isRunning = false;
+            that.camera = null;
+            reject(err);
+          });
+        }
+      });
+    };
+    /**
+     * 播放本地录屏文件
+     */
+    _this.playLocalFile = function (title) {
+      var _this$props4 = _this.props,
+        _this$props4$isShowVi = _this$props4.isShowVideoToolbar,
+        isShowVideoToolbar = _this$props4$isShowVi === void 0 ? false : _this$props4$isShowVi,
+        _this$props4$isOpenDi = _this$props4.isOpenDigitalZoom,
+        isOpenDigitalZoom = _this$props4$isOpenDi === void 0 ? false : _this$props4$isOpenDi;
+      window[_this.state.VMSdkType].playLocalFile(_this.videoCtrl.id, _this.state.VMSdkType === 'imosSdk' ? title : {
+        title: title
+      }).then(function (res) {
+        _this._isDisplayProgress(_this.videoCtrl, true);
+        // 自适应窗格内操作栏显示状态
+        _this._setVideoBarStatus(isShowVideoToolbar ? 1 : 0);
+        // 设置默认数字放大
+        if (isOpenDigitalZoom) {
+          _this.onDigitalZoom();
+        }
+        return Promise.resolve(res);
+      }).catch(function (err) {
+        console.error(err);
+        return Promise.reject(err);
+      });
+    };
+    /**
+     * 播放网络文件
+     */
+    _this.playURLFile = function (param) {
+      var _this$props5 = _this.props,
+        _this$props5$isShowVi = _this$props5.isShowVideoToolbar,
+        isShowVideoToolbar = _this$props5$isShowVi === void 0 ? false : _this$props5$isShowVi,
+        _this$props5$isOpenDi = _this$props5.isOpenDigitalZoom,
+        isOpenDigitalZoom = _this$props5$isOpenDi === void 0 ? false : _this$props5$isOpenDi;
+      window[_this.state.VMSdkType].playURLFile(_this.videoCtrl.id, _this.state.VMSdkType === 'imosSdk' ? (param.url, param.title, param.decoderTag) : _objectSpread({}, param)).then(function (res) {
+        // 自适应窗格内操作栏显示状态
+        _this._setVideoBarStatus(isShowVideoToolbar ? 1 : 0);
+        // 设置默认数字放大
+        if (isOpenDigitalZoom) {
+          _this.onDigitalZoom();
+        }
+        _this._isDisplayProgress(_this.videoCtrl, true);
+        return Promise.resolve(res);
+      }).catch(function (err) {
+        console.error(err);
+        return Promise.reject(err);
+      });
+    };
+    /**
+     * 设置播放器窗格标题栏和工具栏的常显、常隐或按鼠标移入移出显示 status：0 移入显示 1 常显示 2 常隐藏
+     */
+    _this.setVideoBarStatus = function (param) {
+      if (_this.state.VMSdkType === 'imosSdk') {
+        return Promise.reject('imosSdk暂不支持setVideoBarStatus');
+      }
+      return window[_this.state.VMSdkType].setVideoBarStatus(_this.videoCtrl.id, _objectSpread({}, param));
+    };
+    /**
+     * 通用业务层直接调用imos接口
+     */
+    _this.useImosInterface = function (param) {
+      var interfaceName = param.interfaceName,
+        paramType = param.paramType,
+        resParam = _objectWithoutProperties(param, _excluded);
+      if (!window[_this.state.VMSdkType][interfaceName]) {
+        return Promise.reject("".concat(_this.state.VMSdkType, "\u6682\u4E0D\u652F\u6301").concat(interfaceName));
+      }
+      if (paramType === 'arg') {
+        var _window$_this$state$V;
+        return (_window$_this$state$V = window[_this.state.VMSdkType])[interfaceName].apply(_window$_this$state$V, [_this.videoCtrl.id].concat(_toConsumableArray(Object.values(resParam))));
+      }
+      return window[_this.state.VMSdkType][interfaceName](_this.videoCtrl.id, _objectSpread({}, resParam));
+    };
+    /**
+     * 定时获取播放器信息
+     */
+    _this._getAllVideoInfo = function () {
+      _this.playStatus(function () {});
+      _this._getFuncInfo();
+    };
+    /**
+     * 查询播放状态
+     */
+    _this.playStatus = function (callBack) {
+      var that = _this;
+      if (_this.state.VMSdkType === 'imosSdk') {
+        window.imosSdk.playStatus(_this.videoCtrl.id, function (result) {
+          if (callBack && typeof callBack === 'function') {
+            callBack(result);
+          }
+          if (result.ErrCode === 0) {
+            that.playStatusInfo = result.Status;
+            that.currentTime = result.Status.CurrentTime;
+          } else {
+            console.error('imosSdk.playStatus获取播放器状态失败：' + result.ErrMsg);
+          }
+        });
+      } else {
+        window[_this.state.VMSdkType].playStatus(_this.videoCtrl).then(function (result) {
+          if (result.ErrCode === 0) {
+            that.playStatusInfo = _objectSpread(_objectSpread({}, result.Status), {}, {
+              cameraCode: result.Status.Camera,
+              TitleName: result.Status.Title,
+              switchID: result.Status.SwitchRes,
+              startTime: result.Status.Start,
+              endTime: result.Status.End,
+              CurrentTime: result.Status.Current,
+              recordList: result.Status.Records,
+              speed: result.Status.Speed,
+              ReplayStatus: result.Status.Status
+            });
+          } else {
+            console.error('imosPlayer.playStatus获取播放器状态失败：' + result.ErrMsg);
+          }
+          if (callBack && typeof callBack === 'function') {
+            var combineRes = _objectSpread(_objectSpread({}, result), {}, {
+              Status: that.playStatusInfo
+            });
+            callBack(combineRes);
+          }
+        }).catch(function (err) {
+          console.error('imosPlayer.playStatus获取播放器状态失败', err);
+        });
+      }
+    };
+    /**
+     * 获取视频窗格自带功能状态
+     */
+    _this._getFuncInfo = function () {
+      var that = _this;
+      return new Promise(function (resolve, reject) {
+        if (_this.state.VMSdkType === 'imosSdk') {
+          window.imosSdk.getFuncInfo(_this.videoCtrl.id, function (result) {
+            if (result.ErrCode === 0) {
+              that.playFuncInfo = result.Status;
+            } else {
+              console.error('imosSdk.getFuncInfo获取窗格自带功能状态失败：' + result.ErrMsg);
+            }
+            resolve(that.playFuncInfo);
+          });
+        } else {
+          window[_this.state.VMSdkType].getFuncInfo(_this.videoCtrl).then(function (result) {
+            if (result.ErrCode === 0) {
+              that.playFuncInfo = _objectSpread(_objectSpread({}, result.Status), {}, {
+                isDigitalZoom: result.Status.zoom,
+                isContinueSnap: result.Status.continue,
+                iPTZSpeed: result.Status.ptzSpeed,
+                isMax: result.Status.max
+              });
+            } else {
+              console.error('imosPlayer.getFuncInfo获取窗格自带功能状态失败：' + result.ErrMsg);
+            }
+            resolve(that.playFuncInfo);
+          }).catch(function (err) {
+            console.error('imosPlayer.getFuncInfo获取窗格自带功能状态失败', err);
+            resolve(that.playFuncInfo);
+          });
+        }
+      });
+    };
+    /**
+     * 关闭视频播放
+     */
+    _this.closeVideo = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+      var handleClose, result;
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
+          case 0:
+            handleClose = function handleClose() {
+              _this.camera = null;
+              _this.isRunning = false;
+              _this.recordList = [];
+              _this.playStatusInfo = {
+                Model: 0
+              };
+              if (_this.progressInterval !== null) {
+                window.clearInterval(_this.progressInterval);
+                _this.progressInterval = null;
+              }
+              _this.setState({
+                videoNumber: _this.props.videoIndex + (_this.props.showVideoNumber === 1 ? 1 : 0)
+              });
+            };
+            _context4.n = 1;
+            return window[_this.state.VMSdkType].playStop(_this.videoCtrl.id);
+          case 1:
+            result = _context4.v;
+            if (!(result.ErrCode === 0)) {
+              _context4.n = 2;
+              break;
+            }
+            handleClose();
+            return _context4.a(2, true);
+          case 2:
+            console.error("".concat([_this.state.VMSdkType], ".playStop\u5173\u95ED\u89C6\u9891\u5931\u8D25\uFF1A") + _this.props.videoIndex + result.ErrMsg);
+            return _context4.a(2, false);
+          case 3:
+            return _context4.a(2);
+        }
+      }, _callee4);
+    }));
+    /**
+     * 倍速播放
+     */
+    _this.changePlaySpeed = /*#__PURE__*/function () {
+      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(rate) {
+        var _result4;
+        return _regenerator().w(function (_context5) {
+          while (1) switch (_context5.n) {
+            case 0:
+              if (!(_this.state.VMSdkType === 'imosSdk')) {
+                _context5.n = 1;
+                break;
+              }
+              window.imosSdk.recordSpeed(_this.videoCtrl.id, rate, function (result) {
+                if (result.ErrCode !== 0) {
+                  console.error('imosSdk.recordSpeed录像倍速设置失败：' + result.ErrMsg);
+                }
+              });
+              _context5.n = 3;
+              break;
+            case 1:
+              _context5.n = 2;
+              return window[_this.state.VMSdkType].recordSpeed(_this.videoCtrl.id, {
+                speed: rate
+              });
+            case 2:
+              _result4 = _context5.v;
+              if (_result4.ErrCode !== 0) {
+                console.error('imosPlayer.recordSpeed录像倍速设置失败：' + _result4.ErrMsg);
+              }
+            case 3:
+              return _context5.a(2);
+          }
+        }, _callee5);
+      }));
+      return function (_x4) {
+        return _ref6.apply(this, arguments);
+      };
+    }();
+    /**
+     * 启动回放
+     */
+    _this.replay = /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(camera, timeValue) {
+        var _this$props6, videoIndex, showVideoNumber, _this$props6$isShowVi, isShowVideoToolbar, _this$props6$isOpenDi, isOpenDigitalZoom, iframeId, that, searchStructureItem, hanldeReplay, _result5;
+        return _regenerator().w(function (_context6) {
+          while (1) switch (_context6.n) {
+            case 0:
+              _this$props6 = _this.props, videoIndex = _this$props6.videoIndex, showVideoNumber = _this$props6.showVideoNumber, _this$props6$isShowVi = _this$props6.isShowVideoToolbar, isShowVideoToolbar = _this$props6$isShowVi === void 0 ? false : _this$props6$isShowVi, _this$props6$isOpenDi = _this$props6.isOpenDigitalZoom, isOpenDigitalZoom = _this$props6$isOpenDi === void 0 ? false : _this$props6$isOpenDi;
+              console.log('UVideo-------------------启动回放', videoIndex, camera, timeValue);
+              if (v5Token()) {
+                _context6.n = 1;
+                break;
+              }
+              console.error('UVideo-------------------启动回放V5Token is empty');
+              return _context6.a(2);
+            case 1:
+              if (camera.CameraCode) {
+                _context6.n = 2;
+                break;
+              }
+              return _context6.a(2);
+            case 2:
+              if (timeValue) {
+                _context6.n = 3;
+                break;
+              }
+              return _context6.a(2);
+            case 3:
+              _this.setState({
+                videoNumber: camera.CameraNumber != null ? camera.CameraNumber : videoIndex + (showVideoNumber === 1 ? 1 : 0)
+              });
+              iframeId = _this.videoCtrl.id;
+              that = _this;
+              searchStructureItem = camera.ReplyCondition ? camera.ReplyCondition : {
+                domainLevel: 2,
+                indistincQuery: 3,
+                type: 3
+              };
+              hanldeReplay = function hanldeReplay(result) {
+                if (result.ErrCode === 0) {
+                  that.isRunning = true;
+                  that.camera = camera;
+                  that.recordList = result.RecordList;
+                  that.playStatusInfo = {
+                    Model: 2,
+                    CurrentTime: result.RecordList[0].StartTime
+                  };
+                  if (that.progressInterval === null) {
+                    that.progressInterval = window.setInterval(that._getAllVideoInfo, 1000);
+                  }
+                  that.handleReplaySuccess(result);
+                } else {
+                  console.error('playRecord启动回放失败' + result.ErrMsg);
+                  that.isRunning = false;
+                  that.camera = null;
+                  that.recordList = [];
+                  that.playStatusInfo = {
+                    Model: 2,
+                    PlayState: 0
+                  };
+                }
+              };
+              if (!(_this.state.VMSdkType === 'imosSdk')) {
+                _context6.n = 4;
+                break;
+              }
+              window.imosSdk.playRecord(iframeId, camera.CameraCode, camera.CameraName, new Date(moment(timeValue[0]._d).valueOf()), new Date(moment(timeValue[1]._d).valueOf()), function (result) {
+                // 设置默认数字放大
+                if (isOpenDigitalZoom) {
+                  _this.onDigitalZoom();
+                }
+                hanldeReplay(result);
+              }, searchStructureItem);
+              _context6.n = 6;
+              break;
+            case 4:
+              _context6.n = 5;
+              return window[_this.state.VMSdkType].playRecord(iframeId, {
+                camera: camera.CameraCode,
+                title: camera.CameraName,
+                start: new Date(moment(timeValue[0]._d).valueOf()),
+                end: new Date(moment(timeValue[1]._d).valueOf()),
+                searchType: searchStructureItem
+              });
+            case 5:
+              _result5 = _context6.v;
+              // 自适应窗格内操作栏显示状态
+              _this._setVideoBarStatus(isShowVideoToolbar ? 1 : 0);
+              // 设置默认数字放大
+              if (isOpenDigitalZoom) {
+                _this.onDigitalZoom();
+              }
+              hanldeReplay(_result5);
+            case 6:
+              return _context6.a(2);
+          }
+        }, _callee6);
+      }));
+      return function (_x5, _x6) {
+        return _ref7.apply(this, arguments);
+      };
+    }();
+    /**
+     * 回放成功
+     */
+    _this.handleReplaySuccess = function (result) {
+      var _this$props7 = _this.props,
+        onReplaySuccess = _this$props7.onReplaySuccess,
+        videoIndex = _this$props7.videoIndex;
+      onReplaySuccess(videoIndex, result);
+    };
+    /**
+     * 跳转
+     */
+    _this.recordJump = /*#__PURE__*/function () {
+      var _ref8 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7(jumpTime) {
+        var callBack,
+          _result6,
+          _args7 = arguments;
+        return _regenerator().w(function (_context7) {
+          while (1) switch (_context7.n) {
+            case 0:
+              callBack = _args7.length > 1 && _args7[1] !== undefined ? _args7[1] : function () {};
+              if (!(_this.state.VMSdkType === 'imosSdk')) {
+                _context7.n = 1;
+                break;
+              }
+              window.imosSdk.recordJump(_this.videoCtrl.id, jumpTime, function (result) {
+                if (result.ErrCode === 0) {
+                  callBack(result);
+                } else {
+                  console.error('imosSdk.recordJump执行失败：' + result.ErrMsg, jumpTime);
+                }
+              });
+              _context7.n = 3;
+              break;
+            case 1:
+              _context7.n = 2;
+              return window[_this.state.VMSdkType].recordJump(_this.videoCtrl.id, {
+                time: jumpTime
+              });
+            case 2:
+              _result6 = _context7.v;
+              if (_result6.ErrCode === 0) {
+                callBack(_result6);
+              } else {
+                console.error('imosPlayer.recordJump执行失败：' + _result6.ErrMsg, jumpTime);
+              }
+            case 3:
+              return _context7.a(2);
+          }
+        }, _callee7);
+      }));
+      return function (_x7) {
+        return _ref8.apply(this, arguments);
+      };
+    }();
+    /**
+     * 暂停/继续
+     */
+    _this.switchReplay = /*#__PURE__*/function () {
+      var _ref9 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8(flag) {
+        var _this$props8, onSwitchSuccess, videoIndex, _result7;
+        return _regenerator().w(function (_context8) {
+          while (1) switch (_context8.n) {
+            case 0:
+              _this$props8 = _this.props, onSwitchSuccess = _this$props8.onSwitchSuccess, videoIndex = _this$props8.videoIndex;
+              if (!(_this.state.VMSdkType === 'imosSdk')) {
+                _context8.n = 1;
+                break;
+              }
+              window.imosSdk.switchPlayStatus(_this.videoCtrl.id, function (result) {
+                if (result.ErrCode === 0) {
+                  onSwitchSuccess(videoIndex, flag);
+                } else {
+                  console.error('imosSdk.switchPlayStatus执行失败：' + result.ErrMsg, flag);
+                }
+              }, flag);
+              _context8.n = 3;
+              break;
+            case 1:
+              _context8.n = 2;
+              return window[_this.state.VMSdkType].switchPlayStatus(_this.videoCtrl.id, {
+                canPlay: flag
+              });
+            case 2:
+              _result7 = _context8.v;
+              if (_result7.ErrCode === 0) {
+                onSwitchSuccess(videoIndex, flag);
+              } else {
+                console.error('imosPlayer.switchPlayStatus执行失败：' + _result7.ErrMsg, flag);
+              }
+            case 3:
+              return _context8.a(2);
+          }
+        }, _callee8);
+      }));
+      return function (_x8) {
+        return _ref9.apply(this, arguments);
+      };
+    }();
+    /**
+     * 单帧播放
+     */
+    _this.singleFrame = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9() {
+      var _this$props9, onSwitchSuccess, videoIndex, _result8;
+      return _regenerator().w(function (_context9) {
+        while (1) switch (_context9.n) {
+          case 0:
+            _this$props9 = _this.props, onSwitchSuccess = _this$props9.onSwitchSuccess, videoIndex = _this$props9.videoIndex;
+            if (!(_this.state.VMSdkType === 'imosSdk')) {
+              _context9.n = 1;
+              break;
+            }
+            window.imosSdk.singleFrame(_this.videoCtrl.id, function (result) {
+              if (result.ErrCode === 0) {
+                onSwitchSuccess(videoIndex, false);
+              } else {
+                console.error('imosSdk.singleFrame执行失败：' + result.ErrMsg);
+              }
+            });
+            _context9.n = 3;
+            break;
+          case 1:
+            _context9.n = 2;
+            return window[_this.state.VMSdkType].singleFrame(_this.videoCtrl.id);
+          case 2:
+            _result8 = _context9.v;
+            if (_result8.ErrCode === 0) {
+              onSwitchSuccess(videoIndex, false);
+            } else {
+              console.error('imosPlayer.singleFrame执行失败：' + _result8.ErrMsg);
+            }
+          case 3:
+            return _context9.a(2);
+        }
+      }, _callee9);
+    }));
+    /**
+     * 逐帧播放
+     */
+    _this.stepFrame = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0() {
+      var _this$props0, onSwitchSuccess, videoIndex, _result9;
+      return _regenerator().w(function (_context0) {
+        while (1) switch (_context0.n) {
+          case 0:
+            _this$props0 = _this.props, onSwitchSuccess = _this$props0.onSwitchSuccess, videoIndex = _this$props0.videoIndex;
+            if (!(_this.state.VMSdkType === 'imosSdk')) {
+              _context0.n = 1;
+              break;
+            }
+            window.imosSdk.stepFrame(_this.videoCtrl.id, function (result) {
+              if (result.ErrCode === 0) {
+                onSwitchSuccess(videoIndex, false);
+              } else {
+                console.error('imosSdk.stepFrame执行失败：' + result.ErrMsg);
+              }
+            });
+            _context0.n = 3;
+            break;
+          case 1:
+            _context0.n = 2;
+            return window[_this.state.VMSdkType].stepFrame(_this.videoCtrl.id);
+          case 2:
+            _result9 = _context0.v;
+            if (_result9.ErrCode === 0) {
+              onSwitchSuccess(videoIndex, false);
+            } else {
+              console.error('imosPlayer.stepFrame执行失败：' + _result9.ErrMsg);
+            }
+          case 3:
+            return _context0.a(2);
+        }
+      }, _callee0);
+    }));
+    /**
+     * 倍速播放
+     */
+    _this.switchReplaySpeed = /*#__PURE__*/function () {
+      var _ref10 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee1(rate) {
+        var _this$props1, onSpeedSuccess, videoIndex, _result0;
+        return _regenerator().w(function (_context1) {
+          while (1) switch (_context1.n) {
+            case 0:
+              _this$props1 = _this.props, onSpeedSuccess = _this$props1.onSpeedSuccess, videoIndex = _this$props1.videoIndex;
+              if (!(_this.state.VMSdkType === 'imosSdk')) {
+                _context1.n = 1;
+                break;
+              }
+              window.imosSdk.recordSpeed(_this.videoCtrl.id, rate, function (result) {
+                if (result.ErrCode === 0) {
+                  console.log('imosSdk.recordSpeed执行成功', rate);
+                  onSpeedSuccess(videoIndex, rate);
+                } else {
+                  console.error('imosSdk.recordSpeed执行失败：' + result.ErrMsg, rate);
+                }
+              });
+              _context1.n = 3;
+              break;
+            case 1:
+              _context1.n = 2;
+              return window[_this.state.VMSdkType].recordSpeed(_this.videoCtrl.id, {
+                speed: rate
+              });
+            case 2:
+              _result0 = _context1.v;
+              if (_result0.ErrCode === 0) {
+                console.log('imosPlayer.recordSpeed执行成功', rate);
+                onSpeedSuccess(videoIndex, rate);
+              } else {
+                console.error('imosPlayer.recordSpeed执行失败：' + _result0.ErrMsg, rate);
+              }
+            case 3:
+              return _context1.a(2);
+          }
+        }, _callee1);
+      }));
+      return function (_x9) {
+        return _ref10.apply(this, arguments);
+      };
+    }();
+    //截图
+    _this.playCatch = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee10() {
+      var cameraName,
+        handlePlayCatch,
+        _result1,
+        _args10 = arguments;
+      return _regenerator().w(function (_context10) {
+        while (1) switch (_context10.n) {
+          case 0:
+            cameraName = _args10.length > 0 && _args10[0] !== undefined ? _args10[0] : '';
+            handlePlayCatch = function handlePlayCatch(result) {
+              var downLoadImg = document.createElement('a');
+              // 因为截取尺寸较大，导致生成base64长度太大,达到了a标签的href上限，报错下载失败，将base64转换为Blob文件对象
+              var binStr = atob(result.Img.split(',')[1]),
+                len = result.Img.length,
+                arr = new Uint8Array(len);
+              for (var i = 0; i < len; i++) {
+                arr[i] = binStr.charCodeAt(i);
+              }
+              downLoadImg.href = URL.createObjectURL(new Blob([arr]));
+              var time = moment().format('YYYYMMDDHHmmss');
+              downLoadImg.setAttribute('download', "".concat(cameraName, "_").concat(time, ".png"));
+              if (document.fireEvent) {
+                //兼容IE
+                window.open(downLoadImg.href);
+              } else {
+                var evt = document.createEvent('MouseEvents');
+                evt.initEvent('click', true, true);
+                downLoadImg.dispatchEvent(evt);
+              }
+            };
+            if (!(_this.state.VMSdkType === 'imosSdk')) {
+              _context10.n = 1;
+              break;
+            }
+            window.imosSdk.playCatch(_this.videoCtrl.id, function (result) {
+              if (result.ErrCode !== 0) {
+                console.log('result', result);
+                console.error(result);
+              } else {
+                if (!!result.Img) {
+                  handlePlayCatch(result);
+                }
+              }
+            }, 'image/png');
+            _context10.n = 3;
+            break;
+          case 1:
+            _context10.n = 2;
+            return window[_this.state.VMSdkType].playCatch(_this.videoCtrl.id, {
+              imageType: 'image/png'
+            });
+          case 2:
+            _result1 = _context10.v;
+            if (_result1.ErrCode !== 0) {
+              console.log('result', _result1);
+              console.error(_result1);
+            } else {
+              if (!!_result1.Img) {
+                handlePlayCatch(_result1);
+              }
+            }
+          case 3:
+            return _context10.a(2);
+        }
+      }, _callee10);
+    }));
+    /**
+     * * 窗格顶部或底部添加或删除按钮
+     * hide: 是否隐藏该按钮
+     * @param {*} button 按钮信息
+     * @param {*} position 位置
+     * @param {*} clickFunc 点击回调
+     * @param {*} hide 是否删除
+     */
+    _this.windowBtnConfig = function (_ref12) {
+      var button = _ref12.button,
+        position = _ref12.position,
+        clickFunc = _ref12.clickFunc,
+        _ref12$hide = _ref12.hide,
+        hide = _ref12$hide === void 0 ? false : _ref12$hide;
+      if (_this.state.VMSdkType === 'imosPlayer') {
+        if (hide) {
+          return window[_this.state.VMSdkType].delPanelBtn(_this.videoCtrl, {
+            buttonID: button.id,
+            position: position
+          });
+        }
+        return window[_this.state.VMSdkType].addPanelBtn(_this.videoCtrl, {
+          button: button,
+          position: position,
+          clickFunc: clickFunc
+        });
+      } else {
+        if (hide) {
+          window[_this.state.VMSdkType][position === 'bottom' ? 'delBottomBtn' : 'delTitleBtn'](_this.videoCtrl, button.id, function () {
+            if (result.ErrCode !== 0) {
+              console.error('删除按钮失败：' + result.ErrMsg);
+              return Promise.reject(result);
+            }
+            return Promise.resolve(result);
+          });
+        } else {
+          window[_this.state.VMSdkType][position === 'bottom' ? 'addBottomBtn' : 'addTitleBtn'](_this.videoCtrl.id, button, clickFunc, function (result) {
+            if (result.ErrCode !== 0) {
+              console.error('添加按钮失败：' + result.ErrMsg);
+              return Promise.reject(result);
+            }
+            return Promise.resolve(result);
+          });
+        }
+      }
+    };
+    // 控制视频上按钮和进度条的显示
+    _this.hiddenVideoBtn = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee11() {
+      var videoBtnConfig, _result10;
+      return _regenerator().w(function (_context11) {
+        while (1) switch (_context11.n) {
+          case 0:
+            videoBtnConfig = _this.props.videoBtnConfig;
+            if (videoBtnConfig) {
+              _context11.n = 1;
+              break;
+            }
+            console.log('U----------------videoBtnConfig', videoBtnConfig);
+            return _context11.a(2);
+          case 1:
+            if (_this.state.VMSdkType === 'imosPlayer') {
+              _result10 = window[_this.state.VMSdkType].hiddenVideoBtn(_this.videoCtrl.id, videoBtnConfig);
+              if (_result10.ErrCode === 0) {
+                console.log('隐藏按钮执行成功');
+              }
+            } else {
+              window[_this.state.VMSdkType].hiddenVideoBtn(_this.videoCtrl.id, videoBtnConfig, function (result) {
+                if (result.ErrCode === 0) {
+                  console.log('隐藏按钮执行成功');
+                }
+              });
+            }
+          case 2:
+            return _context11.a(2);
+        }
+      }, _callee11);
+    }));
+    // 这是播放器窗格的显示状态
+    _this._setVideoBarStatus = /*#__PURE__*/function () {
+      var _ref14 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee12(status) {
+        var res;
+        return _regenerator().w(function (_context12) {
+          while (1) switch (_context12.n) {
+            case 0:
+              if (!(_this.state.VMSdkType === 'imosPlayer')) {
+                _context12.n = 3;
+                break;
+              }
+              _context12.n = 1;
+              return window[_this.state.VMSdkType].setVideoBarStatus(_this.videoCtrl.id, {
+                status: status
+              });
+            case 1:
+              res = _context12.v;
+              if (!(res.ErrCode === 0)) {
+                _context12.n = 2;
+                break;
+              }
+              return _context12.a(2, true);
+            case 2:
+              console.error(res);
+              return _context12.a(2, false);
+            case 3:
+              return _context12.a(2);
+          }
+        }, _callee12);
+      }));
+      return function (_x0) {
+        return _ref14.apply(this, arguments);
+      };
+    }();
+    /**
+     * 切换数字放大
+     */
+    _this.onDigitalZoom = function () {
+      new Promise(/*#__PURE__*/function () {
+        var _ref15 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee13(resolve) {
+          var res;
+          return _regenerator().w(function (_context13) {
+            while (1) switch (_context13.n) {
+              case 0:
+                _context13.n = 1;
+                return window[_this.state.VMSdkType].onDigitalZoom(_this.videoCtrl);
+              case 1:
+                res = _context13.v;
+                resolve(res);
+              case 2:
+                return _context13.a(2);
+            }
+          }, _callee13);
+        }));
+        return function (_x1) {
+          return _ref15.apply(this, arguments);
+        };
+      }()).then(function (result) {
+        if (result.ErrCode !== 0) {
+          console.log('切换数字放大' + result.ErrMsg);
+          console.error(result.ErrMsg);
+        }
+      });
+    };
+    _this.state = {
+      VMSdkType: props.VMSdkType || 'imosSdk',
+      videoNumber: props.videoIndex + (props.showVideoNumber === 1 ? 1 : 0),
+      // 播放器序号
+      mouseEnter: false,
+      // 鼠标移入
+      windowBtns: [] // 当前窗格中的按钮id数组
+    };
+    _this.recordList = []; // 回放录像段信息
+    _this.currentTime = ''; // 回放当前时间点
+    _this.isRunning = false; // 播放器播放状态
+    _this.camera = null; // 播放器关联相机信息
+    _this.playStatusInfo = {
+      Model: 0
+    }; // 播放状态
+    _this.playFuncInfo = {
+      iPTZSpeed: 5,
+      isContinueSnap: false,
+      isDigitalZoom: false,
+      isMax: false
+    }; // 播放器自带属性
+    _this.videoCtrl = null; // 播放器dom
+    _this.progressInterval = null; //查询状态定时器
+    _this.isDisplayPtzBtn = _this.props.isDisplayPtzBtn || false; // 是否显示云台按钮(窗格内四个方向)
+    _this.isShowReplayProgress = _this.props.isShowReplayProgress || false;
+    _this.ref = null; // 播放器节点dom信息
+    _this.pluginClassName = "pluginVideo pluginVideo".concat(props.videoIndex + '', " pluginVideo").concat(props.windowID + '', " ");
+    return _this;
+  }
+  _inherits(PlayWindow, _Component);
+  return _createClass(PlayWindow, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.createVideoDom();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.progressInterval !== null) {
+        window.clearInterval(this.progressInterval);
+        this.progressInterval = null;
+      }
+    }
+  }, {
+    key: "getPlayStatusModel",
+    value: function getPlayStatusModel() {
+      return this.playStatusInfo.Model;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props10 = this.props,
+        showVideoNumber = _this$props10.showVideoNumber,
+        VMSdkType = _this$props10.VMSdkType,
+        videoIndex = _this$props10.videoIndex,
+        windowID = _this$props10.windowID;
+      var _this$state = this.state,
+        videoNumber = _this$state.videoNumber,
+        mouseEnter = _this$state.mouseEnter;
+      return /*#__PURE__*/React.createElement("div", {
+        id: "".concat(CUSTOM_PREFIX, "-playwindow-").concat(videoIndex),
+        className: "".concat(CUSTOM_PREFIX, "-video_mask-parent")
+      }, showVideoNumber && videoNumber >= 0 && /*#__PURE__*/React.createElement("div", {
+        className: "video-number-mask ".concat(mouseEnter ? 'bottom' : '', " video-number-mask").concat(windowID + ''),
+        style: {
+          zIndex: 98,
+          borderRadius: VMSdkType === 'imosSdk' ? '4em' : 0
+        }
+      }, videoNumber), /*#__PURE__*/React.createElement("div", {
+        className: "videoReplay-content-videoContainer",
+        ref: function ref(self) {
+          return _this2.ref = self;
+        },
+        id: windowID
+      }));
+    }
+  }]);
+}(Component);