@cloud-app-dev/vidc 3.1.16 → 3.1.17

package/es/Player/fps_play.js

@@ -1,33 +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, { useEffect, useMemo, useRef, useState } from 'react';
 import Events from './event/eventName';
 import useRafInterval from '../useRafInterval';
 import { useRegisterPlayerEvent } from './event';
 import { getDomStyleValue } from './util';
 var oneFps = 1 / 30;
-
 function FPSPlay(_ref) {
   var api = _ref.api,
-      event = _ref.event,
-      fpsDelay = _ref.fpsDelay,
-      fps = _ref.fps;
-
+    event = _ref.event,
+    fpsDelay = _ref.fpsDelay,
+    fps = _ref.fps;
   var _useState = useState(Date.now()),
-      _useState2 = _slicedToArray(_useState, 2),
-      forceKey = _useState2[0],
-      update = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    forceKey = _useState2[0],
+    update = _useState2[1];
   var ref = useRef(null);
   var timerRef = useRef(null);
   var fps_second = useMemo(function () {
@@ -38,28 +29,22 @@ function FPSPlay(_ref) {
       if (!ref.current || !event.video) {
         return;
       }
-
       var video = event.video;
       var fpsTime = api.getCurrentTime() + fps_second;
       video.currentTime = fpsTime;
-
       if (video.currentTime >= api.getDuration()) {
         clearInterval(timerRef.current);
         video.currentTime = 0;
         event.emit(Events.PLAY_ENDED);
       }
-
       var canvas = ref.current;
       var ctx = canvas.getContext('2d');
-
       var _video$getBoundingCli = video.getBoundingClientRect(),
-          width = _video$getBoundingCli.width,
-          height = _video$getBoundingCli.height;
-
+        width = _video$getBoundingCli.width,
+        height = _video$getBoundingCli.height;
       canvas.width = width;
       canvas.height = height;
       var fit = getDomStyleValue(video, 'object-fit');
-
       if (fit === 'fill') {
         //全画面绘制，存在拉伸
         ctx.drawImage(video, 0, 0, width, height);
@@ -73,7 +58,6 @@ function FPSPlay(_ref) {
         ctx.drawImage(video, paddingSize, 0, s_vw, height);
       }
     };
-
     fpsCapture();
     timerRef.current = setInterval(fpsCapture, fpsDelay);
     return function () {
@@ -85,8 +69,8 @@ function FPSPlay(_ref) {
   });
   useRegisterPlayerEvent(Events.CANVAS_PLAY, function () {
     update(Date.now());
-  }); // TODO: 未知情况，video会自动播放，轮训检测并暂停零时解决
-
+  });
+  // TODO: 未知情况，video会自动播放，轮训检测并暂停零时解决
   useRafInterval(function () {
     return !api.paused ? api.pause() : null;
   }, 10);
@@ -95,5 +79,4 @@ function FPSPlay(_ref) {
     ref: ref
   });
 }
-
 export default FPSPlay;

package/es/Player/frontend_player.js

@@ -5,47 +5,39 @@ import React, { useMemo, useRef } from 'react';
 import SinglePlayer from './single_player';
 import FrontendTimeLine from './frontend_timeline';
 import Events from './event/eventName';
-
 /**
  * @desc 主组件，负责片段整体逻辑控制
  * @return JSX.Element
  */
 function FrontendPlayer(_a) {
   var url = _a.url,
-      begin = _a.begin,
-      end = _a.end,
-      onSeek = _a.onSeek,
-      forwordRef = _a.forwordRef,
-      customTimeLine = _a.customTimeLine,
-      onCanPlayerInit = _a.onCanPlayerInit,
-      props = __rest(_a, ["url", "begin", "end", "onSeek", "forwordRef", "customTimeLine", "onCanPlayerInit"]);
-
+    begin = _a.begin,
+    end = _a.end,
+    onSeek = _a.onSeek,
+    forwordRef = _a.forwordRef,
+    customTimeLine = _a.customTimeLine,
+    onCanPlayerInit = _a.onCanPlayerInit,
+    props = __rest(_a, ["url", "begin", "end", "onSeek", "forwordRef", "customTimeLine", "onCanPlayerInit"]);
   var update = _useUpdate();
-
   var ref = useRef(null);
   var playRef = forwordRef ? forwordRef : ref;
-
   var _ref = playRef.current || {},
-      api = _ref.api,
-      event = _ref.event; // 转换毫秒
-
-
+    api = _ref.api,
+    event = _ref.event;
+  // 转换毫秒
   var duration = useMemo(function () {
     return (end - begin) / 1000;
   }, [begin, end]); //单位s 秒
   // 重置reload
-
   var reload = _useMemoizedFn(function () {
     playRef.current.event.emit(Events.RELOAD);
     onSeek === null || onSeek === void 0 ? void 0 : onSeek(begin);
     playRef.current.api.reload();
   });
-
   var onInit = _useMemoizedFn(function () {
     update();
     onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit();
   });
-
   var hasReady = api && event;
   var timeline = customTimeLine !== null && customTimeLine !== void 0 ? customTimeLine : /*#__PURE__*/React.createElement(FrontendTimeLine, {
     end: end,
@@ -64,5 +56,4 @@ function FrontendPlayer(_a) {
     customTimeLine: hasReady ? timeline : /*#__PURE__*/React.createElement(React.Fragment, null)
   }, props));
 }
-
 export default FrontendPlayer;

package/es/Player/frontend_timeline.js

@@ -1,17 +1,10 @@
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
-
 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, { useMemo, useState, startTransition, useContext } from 'react';
 import useBarStatus from './contraller_bar/useBarStatus';
 import { useTimes } from './timeline';
@@ -19,39 +12,33 @@ import { FMT } from './util';
 import moment from 'moment';
 import { Context } from './context';
 import "./style/timeline.css";
-
 function FrontendTimeLine(_ref) {
   var duration = _ref.duration,
-      begin = _ref.begin,
-      end = _ref.end,
-      onSeek = _ref.onSeek,
-      url = _ref.url;
-
+    begin = _ref.begin,
+    end = _ref.end,
+    onSeek = _ref.onSeek,
+    url = _ref.url;
   var _useContext = useContext(Context),
-      api = _useContext.api,
-      event = _useContext.event; // time 是记录seek时跳了多少
-
-
+    api = _useContext.api,
+    event = _useContext.event;
+  // time 是记录seek时跳了多少
   var _useState = useState({
-    time: 0,
-    markTime: 0,
-    left: -1,
-    visible: false
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var status = useBarStatus(event); //获取视频当前播放时长单位s
-
+      time: 0,
+      markTime: 0,
+      left: -1,
+      visible: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var status = useBarStatus(event);
+  //获取视频当前播放时长单位s
   var _useTimes = useTimes(api, event),
-      _useTimes2 = _slicedToArray(_useTimes, 1),
-      currentTime = _useTimes2[0];
-
+    _useTimes2 = _slicedToArray(_useTimes, 1),
+    currentTime = _useTimes2[0];
   var rTime = useMemo(function () {
     return state.time + currentTime;
   }, [state.time, currentTime]);
-
   _useUpdateEffect(function () {
     return setState(function (old) {
       return Object.assign(Object.assign({}, old), {
@@ -59,27 +46,24 @@ function FrontendTimeLine(_ref) {
       });
     });
   }, [begin]);
-
   var playPercent = useMemo(function () {
     return rTime / duration * 100;
   }, [duration, rTime]);
   var cTime = useMemo(function () {
     return begin + rTime * 1000;
   }, [begin, rTime]);
-
   var seekWithLine = function seekWithLine(e) {
     var rect = e.currentTarget.getBoundingClientRect();
     var current = e.pageX - rect.left;
     var cTime = current / rect.width * duration;
-    onSeek === null || onSeek === void 0 ? void 0 : onSeek(begin + cTime * 1000); //时间轴进度条rTime是要加上currentTime,这里要减去一下，包装交互一致性
-
+    onSeek === null || onSeek === void 0 ? void 0 : onSeek(begin + cTime * 1000);
+    //时间轴进度条rTime是要加上currentTime,这里要减去一下，包装交互一致性
     setState(function (old) {
       return Object.assign(Object.assign({}, old), {
         time: cTime
       });
     });
   };
-
   var onLineMouseOver = function onLineMouseOver(e) {
     var rect = e.currentTarget.getBoundingClientRect();
     var left = e.pageX - rect.left;
@@ -91,7 +75,6 @@ function FrontendTimeLine(_ref) {
       });
     });
   };
-
   var onLineMouseOut = function onLineMouseOut(e) {
     return startTransition(function () {
       return setState(function (old) {
@@ -101,7 +84,6 @@ function FrontendTimeLine(_ref) {
       });
     });
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "player-timeline-layout frontend-player-timeline-layout ".concat(status === 0 ? 'hide-time-line' : ''),
     onClick: seekWithLine,
@@ -125,18 +107,15 @@ function FrontendTimeLine(_ref) {
     }
   }));
 }
-
 function TipTitle(_ref2) {
   var end = _ref2.end,
-      begin = _ref2.begin,
-      left = _ref2.left,
-      current = _ref2.current,
-      markTime = _ref2.markTime;
-
+    begin = _ref2.begin,
+    left = _ref2.left,
+    current = _ref2.current,
+    markTime = _ref2.markTime;
   if (left === -1) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "frontend-line-tip-box",
     style: {
@@ -148,5 +127,4 @@ function TipTitle(_ref2) {
     }
   }, "\u5F55\u50CF\u4FE1\u606F"), /*#__PURE__*/React.createElement("div", null, "\u5F00\u59CB\uFF1A", moment(begin).format(FMT)), /*#__PURE__*/React.createElement("div", null, "\u7ED3\u675F\uFF1A", moment(end).format(FMT)), /*#__PURE__*/React.createElement("div", null, "\u523B\u5EA6\uFF1A", moment(markTime).format(FMT)), /*#__PURE__*/React.createElement("div", null, "\u5F53\u524D\uFF1A", moment(current).format(FMT)));
 }
-
 export default FrontendTimeLine;

package/es/Player/iconfont.js

@@ -2,15 +2,12 @@ import { __rest } from "tslib";
 import React from 'react';
 import Icon from '../IconFont';
 import './style/iconfont.js';
-
 function IconFont(_a) {
   var _a$className = _a.className,
-      className = _a$className === void 0 ? '' : _a$className,
-      props = __rest(_a, ["className"]);
-
+    className = _a$className === void 0 ? '' : _a$className,
+    props = __rest(_a, ["className"]);
   return /*#__PURE__*/React.createElement(Icon, Object.assign({
     className: "lm-player-iconfont ".concat(className)
   }, props));
 }
-
 export default IconFont;

package/es/Player/live_heart.js

@@ -3,50 +3,38 @@ 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;
-
+    event = _ref.event,
+    isLive = _ref.isLive;
   var documentVisibility = _useDocumentVisibility();
-
   var cTimeRef = useRef(null);
-
   var run = function run() {
     if (!isLive || documentVisibility !== 'visible') {
       return;
     }
-
     var current = api.getCurrentTime();
     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 () {
     return cTimeRef.current = api.getCurrentTime();
   }, 1 * 1000);
-
   _useRafInterval(function () {
     return run();
   }, 30 * 1000);
-
   _useRafInterval(function () {
     var cuurentTime = api.getCurrentTime();
-
     if (!!isLive && !api.video.paused && cuurentTime === cTimeRef.current) {
       event.emit(Events.ERROR);
     }
   }, 20 * 1000);
 }
-
 export default useLiveHeart;

package/es/Player/message.js

@@ -1,49 +1,37 @@
 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, useMemo, useRef } from 'react';
 import IconFont from './iconfont';
 import { useRegisterPlayerEvent, useVideoEvent } from './event';
 import EventName from './event/eventName';
 import "./style/message.css";
-
 function VideoMessage(_ref) {
   var event = _ref.event,
-      api = _ref.api;
-
+    api = _ref.api;
   var _useState = useState({
-    status: null,
-    errorTimer: null,
-    loading: false
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      status: null,
+      errorTimer: null,
+      loading: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var timeRef = useRef(null);
   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 () {
@@ -54,7 +42,6 @@ function VideoMessage(_ref) {
       });
     }, 200);
   };
-
   var closeLoading = function closeLoading() {
     clearTimeout(timeRef.current);
     setState(function (old) {
@@ -63,7 +50,6 @@ function VideoMessage(_ref) {
       });
     });
   };
-
   var errorReload = function errorReload(timer) {
     clearTimeout(timeRef.current);
     setState(function () {
@@ -74,7 +60,6 @@ function VideoMessage(_ref) {
       };
     });
   };
-
   var reloadFail = function reloadFail() {
     return setState(function (old) {
       return Object.assign(Object.assign({}, old), {
@@ -82,7 +67,6 @@ function VideoMessage(_ref) {
       });
     });
   };
-
   var reloadSuccess = function reloadSuccess() {
     return setState(function (old) {
       return Object.assign(Object.assign({}, old), {
@@ -90,7 +74,6 @@ function VideoMessage(_ref) {
       });
     });
   };
-
   var reload = function reload() {
     return setState(function (old) {
       return Object.assign(Object.assign({}, old), {
@@ -99,7 +82,6 @@ function VideoMessage(_ref) {
       });
     });
   };
-
   var playEnd = function playEnd() {
     clearTimeout(timeRef.current);
     setState(function (old) {
@@ -110,7 +92,6 @@ function VideoMessage(_ref) {
     });
     api.pause();
   };
-
   useVideoEvent('loadstart', openLoading);
   useVideoEvent('loadeddata', closeLoading);
   useVideoEvent('canplay', closeLoading);
@@ -121,7 +102,7 @@ function VideoMessage(_ref) {
   useRegisterPlayerEvent(EventName.HISTORY_PLAY_END, playEnd);
   useRegisterPlayerEvent(EventName.CLEAR_ERROR_TIMER, reloadSuccess);
   var loading = state.loading,
-      status = state.status;
+    status = state.status;
   return /*#__PURE__*/React.createElement("div", {
     className: "lm-player-message-mask ".concat(loading || status === 'fail' ? 'lm-player-mask-loading-animation' : '')
   }, /*#__PURE__*/React.createElement(IconFont, {
@@ -131,7 +112,6 @@ function VideoMessage(_ref) {
     className: "lm-player-message"
   }, message));
 }
-
 export var NoSource = function NoSource() {
   return /*#__PURE__*/React.createElement("div", {
     className: "lm-player-message-mask lm-player-mask-loading-animation"