@cloud-app-dev/vidc 3.1.16 → 3.1.18

package/es/Player/api/index.js

@@ -1,38 +1,24 @@
 import _nextTick from "@cloud-app-dev/utils/es/nextTick";
-
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 import { useEffect, useState } from 'react';
 import { createFlvPlayer, createHlsPlayer, tryCatch } from '../util';
-
 var Api = /*#__PURE__*/function () {
   function Api(container) {
     var _this = this;
-
     _classCallCheck(this, Api);
-
     this.play = function () {
       tryCatch(function () {
         return _this.video.play();
       });
     };
-
     this.pause = function () {
       _this.video.pause();
     };
@@ -40,40 +26,30 @@ var Api = /*#__PURE__*/function () {
      * 设置currentTime实现seek
      * @param {*} seconds
      */
-
-
     this.seekTo = function (seconds) {
       _this.video.currentTime = seconds;
     };
-
     this.setVolume = function (fraction) {
       _this.video.volume = fraction;
     };
-
     this.getVolume = function () {
       return _this.video.volume;
     };
-
     this.mute = function () {
       _this.video.muted = true;
     };
-
     this.unmute = function () {
       _this.video.muted = false;
     };
     /**
      * 开启画中画功能
      */
-
-
     this.requestPictureInPicture = function () {
       _this.video.requestPictureInPicture();
     };
     /**
      * 关闭画中画功能
      */
-
-
     this.exitPictureInPicture = function () {
       if (document.exitPictureInPicture && document.pictureInPictureElement === _this.video) {
         document.exitPictureInPicture();
@@ -83,71 +59,52 @@ var Api = /*#__PURE__*/function () {
      * 设置播放速率
      * @param {*} rate
      */
-
-
     this.setPlaybackRate = function (rate) {
       _this.video.playbackRate = rate;
     };
     /**
      * 获取视频总时长
      */
-
-
     this.getDuration = function () {
       var _this$video = _this.video,
-          duration = _this$video.duration,
-          seekable = _this$video.seekable;
-
+        duration = _this$video.duration,
+        seekable = _this$video.seekable;
       if (duration === Infinity && seekable.length > 0) {
         return seekable.end(seekable.length - 1);
       }
-
       return duration;
     };
     /**
      * 获取当前播放时间
      */
-
-
     this.getCurrentTime = function () {
       return _this.video.currentTime;
     };
     /**
      * 获取缓存时间
      */
-
-
     this.getSecondsLoaded = function () {
       return _this.getBufferedTime()[1];
     };
     /**
      * 获取当前视频缓存的起止时间
      */
-
-
     this.getBufferedTime = function () {
       var buffered = _this.video.buffered;
-
       if (buffered.length === 0) {
         return [0, 0];
       }
-
       var end = buffered.end(buffered.length - 1);
       var start = buffered.start(buffered.length - 1);
-
       var duration = _this.getDuration();
-
       if (end > duration) {
         return duration;
       }
-
       return [start, end];
     };
     /**
      * 视频截屏方法
      */
-
-
     this.snapshot = function () {
       var canvas = document.createElement('canvas');
       var ctx = canvas.getContext('2d');
@@ -161,24 +118,16 @@ var Api = /*#__PURE__*/function () {
       }, 200);
       return canvas.toDataURL();
     };
-
     this.unload = function () {};
-
     this.reload = function () {};
-
     this.toggleFit = function () {};
-
     this.openFpsPlay = function () {};
-
     this.closeFpsPlay = function () {};
-
     this.destroy = function () {
       _this.container = null;
     };
-
     this.container = container;
   }
-
   _createClass(Api, [{
     key: "video",
     get: function get() {
@@ -195,48 +144,38 @@ var Api = /*#__PURE__*/function () {
       return this.video.muted;
     }
   }]);
-
   return Api;
 }(); // 创建播放介质
-
-
 export function useTypeAndPlay(url, type, isLive, container, segments, flvConfig, hlsConfig) {
   var _useState = useState({
-    type: '',
-    flv: undefined,
-    hls: undefined
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      type: '',
+      flv: undefined,
+      hls: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   useEffect(function () {
     var isReady = container && (url || type === 'flv' && segments);
-
     if (!isReady) {
       return undefined;
     }
-
     var video = container.querySelector('video');
     var options = {};
-
     switch (type) {
       case 'flv':
         options.type = 'flv';
         options.flv = createFlvPlayer(video, url, isLive, flvConfig);
         break;
-
       case 'hls':
         options.type = 'hls';
         options.hls = createHlsPlayer(video, url, isLive, hlsConfig);
         break;
-
       default:
         options.type = 'native';
         video.setAttribute('src', url);
         break;
     }
-
     video.paused && tryCatch(function () {
       return video.play();
     });
@@ -256,26 +195,23 @@ export function useTypeAndPlay(url, type, isLive, container, segments, flvConfig
         video.pause();
         video.removeAttribute('src');
       }
-
       setState({});
     };
   }, [url, container, segments, type, isLive, flvConfig, hlsConfig]);
   return [state.type, state.flv, state.hls];
-} //创建Api
-
+}
+//创建Api
 export function usePlayerApi(url, type, isLive, container, segments, flvConfig, hlsConfig) {
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      api = _useState4[0],
-      setApi = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    api = _useState4[0],
+    setApi = _useState4[1];
   var typePlay = useTypeAndPlay(url, type, isLive, container, segments, flvConfig, hlsConfig);
   useEffect(function () {
     if (!container) {
       console.debug('wait create api...');
       return undefined;
     }
-
     var api = new Api(container);
     setApi(api);
     return function () {

package/es/Player/context.js

@@ -3,8 +3,7 @@ import React from 'react';
 export var Context = /*#__PURE__*/React.createContext(null);
 export function Provider(_a) {
   var children = _a.children,
-      props = __rest(_a, ["children"]);
-
+    props = __rest(_a, ["children"]);
   return /*#__PURE__*/React.createElement(Context.Provider, {
     value: Object.assign({}, props)
   }, children);

package/es/Player/contraller_bar/bar.js

@@ -1,21 +1,17 @@
 import { __rest } from "tslib";
 import React from 'react';
-
 function Bar(_a) {
   var _a$visibel = _a.visibel,
-      visibel = _a$visibel === void 0 ? true : _a$visibel,
-      _a$className = _a.className,
-      className = _a$className === void 0 ? '' : _a$className,
-      children = _a.children,
-      props = __rest(_a, ["visibel", "className", "children"]);
-
+    visibel = _a$visibel === void 0 ? true : _a$visibel,
+    _a$className = _a.className,
+    className = _a$className === void 0 ? '' : _a$className,
+    children = _a.children,
+    props = __rest(_a, ["visibel", "className", "children"]);
   if (visibel === false) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("span", Object.assign({
     className: "contraller-bar-item ".concat(className)
   }, props), children);
 }
-
 export default Bar;

package/es/Player/contraller_bar/contraller_event.js

@@ -1,42 +1,29 @@
 import _useEventListener from "ahooks/es/useEventListener";
 import _useMount from "ahooks/es/useMount";
-
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useState, useRef, useContext } from 'react';
 import { Context } from '../context';
 import EventName from '../event/eventName';
-
 function ContrallerEvent(_ref) {
   var children = _ref.children;
-
   var _useContext = useContext(Context),
-      event = _useContext.event,
-      container = _useContext.container;
-
+    event = _useContext.event,
+    container = _useContext.container;
   var timer = useRef(null);
-
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      visibel = _useState2[0],
-      setVisibel = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    visibel = _useState2[0],
+    setVisibel = _useState2[1];
   var showContraller = function showContraller() {
     clearTimeout(timer.current);
     setVisibel(true);
     event.emit(EventName.SHOW_CONTRALLER);
   };
-
   var hideContraller = function hideContraller() {
     clearTimeout(timer.current);
     timer.current = setTimeout(function () {
@@ -44,24 +31,19 @@ function ContrallerEvent(_ref) {
       event.emit(EventName.HIDE_CONTRALLER);
     }, 3 * 1000);
   };
-
   _useMount(function () {
     return hideContraller();
   });
-
   _useEventListener('mouseenter', showContraller, {
     target: container
   });
-
   _useEventListener('mouseleave', hideContraller, {
     target: container
   });
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, React.Children.map(children, function (child) {
     return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
       visibel: visibel
     }) : child;
   }));
 }
-
 export default ContrallerEvent;

package/es/Player/contraller_bar/index.js

@@ -2,16 +2,15 @@ import React from 'react';
 import LeftBar from './left_bar';
 import RightBar from './right_bar';
 import "../style/bar.css";
-
 function ContrallerBar(_ref) {
   var rightExtContents = _ref.rightExtContents,
-      rightMidExtContents = _ref.rightMidExtContents,
-      visibel = _ref.visibel,
-      leftExtContents = _ref.leftExtContents,
-      leftMidExtContents = _ref.leftMidExtContents,
-      reload = _ref.reload,
-      hideTimeProgress = _ref.hideTimeProgress,
-      oneFpsPlay = _ref.oneFpsPlay;
+    rightMidExtContents = _ref.rightMidExtContents,
+    visibel = _ref.visibel,
+    leftExtContents = _ref.leftExtContents,
+    leftMidExtContents = _ref.leftMidExtContents,
+    reload = _ref.reload,
+    hideTimeProgress = _ref.hideTimeProgress,
+    oneFpsPlay = _ref.oneFpsPlay;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "contraller-bar-layout ".concat(!visibel ? 'hide-contraller-bar' : '')
   }, /*#__PURE__*/React.createElement(LeftBar, {
@@ -25,5 +24,4 @@ function ContrallerBar(_ref) {
     rightMidExtContents: rightMidExtContents
   })));
 }
-
 export default ContrallerBar;

package/es/Player/contraller_bar/left_bar.js

@@ -1,15 +1,9 @@
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 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';
@@ -17,35 +11,30 @@ import { Context } from '../context';
 import { useVideoEvent } from '../event';
 import Volume from './volume';
 import Time from './time';
-
 function LeftBar(_ref) {
   var reload = _ref.reload,
-      leftExtContents = _ref.leftExtContents,
-      leftMidExtContents = _ref.leftMidExtContents,
-      hideTimeProgress = _ref.hideTimeProgress,
-      oneFpsPlay = _ref.oneFpsPlay;
-
+    leftExtContents = _ref.leftExtContents,
+    leftMidExtContents = _ref.leftMidExtContents,
+    hideTimeProgress = _ref.hideTimeProgress,
+    oneFpsPlay = _ref.oneFpsPlay;
   var _useContext = useContext(Context),
-      api = _useContext.api,
-      container = _useContext.container,
-      isLive = _useContext.isLive,
-      isFpsPlay = _useContext.isFpsPlay;
-
+    api = _useContext.api,
+    container = _useContext.container,
+    isLive = _useContext.isLive,
+    isFpsPlay = _useContext.isFpsPlay;
   var _useState = useState(Date.now()),
-      _useState2 = _slicedToArray(_useState, 2),
-      dep = _useState2[0],
-      setDep = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    dep = _useState2[0],
+    setDep = _useState2[1];
   var updateRender = function updateRender() {
     return setDep(Date.now());
   };
-
   useVideoEvent('play', updateRender);
   useVideoEvent('pause', updateRender);
   useVideoEvent('volumechange', updateRender);
-  var video = container.querySelector('video'); //缓存值
+  var video = container.querySelector('video');
+  //缓存值
   // eslint-disable-next-line react-hooks/exhaustive-deps
-
   var paused = useMemo(function () {
     return video === null || video === void 0 ? void 0 : video.paused;
   }, [dep, video]);
@@ -54,8 +43,8 @@ function LeftBar(_ref) {
   }, [paused]);
   var statusText = useMemo(function () {
     return paused ? '播放' : '暂停';
-  }, [paused]); //TODO 方法
-
+  }, [paused]);
+  //TODO 方法
   var changePlayStatus = useCallback(function () {
     if (video === null || video === void 0 ? void 0 : video.paused) {
       var buffered = api.getSecondsLoaded();
@@ -83,5 +72,4 @@ function LeftBar(_ref) {
     title: "\u9010\u5E27\u64AD\u653E"
   })), leftMidExtContents);
 }
-
 export default LeftBar;

package/es/Player/contraller_bar/right_bar.js

@@ -1,35 +1,25 @@
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useContext } from 'react';
 import IconFont from '../iconfont';
 import Bar from './bar';
 import useFullscreen from '../../useFullscreen';
 import { Context } from '../context';
-
 function RightBar(_ref) {
   var rightExtContents = _ref.rightExtContents,
-      rightMidExtContents = _ref.rightMidExtContents;
-
+    rightMidExtContents = _ref.rightMidExtContents;
   var _useContext = useContext(Context),
-      container = _useContext.container;
-
+    container = _useContext.container;
   var _useFullscreen = useFullscreen(container),
-      _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
-      isFullScreen = _useFullscreen2[0],
-      _useFullscreen2$ = _useFullscreen2[1],
-      enterFullscreen = _useFullscreen2$.enterFullscreen,
-      exitFullscreen = _useFullscreen2$.exitFullscreen;
-
+    _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
+    isFullScreen = _useFullscreen2[0],
+    _useFullscreen2$ = _useFullscreen2[1],
+    enterFullscreen = _useFullscreen2$.enterFullscreen,
+    exitFullscreen = _useFullscreen2$.exitFullscreen;
   var fullscreen = isFullScreen ? exitFullscreen : enterFullscreen;
   return /*#__PURE__*/React.createElement("div", {
     className: "contraller-right-bar"
@@ -39,5 +29,4 @@ function RightBar(_ref) {
     type: isFullScreen ? 'lm-player-ExitFull_Main' : 'lm-player-Full_Main'
   })), rightExtContents);
 }
-
 export default RightBar;

package/es/Player/contraller_bar/time.js

@@ -1,34 +1,24 @@
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useContext } from 'react';
 import { Context } from '../context';
 import { useTimes } from '../timeline';
 import { timeStamp } from '../util';
-
 function Time() {
   var _useContext = useContext(Context),
-      api = _useContext.api,
-      event = _useContext.event,
-      isFpsPlay = _useContext.isFpsPlay;
-
+    api = _useContext.api,
+    event = _useContext.event,
+    isFpsPlay = _useContext.isFpsPlay;
   var _useTimes = useTimes(api, event, isFpsPlay),
-      _useTimes2 = _slicedToArray(_useTimes, 3),
-      current = _useTimes2[0],
-      duration = _useTimes2[2];
-
+    _useTimes2 = _slicedToArray(_useTimes, 3),
+    current = _useTimes2[0],
+    duration = _useTimes2[2];
   return /*#__PURE__*/React.createElement("span", {
     className: "video-time-progress"
   }, timeStamp(current), "/", timeStamp(duration || 0));
 }
-
 export default Time;

package/es/Player/contraller_bar/useBarStatus.js

@@ -1,27 +1,19 @@
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { useState } from 'react';
 import { useRegisterPlayerEvents } from '../event';
 import EventName from '../event/eventName';
-
 function useBarStatus(event) {
   var _useState = useState({
-    status: 1
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      status: 1
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var show = function show() {
     return setState(function (old) {
       return Object.assign(Object.assign({}, old), {
@@ -29,7 +21,6 @@ function useBarStatus(event) {
       });
     });
   };
-
   var hide = function hide() {
     return setState(function (old) {
       return Object.assign(Object.assign({}, old), {
@@ -37,9 +28,7 @@ function useBarStatus(event) {
       });
     });
   };
-
   useRegisterPlayerEvents(event, [[EventName.SHOW_CONTRALLER, show], [EventName.HIDE_CONTRALLER, hide]]);
   return state.status;
 }
-
 export default useBarStatus;