@cloud-app-dev/vidc 4.0.14 → 4.0.17

package/es/Player/segment_timeline.js

@@ -1,190 +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 { Tooltip } from 'antd';
-import moment from 'dayjs';
-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 { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function TipTitle(_ref) {
-  var index = _ref.index,
-    segments = _ref.segments,
-    begin = _ref.begin,
-    current = _ref.current,
-    markTime = _ref.markTime;
-  var _useMemo = useMemo(function () {
-      if (index === 0) {
-        var _start = begin;
-        var _end = begin + (segments[0].endTime - segments[0].beginTime);
-        return {
-          start: moment(_start).format(FMT),
-          end: moment(_end).format(FMT)
-        };
-      }
-      var indexDuration = segments.map(function (v) {
-        return v.endTime - v.beginTime;
-      }).reduce(function (a, b, i) {
-        return i >= index ? a : a + b;
-      }, 0);
-      var start = begin + indexDuration;
-      var end = start + (segments[index].endTime - segments[index].beginTime);
-      return {
-        start: moment(start).format(FMT),
-        end: moment(end).format(FMT)
-      };
-    }, [index, segments, begin]),
-    start = _useMemo.start,
-    end = _useMemo.end;
-  var hasUrl = useMemo(function () {
-    var _segments$index;
-    return (_segments$index = segments[index]) !== null && _segments$index !== void 0 && _segments$index.url ? true : false;
-  }, [index, segments]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "segment-line-tip-box",
-    children: [/*#__PURE__*/_jsx("div", {
-      style: {
-        fontWeight: 600
-      },
-      children: "\u5F55\u50CF\u7247\u6BB5\u4FE1\u606F"
-    }), /*#__PURE__*/_jsxs("div", {
-      children: ["\u5F00\u59CB\uFF1A", start]
-    }), /*#__PURE__*/_jsxs("div", {
-      children: ["\u7ED3\u675F\uFF1A", end]
-    }), /*#__PURE__*/_jsxs("div", {
-      children: ["\u523B\u5EA6\uFF1A", moment(markTime).format(FMT)]
-    }), /*#__PURE__*/_jsxs("div", {
-      children: ["\u5F53\u524D\uFF1A", moment(current).format(FMT)]
-    }), /*#__PURE__*/_jsxs("div", {
-      children: ["\u72B6\u6001\uFF1A", /*#__PURE__*/_jsx("span", {
-        style: {
-          color: hasUrl ? 'green' : 'red'
-        },
-        children: hasUrl ? '正常' : '缺失'
-      })]
-    })]
-  });
-}
-function SegmentTimeLine(_ref2) {
-  var index = _ref2.index,
-    segments = _ref2.segments,
-    duration = _ref2.duration,
-    begin = _ref2.begin,
-    seekTo = _ref2.seekTo;
-  var _useState = useState({
-      time: 0,
-      markTime: 0,
-      left: -1,
-      visible: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var status = useBarStatus();
-  var _useTimes = useTimes(),
-    _useTimes2 = _slicedToArray(_useTimes, 2),
-    currentTime = _useTimes2[0],
-    buffered = _useTimes2[1];
-  var indexDuration = useMemo(function () {
-    return segments.map(function (v) {
-      return (v.endTime - v.beginTime) / 1000;
-    }).reduce(function (a, b, i) {
-      return i >= index ? a : a + b;
-    }, 0);
-  }, [index, segments]);
-  var playPercent = useMemo(function () {
-    return (currentTime + indexDuration) / duration * 100;
-  }, [currentTime, duration, indexDuration]);
-  var bufferedPercent = useMemo(function () {
-    return (buffered + indexDuration) / duration * 100;
-  }, [buffered, duration, indexDuration]);
-  var seekWithLine = function seekWithLine(e, i) {
-    if (!segments[i].url) {
-      return;
-    }
-    var ele = e.currentTarget;
-    var rect = ele.getBoundingClientRect();
-    var current = e.pageX - rect.left;
-    var item = segments[i - 1];
-    var pTime = item ? item.endTime : begin;
-    var duration = segments[i].endTime - segments[i].beginTime;
-    var currentTime = current / rect.width * duration;
-    seekTo(Math.round(currentTime + pTime));
-  };
-  var onLineMouseOver = function onLineMouseOver(e) {
-    var rect = e.currentTarget.getBoundingClientRect();
-    var left = e.pageX - rect.left;
-    var mTime = left / rect.width * duration;
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        left: left,
-        markTime: begin + mTime * 1000
-      });
-    });
-  };
-  var onLineMouseOut = function onLineMouseOut() {
-    return startTransition(function () {
-      return setState(function (old) {
-        return _objectSpread(_objectSpread({}, old), {}, {
-          left: -1
-        });
-      });
-    });
-  };
-  return /*#__PURE__*/_jsx("div", {
-    className: "player-timeline-layout player-segment-timeline-layout ".concat(status === 0 ? 'hide-time-line' : ''),
-    onMouseMove: onLineMouseOver,
-    onMouseOut: onLineMouseOut,
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "segment-line-box",
-      children: [segments.map(function (v, i) {
-        return /*#__PURE__*/_jsx(Tooltip, {
-          title: /*#__PURE__*/_jsx(TipTitle, {
-            segments: segments,
-            index: i,
-            begin: begin,
-            current: currentTime * 1000 + begin,
-            markTime: state.markTime
-          }),
-          children: /*#__PURE__*/_jsx("div", {
-            className: "segment-line-item ".concat(!v.url ? 'segment-line-item-none' : '', " ").concat(i === segments.length - 1 ? 'last-segment-line-item' : ''),
-            onClick: function onClick(e) {
-              return seekWithLine(e, i);
-            },
-            style: {
-              width: "".concat((v.endTime / 1000 - v.beginTime / 1000) / duration * 100, "%")
-            }
-          })
-        }, "time-line-".concat(i));
-      }), /*#__PURE__*/_jsx("div", {
-        className: "buffer-line",
-        style: {
-          width: "".concat(bufferedPercent, "%")
-        }
-      }), /*#__PURE__*/_jsx("div", {
-        className: "current-line",
-        style: {
-          width: "".concat(playPercent, "%")
-        }
-      }), state.left !== -1 && /*#__PURE__*/_jsx("span", {
-        className: "segment-line-mark",
-        style: {
-          left: state.left
-        }
-      })]
-    })
-  });
-}
-export default SegmentTimeLine;

package/es/Player/single_player.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { ExportPlayerType, ISinglePlayerProps } from './player';
-import './style/index.less';
-declare const SinglePlayer: React.ForwardRefExoticComponent<ISinglePlayerProps & React.RefAttributes<ExportPlayerType>>;
-export default SinglePlayer;

package/es/Player/single_player.js

@@ -1,290 +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 _useUpdateEffect from "ahooks/es/useUpdateEffect";
-import _useMemoizedFn from "ahooks/es/useMemoizedFn";
-import _useLatest from "ahooks/es/useLatest";
-import _useToggle3 from "ahooks/es/useToggle";
-var _excluded = ["className", "url", "type", "hideContrallerBar", "isLive", "errorReloadTimer", "children", "onCanPlayerInit", "extActions"];
-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; }
-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; }
-import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { usePlayerApi } from "./api";
-import { Provider } from "./context";
-import ContrallerBar from "./contraller_bar";
-import ContrallerEvent from "./contraller_bar/contraller_event";
-import Empty from "./empty";
-import { usePlayerEvent, useRegisterPlayerEvents, useVideoEvents } from "./event";
-import useErrorEvent from "./event/errorEvent";
-import EventName from "./event/eventName";
-import FPSPlay from "./fps_play";
-import useLiveHeart from "./live_heart";
-import VideoMessage from "./message";
-import Timeline from "./timeline";
-import { getVideoType, playUnload } from "./util";
-import "./style/index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref) {
-  var _props$reload;
-  var className = _ref.className,
-    url = _ref.url,
-    type = _ref.type,
-    hideContrallerBar = _ref.hideContrallerBar,
-    isLive = _ref.isLive,
-    errorReloadTimer = _ref.errorReloadTimer,
-    children = _ref.children,
-    onCanPlayerInit = _ref.onCanPlayerInit,
-    extActions = _ref.extActions,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var autoPlay = props.autoPlay,
-    preload = props.preload,
-    muted = props.muted,
-    poster = props.poster,
-    playsInline = props.playsInline,
-    loop = props.loop;
-  var rightExtContents = props.rightExtContents,
-    rightMidExtContents = props.rightMidExtContents,
-    leftExtContents = props.leftExtContents,
-    leftMidExtContents = props.leftMidExtContents,
-    customTimeLine = props.customTimeLine;
-  var flvConfig = props.flvConfig,
-    hlsConfig = props.hlsConfig,
-    videoEvents = props.videoEvents,
-    playerEvents = props.playerEvents,
-    oneFpsPlay = props.oneFpsPlay,
-    fpsDelay = props.fpsDelay,
-    fps = props.fps;
-  var _useState = useState({
-      container: undefined,
-      isFpsPlay: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var _useToggle = _useToggle3('fill', 'contain'),
-    _useToggle2 = _slicedToArray(_useToggle, 2),
-    fit = _useToggle2[0],
-    toggle = _useToggle2[1].toggle;
-
-  // 视频格式判断，外部可以强制指定，也可以通过url自动判断
-  var vType = useMemo(function () {
-    return type || getVideoType(url);
-  }, [url, type]);
-  var domRef = useRef(null);
-  var video = useMemo(function () {
-    var _state$container$quer;
-    return state.container ? (_state$container$quer = state.container.querySelector('video')) !== null && _state$container$quer !== void 0 ? _state$container$quer : undefined : undefined;
-  }, [state.container]);
-
-  // 生成事件对象
-  var event = usePlayerEvent(video);
-
-  // 注册外部自定义事件
-  useVideoEvents(event, videoEvents);
-  useRegisterPlayerEvents(event, playerEvents);
-  var _usePlayerApi = usePlayerApi(url, vType, isLive, state.container, flvConfig === null || flvConfig === void 0 ? void 0 : flvConfig.mediaDataSource.segments, flvConfig, hlsConfig),
-    _usePlayerApi2 = _slicedToArray(_usePlayerApi, 3),
-    api = _usePlayerApi2[0],
-    _usePlayerApi2$ = _slicedToArray(_usePlayerApi2[1], 3),
-    flv = _usePlayerApi2$[1],
-    hls = _usePlayerApi2$[2],
-    rePlay = _usePlayerApi2[2];
-
-  // 判断是否有链接传入
-  var hasLink = useMemo(function () {
-    return !!url || !!(flvConfig !== null && flvConfig !== void 0 && flvConfig.mediaDataSource.segments) && vType === 'flv';
-  }, [url, flvConfig === null || flvConfig === void 0 ? void 0 : flvConfig.mediaDataSource.segments, vType]);
-  var hlsRef = _useLatest(hls);
-  var flvRef = _useLatest(flv);
-
-  // 存储容器
-  useEffect(function () {
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        container: domRef.current
-      });
-    });
-  }, []);
-
-  // url 变化清理错误次数
-  useEffect(function () {
-    event === null || event === void 0 ? void 0 : event.emit(EventName.CLEAR_ERROR_TIMER);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [url]);
-
-  // 特殊接口实现 reload是可能被重写的,但是API只暴露原生的方法
-  var reload = _useMemoizedFn(function () {
-    rePlay();
-    // playReload(video, event, flvRef.current, hlsRef.current, url);
-  });
-
-  var unload = _useMemoizedFn(function () {
-    return playUnload(video, flvRef.current, hlsRef.current);
-  });
-  var openFpsPlay = _useMemoizedFn(function () {
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        isFpsPlay: true
-      });
-    });
-    api === null || api === void 0 ? void 0 : api.pause();
-  });
-  var closeFpsPlay = _useMemoizedFn(function () {
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        isFpsPlay: false
-      });
-    });
-    api === null || api === void 0 ? void 0 : api.play();
-  });
-
-  // 合并api,加上代理
-  var playApi = useMemo(function () {
-    if (!api) {
-      return undefined;
-    }
-    var map = _objectSpread({
-      reload: reload,
-      unload: unload,
-      toggleFit: toggle,
-      openFpsPlay: openFpsPlay,
-      closeFpsPlay: closeFpsPlay
-    }, extActions);
-    return new Proxy(api, {
-      get: function get(target, key) {
-        var _map$key;
-        return (_map$key = map[key]) !== null && _map$key !== void 0 ? _map$key : target[key];
-      },
-      set: function set() {
-        return true;
-      }
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [api]);
-
-  // 代理Event
-  var playEvent = useMemo(function () {
-    if (!event) {
-      return undefined;
-    }
-    return new Proxy(event, {
-      get: function get(target, key) {
-        return target[key];
-      },
-      set: function set() {
-        return true;
-      }
-    });
-  }, [event]);
-
-  // ref暴露接口
-  useImperativeHandle(ref, function () {
-    return {
-      video: video,
-      container: state.container,
-      api: playApi,
-      event: playEvent,
-      plugins: [flvRef.current, hlsRef.current],
-      fit: fit
-    };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [video, state.container, playApi, playEvent, fit]);
-  _useUpdateEffect(function () {
-    return api && event && video ? onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit() : undefined;
-  }, [api, event, video]);
-
-  // 补货视频错误，自定义处理
-  useErrorEvent({
-    unload: unload,
-    flv: flvRef.current,
-    hls: hlsRef.current,
-    event: event,
-    reload: reload,
-    errorReloadTimer: errorReloadTimer
-  });
-
-  // 直播缓冲追回
-  useLiveHeart({
-    api: api,
-    event: event,
-    isLive: isLive
-  });
-  var videoProps = {
-    autoPlay: state.isFpsPlay ? false : autoPlay,
-    preload: preload,
-    muted: state.isFpsPlay ? false : muted,
-    poster: poster,
-    controls: false,
-    playsInline: playsInline,
-    loop: state.isFpsPlay ? false : loop
-  };
-  var contrallerProps = {
-    rightExtContents: rightExtContents,
-    rightMidExtContents: rightMidExtContents,
-    leftMidExtContents: leftMidExtContents,
-    leftExtContents: leftExtContents,
-    reload: (_props$reload = props.reload) !== null && _props$reload !== void 0 ? _props$reload : reload,
-    hideTimeProgress: !!customTimeLine,
-    oneFpsPlay: oneFpsPlay
-  };
-  var hasApiEventInit = api && event;
-  return /*#__PURE__*/_jsx(Provider, {
-    api: playApi,
-    event: event,
-    container: state.container,
-    isLive: isLive,
-    isFpsPlay: state.isFpsPlay,
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "lm-player-container ".concat(className),
-      ref: domRef,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "player-mask-layout",
-        children: [/*#__PURE__*/_jsx("video", _objectSpread(_objectSpread({}, videoProps), {}, {
-          style: {
-            objectFit: fit,
-            visibility: state.isFpsPlay ? 'hidden' : 'unset'
-          }
-        })), hasApiEventInit && hasLink && state.isFpsPlay ? /*#__PURE__*/_jsx(FPSPlay, {
-          fps: fps,
-          event: event,
-          api: playApi,
-          fpsDelay: fpsDelay
-        }) : /*#__PURE__*/_jsx(Empty, {})]
-      }), hasApiEventInit && hasLink ? /*#__PURE__*/_jsx(VideoMessage, {}) : /*#__PURE__*/_jsx(Empty, {}), hasApiEventInit && hasLink && !hideContrallerBar ? /*#__PURE__*/_jsx(ContrallerEvent, {
-        children: /*#__PURE__*/_jsx(ContrallerBar, _objectSpread({}, contrallerProps))
-      }) : /*#__PURE__*/_jsx(Empty, {}), hasApiEventInit ? customTimeLine ? customTimeLine : !hideContrallerBar ? /*#__PURE__*/_jsx(Timeline, {}) : /*#__PURE__*/_jsx(Empty, {}) : /*#__PURE__*/_jsx(Empty, {}), children]
-    })
-  });
-});
-SinglePlayer.defaultProps = {
-  isLive: true,
-  errorReloadTimer: 5,
-  muted: true,
-  autoPlay: true,
-  playsInline: false,
-  preload: 'auto',
-  loop: false,
-  hideContrallerBar: false,
-  className: '',
-  flvConfig: {
-    mediaDataSource: {},
-    config: {}
-  },
-  hlsConfig: {},
-  extActions: {},
-  oneFpsPlay: false,
-  fpsDelay: 500,
-  fps: 30
-};
-export default SinglePlayer;

package/es/Player/style/bar.less

@@ -1,43 +0,0 @@
-.contraller-bar-layout {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 10;
-  display: flex;
-  width: 100%;
-  height: 28px;
-  background: rgb(29 33 53 / 80%);
-  opacity: 1;
-  align-items: center;
-  justify-content: space-between;
-  transition: opacity .3s;
-
-  &.hide-contraller-bar {
-    opacity: 0;
-  }
-
-  .contraller-bar-item {
-    display: flex;
-    float: left;
-    width: 28px;
-    height: 28px;
-    justify-content: center;
-    align-items: center;
-
-    .lm-player-iconfont {
-      cursor: pointer;
-
-      &:hover {
-        color: var(--primary);
-      }
-    }
-  }
-
-  .video-time-progress {
-    float: left;
-    padding: 0 6px;
-    font-size: 10px;
-    line-height: 28px;
-    color: #fff;
-  }
-}