@cloud-app-dev/vidc 4.0.1 → 4.0.3

package/es/Player/event/errorEvent.js

@@ -1,70 +1,49 @@
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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 Flvjs from '@cloud-app-dev/mpegts.js';
 import Hls from 'hls.js';
 import { useEffect, useRef, useState } from 'react';
 import { useRegisterPlayerEvent, useVideoEvent } from '.';
 import EventName from "./eventName";
-
 function useErrorEvent(_ref) {
   var event = _ref.event,
-      reload = _ref.reload,
-      unload = _ref.unload,
-      errorReloadTimer = _ref.errorReloadTimer,
-      flv = _ref.flv,
-      hls = _ref.hls,
-      errorHandleAdapter = _ref.errorHandleAdapter;
-
+    reload = _ref.reload,
+    unload = _ref.unload,
+    errorReloadTimer = _ref.errorReloadTimer,
+    flv = _ref.flv,
+    hls = _ref.hls,
+    errorHandleAdapter = _ref.errorHandleAdapter;
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      errorTimer = _useState2[0],
-      setErrorTime = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    errorTimer = _useState2[0],
+    setErrorTime = _useState2[1];
   var errorInfo = useRef(null);
   var reloadTimer = useRef();
-
   var errorHandle = function errorHandle() {
     var _console;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     if (args[2] && args[2].msg && args[2].msg.includes('Unsupported audio')) {
       return;
     }
-
     (_console = console).error.apply(_console, args);
-
     errorInfo.current = args;
-
     if (!(errorHandleAdapter !== null && errorHandleAdapter !== void 0 && errorHandleAdapter(args))) {
       setErrorTime(errorTimer + 1);
     }
   };
-
   var clearErrorTimer = function clearErrorTimer() {
     return setErrorTime(0);
   };
-
   var reloadSuccess = function reloadSuccess() {
     if (errorTimer > 0) {
       console.warn('视频重连成功！');
@@ -72,7 +51,6 @@ function useErrorEvent(_ref) {
       clearErrorTimer();
     }
   };
-
   useVideoEvent('error', errorHandle);
   useVideoEvent('canplay', reloadSuccess);
   useRegisterPlayerEvent(EventName.ERROR, errorHandle);
@@ -81,24 +59,21 @@ function useErrorEvent(_ref) {
     if (flv) {
       flv.on(Flvjs.Events.ERROR, errorHandle);
     }
-
     if (hls) {
       hls.on(Hls.Events.ERROR, errorHandle);
-    } //事件销毁由flv、hls销毁时控制
+    }
+    //事件销毁由flv、hls销毁时控制
     // eslint-disable-next-line react-hooks/exhaustive-deps
-
   }, [flv, hls]);
   useEffect(function () {
     if (errorTimer === 0) {
       return undefined;
     }
-
     if (errorTimer > errorReloadTimer) {
       unload();
       event === null || event === void 0 ? void 0 : event.emit(EventName.RELOAD_FAIL);
       return undefined;
     }
-
     console.warn("\u89C6\u9891\u64AD\u653E\u51FA\u9519\uFF0C\u6B63\u5728\u8FDB\u884C\u91CD\u8FDE".concat(errorTimer));
     reloadTimer.current = setTimeout(function () {
       event === null || event === void 0 ? void 0 : event.emit.apply(event, [EventName.ERROR_RELOAD, errorTimer].concat(_toConsumableArray(errorInfo.current)));
@@ -106,8 +81,8 @@ function useErrorEvent(_ref) {
     }, 2 * 1000);
     return function () {
       clearTimeout(reloadTimer.current);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [errorTimer, event, flv, hls]);
 }
-
 export default useErrorEvent;

package/es/Player/fps_play.js

@@ -1,15 +1,9 @@
 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, { useEffect, useMemo, useRef, useState } from 'react';
 import useRafInterval from "../useRafInterval";
 import { useRegisterPlayerEvent } from "./event";
@@ -17,18 +11,15 @@ import Events from "./event/eventName";
 import { getDomStyleValue } from "./util";
 import { jsx as _jsx } from "react/jsx-runtime";
 var oneFps = 1 / 30;
-
 function FPSPlay(_ref) {
   var api = _ref.api,
-      event = _ref.event,
-      fpsDelay = _ref.fpsDelay,
-      fps = _ref.fps;
-
+    event = _ref.event,
+    fpsDelay = _ref.fpsDelay,
+    fps = _ref.fps;
   var _useState = useState(Date.now()),
-      _useState2 = _slicedToArray(_useState, 2),
-      forceKey = _useState2[0],
-      update = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    forceKey = _useState2[0],
+    update = _useState2[1];
   var ref = useRef(null);
   var timerRef = useRef();
   var fps_second = useMemo(function () {
@@ -39,28 +30,22 @@ function FPSPlay(_ref) {
       if (!ref.current || !(event !== null && event !== void 0 && event.video) || !api) {
         return;
       }
-
       var video = event.video;
       var fpsTime = api.getCurrentTime() + fps_second;
       video.currentTime = fpsTime;
-
       if (video.currentTime >= api.getDuration()) {
         clearInterval(timerRef.current);
         video.currentTime = 0;
         event.emit(Events.PLAY_ENDED);
       }
-
       var canvas = ref.current;
       var ctx = canvas.getContext('2d');
-
       var _video$getBoundingCli = video.getBoundingClientRect(),
-          width = _video$getBoundingCli.width,
-          height = _video$getBoundingCli.height;
-
+        width = _video$getBoundingCli.width,
+        height = _video$getBoundingCli.height;
       canvas.width = width;
       canvas.height = height;
       var fit = getDomStyleValue(video, 'object-fit');
-
       if (fit === 'fill') {
         //全画面绘制，存在拉伸
         ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(video, 0, 0, width, height);
@@ -74,7 +59,6 @@ function FPSPlay(_ref) {
         ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(video, paddingSize, 0, s_vw, height);
       }
     };
-
     fpsCapture();
     timerRef.current = setInterval(fpsCapture, fpsDelay);
     return function () {
@@ -86,8 +70,9 @@ function FPSPlay(_ref) {
   });
   useRegisterPlayerEvent(Events.CANVAS_PLAY, function () {
     update(Date.now());
-  }); // TODO: 未知情况，video会自动播放，轮训检测并暂停零时解决
+  });
 
+  // TODO: 未知情况，video会自动播放，轮训检测并暂停零时解决
   useRafInterval(function () {
     return !(api !== null && api !== void 0 && api.paused) ? api === null || api === void 0 ? void 0 : api.pause() : null;
   }, 10);
@@ -96,5 +81,4 @@ function FPSPlay(_ref) {
     ref: ref
   });
 }
-
 export default FPSPlay;

package/es/Player/frontend_timeline.js

@@ -1,23 +1,16 @@
+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 _useUpdateEffect from "ahooks/es/useUpdateEffect";
-
 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 moment from 'dayjs';
 import React, { startTransition, useMemo, useState } from 'react';
 import useBarStatus from "./contraller_bar/useBarStatus";
@@ -26,18 +19,15 @@ import { useTimes } from "./timeline";
 import { FMT } from "./util";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 function TipTitle(_ref) {
   var end = _ref.end,
-      begin = _ref.begin,
-      left = _ref.left,
-      current = _ref.current,
-      markTime = _ref.markTime;
-
+    begin = _ref.begin,
+    left = _ref.left,
+    current = _ref.current,
+    markTime = _ref.markTime;
   if (left === -1) {
     return null;
   }
-
   return /*#__PURE__*/_jsxs("div", {
     className: "frontend-line-tip-box",
     style: {
@@ -59,34 +49,30 @@ function TipTitle(_ref) {
     })]
   });
 }
-
 function FrontendTimeLine(_ref2) {
   var duration = _ref2.duration,
-      begin = _ref2.begin,
-      end = _ref2.end,
-      onSeek = _ref2.onSeek;
-
+    begin = _ref2.begin,
+    end = _ref2.end,
+    onSeek = _ref2.onSeek;
   // time 是记录seek时跳了多少
   var _useState = useState({
-    time: 0,
-    markTime: 0,
-    left: -1,
-    visible: false
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var status = useBarStatus(); //获取视频当前播放时长单位s
-
+      time: 0,
+      markTime: 0,
+      left: -1,
+      visible: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var status = useBarStatus();
+
+  //获取视频当前播放时长单位s
   var _useTimes = useTimes(),
-      _useTimes2 = _slicedToArray(_useTimes, 1),
-      currentTime = _useTimes2[0];
-
+    _useTimes2 = _slicedToArray(_useTimes, 1),
+    currentTime = _useTimes2[0];
   var rTime = useMemo(function () {
     return state.time + currentTime;
   }, [state.time, currentTime]);
-
   _useUpdateEffect(function () {
     return setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
@@ -94,27 +80,24 @@ function FrontendTimeLine(_ref2) {
       });
     });
   }, [begin]);
-
   var playPercent = useMemo(function () {
     return rTime / duration * 100;
   }, [duration, rTime]);
   var cTime = useMemo(function () {
     return begin + rTime * 1000;
   }, [begin, rTime]);
-
   var seekWithLine = function seekWithLine(e) {
     var rect = e.currentTarget.getBoundingClientRect();
     var current = e.pageX - rect.left;
     var cTime = current / rect.width * duration;
-    onSeek === null || onSeek === void 0 ? void 0 : onSeek(begin + cTime * 1000); //时间轴进度条rTime是要加上currentTime,这里要减去一下，包装交互一致性
-
+    onSeek === null || onSeek === void 0 ? void 0 : onSeek(begin + cTime * 1000);
+    //时间轴进度条rTime是要加上currentTime,这里要减去一下，包装交互一致性
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
         time: cTime
       });
     });
   };
-
   var onLineMouseOver = function onLineMouseOver(e) {
     var rect = e.currentTarget.getBoundingClientRect();
     var left = e.pageX - rect.left;
@@ -126,7 +109,6 @@ function FrontendTimeLine(_ref2) {
       });
     });
   };
-
   var onLineMouseOut = function onLineMouseOut() {
     return startTransition(function () {
       return setState(function (old) {
@@ -136,7 +118,6 @@ function FrontendTimeLine(_ref2) {
       });
     });
   };
-
   return /*#__PURE__*/_jsxs("div", {
     className: "player-timeline-layout frontend-player-timeline-layout ".concat(status === 0 ? 'hide-time-line' : ''),
     onClick: seekWithLine,
@@ -161,5 +142,4 @@ function FrontendTimeLine(_ref2) {
     })]
   });
 }
-
 export default FrontendTimeLine;

package/es/Player/player.d.ts

@@ -1,5 +1,6 @@
 import type Flvjs from '@cloud-app-dev/mpegts.js';
-import type Hls, { HlsConfig } from 'hls.js';
+import type Hls from 'hls.js';
+import type { HlsConfig } from 'hls.js';
 import type React from 'react';
 import type Api from './api';
 import type VideoEventInstance from './event';

package/es/Player/segment_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 { Tooltip } from 'antd';
 import moment from 'dayjs';
 import React, { startTransition, useMemo, useState } from 'react';
@@ -25,44 +19,37 @@ import { useTimes } from "./timeline";
 import { FMT } from "./util";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 function TipTitle(_ref) {
   var index = _ref.index,
-      segments = _ref.segments,
-      begin = _ref.begin,
-      current = _ref.current,
-      markTime = _ref.markTime;
-
+    segments = _ref.segments,
+    begin = _ref.begin,
+    current = _ref.current,
+    markTime = _ref.markTime;
   var _useMemo = useMemo(function () {
-    if (index === 0) {
-      var _start = begin;
-
-      var _end = begin + (segments[0].endTime - segments[0].beginTime);
-
+      if (index === 0) {
+        var _start = begin;
+        var _end = begin + (segments[0].endTime - segments[0].beginTime);
+        return {
+          start: moment(_start).format(FMT),
+          end: moment(_end).format(FMT)
+        };
+      }
+      var indexDuration = segments.map(function (v) {
+        return v.endTime - v.beginTime;
+      }).reduce(function (a, b, i) {
+        return i >= index ? a : a + b;
+      }, 0);
+      var start = begin + indexDuration;
+      var end = start + (segments[index].endTime - segments[index].beginTime);
       return {
-        start: moment(_start).format(FMT),
-        end: moment(_end).format(FMT)
+        start: moment(start).format(FMT),
+        end: moment(end).format(FMT)
       };
-    }
-
-    var indexDuration = segments.map(function (v) {
-      return v.endTime - v.beginTime;
-    }).reduce(function (a, b, i) {
-      return i >= index ? a : a + b;
-    }, 0);
-    var start = begin + indexDuration;
-    var end = start + (segments[index].endTime - segments[index].beginTime);
-    return {
-      start: moment(start).format(FMT),
-      end: moment(end).format(FMT)
-    };
-  }, [index, segments, begin]),
-      start = _useMemo.start,
-      end = _useMemo.end;
-
+    }, [index, segments, begin]),
+    start = _useMemo.start,
+    end = _useMemo.end;
   var hasUrl = useMemo(function () {
     var _segments$index;
-
     return (_segments$index = segments[index]) !== null && _segments$index !== void 0 && _segments$index.url ? true : false;
   }, [index, segments]);
   return /*#__PURE__*/_jsxs("div", {
@@ -90,31 +77,26 @@ function TipTitle(_ref) {
     })]
   });
 }
-
 function SegmentTimeLine(_ref2) {
   var index = _ref2.index,
-      segments = _ref2.segments,
-      duration = _ref2.duration,
-      begin = _ref2.begin,
-      seekTo = _ref2.seekTo;
-
+    segments = _ref2.segments,
+    duration = _ref2.duration,
+    begin = _ref2.begin,
+    seekTo = _ref2.seekTo;
   var _useState = useState({
-    time: 0,
-    markTime: 0,
-    left: -1,
-    visible: false
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      time: 0,
+      markTime: 0,
+      left: -1,
+      visible: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var status = useBarStatus();
-
   var _useTimes = useTimes(),
-      _useTimes2 = _slicedToArray(_useTimes, 2),
-      currentTime = _useTimes2[0],
-      buffered = _useTimes2[1];
-
+    _useTimes2 = _slicedToArray(_useTimes, 2),
+    currentTime = _useTimes2[0],
+    buffered = _useTimes2[1];
   var indexDuration = useMemo(function () {
     return segments.map(function (v) {
       return (v.endTime - v.beginTime) / 1000;
@@ -128,12 +110,10 @@ function SegmentTimeLine(_ref2) {
   var bufferedPercent = useMemo(function () {
     return (buffered + indexDuration) / duration * 100;
   }, [buffered, duration, indexDuration]);
-
   var seekWithLine = function seekWithLine(e, i) {
     if (!segments[i].url) {
       return;
     }
-
     var ele = e.currentTarget;
     var rect = ele.getBoundingClientRect();
     var current = e.pageX - rect.left;
@@ -143,7 +123,6 @@ function SegmentTimeLine(_ref2) {
     var currentTime = current / rect.width * duration;
     seekTo(Math.round(currentTime + pTime));
   };
-
   var onLineMouseOver = function onLineMouseOver(e) {
     var rect = e.currentTarget.getBoundingClientRect();
     var left = e.pageX - rect.left;
@@ -155,7 +134,6 @@ function SegmentTimeLine(_ref2) {
       });
     });
   };
-
   var onLineMouseOut = function onLineMouseOut() {
     return startTransition(function () {
       return setState(function (old) {
@@ -165,7 +143,6 @@ function SegmentTimeLine(_ref2) {
       });
     });
   };
-
   return /*#__PURE__*/_jsx("div", {
     className: "player-timeline-layout player-segment-timeline-layout ".concat(status === 0 ? 'hide-time-line' : ''),
     onMouseMove: onLineMouseOver,
@@ -210,5 +187,4 @@ function SegmentTimeLine(_ref2) {
     })
   });
 }
-
 export default SegmentTimeLine;