@cloud-app-dev/vidc 3.1.16 → 3.1.17

package/es/Player/segment_player.js

@@ -1,18 +1,11 @@
 import _useUpdate from "ahooks/es/useUpdate";
 import _useLatest from "ahooks/es/useLatest";
-
 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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { __rest } from "tslib";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import SinglePlayer from './single_player';
@@ -25,23 +18,18 @@ import { useRegisterPlayerEvent, useVideoEvent } from './event';
  * @param defaultIndex
  * @returns
  */
-
 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);
   }
 }
@@ -52,20 +40,16 @@ function getFirstUrlIndex(segments) {
  * @param deps
  * @returns
  */
-
-
 function usePlayIndex(event, segments) {
   var defaultIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var deps = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-
   var _useState = useState({
-    index: getFirstUrlIndex(segments, defaultIndex)
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1]; // 片段发生变化重新开始计算索引
-
-
+      index: getFirstUrlIndex(segments, defaultIndex)
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  // 片段发生变化重新开始计算索引
   useEffect(function () {
     var index = getFirstUrlIndex(segments, 0);
     setState(function (old) {
@@ -73,11 +57,10 @@ function usePlayIndex(event, segments) {
         index: index
       });
     });
-  }, [segments]); // 索引不存在播放地址，自动跳转下一段
-
+  }, [segments]);
+  // 索引不存在播放地址，自动跳转下一段
   useEffect(function () {
     var _a;
-
     if (!((_a = segments[state.index]) === null || _a === void 0 ? void 0 : _a.url) && state.index < segments.length - 1) {
       setState(function (old) {
         return Object.assign(Object.assign({}, old), {
@@ -85,8 +68,8 @@ function usePlayIndex(event, segments) {
         });
       });
     }
-  }, [segments, state.index]); // 监听片段播放状态，自动跳转下一个片段
-
+  }, [segments, state.index]);
+  // 监听片段播放状态，自动跳转下一个片段
   var endHandle = function endHandle() {
     return setState(function (old) {
       return Object.assign(Object.assign({}, old), {
@@ -94,7 +77,6 @@ function usePlayIndex(event, segments) {
       });
     });
   };
-
   useVideoEvent('ended', endHandle, event);
   useRegisterPlayerEvent(Events.PLAY_ENDED, endHandle, event);
   return {
@@ -113,35 +95,27 @@ function usePlayIndex(event, segments) {
  * @param param0
  * @returns
  */
-
-
 function SegmentPlayer(_a) {
   var segments = _a.segments,
-      begin = _a.begin,
-      forwordRef = _a.forwordRef,
-      defaultIndex = _a.defaultIndex,
-      onCanPlayerInit = _a.onCanPlayerInit,
-      customTimeLine = _a.customTimeLine,
-      props = __rest(_a, ["segments", "begin", "forwordRef", "defaultIndex", "onCanPlayerInit", "customTimeLine"]);
-
+    begin = _a.begin,
+    forwordRef = _a.forwordRef,
+    defaultIndex = _a.defaultIndex,
+    onCanPlayerInit = _a.onCanPlayerInit,
+    customTimeLine = _a.customTimeLine,
+    props = __rest(_a, ["segments", "begin", "forwordRef", "defaultIndex", "onCanPlayerInit", "customTimeLine"]);
   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 _ref = playRef.current || {},
-      api = _ref.api,
-      event = _ref.event;
-
+    api = _ref.api,
+    event = _ref.event;
   var duration = useMemo(function () {
     return segments === null || segments === void 0 ? void 0 : segments.map(function (v) {
       return (v.endTime - v.beginTime) / 1000;
@@ -149,54 +123,43 @@ function SegmentPlayer(_a) {
       return a + b;
     }, 0);
   }, [segments]);
-
   var _usePlayIndex = usePlayIndex(event, segments, defaultIndex, [segments, defaultIndex]),
-      index = _usePlayIndex.index,
-      setIndex = _usePlayIndex.setIndex;
-
+    index = _usePlayIndex.index,
+    setIndex = _usePlayIndex.setIndex;
   var url = useMemo(function () {
     return segments[index] ? segments[index].url : undefined;
-  }, [segments, index]); // 重置reload
-
+  }, [segments, index]);
+  // 重置reload
   var reload = function reload() {
     var _a, _b;
-
     var _ref2 = (_b = (_a = playRef.current) === null || _a === void 0 ? void 0 : _a.plugins) !== null && _b !== void 0 ? _b : [],
-        _ref3 = _slicedToArray(_ref2, 2),
-        hls = _ref3[1];
-
+      _ref3 = _slicedToArray(_ref2, 2),
+      hls = _ref3[1];
     if (hls) {
       hls.swapAudioCodec();
       hls.recoverMediaError();
     }
-
     playRef.current.event.emit(Events.RELOAD);
     playRef.current.event.emit(Events.CLEAR_ERROR_TIMER);
     setIndex(0);
     playRef.current.api.reload();
-  }; // time 毫秒的时间戳
-
-
+  };
+  // time 毫秒的时间戳
   var seekTo = function seekTo(time) {
     var _a, _b;
-
     var index = latestSegmentsRef.current.findIndex(function (v) {
       return time >= v.beginTime && time < v.endTime;
     });
-
     if (index === -1) {
       return;
     }
-
     var _ref4 = (_b = (_a = playRef.current) === null || _a === void 0 ? void 0 : _a.plugins) !== null && _b !== void 0 ? _b : [],
-        _ref5 = _slicedToArray(_ref4, 2),
-        hls = _ref5[1];
-
+      _ref5 = _slicedToArray(_ref4, 2),
+      hls = _ref5[1];
     if (hls) {
       hls.swapAudioCodec();
       hls.recoverMediaError();
     }
-
     var currentTime = time - latestSegmentsRef.current[index].beginTime;
     setIndex(index);
     setState(function (old) {
@@ -204,20 +167,19 @@ function SegmentPlayer(_a) {
         seekTime: currentTime / 1000
       });
     });
-  }; // 处理seek 后index变化后 cuurenttime变化的过程
-
-
+  };
+  // 处理seek 后index变化后 cuurenttime变化的过程
   useEffect(function () {
     if (state.seekTime === 0) {
       return;
     }
-
     setState(function (old) {
       return Object.assign(Object.assign({}, old), {
         seekTime: 0
       });
     });
-    playRef.current.video.currentTime = state.seekTime; // eslint-disable-next-line react-hooks/exhaustive-deps
+    playRef.current.video.currentTime = state.seekTime;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.seekTime]);
   var hasReady = api && event;
   var timeline = customTimeLine !== null && customTimeLine !== void 0 ? customTimeLine : /*#__PURE__*/React.createElement(SegmentTimeLine, {
@@ -229,7 +191,8 @@ function SegmentPlayer(_a) {
   });
   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__*/React.createElement(SinglePlayer, Object.assign({
     ref: playRef,
@@ -244,5 +207,4 @@ function SegmentPlayer(_a) {
     customTimeLine: hasReady ? timeline : /*#__PURE__*/React.createElement(React.Fragment, null)
   }, props));
 }
-
 export default SegmentPlayer;

package/es/Player/segment_timeline.js

@@ -1,18 +1,11 @@
 import "antd/lib/tooltip/style";
 import _Tooltip from "antd/lib/tooltip";
-
 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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { startTransition, useContext, useMemo, useState } from 'react';
 import { useTimes } from './timeline';
 import useBarStatus from './contraller_bar/useBarStatus';
@@ -20,36 +13,30 @@ import moment from 'moment';
 import { FMT } from './util';
 import { Context } from './context';
 import "./style/timeline.css";
-
 function SegmentTimeLine(_ref) {
   var index = _ref.index,
-      segments = _ref.segments,
-      duration = _ref.duration,
-      begin = _ref.begin,
-      seekTo = _ref.seekTo;
-
+    segments = _ref.segments,
+    duration = _ref.duration,
+    begin = _ref.begin,
+    seekTo = _ref.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 _useContext = useContext(Context),
-      api = _useContext.api,
-      event = _useContext.event,
-      isFpsPlay = _useContext.isFpsPlay;
-
+    api = _useContext.api,
+    event = _useContext.event,
+    isFpsPlay = _useContext.isFpsPlay;
   var status = useBarStatus(event);
-
   var _useTimes = useTimes(api, event, isFpsPlay),
-      _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;
@@ -63,12 +50,10 @@ function SegmentTimeLine(_ref) {
   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;
@@ -78,7 +63,6 @@ function SegmentTimeLine(_ref) {
     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;
@@ -90,7 +74,6 @@ function SegmentTimeLine(_ref) {
       });
     });
   };
-
   var onLineMouseOut = function onLineMouseOut() {
     return startTransition(function () {
       return setState(function (old) {
@@ -100,7 +83,6 @@ function SegmentTimeLine(_ref) {
       });
     });
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "player-timeline-layout player-segment-timeline-layout ".concat(status === 0 ? 'hide-time-line' : ''),
     onMouseMove: onLineMouseOver,
@@ -143,44 +125,37 @@ function SegmentTimeLine(_ref) {
     }
   })));
 }
-
 function TipTitle(_ref2) {
   var index = _ref2.index,
-      segments = _ref2.segments,
-      begin = _ref2.begin,
-      current = _ref2.current,
-      markTime = _ref2.markTime;
-
+    segments = _ref2.segments,
+    begin = _ref2.begin,
+    current = _ref2.current,
+    markTime = _ref2.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 _a;
-
     return ((_a = segments[index]) === null || _a === void 0 ? void 0 : _a.url) ? true : false;
   }, [index, segments]);
   return /*#__PURE__*/React.createElement("div", {
@@ -195,5 +170,4 @@ function TipTitle(_ref2) {
     }
   }, hasUrl ? '正常' : '缺失')));
 }
-
 export default SegmentTimeLine;