@cloud-app-dev/vidc 3.2.17 → 3.2.19

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/contraller_bar/time.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare function Time(): JSX.Element;
 export default Time;

package/es/Player/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const App: () => JSX.Element;
 export default App;

package/es/Player/empty.d.ts

@@ -0,0 +1 @@
+export default function Empty(): JSX.Element;

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.d.ts

@@ -1,10 +1,8 @@
-import type VideoEventInstance from '.';
-import type Api from '../api';
 import Flvjs from '@cloud-app-dev/flv.js';
 import Hls from 'hls.js';
+import type VideoEventInstance from '.';
 interface IErrorEventProps {
-    event: VideoEventInstance;
-    api: Api;
+    event?: VideoEventInstance;
     errorReloadTimer: number;
     flv: Flvjs.Player;
     hls: Hls;
@@ -12,5 +10,5 @@ interface IErrorEventProps {
     unload: () => void;
     errorHandleAdapter?: (errorInfo: any) => boolean;
 }
-declare function useErrorEvent({ event, api, reload, unload, errorReloadTimer, flv, hls, errorHandleAdapter }: IErrorEventProps): void;
+declare function useErrorEvent({ event, reload, unload, errorReloadTimer, flv, hls, errorHandleAdapter }: IErrorEventProps): void;
 export default useErrorEvent;

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.d.ts

@@ -16,9 +16,9 @@ declare class VideoEventInstance {
     destroy(): void;
 }
 declare type PlayEvent = VideoEventInstance;
-export declare function usePlayerEvent(video: HTMLVideoElement): PlayEvent;
+export declare function usePlayerEvent(video?: HTMLVideoElement): PlayEvent | undefined;
 export declare function useVideoEvent(eventName: string, handle: (event: any) => void, context?: VideoEventInstance): void;
 export declare function useRegisterPlayerEvent(eventName: string, handle: (event: any) => void, context?: VideoEventInstance): void;
-export declare function useVideoEvents(event: VideoEventInstance, events: CustomEvent[]): void;
-export declare function useRegisterPlayerEvents(event: VideoEventInstance, events: CustomEvent[]): void;
+export declare function useVideoEvents(event?: VideoEventInstance, events?: CustomEvent[]): void;
+export declare function useRegisterPlayerEvents(event?: VideoEventInstance, events?: CustomEvent[]): void;
 export default VideoEventInstance;

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.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type Api from './api';
 import type VideoEventInstance from './event';
 interface IFPSPlay {
-    api: Api;
-    event: VideoEventInstance;
+    api?: Api;
+    event?: VideoEventInstance;
     fpsDelay?: number;
     fps?: number;
 }

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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IFrontendPlayerProps } from './player';
 /**
  * @desc 主组件，负责片段整体逻辑控制

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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './style/timeline.less';
 interface ITimeLineProps {
     duration: number;

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/iconfont.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IIconFontProps } from '../IconFont';
 import './style/iconfont.js';
 declare function IconFont({ className, ...props }: IIconFontProps): JSX.Element;

package/es/Player/live_heart.d.ts

@@ -1,8 +1,8 @@
 import type Api from './api';
 import type VideoEventInstance from './event';
 declare function useLiveHeart({ api, event, isLive }: {
-    api: Api;
-    event: VideoEventInstance;
-    isLive: boolean;
+    api?: Api;
+    event?: VideoEventInstance;
+    isLive?: boolean;
 }): void;
 export default useLiveHeart;

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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './style/message.less';
 declare function VideoMessage(): JSX.Element;
 export declare const NoSource: () => JSX.Element;

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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ISegmentPlayerProps } from './player';
 /**
  * @desc 主组件，负责片段整体逻辑控制