@cloud-app-dev/vidc 4.0.15 → 4.0.17

package/es/Player/live_heart.js

@@ -1,46 +0,0 @@
-import _useRafInterval from "ahooks/es/useRafInterval";
-import _useUpdateEffect from "ahooks/es/useUpdateEffect";
-import _useDocumentVisibility from "ahooks/es/useDocumentVisibility";
-import { useRef } from 'react';
-import Events from "./event/eventName";
-function useLiveHeart(_ref) {
-  var api = _ref.api,
-    event = _ref.event,
-    isLive = _ref.isLive;
-  var documentVisibility = _useDocumentVisibility();
-  var cTimeRef = useRef(0);
-  var run = function run() {
-    var _api$getCurrentTime;
-    if (!isLive || documentVisibility !== 'visible' || !api) {
-      return;
-    }
-    var current = (_api$getCurrentTime = api.getCurrentTime()) !== null && _api$getCurrentTime !== void 0 ? _api$getCurrentTime : 0;
-    var buffered = api.getSecondsLoaded();
-    if (buffered - current > 5) {
-      console.debug("\u5F53\u524D\u5EF6\u65F6\u8FC7\u5927current->".concat(current, " buffered->").concat(buffered, ", \u57FA\u4E8E\u89C6\u9891\u5F53\u524D\u7F13\u5B58\u65F6\u95F4\u66F4\u65B0\u5F53\u524D\u64AD\u653E\u65F6\u95F4 updateTime -> ").concat(buffered - 2));
-      api.seekTo(buffered - 2 > 0 ? buffered - 2 : 0);
-      api.play();
-    }
-  };
-  _useUpdateEffect(function () {
-    return run();
-  }, [documentVisibility]);
-  _useRafInterval(function () {
-    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 () {
-    return run();
-  }, 30 * 1000);
-  _useRafInterval(function () {
-    var _api$video;
-    if (!api || !event) {
-      return;
-    }
-    var cuurentTime = api.getCurrentTime();
-    if (!!isLive && !((_api$video = api.video) !== null && _api$video !== void 0 && _api$video.paused) && cuurentTime === cTimeRef.current) {
-      event.emit(Events.ERROR);
-    }
-  }, 20 * 1000);
-}
-export default useLiveHeart;

package/es/Player/message.d.ts

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

package/es/Player/message.js

@@ -1,138 +0,0 @@
-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) { 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 = 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, { useContext, useMemo, useRef, useState } from 'react';
-import { Context } from "./context";
-import { useRegisterPlayerEvent, useVideoEvent } from "./event";
-import EventName from "./event/eventName";
-import IconFont from "./iconfont";
-import "./style/message.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function VideoMessage() {
-  var _useContext = useContext(Context),
-    api = _useContext.api;
-  var _useState = useState({
-      status: null,
-      errorTimer: 1,
-      loading: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  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");
-      return '请稍后重试！';
-    }
-    if (state.status === 'reload') {
-      console.warn("\u7B2C".concat(state.errorTimer, "\u6B21\u91CD\u8FDE"));
-      return "\u6B63\u5728\u5237\u65B0...";
-    }
-    return '';
-  }, [state.errorTimer, state.status]);
-  var openLoading = function openLoading() {
-    clearTimeout(timeRef.current);
-    timeRef.current = setTimeout(function () {
-      return setState(function (old) {
-        return _objectSpread(_objectSpread({}, old), {}, {
-          loading: true
-        });
-      });
-    }, 200);
-  };
-  var closeLoading = function closeLoading() {
-    clearTimeout(timeRef.current);
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        loading: false
-      });
-    });
-  };
-  var errorReload = function errorReload(timer) {
-    clearTimeout(timeRef.current);
-    setState(function () {
-      return {
-        status: 'reload',
-        errorTimer: timer,
-        loading: true
-      };
-    });
-  };
-  var reloadFail = function reloadFail() {
-    return setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        status: 'fail'
-      });
-    });
-  };
-  var reloadSuccess = function reloadSuccess() {
-    return setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        status: null
-      });
-    });
-  };
-  var reload = function reload() {
-    return setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        status: 'reload',
-        loading: true
-      });
-    });
-  };
-  var playEnd = function playEnd() {
-    clearTimeout(timeRef.current);
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        status: null,
-        loading: false
-      });
-    });
-    api === null || api === void 0 ? void 0 : api.pause();
-  };
-  useVideoEvent('loadstart', openLoading);
-  useVideoEvent('loadeddata', closeLoading);
-  useVideoEvent('canplay', closeLoading);
-  useRegisterPlayerEvent(EventName.ERROR_RELOAD, errorReload);
-  useRegisterPlayerEvent(EventName.RELOAD_FAIL, reloadFail);
-  useRegisterPlayerEvent(EventName.RELOAD_SUCCESS, reloadSuccess);
-  useRegisterPlayerEvent(EventName.RELOAD, reload);
-  useRegisterPlayerEvent(EventName.HISTORY_PLAY_END, playEnd);
-  useRegisterPlayerEvent(EventName.CLEAR_ERROR_TIMER, reloadSuccess);
-  var loading = state.loading,
-    status = state.status;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "lm-player-message-mask ".concat(loading || status === 'fail' ? 'lm-player-mask-loading-animation' : ''),
-    children: [/*#__PURE__*/_jsx(IconFont, {
-      type: status === 'fail' ? 'lm-player-YesorNo_No_Dark' : 'lm-player-Loading',
-      className: "".concat(loading && status !== 'fail' ? 'lm-player-loading-animation' : status === 'fail' ? 'lm-player-loadfail' : '', " lm-player-loading-icon")
-    }), /*#__PURE__*/_jsx("span", {
-      className: "lm-player-message",
-      children: message
-    })]
-  });
-}
-export var NoSource = function NoSource() {
-  return /*#__PURE__*/_jsx("div", {
-    className: "lm-player-message-mask lm-player-mask-loading-animation",
-    children: /*#__PURE__*/_jsx(IconFont, {
-      style: {
-        fontSize: 80
-      },
-      type: "lm-player-PlaySource",
-      title: "\u8BF7\u9009\u62E9\u89C6\u9891\u6E90"
-    })
-  });
-};
-export default VideoMessage;

package/es/Player/player.d.ts

@@ -1,231 +0,0 @@
-import type Flvjs from '@cloud-app-dev/mpegts.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';
-
-export type FlvPlayerConfig = {
-  mediaDataSource: Flvjs.MediaDataSource;
-  config: Flvjs.Config;
-};
-
-export interface ISinglePlayerProps {
-  /**
-   * 视频播放地址
-   */
-  url?: string;
-
-  /**
-   * 容器类名
-   */
-  className?: string;
-  children?: React.ReactNode;
-
-  /**
-   * 同html video muted  静音
-   * @default true
-   */
-  muted?: boolean;
-  /**
-   * 同html video autoplay  自动播放
-   * @default true
-   */
-  autoPlay?: boolean;
-
-  /**
-   * 同html video playsinline  自动播放
-   * @default false
-   */
-  playsInline?: boolean;
-  /**
-   *同html video preload  预加载
-   */
-  preload?: string;
-  /**
-   * 视频封面
-   */
-  poster?: string;
-
-  /**
-   * 同html video loop  循环
-   * @default false
-   */
-  loop?: boolean;
-
-  /**
-   * 视频格式
-   * @default 'native'
-   */
-  type?: 'flv' | 'hls' | 'native';
-
-  /**
-   * 隐藏工具栏
-   * @default false
-   */
-  hideContrallerBar?: boolean;
-
-  /**
-   * 直播模式
-   * @default true
-   */
-  isLive?: boolean;
-
-  /**
-   * 工具栏右外侧拓展
-   */
-  rightExtContents?: React.ReactNode;
-  /**
-   * 工具栏右内侧拓展
-   */
-  rightMidExtContents?: React.ReactNode;
-  /**
-   * 工具栏左外侧拓展
-   */
-  leftExtContents?: React.ReactNode;
-  /**
-   * 工具栏左内侧拓展
-   */
-  leftMidExtContents?: React.ReactNode;
-
-  /**
-   * 自定义时间轴
-   */
-  customTimeLine?: React.ReactNode;
-
-  /**
-   * 错误重试次数
-   * @default 5
-   */
-  errorReloadTimer?: number;
-
-  /**
-   * 自定义flv参数配置
-   */
-  flvConfig?: FlvPlayerConfig;
-
-  /**
-   * 自定义hls参数配置
-   */
-  hlsConfig?: HlsConfig;
-
-  /**
-   * 自定义reload函数
-   */
-  reload?: () => void;
-
-  /**
-   * extaction
-   */
-  extActions?: { [key: string]: (...args: any) => void };
-
-  /**
-   * 视频可播放时执行钩子
-   */
-  onCanPlayerInit?: () => void;
-
-  /**
-   * 自定义video事件
-   */
-  videoEvents?: CustomEvent[];
-
-  /**
-   * 自定义播放器的事件
-   */
-  playerEvents?: CustomEvent[];
-
-  /**
-   * 开启单帧播放
-   */
-  oneFpsPlay?: boolean;
-
-  /**
-   * 获取视频针的频次 (ms)
-   */
-  fpsDelay?: number;
-
-  /**
-   * 视频每秒多少帧，用于控制逐帧播放
-   */
-  fps?: number;
-}
-
-export interface IFrontendPlayerProps extends Omit<ISinglePlayerProps, 'isLive' | 'reload'> {
-  /**
-   * 前端录像开始时间
-   */
-  begin?: number;
-
-  /**
-   * 前端录像结束时间
-   */
-  end?: number;
-
-  /**
-   * 录像时间轴发生变化回调
-   */
-  onSeek?: (time: number) => void;
-
-  forwordRef?: React.MutableRefObject<ExportPlayerType>;
-}
-
-export interface ISegmentPlayerProps extends Omit<ISinglePlayerProps, 'url'> {
-  /**
-   * 云录像片段信息
-   */
-  segments?: ISegmentType[];
-
-  /**
-   * 云录像开始时间
-   */
-  begin?: number;
-
-  forwordRef?: React.MutableRefObject<ExportPlayerType>;
-
-  defaultIndex?: number;
-}
-
-export const SinglePlayer: React.FunctionComponent<ISinglePlayerProps>;
-export const FrontendPlayer: React.FunctionComponent<IFrontendPlayerProps>;
-export const SegmentPlayer: React.FunctionComponent<ISegmentPlayerProps>;
-
-export type EventInfo = {
-  type: string;
-  listener: ((...args: any) => void)[];
-};
-
-export type ExportPlayerType = {
-  video: HTMLVideoElement;
-  container: HTMLElement;
-  api: Api;
-  event: VideoEventInstance;
-  plugins: [Flvjs.Player, Hls];
-  fit?: string;
-  setIndex?: (i: number) => void;
-  seekTo?: (i: number) => void;
-  reload?: () => void;
-};
-
-export interface ISegmentType {
-  id?: string;
-  /**
-   * 视频片段地址
-   */
-  url?: string;
-
-  /**
-   * 片段开始时间
-   */
-  beginTime: number;
-
-  /**
-   * 片段结束时间
-   */
-  endTime: number;
-
-  style?: any;
-}
-
-export const ISegmentTypeDemo: React.FC<ISegmentType>;
-
-export type CustomEvent = [string, () => void];

package/es/Player/segment_player.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { ISegmentPlayerProps } from './player';
-/**
- * @desc 主组件，负责片段整体逻辑控制
- * @param param0
- * @returns
- */
-declare function SegmentPlayer({ segments, begin, forwordRef, defaultIndex, onCanPlayerInit, customTimeLine, ...props }: ISegmentPlayerProps): JSX.Element;
-export default SegmentPlayer;

package/es/Player/segment_player.js

@@ -1,230 +0,0 @@
-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 _useUpdate from "ahooks/es/useUpdate";
-import _useLatest from "ahooks/es/useLatest";
-var _excluded = ["segments", "begin", "forwordRef", "defaultIndex", "onCanPlayerInit", "customTimeLine"];
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
-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) { 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 = 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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useRegisterPlayerEvent, useVideoEvent } from "./event";
-import Events from "./event/eventName";
-import SegmentTimeLine from "./segment_timeline";
-import SinglePlayer from "./single_player";
-
-/**
- * @desc 计算第一个url
- * @param segments
- * @param defaultIndex
- * @returns
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-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);
-  }
-}
-
-/**
- * @desc 片段索引控制
- * @param event
- * @param segments
- * @returns
- */
-function usePlayIndex(event, segments) {
-  var defaultIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var _useState = useState({
-      index: getFirstUrlIndex(segments !== null && segments !== void 0 ? segments : [], defaultIndex)
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  // 片段发生变化重新开始计算索引
-  useEffect(function () {
-    var index = getFirstUrlIndex(segments !== null && segments !== void 0 ? segments : [], 0);
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        index: index
-      });
-    });
-  }, [segments]);
-
-  // 索引不存在播放地址，自动跳转下一段
-  useEffect(function () {
-    var _segments$state$index, _segments$length;
-    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
-        });
-      });
-    }
-  }, [segments, state.index]);
-
-  // 监听片段播放状态，自动跳转下一个片段
-  var endHandle = function endHandle() {
-    return setState(function (old) {
-      var _segments$length2;
-      return _objectSpread(_objectSpread({}, old), {}, {
-        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
-      });
-    });
-  };
-  useVideoEvent('ended', endHandle, event);
-  useRegisterPlayerEvent(Events.PLAY_ENDED, endHandle, event);
-  return {
-    index: state.index,
-    setIndex: function setIndex(i) {
-      return setState(function (old) {
-        return _objectSpread(_objectSpread({}, old), {}, {
-          index: i
-        });
-      });
-    }
-  };
-}
-
-/**
- * @desc 主组件，负责片段整体逻辑控制
- * @param param0
- * @returns
- */
-function SegmentPlayer(_ref) {
-  var segments = _ref.segments,
-    begin = _ref.begin,
-    forwordRef = _ref.forwordRef,
-    defaultIndex = _ref.defaultIndex,
-    onCanPlayerInit = _ref.onCanPlayerInit,
-    customTimeLine = _ref.customTimeLine,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useState3 = useState({
-      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 _ref2 = playRef.current || {},
-    api = _ref2.api,
-    event = _ref2.event;
-  var duration = useMemo(function () {
-    return segments === null || segments === void 0 ? void 0 : segments.map(function (v) {
-      return (v.endTime - v.beginTime) / 1000;
-    }).reduce(function (a, b) {
-      return a + b;
-    }, 0);
-  }, [segments]);
-  var _usePlayIndex = usePlayIndex(event, segments, defaultIndex),
-    index = _usePlayIndex.index,
-    setIndex = _usePlayIndex.setIndex;
-  var url = useMemo(function () {
-    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, _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),
-      hls = _ref4[1];
-    if (hls) {
-      hls.swapAudioCodec();
-      hls.recoverMediaError();
-    }
-    (_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$current4 = playRef.current) === null || _playRef$current4 === void 0 ? void 0 : _playRef$current4.api.reload();
-  };
-
-  // time 毫秒的时间戳
-  var seekTo = function seekTo(time) {
-    var _latestSegmentsRef$cu, _playRef$current$plug2, _playRef$current5, _cSegments$index;
-    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;
-    });
-    if (index === -1) {
-      return;
-    }
-    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];
-    if (hls) {
-      hls.swapAudioCodec();
-      hls.recoverMediaError();
-    }
-    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), {}, {
-        seekTime: currentTime / 1000
-      });
-    });
-  };
-
-  // 处理seek 后index变化后 cuurenttime变化的过程
-  useEffect(function () {
-    var _playRef$current6;
-    if (state.seekTime === 0) {
-      return;
-    }
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        seekTime: 0
-      });
-    });
-    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 !== null && begin !== void 0 ? begin : 0,
-    seekTo: seekTo,
-    index: index,
-    segments: segments !== null && segments !== void 0 ? segments : [],
-    duration: duration !== null && duration !== void 0 ? duration : 0
-  });
-  var onInit = useCallback(function () {
-    update();
-    onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/_jsx(SinglePlayer, _objectSpread({
-    ref: playRef,
-    url: url,
-    isLive: false,
-    onCanPlayerInit: onInit,
-    reload: reload,
-    extActions: {
-      setIndex: setIndex,
-      seekTo: seekTo
-    },
-    customTimeLine: hasReady ? timeline : /*#__PURE__*/_jsx(_Fragment, {})
-  }, props));
-}
-export default SegmentPlayer;

package/es/Player/segment_timeline.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { ISegmentType } from './player';
-import './style/timeline.less';
-interface ITimeLineProps {
-    index: number;
-    segments: ISegmentType[];
-    duration: number;
-    begin: number;
-    seekTo: (time: number) => void;
-}
-declare function SegmentTimeLine({ index, segments, duration, begin, seekTo }: ITimeLineProps): JSX.Element;
-export default SegmentTimeLine;