@cloud-app-dev/vidc 3.2.17 → 3.2.18

package/es/Player/contraller_bar/left_bar.js

@@ -10,13 +10,13 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState, useCallback, useMemo, useContext } from 'react';
-import IconFont from "../iconfont";
-import Bar from "./bar";
+import React, { useCallback, useContext, useMemo, useState } from 'react';
 import { Context } from "../context";
 import { useVideoEvent } from "../event";
-import Volume from "./volume";
+import IconFont from "../iconfont";
+import Bar from "./bar";
 import Time from "./time";
+import Volume from "./volume";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
@@ -45,7 +45,7 @@ function LeftBar(_ref) {
   useVideoEvent('play', updateRender);
   useVideoEvent('pause', updateRender);
   useVideoEvent('volumechange', updateRender);
-  var video = container.querySelector('video'); //缓存值
+  var video = container === null || container === void 0 ? void 0 : container.querySelector('video'); //缓存值
   // eslint-disable-next-line react-hooks/exhaustive-deps
 
   var paused = useMemo(function () {
@@ -60,11 +60,13 @@ function LeftBar(_ref) {
 
   var changePlayStatus = useCallback(function () {
     if (video !== null && video !== void 0 && video.paused) {
-      var buffered = api.getSecondsLoaded();
-      api.seekTo(buffered - 1);
-      api.play();
+      var _api$getSecondsLoaded;
+
+      var buffered = (_api$getSecondsLoaded = api === null || api === void 0 ? void 0 : api.getSecondsLoaded()) !== null && _api$getSecondsLoaded !== void 0 ? _api$getSecondsLoaded : 1;
+      api === null || api === void 0 ? void 0 : api.seekTo(buffered - 1);
+      api === null || api === void 0 ? void 0 : api.play();
     } else {
-      api.pause();
+      api === null || api === void 0 ? void 0 : api.pause();
     }
   }, [video, api]);
   return /*#__PURE__*/_jsxs("div", {
@@ -87,7 +89,7 @@ function LeftBar(_ref) {
       })
     }), !isLive && oneFpsPlay && /*#__PURE__*/_jsx(Bar, {
       children: /*#__PURE__*/_jsx(IconFont, {
-        onClick: isFpsPlay ? api.closeFpsPlay : api.openFpsPlay,
+        onClick: isFpsPlay ? api === null || api === void 0 ? void 0 : api.closeFpsPlay : api === null || api === void 0 ? void 0 : api.openFpsPlay,
         type: "lm-player-zhuzhenplay",
         title: "\u9010\u5E27\u64AD\u653E"
       })

package/es/Player/empty.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Empty() {
+  return /*#__PURE__*/_jsx(_Fragment, {});
+}

package/es/Player/event/errorEvent.js

@@ -18,15 +18,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { useState, useEffect, useRef } from 'react';
-import EventName from "./eventName";
 import Flvjs from '@cloud-app-dev/flv.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,
-      api = _ref.api,
       reload = _ref.reload,
       unload = _ref.unload,
       errorReloadTimer = _ref.errorReloadTimer,
@@ -40,7 +39,7 @@ function useErrorEvent(_ref) {
       setErrorTime = _useState2[1];
 
   var errorInfo = useRef(null);
-  var reloadTimer = useRef(null);
+  var reloadTimer = useRef();
 
   var errorHandle = function errorHandle() {
     var _console;
@@ -69,7 +68,7 @@ function useErrorEvent(_ref) {
   var reloadSuccess = function reloadSuccess() {
     if (errorTimer > 0) {
       console.warn('视频重连成功！');
-      event.emit(EventName.RELOAD_SUCCESS);
+      event === null || event === void 0 ? void 0 : event.emit(EventName.RELOAD_SUCCESS);
       clearErrorTimer();
     }
   };
@@ -96,19 +95,19 @@ function useErrorEvent(_ref) {
 
     if (errorTimer > errorReloadTimer) {
       unload();
-      event.emit(EventName.RELOAD_FAIL);
+      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.emit.apply(event, [EventName.ERROR_RELOAD, errorTimer].concat(_toConsumableArray(errorInfo.current)));
+      event === null || event === void 0 ? void 0 : event.emit.apply(event, [EventName.ERROR_RELOAD, errorTimer].concat(_toConsumableArray(errorInfo.current)));
       reload();
     }, 2 * 1000);
     return function () {
       clearTimeout(reloadTimer.current);
     }; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [errorTimer, api, event, flv, hls]);
+  }, [errorTimer, event, flv, hls]);
 }
 
 export default useErrorEvent;

package/es/Player/event/index.js

@@ -117,7 +117,7 @@ var VideoEventInstance = /*#__PURE__*/function () {
 }();
 
 export function usePlayerEvent(video) {
-  var _useState = useState(null),
+  var _useState = useState(undefined),
       _useState2 = _slicedToArray(_useState, 2),
       event = _useState2[0],
       setEvent = _useState2[1];

package/es/Player/fps_play.js

@@ -11,9 +11,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import Events from "./event/eventName";
 import useRafInterval from "../useRafInterval";
 import { useRegisterPlayerEvent } from "./event";
+import Events from "./event/eventName";
 import { getDomStyleValue } from "./util";
 import { jsx as _jsx } from "react/jsx-runtime";
 var oneFps = 1 / 30;
@@ -30,21 +30,23 @@ function FPSPlay(_ref) {
       update = _useState2[1];
 
   var ref = useRef(null);
-  var timerRef = useRef(null);
+  var timerRef = useRef();
   var fps_second = useMemo(function () {
     return fps ? 1 / fps : oneFps;
   }, [fps]);
   useEffect(function () {
     var fpsCapture = function fpsCapture() {
-      if (!ref.current || !event.video) {
+      var _api$getCurrentTime, _api$getDuration;
+
+      if (!ref.current || !(event !== null && event !== void 0 && event.video)) {
         return;
       }
 
       var video = event.video;
-      var fpsTime = api.getCurrentTime() + fps_second;
+      var fpsTime = (_api$getCurrentTime = api === null || api === void 0 ? void 0 : api.getCurrentTime()) !== null && _api$getCurrentTime !== void 0 ? _api$getCurrentTime : 0 + fps_second;
       video.currentTime = fpsTime;
 
-      if (video.currentTime >= api.getDuration()) {
+      if (video.currentTime >= ((_api$getDuration = api === null || api === void 0 ? void 0 : api.getDuration()) !== null && _api$getDuration !== void 0 ? _api$getDuration : 0)) {
         clearInterval(timerRef.current);
         video.currentTime = 0;
         event.emit(Events.PLAY_ENDED);
@@ -63,7 +65,7 @@ function FPSPlay(_ref) {
 
       if (fit === 'fill') {
         //全画面绘制，存在拉伸
-        ctx.drawImage(video, 0, 0, width, height);
+        ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(video, 0, 0, width, height);
       } else {
         // 自适应绘制
         var videoWidth = video.videoWidth;
@@ -71,7 +73,7 @@ function FPSPlay(_ref) {
         var scale = height / videoHeight;
         var s_vw = scale * videoWidth;
         var paddingSize = (width - s_vw) / 2;
-        ctx.drawImage(video, paddingSize, 0, s_vw, height);
+        ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(video, paddingSize, 0, s_vw, height);
       }
     };
 
@@ -89,7 +91,7 @@ function FPSPlay(_ref) {
   }); // TODO: 未知情况，video会自动播放，轮训检测并暂停零时解决
 
   useRafInterval(function () {
-    return !api.paused ? api.pause() : null;
+    return !(api !== null && api !== void 0 && api.paused) ? api === null || api === void 0 ? void 0 : api.pause() : null;
   }, 10);
   return /*#__PURE__*/_jsx("canvas", {
     className: "fps-play-canvas",

package/es/Player/frontend_player.js

@@ -13,16 +13,17 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 
 import React, { useMemo, useRef } from 'react';
-import SinglePlayer from "./single_player";
-import FrontendTimeLine from "./frontend_timeline";
 import Events from "./event/eventName";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-
+import FrontendTimeLine from "./frontend_timeline";
+import SinglePlayer from "./single_player";
 /**
  * @desc 主组件，负责片段整体逻辑控制
  * @return JSX.Element
  */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+
 function FrontendPlayer(_ref) {
   var url = _ref.url,
       begin = _ref.begin,
@@ -44,14 +45,16 @@ function FrontendPlayer(_ref) {
 
 
   var duration = useMemo(function () {
-    return (end - begin) / 1000;
+    return (end !== null && end !== void 0 ? end : 0 - (begin !== null && begin !== void 0 ? begin : 0)) / 1000;
   }, [begin, end]); //单位s 秒
   // 重置reload
 
   var reload = _useMemoizedFn(function () {
-    playRef.current.event.emit(Events.RELOAD);
+    var _playRef$current, _playRef$current2;
+
+    (_playRef$current = playRef.current) === null || _playRef$current === void 0 ? void 0 : _playRef$current.event.emit(Events.RELOAD);
     onSeek === null || onSeek === void 0 ? void 0 : onSeek(begin);
-    playRef.current.api.reload();
+    (_playRef$current2 = playRef.current) === null || _playRef$current2 === void 0 ? void 0 : _playRef$current2.api.reload();
   });
 
   var onInit = _useMemoizedFn(function () {
@@ -61,9 +64,9 @@ function FrontendPlayer(_ref) {
 
   var hasReady = api && event;
   var timeline = customTimeLine !== null && customTimeLine !== void 0 ? customTimeLine : /*#__PURE__*/_jsx(FrontendTimeLine, {
-    end: end,
+    end: end !== null && end !== void 0 ? end : 0,
     onSeek: onSeek,
-    begin: begin,
+    begin: begin !== null && begin !== void 0 ? begin : 0,
     duration: duration
   });
   return /*#__PURE__*/_jsx(SinglePlayer, _objectSpread({

package/es/Player/frontend_timeline.js

@@ -18,20 +18,53 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useMemo, useState, startTransition } from 'react';
+import moment from 'moment';
+import React, { startTransition, useMemo, useState } from 'react';
 import useBarStatus from "./contraller_bar/useBarStatus";
+import "./style/timeline.less";
 import { useTimes } from "./timeline";
 import { FMT } from "./util";
-import moment from 'moment';
-import "./style/timeline.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
-function FrontendTimeLine(_ref) {
-  var duration = _ref.duration,
+function TipTitle(_ref) {
+  var end = _ref.end,
       begin = _ref.begin,
-      end = _ref.end,
-      onSeek = _ref.onSeek;
+      left = _ref.left,
+      current = _ref.current,
+      markTime = _ref.markTime;
+
+  if (left === -1) {
+    return null;
+  }
+
+  return /*#__PURE__*/_jsxs("div", {
+    className: "frontend-line-tip-box",
+    style: {
+      left: left
+    },
+    children: [/*#__PURE__*/_jsx("div", {
+      style: {
+        fontWeight: 600
+      },
+      children: "\u5F55\u50CF\u4FE1\u606F"
+    }), /*#__PURE__*/_jsxs("div", {
+      children: ["\u5F00\u59CB\uFF1A", moment(begin).format(FMT)]
+    }), /*#__PURE__*/_jsxs("div", {
+      children: ["\u7ED3\u675F\uFF1A", moment(end).format(FMT)]
+    }), /*#__PURE__*/_jsxs("div", {
+      children: ["\u523B\u5EA6\uFF1A", moment(markTime).format(FMT)]
+    }), /*#__PURE__*/_jsxs("div", {
+      children: ["\u5F53\u524D\uFF1A", moment(current).format(FMT)]
+    })]
+  });
+}
+
+function FrontendTimeLine(_ref2) {
+  var duration = _ref2.duration,
+      begin = _ref2.begin,
+      end = _ref2.end,
+      onSeek = _ref2.onSeek;
 
   // time 是记录seek时跳了多少
   var _useState = useState({
@@ -94,7 +127,7 @@ function FrontendTimeLine(_ref) {
     });
   };
 
-  var onLineMouseOut = function onLineMouseOut(e) {
+  var onLineMouseOut = function onLineMouseOut() {
     return startTransition(function () {
       return setState(function (old) {
         return _objectSpread(_objectSpread({}, old), {}, {
@@ -129,37 +162,4 @@ function FrontendTimeLine(_ref) {
   });
 }
 
-function TipTitle(_ref2) {
-  var end = _ref2.end,
-      begin = _ref2.begin,
-      left = _ref2.left,
-      current = _ref2.current,
-      markTime = _ref2.markTime;
-
-  if (left === -1) {
-    return null;
-  }
-
-  return /*#__PURE__*/_jsxs("div", {
-    className: "frontend-line-tip-box",
-    style: {
-      left: left
-    },
-    children: [/*#__PURE__*/_jsx("div", {
-      style: {
-        fontWeight: 600
-      },
-      children: "\u5F55\u50CF\u4FE1\u606F"
-    }), /*#__PURE__*/_jsxs("div", {
-      children: ["\u5F00\u59CB\uFF1A", moment(begin).format(FMT)]
-    }), /*#__PURE__*/_jsxs("div", {
-      children: ["\u7ED3\u675F\uFF1A", moment(end).format(FMT)]
-    }), /*#__PURE__*/_jsxs("div", {
-      children: ["\u523B\u5EA6\uFF1A", moment(markTime).format(FMT)]
-    }), /*#__PURE__*/_jsxs("div", {
-      children: ["\u5F53\u524D\uFF1A", moment(current).format(FMT)]
-    })]
-  });
-}
-
 export default FrontendTimeLine;

package/es/Player/live_heart.js

@@ -11,14 +11,16 @@ function useLiveHeart(_ref) {
 
   var documentVisibility = _useDocumentVisibility();
 
-  var cTimeRef = useRef(null);
+  var cTimeRef = useRef(0);
 
   var run = function run() {
-    if (!isLive || documentVisibility !== 'visible') {
+    var _api$getCurrentTime;
+
+    if (!isLive || documentVisibility !== 'visible' || !api) {
       return;
     }
 
-    var current = api.getCurrentTime();
+    var current = (_api$getCurrentTime = api.getCurrentTime()) !== null && _api$getCurrentTime !== void 0 ? _api$getCurrentTime : 0;
     var buffered = api.getSecondsLoaded();
 
     if (buffered - current > 5) {
@@ -33,7 +35,9 @@ function useLiveHeart(_ref) {
   }, [documentVisibility]);
 
   _useRafInterval(function () {
-    return cTimeRef.current = api.getCurrentTime();
+    var _api$getCurrentTime2;
+
+    return cTimeRef.current = (_api$getCurrentTime2 = api === null || api === void 0 ? void 0 : api.getCurrentTime()) !== null && _api$getCurrentTime2 !== void 0 ? _api$getCurrentTime2 : 0;
   }, 1 * 1000);
 
   _useRafInterval(function () {
@@ -41,9 +45,15 @@ function useLiveHeart(_ref) {
   }, 30 * 1000);
 
   _useRafInterval(function () {
+    var _api$video;
+
+    if (!api || !event) {
+      return;
+    }
+
     var cuurentTime = api.getCurrentTime();
 
-    if (!!isLive && !api.video.paused && cuurentTime === cTimeRef.current) {
+    if (!!isLive && !((_api$video = api.video) !== null && _api$video !== void 0 && _api$video.paused) && cuurentTime === cTimeRef.current) {
       event.emit(Events.ERROR);
     }
   }, 20 * 1000);

package/es/Player/message.js

@@ -16,11 +16,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState, useMemo, useRef, useContext } from 'react';
-import IconFont from "./iconfont";
+import React, { useContext, useMemo, useRef, useState } from 'react';
+import { Context } from "./context";
 import { useRegisterPlayerEvent, useVideoEvent } from "./event";
 import EventName from "./event/eventName";
-import { Context } from "./context";
+import IconFont from "./iconfont";
 import "./style/message.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -38,7 +38,7 @@ function VideoMessage() {
       state = _useState2[0],
       setState = _useState2[1];
 
-  var timeRef = useRef(null);
+  var timeRef = useRef();
   var message = useMemo(function () {
     if (state.status === 'fail') {
       console.warn("\u89C6\u9891\u9519\u8BEF\uFF0C\u8BF7\u624B\u52A8\u5237\u65B0\u91CD\u8BD5\uFF01");
@@ -117,7 +117,7 @@ function VideoMessage() {
         loading: false
       });
     });
-    api.pause();
+    api === null || api === void 0 ? void 0 : api.pause();
   };
 
   useVideoEvent('loadstart', openLoading);

package/es/Player/segment_player.js

@@ -25,10 +25,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import SinglePlayer from "./single_player";
-import SegmentTimeLine from "./segment_timeline";
-import Events from "./event/eventName";
 import { useRegisterPlayerEvent, useVideoEvent } from "./event";
+import Events from "./event/eventName";
+import SegmentTimeLine from "./segment_timeline";
+import SinglePlayer from "./single_player";
 /**
  * @desc 计算第一个url
  * @param segments
@@ -62,17 +62,15 @@ function getFirstUrlIndex(segments) {
  * @desc 片段索引控制
  * @param event
  * @param 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)
+    index: getFirstUrlIndex(segments !== null && segments !== void 0 ? segments : [], defaultIndex)
   }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
@@ -80,7 +78,7 @@ function usePlayIndex(event, segments) {
 
 
   useEffect(function () {
-    var index = getFirstUrlIndex(segments, 0);
+    var index = getFirstUrlIndex(segments !== null && segments !== void 0 ? segments : [], 0);
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
         index: index
@@ -89,9 +87,9 @@ function usePlayIndex(event, segments) {
   }, [segments]); // 索引不存在播放地址，自动跳转下一段
 
   useEffect(function () {
-    var _segments$state$index;
+    var _segments$state$index, _segments$length;
 
-    if (!((_segments$state$index = segments[state.index]) !== null && _segments$state$index !== void 0 && _segments$state$index.url) && state.index < segments.length - 1) {
+    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), {}, {
           index: old.index + 1
@@ -102,8 +100,10 @@ function usePlayIndex(event, segments) {
 
   var endHandle = function endHandle() {
     return setState(function (old) {
+      var _segments$length2;
+
       return _objectSpread(_objectSpread({}, old), {}, {
-        index: old.index + 1 < segments.length ? old.index + 1 : old.index
+        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
       });
     });
   };
@@ -163,16 +163,16 @@ function SegmentPlayer(_ref) {
     }, 0);
   }, [segments]);
 
-  var _usePlayIndex = usePlayIndex(event, segments, defaultIndex, [segments, defaultIndex]),
+  var _usePlayIndex = usePlayIndex(event, segments, defaultIndex),
       index = _usePlayIndex.index,
       setIndex = _usePlayIndex.setIndex;
 
   var url = useMemo(function () {
-    return segments[index] ? segments[index].url : undefined;
+    return segments !== null && segments !== void 0 && segments[index] ? segments[index].url : undefined;
   }, [segments, index]); // 重置reload
 
   var reload = function reload() {
-    var _playRef$current$plug, _playRef$current;
+    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),
@@ -183,17 +183,18 @@ function SegmentPlayer(_ref) {
       hls.recoverMediaError();
     }
 
-    playRef.current.event.emit(Events.RELOAD);
-    playRef.current.event.emit(Events.CLEAR_ERROR_TIMER);
+    (_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.current.api.reload();
+    (_playRef$current4 = playRef.current) === null || _playRef$current4 === void 0 ? void 0 : _playRef$current4.api.reload();
   }; // time 毫秒的时间戳
 
 
   var seekTo = function seekTo(time) {
-    var _playRef$current$plug2, _playRef$current2;
+    var _latestSegmentsRef$cu, _playRef$current$plug2, _playRef$current5, _cSegments$index;
 
-    var index = latestSegmentsRef.current.findIndex(function (v) {
+    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;
     });
 
@@ -201,7 +202,7 @@ function SegmentPlayer(_ref) {
       return;
     }
 
-    var _ref5 = (_playRef$current$plug2 = (_playRef$current2 = playRef.current) === null || _playRef$current2 === void 0 ? void 0 : _playRef$current2.plugins) !== null && _playRef$current$plug2 !== void 0 ? _playRef$current$plug2 : [],
+    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];
 
@@ -210,7 +211,7 @@ function SegmentPlayer(_ref) {
       hls.recoverMediaError();
     }
 
-    var currentTime = time - latestSegmentsRef.current[index].beginTime;
+    var currentTime = time - ((_cSegments$index = cSegments[index]) === null || _cSegments$index === void 0 ? void 0 : _cSegments$index.beginTime);
     setIndex(index);
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
@@ -221,6 +222,8 @@ function SegmentPlayer(_ref) {
 
 
   useEffect(function () {
+    var _playRef$current6;
+
     if (state.seekTime === 0) {
       return;
     }
@@ -230,15 +233,19 @@ function SegmentPlayer(_ref) {
         seekTime: 0
       });
     });
-    playRef.current.video.currentTime = state.seekTime; // eslint-disable-next-line react-hooks/exhaustive-deps
+
+    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
+
   }, [state.seekTime]);
   var hasReady = api && event;
   var timeline = customTimeLine !== null && customTimeLine !== void 0 ? customTimeLine : /*#__PURE__*/_jsx(SegmentTimeLine, {
-    begin: begin,
+    begin: begin !== null && begin !== void 0 ? begin : 0,
     seekTo: seekTo,
     index: index,
-    segments: segments,
-    duration: duration
+    segments: segments !== null && segments !== void 0 ? segments : [],
+    duration: duration !== null && duration !== void 0 ? duration : 0
   });
   var onInit = useCallback(function () {
     update();