@cloud-app-dev/vidc 4.0.8 → 4.0.9

package/es/Player/segment_player.js

@@ -1,82 +1,65 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 import _useUpdate from "ahooks/es/useUpdate";
 import _useLatest from "ahooks/es/useLatest";
 var _excluded = ["segments", "begin", "forwordRef", "defaultIndex", "onCanPlayerInit", "customTimeLine"];
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useRegisterPlayerEvent, useVideoEvent } from "./event";
 import Events from "./event/eventName";
 import SegmentTimeLine from "./segment_timeline";
 import SinglePlayer from "./single_player";
+
 /**
  * @desc 计算第一个url
  * @param segments
  * @param defaultIndex
  * @returns
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-
 function getFirstUrlIndex(segments) {
   var defaultIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
   if (!(Array.isArray(segments) && segments.length > 0)) {
     return defaultIndex;
   }
-
   if (segments[defaultIndex].url) {
     return defaultIndex;
   } else {
     var i = defaultIndex + 1;
-
     if (i > segments.length) {
       return i;
     }
-
     return getFirstUrlIndex(segments, i);
   }
 }
+
 /**
  * @desc 片段索引控制
  * @param event
  * @param segments
  * @returns
  */
-
-
 function usePlayIndex(event, segments) {
   var defaultIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-
   var _useState = useState({
-    index: getFirstUrlIndex(segments !== null && segments !== void 0 ? segments : [], defaultIndex)
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1]; // 片段发生变化重新开始计算索引
-
-
+      index: getFirstUrlIndex(segments !== null && segments !== void 0 ? segments : [], defaultIndex)
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  // 片段发生变化重新开始计算索引
   useEffect(function () {
     var index = getFirstUrlIndex(segments !== null && segments !== void 0 ? segments : [], 0);
     setState(function (old) {
@@ -84,11 +67,11 @@ function usePlayIndex(event, segments) {
         index: index
       });
     });
-  }, [segments]); // 索引不存在播放地址，自动跳转下一段
+  }, [segments]);
 
+  // 索引不存在播放地址，自动跳转下一段
   useEffect(function () {
     var _segments$state$index, _segments$length;
-
     if (!(segments !== null && segments !== void 0 && (_segments$state$index = segments[state.index]) !== null && _segments$state$index !== void 0 && _segments$state$index.url) && state.index < ((_segments$length = segments === null || segments === void 0 ? void 0 : segments.length) !== null && _segments$length !== void 0 ? _segments$length : 0) - 1) {
       setState(function (old) {
         return _objectSpread(_objectSpread({}, old), {}, {
@@ -96,18 +79,17 @@ function usePlayIndex(event, segments) {
         });
       });
     }
-  }, [segments, state.index]); // 监听片段播放状态，自动跳转下一个片段
+  }, [segments, state.index]);
 
+  // 监听片段播放状态，自动跳转下一个片段
   var endHandle = function endHandle() {
     return setState(function (old) {
       var _segments$length2;
-
       return _objectSpread(_objectSpread({}, old), {}, {
         index: old.index + 1 < ((_segments$length2 = segments === null || segments === void 0 ? void 0 : segments.length) !== null && _segments$length2 !== void 0 ? _segments$length2 : 0) ? old.index + 1 : old.index
       });
     });
   };
-
   useVideoEvent('ended', endHandle, event);
   useRegisterPlayerEvent(Events.PLAY_ENDED, endHandle, event);
   return {
@@ -121,40 +103,33 @@ function usePlayIndex(event, segments) {
     }
   };
 }
+
 /**
  * @desc 主组件，负责片段整体逻辑控制
  * @param param0
  * @returns
  */
-
-
 function SegmentPlayer(_ref) {
   var segments = _ref.segments,
-      begin = _ref.begin,
-      forwordRef = _ref.forwordRef,
-      defaultIndex = _ref.defaultIndex,
-      onCanPlayerInit = _ref.onCanPlayerInit,
-      customTimeLine = _ref.customTimeLine,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    begin = _ref.begin,
+    forwordRef = _ref.forwordRef,
+    defaultIndex = _ref.defaultIndex,
+    onCanPlayerInit = _ref.onCanPlayerInit,
+    customTimeLine = _ref.customTimeLine,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useState3 = useState({
-    seekTime: 0
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      state = _useState4[0],
-      setState = _useState4[1];
-
+      seekTime: 0
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    state = _useState4[0],
+    setState = _useState4[1];
   var latestSegmentsRef = _useLatest(segments);
-
   var update = _useUpdate();
-
   var ref = useRef(null);
   var playRef = forwordRef ? forwordRef : ref;
-
   var _ref2 = playRef.current || {},
-      api = _ref2.api,
-      event = _ref2.event;
-
+    api = _ref2.api,
+    event = _ref2.event;
   var duration = useMemo(function () {
     return segments === null || segments === void 0 ? void 0 : segments.map(function (v) {
       return (v.endTime - v.beginTime) / 1000;
@@ -162,55 +137,45 @@ function SegmentPlayer(_ref) {
       return a + b;
     }, 0);
   }, [segments]);
-
   var _usePlayIndex = usePlayIndex(event, segments, defaultIndex),
-      index = _usePlayIndex.index,
-      setIndex = _usePlayIndex.setIndex;
-
+    index = _usePlayIndex.index,
+    setIndex = _usePlayIndex.setIndex;
   var url = useMemo(function () {
     return segments !== null && segments !== void 0 && segments[index] ? segments[index].url : undefined;
-  }, [segments, index]); // 重置reload
-
+  }, [segments, index]);
+  // 重置reload
   var reload = function reload() {
     var _playRef$current$plug, _playRef$current, _playRef$current2, _playRef$current3, _playRef$current4;
-
     var _ref3 = (_playRef$current$plug = (_playRef$current = playRef.current) === null || _playRef$current === void 0 ? void 0 : _playRef$current.plugins) !== null && _playRef$current$plug !== void 0 ? _playRef$current$plug : [],
-        _ref4 = _slicedToArray(_ref3, 2),
-        hls = _ref4[1];
-
+      _ref4 = _slicedToArray(_ref3, 2),
+      hls = _ref4[1];
     if (hls) {
       hls.swapAudioCodec();
       hls.recoverMediaError();
     }
-
     (_playRef$current2 = playRef.current) === null || _playRef$current2 === void 0 ? void 0 : _playRef$current2.event.emit(Events.RELOAD);
     (_playRef$current3 = playRef.current) === null || _playRef$current3 === void 0 ? void 0 : _playRef$current3.event.emit(Events.CLEAR_ERROR_TIMER);
     setIndex(0);
     (_playRef$current4 = playRef.current) === null || _playRef$current4 === void 0 ? void 0 : _playRef$current4.api.reload();
-  }; // time 毫秒的时间戳
-
+  };
 
+  // time 毫秒的时间戳
   var seekTo = function seekTo(time) {
     var _latestSegmentsRef$cu, _playRef$current$plug2, _playRef$current5, _cSegments$index;
-
     var cSegments = (_latestSegmentsRef$cu = latestSegmentsRef.current) !== null && _latestSegmentsRef$cu !== void 0 ? _latestSegmentsRef$cu : [];
     var index = cSegments.findIndex(function (v) {
       return time >= v.beginTime && time < v.endTime;
     });
-
     if (index === -1) {
       return;
     }
-
     var _ref5 = (_playRef$current$plug2 = (_playRef$current5 = playRef.current) === null || _playRef$current5 === void 0 ? void 0 : _playRef$current5.plugins) !== null && _playRef$current$plug2 !== void 0 ? _playRef$current$plug2 : [],
-        _ref6 = _slicedToArray(_ref5, 2),
-        hls = _ref6[1];
-
+      _ref6 = _slicedToArray(_ref5, 2),
+      hls = _ref6[1];
     if (hls) {
       hls.swapAudioCodec();
       hls.recoverMediaError();
     }
-
     var currentTime = time - ((_cSegments$index = cSegments[index]) === null || _cSegments$index === void 0 ? void 0 : _cSegments$index.beginTime);
     setIndex(index);
     setState(function (old) {
@@ -218,26 +183,23 @@ function SegmentPlayer(_ref) {
         seekTime: currentTime / 1000
       });
     });
-  }; // 处理seek 后index变化后 cuurenttime变化的过程
-
+  };
 
+  // 处理seek 后index变化后 cuurenttime变化的过程
   useEffect(function () {
     var _playRef$current6;
-
     if (state.seekTime === 0) {
       return;
     }
-
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
         seekTime: 0
       });
     });
-
     if ((_playRef$current6 = playRef.current) !== null && _playRef$current6 !== void 0 && _playRef$current6.video) {
       playRef.current.video.currentTime = state.seekTime;
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.seekTime]);
   var hasReady = api && event;
   var timeline = customTimeLine !== null && customTimeLine !== void 0 ? customTimeLine : /*#__PURE__*/_jsx(SegmentTimeLine, {
@@ -249,7 +211,8 @@ function SegmentPlayer(_ref) {
   });
   var onInit = useCallback(function () {
     update();
-    onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/_jsx(SinglePlayer, _objectSpread({
     ref: playRef,
@@ -264,5 +227,4 @@ function SegmentPlayer(_ref) {
     customTimeLine: hasReady ? timeline : /*#__PURE__*/_jsx(_Fragment, {})
   }, props));
 }
-
 export default SegmentPlayer;

package/es/Player/timeline.js

@@ -1,21 +1,15 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useContext, useMemo, useState } from 'react';
 import { Context } from "./context";
 import useBarStatus from "./contraller_bar/useBarStatus";
@@ -25,81 +19,66 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function useTimes() {
   var _useContext = useContext(Context),
-      api = _useContext.api,
-      isFpsPlay = _useContext.isFpsPlay;
-
+    api = _useContext.api,
+    isFpsPlay = _useContext.isFpsPlay;
   var _useState = useState({
-    currentTime: 0,
-    buffered: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      currentTime: 0,
+      buffered: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var getCurrentTime = function getCurrentTime() {
     return setState(function (old) {
       var _api$getCurrentTime, _api$getSecondsLoaded;
-
       return _objectSpread(_objectSpread({}, old), {}, {
         currentTime: (_api$getCurrentTime = api === null || api === void 0 ? void 0 : api.getCurrentTime()) !== null && _api$getCurrentTime !== void 0 ? _api$getCurrentTime : 0,
         buffered: (_api$getSecondsLoaded = api === null || api === void 0 ? void 0 : api.getSecondsLoaded()) !== null && _api$getSecondsLoaded !== void 0 ? _api$getSecondsLoaded : 0
       });
     });
   };
-
   var getBuffered = function getBuffered() {
     return setState(function (old) {
       var _api$getSecondsLoaded2;
-
       return _objectSpread(_objectSpread({}, old), {}, {
         buffered: (_api$getSecondsLoaded2 = api === null || api === void 0 ? void 0 : api.getSecondsLoaded()) !== null && _api$getSecondsLoaded2 !== void 0 ? _api$getSecondsLoaded2 : 0
       });
     });
   };
-
   var seekendPlay = function seekendPlay() {
     return !isFpsPlay && (api === null || api === void 0 ? void 0 : api.play());
   };
-
   useVideoEvent('timeupdate', getCurrentTime);
   useVideoEvent('progress', getBuffered);
   useVideoEvent('suspend', getBuffered);
   useVideoEvent('seeked', seekendPlay);
   return useMemo(function () {
     var _api$getDuration;
-
     return [state.currentTime, state.buffered, (_api$getDuration = api === null || api === void 0 ? void 0 : api.getDuration()) !== null && _api$getDuration !== void 0 ? _api$getDuration : 0];
   }, [state.currentTime, state.buffered, api]);
 }
-
 function TimeLine() {
   var _useContext2 = useContext(Context),
-      api = _useContext2.api;
-
+    api = _useContext2.api;
   var status = useBarStatus();
-
   var _useTimes = useTimes(),
-      _useTimes2 = _slicedToArray(_useTimes, 3),
-      currentTime = _useTimes2[0],
-      buffered = _useTimes2[1],
-      duration = _useTimes2[2];
-
+    _useTimes2 = _slicedToArray(_useTimes, 3),
+    currentTime = _useTimes2[0],
+    buffered = _useTimes2[1],
+    duration = _useTimes2[2];
   var playPercent = useMemo(function () {
     return currentTime / duration * 100;
   }, [currentTime, duration]);
   var bufferedPercent = useMemo(function () {
     return buffered / duration * 100;
   }, [buffered, duration]);
-
   var seekWithLine = function seekWithLine(e) {
     var _api$getDuration2;
-
     var rect = e.currentTarget.getBoundingClientRect();
     var current = e.pageX - rect.left;
     var cTime = current / rect.width * ((_api$getDuration2 = api === null || api === void 0 ? void 0 : api.getDuration()) !== null && _api$getDuration2 !== void 0 ? _api$getDuration2 : 0);
     api === null || api === void 0 ? void 0 : api.seekTo(cTime);
   };
-
   return /*#__PURE__*/_jsxs("div", {
     className: "player-timeline-layout ".concat(status === 0 ? 'hide-time-line' : ''),
     onClick: seekWithLine,
@@ -116,5 +95,4 @@ function TimeLine() {
     })]
   });
 }
-
 export default TimeLine;

package/es/PlayerExt/demo.js

@@ -1,21 +1,15 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useState } from 'react';
 import { Button, ConfigProvider, Select, Input } from 'antd';
 import Player from "../Player/single_player";
@@ -39,20 +33,18 @@ var options2 = [{
   value: 0,
   label: '录像'
 }];
-
 //http://192.168.101.162:14088/flv/live/1853e2a5c3308bd62/2.flv?device_id=&channel_id=1853e2a5c3308bd62&stream_index=2&ip=0
 function Demo() {
   var _useState = useState({
-    type: undefined,
-    isLive: 1,
-    url: '',
-    tempUrl: '',
-    mode: 1
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      type: undefined,
+      isLive: 1,
+      url: '',
+      tempUrl: '',
+      mode: 1
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   return /*#__PURE__*/_jsxs("div", {
     style: {
       width: '100%',
@@ -169,12 +161,10 @@ function Demo() {
     })]
   });
 }
-
 var App = function App() {
   return /*#__PURE__*/_jsx(ConfigProvider, {
     prefixCls: "cloudapp",
     children: /*#__PURE__*/_jsx(Demo, {})
   });
 };
-
 export default App;