@cloud-app-dev/vidc 4.0.19 → 4.0.21

package/es/Player/fps_play.js

@@ -0,0 +1,83 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import useRafInterval from "../useRafInterval";
+import { useRegisterPlayerEvent } from "./event";
+import Events from "./event/eventName";
+import { getDomStyleValue } from "./util";
+var oneFps = 1 / 30;
+function FPSPlay(_ref) {
+  var api = _ref.api,
+    event = _ref.event,
+    fpsDelay = _ref.fpsDelay,
+    fps = _ref.fps;
+  var _useState = useState(Date.now()),
+    _useState2 = _slicedToArray(_useState, 2),
+    forceKey = _useState2[0],
+    update = _useState2[1];
+  var ref = useRef(null);
+  var timerRef = useRef();
+  var fps_second = useMemo(function () {
+    return fps ? 1 / fps : oneFps;
+  }, [fps]);
+  useEffect(function () {
+    var fpsCapture = function fpsCapture() {
+      if (!ref.current || !(event !== null && event !== void 0 && event.video) || !api) {
+        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;
+      canvas.width = width;
+      canvas.height = height;
+      var fit = getDomStyleValue(video, 'object-fit');
+      if (fit === 'fill') {
+        //全画面绘制，存在拉伸
+        ctx === null || ctx === void 0 || ctx.drawImage(video, 0, 0, width, height);
+      } else {
+        // 自适应绘制
+        var videoWidth = video.videoWidth;
+        var videoHeight = video.videoHeight;
+        var scale = height / videoHeight;
+        var s_vw = scale * videoWidth;
+        var paddingSize = (width - s_vw) / 2;
+        ctx === null || ctx === void 0 || ctx.drawImage(video, paddingSize, 0, s_vw, height);
+      }
+    };
+    fpsCapture();
+    timerRef.current = setInterval(fpsCapture, fpsDelay);
+    return function () {
+      clearInterval(timerRef.current);
+    };
+  }, [api, event, fpsDelay, forceKey, fps_second]);
+  useRegisterPlayerEvent(Events.CANVAS_PAUSE, function () {
+    clearInterval(timerRef.current);
+  });
+  useRegisterPlayerEvent(Events.CANVAS_PLAY, function () {
+    update(Date.now());
+  });
+
+  // TODO: 未知情况，video会自动播放，轮训检测并暂停零时解决
+  useRafInterval(function () {
+    return !(api !== null && api !== void 0 && api.paused) ? api === null || api === void 0 ? void 0 : api.pause() : null;
+  }, 10);
+  return /*#__PURE__*/React.createElement("canvas", {
+    className: "fps-play-canvas",
+    ref: ref
+  });
+}
+export default FPSPlay;

package/es/Player/frontend_player.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { IFrontendPlayerProps } from './player';
+/**
+ * @desc 主组件，负责片段整体逻辑控制
+ * @return JSX.Element
+ */
+declare function FrontendPlayer({ url, begin, end, onSeek, forwordRef, customTimeLine, onCanPlayerInit, ...props }: IFrontendPlayerProps): React.JSX.Element;
+export default FrontendPlayer;

package/es/Player/frontend_player.js

@@ -0,0 +1,64 @@
+var _excluded = ["url", "begin", "end", "onSeek", "forwordRef", "customTimeLine", "onCanPlayerInit"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 { useMemoizedFn, useUpdate } from 'ahooks';
+import React, { useMemo, useRef } from 'react';
+import Events from "./event/eventName";
+import FrontendTimeLine from "./frontend_timeline";
+import SinglePlayer from "./single_player";
+
+/**
+ * @desc 主组件，负责片段整体逻辑控制
+ * @return JSX.Element
+ */
+function FrontendPlayer(_ref) {
+  var url = _ref.url,
+    begin = _ref.begin,
+    end = _ref.end,
+    onSeek = _ref.onSeek,
+    forwordRef = _ref.forwordRef,
+    customTimeLine = _ref.customTimeLine,
+    onCanPlayerInit = _ref.onCanPlayerInit,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var update = useUpdate();
+  var ref = useRef(null);
+  var playRef = forwordRef ? forwordRef : ref;
+  var _ref2 = playRef.current || {},
+    api = _ref2.api,
+    event = _ref2.event;
+
+  // 转换毫秒
+  var duration = useMemo(function () {
+    return (end !== null && end !== void 0 ? end : 0 - (begin !== null && begin !== void 0 ? begin : 0)) / 1000;
+  }, [begin, end]); //单位s 秒
+
+  // 重置reload
+  var reload = useMemoizedFn(function () {
+    var _playRef$current, _playRef$current2;
+    (_playRef$current = playRef.current) === null || _playRef$current === void 0 || _playRef$current.event.emit(Events.RELOAD);
+    onSeek === null || onSeek === void 0 || onSeek(begin);
+    (_playRef$current2 = playRef.current) === null || _playRef$current2 === void 0 || _playRef$current2.api.reload();
+  });
+  var onInit = useMemoizedFn(function () {
+    update();
+    onCanPlayerInit === null || onCanPlayerInit === void 0 || onCanPlayerInit();
+  });
+  var hasReady = api && event;
+  var timeline = customTimeLine !== null && customTimeLine !== void 0 ? customTimeLine : /*#__PURE__*/React.createElement(FrontendTimeLine, {
+    end: end !== null && end !== void 0 ? end : 0,
+    onSeek: onSeek,
+    begin: begin !== null && begin !== void 0 ? begin : 0,
+    duration: duration
+  });
+  return /*#__PURE__*/React.createElement(SinglePlayer, _extends({
+    ref: playRef,
+    url: url,
+    reload: reload,
+    onCanPlayerInit: onInit,
+    isLive: false,
+    type: "flv",
+    customTimeLine: hasReady ? timeline : /*#__PURE__*/React.createElement(React.Fragment, null)
+  }, props));
+}
+export default FrontendPlayer;

package/es/Player/frontend_timeline.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './style/timeline.less';
+interface ITimeLineProps {
+    duration: number;
+    begin: number;
+    end: number;
+    onSeek?: (time: number) => void;
+}
+declare function FrontendTimeLine({ duration, begin, end, onSeek }: ITimeLineProps): React.JSX.Element;
+export default FrontendTimeLine;

package/es/Player/frontend_timeline.js

@@ -0,0 +1,132 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useUpdateEffect } from 'ahooks';
+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";
+function TipTitle(_ref) {
+  var end = _ref.end,
+    begin = _ref.begin,
+    left = _ref.left,
+    current = _ref.current,
+    markTime = _ref.markTime;
+  if (left === -1) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("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)));
+}
+function FrontendTimeLine(_ref2) {
+  var duration = _ref2.duration,
+    begin = _ref2.begin,
+    end = _ref2.end,
+    onSeek = _ref2.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
+  var _useTimes = useTimes(),
+    _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 _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 || onSeek(begin + cTime * 1000);
+    //时间轴进度条rTime是要加上currentTime,这里要减去一下，包装交互一致性
+    setState(function (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 _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__*/React.createElement("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
+    }
+  }));
+}
+export default FrontendTimeLine;

package/es/Player/iconfont.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IIconFontProps } from '../IconFont';
+import './style/iconfont.js';
+declare function IconFont({ className, ...props }: IIconFontProps): React.JSX.Element;
+export default IconFont;

package/es/Player/iconfont.js

@@ -0,0 +1,16 @@
+var _excluded = ["className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    className: "lm-player-iconfont ".concat(className)
+  }, props));
+}
+export default IconFont;

package/es/Player/index.d.ts

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

package/es/Player/index.js

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

package/es/Player/live_heart.d.ts

@@ -0,0 +1,8 @@
+import type Api from './api';
+import type VideoEventInstance from './event';
+declare function useLiveHeart({ api, event, isLive }: {
+    api?: Api;
+    event?: VideoEventInstance;
+    isLive?: boolean;
+}): void;
+export default useLiveHeart;

package/es/Player/live_heart.js

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

package/es/Player/message.d.ts

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

package/es/Player/message.js

@@ -0,0 +1,137 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useContext, useMemo, useRef, useState } from 'react';
+import { Context } from "./context";
+import { useRegisterPlayerEvent, useVideoEvent } from "./event";
+import EventName from "./event/eventName";
+import IconFont from "./iconfont";
+import "./style/message.less";
+function VideoMessage() {
+  var _useContext = useContext(Context),
+    api = _useContext.api;
+  var _useState = useState({
+      status: null,
+      errorTimer: 1,
+      loading: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var timeRef = useRef();
+  var message = useMemo(function () {
+    if (state.status === 'fail') {
+      console.warn("\u89C6\u9891\u9519\u8BEF\uFF0C\u8BF7\u624B\u52A8\u5237\u65B0\u91CD\u8BD5\uFF01");
+      return '请稍后重试！';
+    }
+    if (state.status === 'reload') {
+      console.warn("\u7B2C".concat(state.errorTimer, "\u6B21\u91CD\u8FDE"));
+      return "\u6B63\u5728\u5237\u65B0...";
+    }
+    return '';
+  }, [state.errorTimer, state.status]);
+  var openLoading = function openLoading() {
+    //@ts-ignore
+    clearTimeout(timeRef.current);
+    timeRef.current = setTimeout(function () {
+      return setState(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, {
+          loading: true
+        });
+      });
+    }, 200);
+  };
+  var closeLoading = function closeLoading() {
+    //@ts-ignore
+    clearTimeout(timeRef.current);
+    setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        loading: false
+      });
+    });
+  };
+  var errorReload = function errorReload(timer) {
+    //@ts-ignore
+    clearTimeout(timeRef.current);
+    setState(function () {
+      return {
+        status: 'reload',
+        errorTimer: timer,
+        loading: true
+      };
+    });
+  };
+  var reloadFail = function reloadFail() {
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        status: 'fail'
+      });
+    });
+  };
+  var reloadSuccess = function reloadSuccess() {
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        status: null
+      });
+    });
+  };
+  var reload = function reload() {
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        status: 'reload',
+        loading: true
+      });
+    });
+  };
+  var playEnd = function playEnd() {
+    //@ts-ignore
+    clearTimeout(timeRef.current);
+    setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        status: null,
+        loading: false
+      });
+    });
+    api === null || api === void 0 || api.pause();
+  };
+  useVideoEvent('loadstart', openLoading);
+  useVideoEvent('loadeddata', closeLoading);
+  useVideoEvent('canplay', closeLoading);
+  useRegisterPlayerEvent(EventName.ERROR_RELOAD, errorReload);
+  useRegisterPlayerEvent(EventName.RELOAD_FAIL, reloadFail);
+  useRegisterPlayerEvent(EventName.RELOAD_SUCCESS, reloadSuccess);
+  useRegisterPlayerEvent(EventName.RELOAD, reload);
+  useRegisterPlayerEvent(EventName.HISTORY_PLAY_END, playEnd);
+  useRegisterPlayerEvent(EventName.CLEAR_ERROR_TIMER, reloadSuccess);
+  var loading = state.loading,
+    status = state.status;
+  return /*#__PURE__*/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));
+}
+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"
+  }));
+};
+export default VideoMessage;