@cloud-app-dev/vidc 3.2.16 → 3.2.18

package/es/Player/api/index.js

@@ -33,36 +33,52 @@ var Api = /*#__PURE__*/function () {
 
     _defineProperty(this, "play", function () {
       tryCatch(function () {
-        return _this.video.play();
+        var _this$video;
+
+        return (_this$video = _this.video) === null || _this$video === void 0 ? void 0 : _this$video.play();
       });
     });
 
     _defineProperty(this, "pause", function () {
-      _this.video.pause();
+      var _this$video2;
+
+      (_this$video2 = _this.video) === null || _this$video2 === void 0 ? void 0 : _this$video2.pause();
     });
 
     _defineProperty(this, "seekTo", function (seconds) {
-      _this.video.currentTime = seconds;
+      if (_this.video) {
+        _this.video.currentTime = seconds;
+      }
     });
 
     _defineProperty(this, "setVolume", function (fraction) {
-      _this.video.volume = fraction;
+      if (_this.video) {
+        _this.video.volume = fraction;
+      }
     });
 
     _defineProperty(this, "getVolume", function () {
-      return _this.video.volume;
+      var _this$video3;
+
+      return (_this$video3 = _this.video) === null || _this$video3 === void 0 ? void 0 : _this$video3.volume;
     });
 
     _defineProperty(this, "mute", function () {
-      _this.video.muted = true;
+      if (_this.video) {
+        _this.video.muted = true;
+      }
     });
 
     _defineProperty(this, "unmute", function () {
-      _this.video.muted = false;
+      if (_this.video) {
+        _this.video.muted = false;
+      }
     });
 
     _defineProperty(this, "requestPictureInPicture", function () {
-      _this.video.requestPictureInPicture();
+      var _this$video4;
+
+      (_this$video4 = _this.video) === null || _this$video4 === void 0 ? void 0 : _this$video4.requestPictureInPicture();
     });
 
     _defineProperty(this, "exitPictureInPicture", function () {
@@ -72,15 +88,17 @@ var Api = /*#__PURE__*/function () {
     });
 
     _defineProperty(this, "setPlaybackRate", function (rate) {
-      _this.video.playbackRate = rate;
+      if (_this.video) {
+        _this.video.playbackRate = rate;
+      }
     });
 
     _defineProperty(this, "getDuration", function () {
-      var _this$video = _this.video,
-          duration = _this$video.duration,
-          seekable = _this$video.seekable;
+      var _ref = _this.video || {},
+          duration = _ref.duration,
+          seekable = _ref.seekable;
 
-      if (duration === Infinity && seekable.length > 0) {
+      if (duration === Infinity && seekable && seekable.length > 0) {
         return seekable.end(seekable.length - 1);
       }
 
@@ -88,7 +106,9 @@ var Api = /*#__PURE__*/function () {
     });
 
     _defineProperty(this, "getCurrentTime", function () {
-      return _this.video.currentTime;
+      var _this$video5;
+
+      return (_this$video5 = _this.video) === null || _this$video5 === void 0 ? void 0 : _this$video5.currentTime;
     });
 
     _defineProperty(this, "getSecondsLoaded", function () {
@@ -96,30 +116,34 @@ var Api = /*#__PURE__*/function () {
     });
 
     _defineProperty(this, "getBufferedTime", function () {
-      var buffered = _this.video.buffered;
+      var _buffered$end, _buffered$start, _this$getDuration;
+
+      var _ref2 = _this.video || {},
+          buffered = _ref2.buffered;
 
-      if (buffered.length === 0) {
+      if (buffered && buffered.length === 0) {
         return [0, 0];
       }
 
-      var end = buffered.end(buffered.length - 1);
-      var start = buffered.start(buffered.length - 1);
-
-      var duration = _this.getDuration();
+      var end = (_buffered$end = buffered === null || buffered === void 0 ? void 0 : buffered.end(buffered.length - 1)) !== null && _buffered$end !== void 0 ? _buffered$end : 0;
+      var start = (_buffered$start = buffered === null || buffered === void 0 ? void 0 : buffered.start(buffered.length - 1)) !== null && _buffered$start !== void 0 ? _buffered$start : 0;
+      var duration = (_this$getDuration = _this.getDuration()) !== null && _this$getDuration !== void 0 ? _this$getDuration : 0;
 
       if (end > duration) {
-        return duration;
+        return [start, duration];
       }
 
       return [start, end];
     });
 
     _defineProperty(this, "snapshot", function () {
+      var _this$video$videoWidt, _this$video6, _this$video$videoHeig, _this$video7, _ctx;
+
       var canvas = document.createElement('canvas');
       var ctx = canvas.getContext('2d');
-      canvas.width = _this.video.videoWidth;
-      canvas.height = _this.video.videoHeight;
-      ctx.drawImage(_this.video, 0, 0, canvas.width, canvas.height);
+      canvas.width = (_this$video$videoWidt = (_this$video6 = _this.video) === null || _this$video6 === void 0 ? void 0 : _this$video6.videoWidth) !== null && _this$video$videoWidt !== void 0 ? _this$video$videoWidt : 0;
+      canvas.height = (_this$video$videoHeig = (_this$video7 = _this.video) === null || _this$video7 === void 0 ? void 0 : _this$video7.videoHeight) !== null && _this$video$videoHeig !== void 0 ? _this$video$videoHeig : 0;
+      (_ctx = ctx) === null || _ctx === void 0 ? void 0 : _ctx.drawImage(_this.video, 0, 0, canvas.width, canvas.height);
       setTimeout(function () {
         canvas.remove();
         canvas = null;
@@ -153,12 +177,16 @@ var Api = /*#__PURE__*/function () {
   }, {
     key: "paused",
     get: function get() {
-      return this.video.paused;
+      var _this$video8;
+
+      return (_this$video8 = this.video) === null || _this$video8 === void 0 ? void 0 : _this$video8.paused;
     }
   }, {
     key: "muted",
     get: function get() {
-      return this.video.muted;
+      var _this$video9;
+
+      return (_this$video9 = this.video) === null || _this$video9 === void 0 ? void 0 : _this$video9.muted;
     }
     /**
      * 设置currentTime实现seek
@@ -204,28 +232,32 @@ export function useTypeAndPlay(url, type, isLive, container, segments, flvConfig
 
       default:
         options.type = 'native';
-        video.setAttribute('src', url);
+        video === null || video === void 0 ? void 0 : video.setAttribute('src', url !== null && url !== void 0 ? url : '');
         break;
     }
 
-    video.paused && tryCatch(function () {
-      return video.play();
+    (video === null || video === void 0 ? void 0 : video.paused) && tryCatch(function () {
+      return video === null || video === void 0 ? void 0 : video.play();
     });
     setState(options);
     return function () {
       if (options.flv) {
         options.flv.pause();
         tryCatch(function () {
-          return options.flv.destroy();
+          var _options$flv;
+
+          return (_options$flv = options.flv) === null || _options$flv === void 0 ? void 0 : _options$flv.destroy();
         });
       } else if (options.hls) {
-        video.pause();
+        video === null || video === void 0 ? void 0 : video.pause();
         tryCatch(function () {
-          return options.hls.destroy();
+          var _options$hls;
+
+          return (_options$hls = options.hls) === null || _options$hls === void 0 ? void 0 : _options$hls.destroy();
         });
       } else {
-        video.pause();
-        video.removeAttribute('src');
+        video === null || video === void 0 ? void 0 : video.pause();
+        video === null || video === void 0 ? void 0 : video.removeAttribute('src');
       }
 
       setState({});
@@ -235,7 +267,7 @@ export function useTypeAndPlay(url, type, isLive, container, segments, flvConfig
 } //创建Api
 
 export function usePlayerApi(url, type, isLive, container, segments, flvConfig, hlsConfig) {
-  var _useState3 = useState(null),
+  var _useState3 = useState(undefined),
       _useState4 = _slicedToArray(_useState3, 2),
       api = _useState4[0],
       setApi = _useState4[1];

package/es/Player/contraller_bar/contraller_event.js

@@ -13,7 +13,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState, useRef, useContext } from 'react';
+import React, { useContext, useRef, useState } from 'react';
 import { Context } from "../context";
 import EventName from "../event/eventName";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -26,7 +26,7 @@ function ContrallerEvent(_ref) {
       event = _useContext.event,
       container = _useContext.container;
 
-  var timer = useRef(null);
+  var timer = useRef();
 
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -36,14 +36,14 @@ function ContrallerEvent(_ref) {
   var showContraller = function showContraller() {
     clearTimeout(timer.current);
     setVisibel(true);
-    event.emit(EventName.SHOW_CONTRALLER);
+    event === null || event === void 0 ? void 0 : event.emit(EventName.SHOW_CONTRALLER);
   };
 
   var hideContraller = function hideContraller() {
     clearTimeout(timer.current);
     timer.current = setTimeout(function () {
       setVisibel(false);
-      event.emit(EventName.HIDE_CONTRALLER);
+      event === null || event === void 0 ? void 0 : event.emit(EventName.HIDE_CONTRALLER);
     }, 3 * 1000);
   };
 

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);