@vtx/player 1.10.19 → 1.12.1

package/lib/history-player/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.HistoryPlayer = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _api = require("../api");
@@ -12,6 +11,7 @@ var _controls = require("../controls");
 var _utils = require("../history-control-v2/utils");
 var _api2 = _interopRequireDefault(require("../icc/api"));
 var _icons = require("../icons");
+var _locales = require("../locales");
 var _index = require("../player/index");
 var _utils2 = require("../utils");
 var _utils3 = require("@vtx/utils");
@@ -19,13 +19,15 @@ var _ahooks = require("ahooks");
 var _slider = _interopRequireDefault(require("antd/lib/slider"));
 var _space = _interopRequireDefault(require("antd/lib/space"));
 var _moment = _interopRequireDefault(require("moment"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
@@ -53,7 +55,7 @@ var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var HistoryPlayer = exports.HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var url = props.url,
     originalUrl = props.originalUrl,
     _props$beenHasAudio = props.beenHasAudio,
@@ -62,8 +64,7 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     deviceIp = props.deviceIp,
     devicePort = props.devicePort,
     channelNum = props.channelNum,
-    _props$channelId = props.channelId,
-    channelId = _props$channelId === void 0 ? '' : _props$channelId,
+    channelId = props.channelId,
     _props$channelName = props.channelName,
     channelName = _props$channelName === void 0 ? '' : _props$channelName,
     _props$deviceCode = props.deviceCode,
@@ -88,6 +89,7 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     endTime = props.endTime,
     onTimeChange = props.onTimeChange,
     handleUrlChange = props.handleUrlChange,
+    onRecordSearch = props.onRecordSearch,
     screenshot = props.screenshot,
     _reload = props.reload,
     _props$showInfo = props.showInfo,
@@ -97,8 +99,10 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     extraButton = props.extraButton,
     _props$controlVisible = props.controlVisible,
     controlVisible = _props$controlVisible === void 0 ? undefined : _props$controlVisible,
+    activeIndex = props.activeIndex,
     _props$timelineCurren = props.timelineCurrentTime,
     timelineCurrentTime = _props$timelineCurren === void 0 ? '' : _props$timelineCurren;
+  var messages = (0, _locales.getLocaleMessages)();
   var vRef = (0, _react.useRef)(null);
   var totalTime = (0, _moment["default"])(endTime).diff((0, _moment["default"])(startTime), 'seconds');
   var containerRef = (0, _react.useRef)(null);
@@ -121,6 +125,7 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       progress: 0,
       progress2: 0,
       controls: {
+        show: true,
         progress: true
       },
       progressVisible: true,
@@ -135,9 +140,21 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       manual: true
     }),
     GetVtxWsUrl = _useRequest.runAsync;
+  var web34Playback = ['web3.4', 'web3.0'].includes(type);
+  var playbackEffectStartTime = web34Playback ? '' : startTime;
+  var playbackEffectEndTime = web34Playback ? '' : endTime;
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       seekTo: seekTo,
+      playBackByTime: playBackByTime,
+      download: download,
+      getPlaybackInfo: function getPlaybackInfo() {
+        return {
+          startTime: startTime,
+          endTime: endTime,
+          type: type
+        };
+      },
       saveRecordFetch: saveRecordFetch,
       bdPlayer: bdPlayerRef.current
     };
@@ -159,182 +176,202 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var player = null;
     playerRef.current = null;
     (function () {
-      return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var token, PLAYER;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!(transType === 'bd')) {
-                  _context.next = 3;
-                  break;
-                }
-                _context.next = 3;
-                return new Promise(function (resolve) {
-                  setTimeout(function () {
-                    return resolve('');
-                  }, 2000);
-                });
-              case 3:
-                if (!(type === 'icc_ws')) {
-                  _context.next = 8;
-                  break;
-                }
-                _context.next = 6;
-                return _api2["default"].getToken({
-                  deviceId: deviceId
-                });
-              case 6:
-                token = _context.sent;
-                localStorage.setItem('accessToken', token);
-              case 8:
-                PLAYER = null;
-                _context.t0 = transType;
-                _context.next = _context.t0 === 'flv' ? 12 : _context.t0 === 'hls' ? 14 : _context.t0 === 'vtxhls' ? 16 : _context.t0 === 'vtxwhep' ? 18 : _context.t0 === 'hk_ws' ? 20 : _context.t0 === 'hkcar_ws' ? 22 : _context.t0 === 'vtx_ws' ? 24 : _context.t0 === 'icc_ws' ? 26 : _context.t0 === 'webrtc' ? 28 : _context.t0 === 'wfs' ? 30 : _context.t0 === 'h264' ? 32 : _context.t0 === 'bd' ? 34 : _context.t0 === 'mp4' ? 36 : _context.t0 === 'iframe' ? 38 : _context.t0 === 'rsl' ? 40 : 42;
+      return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+        var token, _token, PLAYER, _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              if (!(transType === 'bd')) {
+                _context.n = 1;
                 break;
-              case 12:
-                PLAYER = _index.FlvPlayer;
-                return _context.abrupt("break", 44);
-              case 14:
-                PLAYER = _index.HlsPlayer;
-                return _context.abrupt("break", 44);
-              case 16:
-                PLAYER = _index.VtxHlsPlayer;
-                return _context.abrupt("break", 44);
-              case 18:
-                PLAYER = _index.VtxwhepPlayer;
-                return _context.abrupt("break", 44);
-              case 20:
-                PLAYER = _index.HkwsPlayer;
-                return _context.abrupt("break", 44);
-              case 22:
-                PLAYER = _index.HkcarwsPlayer;
-                return _context.abrupt("break", 44);
-              case 24:
-                PLAYER = _index.VtxwsPlayer;
-                return _context.abrupt("break", 44);
-              case 26:
-                PLAYER = _index.IccwsPlayer;
-                return _context.abrupt("break", 44);
-              case 28:
-                PLAYER = _index.WebrtcPlayer;
-                return _context.abrupt("break", 44);
-              case 30:
-                PLAYER = _index.WfsPlayer;
-                return _context.abrupt("break", 44);
-              case 32:
-                PLAYER = _index.H264Player;
-                return _context.abrupt("break", 44);
-              case 34:
-                PLAYER = _index.BdPlayer;
-                return _context.abrupt("break", 44);
-              case 36:
-                PLAYER = _index.Mp4Player;
-                return _context.abrupt("break", 44);
-              case 38:
-                PLAYER = _index.IframePlayer;
-                return _context.abrupt("break", 44);
-              case 40:
-                PLAYER = _index.RslPlayer;
-                return _context.abrupt("break", 44);
-              case 42:
-                PLAYER = _index.FlvPlayer;
-                return _context.abrupt("break", 44);
-              case 44:
-                _context.next = 46;
-                return new PLAYER({
-                  url: url,
-                  originalUrl: originalUrl,
-                  devicePort: devicePort,
-                  deviceIp: deviceIp,
-                  channelNum: channelNum,
-                  deviceCode: deviceCode,
-                  deviceId: deviceId,
-                  streamType: streamType,
-                  enableAgent: enableAgent,
-                  container: container,
-                  live: false,
-                  startTime: startTime,
-                  endTime: endTime,
-                  type: type,
-                  beenHasAudio: beenHasAudio,
-                  reload: function reload() {
-                    if (typeof _reload === 'function') {
-                      _reload();
-                    }
+              }
+              _context.n = 1;
+              return new Promise(function (resolve) {
+                setTimeout(function () {
+                  return resolve('');
+                }, 2000);
+              });
+            case 1:
+              if (!(type === 'icc_ws')) {
+                _context.n = 3;
+                break;
+              }
+              _context.n = 2;
+              return _api2["default"].getToken({
+                deviceId: deviceId
+              });
+            case 2:
+              token = _context.v;
+              localStorage.setItem('accessToken', token);
+            case 3:
+              if (!(type === 'ysy')) {
+                _context.n = 5;
+                break;
+              }
+              _context.n = 4;
+              return _api2["default"].getTokenYsy({
+                deviceId: deviceId
+              });
+            case 4:
+              _token = _context.v;
+              localStorage.setItem('accessToken', _token);
+            case 5:
+              PLAYER = null;
+              _t = transType;
+              _context.n = _t === 'flv' ? 6 : _t === 'hls' ? 7 : _t === 'vtxhls' ? 8 : _t === 'vtxwhep' ? 9 : _t === 'hk_ws' ? 10 : _t === 'hkcar_ws' ? 11 : _t === 'vtx_ws' ? 12 : _t === 'web3.4' ? 13 : _t === 'web3.0' ? 13 : _t === 'icc_ws' ? 14 : _t === 'webrtc' ? 15 : _t === 'wfs' ? 16 : _t === 'h264' ? 17 : _t === 'bd' ? 18 : _t === 'bd2' ? 18 : _t === 'mp4' ? 19 : _t === 'iframe' ? 20 : _t === 'rsl' ? 21 : _t === 'ysy' ? 22 : 23;
+              break;
+            case 6:
+              PLAYER = _index.FlvPlayer;
+              return _context.a(3, 24);
+            case 7:
+              PLAYER = _index.HlsPlayer;
+              return _context.a(3, 24);
+            case 8:
+              PLAYER = _index.VtxHlsPlayer;
+              return _context.a(3, 24);
+            case 9:
+              PLAYER = _index.VtxwhepPlayer;
+              return _context.a(3, 24);
+            case 10:
+              PLAYER = _index.HkwsPlayer;
+              return _context.a(3, 24);
+            case 11:
+              PLAYER = _index.HkcarwsPlayer;
+              return _context.a(3, 24);
+            case 12:
+              PLAYER = _index.VtxwsPlayer;
+              return _context.a(3, 24);
+            case 13:
+              PLAYER = _index.Web34Player;
+              return _context.a(3, 24);
+            case 14:
+              PLAYER = _index.IccwsPlayer;
+              return _context.a(3, 24);
+            case 15:
+              PLAYER = _index.WebrtcPlayer;
+              return _context.a(3, 24);
+            case 16:
+              PLAYER = _index.WfsPlayer;
+              return _context.a(3, 24);
+            case 17:
+              PLAYER = _index.H264Player;
+              return _context.a(3, 24);
+            case 18:
+              PLAYER = _index.BdPlayer2;
+              return _context.a(3, 24);
+            case 19:
+              PLAYER = _index.Mp4Player;
+              return _context.a(3, 24);
+            case 20:
+              PLAYER = _index.IframePlayer;
+              return _context.a(3, 24);
+            case 21:
+              PLAYER = _index.RslPlayer;
+              return _context.a(3, 24);
+            case 22:
+              PLAYER = _index.YsyPlayer;
+              return _context.a(3, 24);
+            case 23:
+              PLAYER = _index.FlvPlayer;
+              return _context.a(3, 24);
+            case 24:
+              _context.n = 25;
+              return new PLAYER({
+                url: url,
+                originalUrl: originalUrl,
+                devicePort: devicePort,
+                deviceIp: deviceIp,
+                channelNum: channelNum,
+                channelId: channelId,
+                deviceCode: deviceCode,
+                deviceId: deviceId,
+                streamType: streamType,
+                enableAgent: enableAgent,
+                container: container,
+                windowIndex: activeIndex,
+                live: false,
+                startTime: startTime,
+                endTime: endTime,
+                type: type,
+                beenHasAudio: beenHasAudio,
+                onRecordSearch: onRecordSearch,
+                reload: function reload() {
+                  if (typeof _reload === 'function') {
+                    _reload();
                   }
+                }
+              });
+            case 25:
+              player = _context.v;
+              playerRef.current = player;
+              _context.n = 26;
+              return setState({
+                loading: true,
+                error: false,
+                progress: 0,
+                controls: {
+                  show: !['web3.0', 'web3.4', 'ysy'].includes(type),
+                  progress: ['hk_ws', 'hkcar_ws', 'bd'].includes(transType) || transType === 'vtx_ws' && ['ISC', 'ICM'].includes(hkType)
+                },
+                progressVisible: transType === 'vtx_ws' ? ['ISC', 'ICM'].includes(hkType) : true,
+                speedVisible: transType !== 'bd'
+              });
+            case 26:
+              player.playBack().then(function (res) {
+                setState({
+                  play: true,
+                  currentTime: (0, _moment["default"])(startTime).format(_utils2.TimeFormat.params),
+                  loading: false
                 });
-              case 46:
-                player = _context.sent;
-                playerRef.current = player;
-                _context.next = 50;
-                return setState({
-                  loading: true,
-                  error: false,
-                  progress: 0,
-                  controls: {
-                    progress: ['hk_ws', 'hkcar_ws', 'bd'].includes(transType) || transType === 'vtx_ws' && ['ISC', 'ICM'].includes(hkType)
-                  },
-                  progressVisible: transType === 'vtx_ws' ? ['ISC', 'ICM'].includes(hkType) : true,
-                  speedVisible: transType !== 'bd'
-                });
-              case 50:
-                player.playBack().then(function (res) {
-                  setState({
-                    play: true,
-                    currentTime: (0, _moment["default"])(startTime).format(_utils2.TimeFormat.params),
-                    loading: false
+                saveRecordFetch();
+                var i = 1;
+                if (type === 'bd') {
+                  bdPlayerRef.current = res;
+                  handleBDPlay(res);
+                } else if (type === 'hk_ws' || transType === 'ysy') {
+                  player.onTimeUpdate(function (_currentTime, speed) {
+                    if (!state.loading) {
+                      var ct = transType === 'ysy' ? Math.min(Math.max(Math.round(_currentTime), 0), totalTime) : state.currUrl ? (0, _moment["default"])(state.currentTime).diff(startTime, 'seconds') + _currentTime : _currentTime;
+                      setState({
+                        progress: Math.round(ct / totalTime * 100),
+                        currentTime: (0, _moment["default"])(transType !== 'ysy' && state.currUrl ? state.currentTime : startTime).add(transType === 'ysy' ? ct : Math.round(_currentTime), 'seconds').format(_utils2.TimeFormat.params),
+                        speed: speed
+                      });
+                    }
                   });
-                  saveRecordFetch();
-                  var i = 1;
-                  if (type === 'bd') {
-                    bdPlayerRef.current = res;
-                    handleBDPlay(res);
-                  } else if (type !== 'vtx_ws' && transType !== 'flv') {
-                    vRef.current = setInterval(function () {
-                      // 当时间大于等于结束时间时重置
-                      if ((0, _moment["default"])(startTime).add(i, 's').unix() >= (0, _moment["default"])(endTime).unix()) {
-                        clearInterval(vRef.current);
-                        vRef.current = null;
+                } else if (type !== 'vtx_ws' && transType !== 'flv' && transType !== 'ysy') {
+                  vRef.current = setInterval(function () {
+                    // 当时间大于等于结束时间时重置
+                    if ((0, _moment["default"])(startTime).add(i, 's').unix() >= (0, _moment["default"])(endTime).unix()) {
+                      clearInterval(vRef.current);
+                      vRef.current = null;
+                      setState({
+                        currentTime: '',
+                        progress: 0
+                      });
+                    } else {
+                      i++;
+                      if (!state.loading) {
                         setState({
-                          currentTime: '',
-                          progress: 0
+                          currentTime: (0, _moment["default"])(startTime).add(i, 's').format(_utils2.TimeFormat.params),
+                          progress: Math.floor(i * 100 / totalTime)
                         });
-                      } else {
-                        i++;
-                        if (!state.loading) {
-                          setState({
-                            currentTime: (0, _moment["default"])(startTime).add(i, 's').format(_utils2.TimeFormat.params),
-                            progress: Math.floor(i * 100 / totalTime)
-                          });
-                        }
                       }
-                    }, 1000);
-                  }
-                })["catch"](function () {
-                  return setState({
-                    error: true,
-                    loading: false
-                  });
-                })["finally"](function () {
-                  return setState({
-                    loading: false
-                  });
+                    }
+                  }, 1000);
+                }
+              })["catch"](function () {
+                return setState({
+                  error: true,
+                  loading: false
                 });
-                player.onTimeUpdate(function (_currentTime, speed) {
-                  if (!state.loading) {
-                    var ct = state.currUrl ? (0, _moment["default"])(state.currentTime).diff(startTime, 'seconds') + _currentTime : _currentTime;
-                    setState({
-                      progress: Math.round(ct / totalTime * 100),
-                      currentTime: (0, _moment["default"])(state.currUrl ? state.currentTime : startTime).add(Math.round(_currentTime), 'seconds').format(_utils2.TimeFormat.params),
-                      speed: speed
-                    });
-                  }
+              })["finally"](function () {
+                return setState({
+                  loading: false
                 });
-              case 52:
-              case "end":
-                return _context.stop();
-            }
+              });
+            case 27:
+              return _context.a(2);
           }
         }, _callee);
       }));
@@ -352,12 +389,12 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         vRef.current = null;
       }
     };
-  }, [url, startTime, endTime]);
+  }, [url, playbackEffectStartTime, playbackEffectEndTime]);
   // 保存播放记录
   var saveRecordFetch = function saveRecordFetch() {
     (0, _api.saveRecord)({
       id: state.playRecordId,
-      channelId: channelId,
+      channelNum: channelNum,
       channelName: channelName,
       deviceId: deviceId,
       deviceName: deviceName,
@@ -394,7 +431,7 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   /** 截图方法 */
   var handleCapture = function handleCapture(e) {
     var player = playerRef.current;
-    player && player.capture(captureName, screenshot);
+    player && player.capture(captureName || messages.player.captureName, screenshot);
     e.stopPropagation();
   };
   /** 全屏方法 */
@@ -429,7 +466,10 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       handleBDPlay(res);
       return;
     }
-    if (!type) {
+    if (type === 'ysy') {
+      return;
+    }
+    if (!type || type === 'hk_ws') {
       return;
     }
     var i = 1;
@@ -460,6 +500,20 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return Promise.reject();
     }
   };
+  var playBackByTime = function playBackByTime(startTime, endTime) {
+    var player = playerRef.current;
+    if (player === null || player === void 0 ? void 0 : player.playBackByTime) {
+      return player.playBackByTime(startTime, endTime);
+    }
+    return Promise.reject();
+  };
+  var download = function download(options) {
+    var player = playerRef.current;
+    if (player === null || player === void 0 ? void 0 : player.download) {
+      return player.download(options);
+    }
+    return Promise.reject();
+  };
   /** 暂停方法 */
   var handlePause = function handlePause() {
     var player = playerRef.current;
@@ -495,6 +549,7 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
       return;
     }
+    if (type === 'hk_ws' || type === 'ysy') return;
     var i = 2;
     vRef.current = setInterval(function () {
       if ((0, _moment["default"])(state.currentTime).unix() + i >= (0, _moment["default"])(endTime).unix()) {
@@ -574,7 +629,7 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }), state.loading && (0, _jsxRuntime.jsx)(_controls.LoadingState, {}), (0, _jsxRuntime.jsx)(_controls.InfoPanel, {
       showInfo: showInfo,
       info: info
-    }), (0, _jsxRuntime.jsxs)("div", Object.assign({
+    }), state.controls.show && (0, _jsxRuntime.jsxs)("div", Object.assign({
       className: "controls",
       ref: controlsRef,
       style: {
@@ -632,8 +687,6 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }))]
   }));
 });
-exports.HistoryPlayer = HistoryPlayer;
 HistoryPlayer.displayName = 'HistoryPlayer';
-var _default = HistoryPlayer;
-exports["default"] = _default;
+var _default = exports["default"] = HistoryPlayer;
 //# sourceMappingURL=index.js.map