@cloud-app-dev/vidc 3.2.11 → 3.2.13

package/es/Player/frontend_timeline.js

@@ -1,125 +1,165 @@
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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 } from 'react';
-import useBarStatus from './contraller_bar/useBarStatus';
-import { useTimes } from './timeline';
-import { FMT } from './util';
+import useBarStatus from "./contraller_bar/useBarStatus";
+import { useTimes } from "./timeline";
+import { FMT } from "./util";
 import moment from 'moment';
-import "./style/timeline.css";
+import "./style/timeline.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 function FrontendTimeLine(_ref) {
   var duration = _ref.duration,
-    begin = _ref.begin,
-    end = _ref.end,
-    onSeek = _ref.onSeek;
+      begin = _ref.begin,
+      end = _ref.end,
+      onSeek = _ref.onSeek;
+
   // 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();
-  //获取视频当前播放时长单位s
+    time: 0,
+    markTime: 0,
+    left: -1,
+    visible: false
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var status = useBarStatus(); //获取视频当前播放时长单位s
+
   var _useTimes = useTimes(),
-    _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), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         time: 0
       });
     });
   }, [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), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         time: cTime
       });
     });
   };
+
   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 Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         left: left,
         markTime: begin + mTime * 1000
       });
     });
   };
+
   var onLineMouseOut = function onLineMouseOut(e) {
     return startTransition(function () {
       return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
+        return _objectSpread(_objectSpread({}, old), {}, {
           left: -1
         });
       });
     });
   };
-  return /*#__PURE__*/React.createElement("div", {
+
+  return /*#__PURE__*/_jsxs("div", {
     className: "player-timeline-layout frontend-player-timeline-layout ".concat(status === 0 ? 'hide-time-line' : ''),
     onClick: seekWithLine,
     onMouseMove: onLineMouseOver,
-    onMouseOut: onLineMouseOut
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "current-line",
-    style: {
-      width: "".concat(playPercent, "%")
-    }
-  }), /*#__PURE__*/React.createElement(TipTitle, {
-    end: end,
-    begin: begin,
-    left: state.left,
-    current: cTime,
-    markTime: state.markTime
-  }), state.left !== -1 && /*#__PURE__*/React.createElement("span", {
-    className: "frontend-line-mark",
-    style: {
-      left: state.left
-    }
-  }));
+    onMouseOut: onLineMouseOut,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "current-line",
+      style: {
+        width: "".concat(playPercent, "%")
+      }
+    }), /*#__PURE__*/_jsx(TipTitle, {
+      end: end,
+      begin: begin,
+      left: state.left,
+      current: cTime,
+      markTime: state.markTime
+    }), state.left !== -1 && /*#__PURE__*/_jsx("span", {
+      className: "frontend-line-mark",
+      style: {
+        left: state.left
+      }
+    })]
+  });
 }
+
 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", {
+
+  return /*#__PURE__*/_jsxs("div", {
     className: "frontend-line-tip-box",
     style: {
       left: left
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontWeight: 600
-    }
-  }, "\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)));
+    },
+    children: [/*#__PURE__*/_jsx("div", {
+      style: {
+        fontWeight: 600
+      },
+      children: "\u5F55\u50CF\u4FE1\u606F"
+    }), /*#__PURE__*/_jsxs("div", {
+      children: ["\u5F00\u59CB\uFF1A", moment(begin).format(FMT)]
+    }), /*#__PURE__*/_jsxs("div", {
+      children: ["\u7ED3\u675F\uFF1A", moment(end).format(FMT)]
+    }), /*#__PURE__*/_jsxs("div", {
+      children: ["\u523B\u5EA6\uFF1A", moment(markTime).format(FMT)]
+    }), /*#__PURE__*/_jsxs("div", {
+      children: ["\u5F53\u524D\uFF1A", moment(current).format(FMT)]
+    })]
+  });
 }
+
 export default FrontendTimeLine;

package/es/Player/iconfont.js

@@ -1,13 +1,28 @@
-import { __rest } from "tslib";
+var _excluded = ["className"];
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 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"]);
-  return /*#__PURE__*/React.createElement(Icon, Object.assign({
+import Icon from "../IconFont";
+import "./style/iconfont.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+function IconFont(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_jsx(Icon, _objectSpread({
     className: "lm-player-iconfont ".concat(className)
   }, props));
 }
+
 export default IconFont;

package/es/Player/index.js

@@ -1,2 +1,2 @@
-import SinglePlayer from './single_player';
+import SinglePlayer from "./single_player";
 export default SinglePlayer;

package/es/Player/live_heart.js

@@ -2,39 +2,51 @@ 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';
+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,56 +1,78 @@
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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, useContext } from 'react';
-import IconFont from './iconfont';
-import { useRegisterPlayerEvent, useVideoEvent } from './event';
-import EventName from './event/eventName';
-import { Context } from './context';
-import "./style/message.css";
+import IconFont from "./iconfont";
+import { useRegisterPlayerEvent, useVideoEvent } from "./event";
+import EventName from "./event/eventName";
+import { Context } from "./context";
+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;
+      api = _useContext.api;
+
   var _useState = useState({
-      status: null,
-      errorTimer: 1,
-      loading: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+    status: null,
+    errorTimer: 1,
+    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 () {
       return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
+        return _objectSpread(_objectSpread({}, old), {}, {
           loading: true
         });
       });
     }, 200);
   };
+
   var closeLoading = function closeLoading() {
     clearTimeout(timeRef.current);
     setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         loading: false
       });
     });
   };
+
   var errorReload = function errorReload(timer) {
     clearTimeout(timeRef.current);
     setState(function () {
@@ -61,38 +83,43 @@ function VideoMessage() {
       };
     });
   };
+
   var reloadFail = function reloadFail() {
     return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         status: 'fail'
       });
     });
   };
+
   var reloadSuccess = function reloadSuccess() {
     return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         status: null
       });
     });
   };
+
   var reload = function reload() {
     return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         status: 'reload',
         loading: true
       });
     });
   };
+
   var playEnd = function playEnd() {
     clearTimeout(timeRef.current);
     setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         status: null,
         loading: false
       });
     });
     api.pause();
   };
+
   useVideoEvent('loadstart', openLoading);
   useVideoEvent('loadeddata', closeLoading);
   useVideoEvent('canplay', closeLoading);
@@ -103,25 +130,29 @@ function VideoMessage() {
   useRegisterPlayerEvent(EventName.HISTORY_PLAY_END, playEnd);
   useRegisterPlayerEvent(EventName.CLEAR_ERROR_TIMER, reloadSuccess);
   var loading = state.loading,
-    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, {
-    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__*/React.createElement("span", {
-    className: "lm-player-message"
-  }, message));
+      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__*/React.createElement("div", {
-    className: "lm-player-message-mask lm-player-mask-loading-animation"
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    style: {
-      fontSize: 80
-    },
-    type: "lm-player-PlaySource",
-    title: "\u8BF7\u9009\u62E9\u89C6\u9891\u6E90"
-  }));
+  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;