@cloud-app-dev/vidc 2.2.0-alpha.4 → 2.2.0-alpha.7

package/es/Picture/loadCaptureRectImage.js

@@ -1,3 +1,7 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+
 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."); }
@@ -13,10 +17,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { __awaiter } from "tslib";
 import { getCaptureRect } from './utils';
 export function loadCaptureRectImage(image, rect, imageType) {
-  return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+  return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _getCaptureRect, _getCaptureRect2, x, y, w, h, canvas, ctx, url;
 
-    return regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:

package/es/Picture/utils.d.ts

@@ -13,9 +13,7 @@ export declare function computedRectScale({ imageSource, domImg, rects }: {
     area?: number;
     tags?: import("./interface").TagItemType[];
     imgUrl?: string;
-    smId?: string;
     isDefault?: boolean;
-    feature?: string;
     dupId?: string;
     lowQuality?: boolean;
     base64?: string;

package/es/Player/api/index.js

@@ -256,7 +256,7 @@ export function useTypeAndPlay(url, type, isLive, container, segments, flvConfig
       video.removeAttribute('src');
       setState({});
     };
-  }, [url, container, segments]);
+  }, [url, container, segments, type]);
   return [state.type, state.flv, state.hls];
 } //创建Api
 

package/es/Player/player.d.ts

@@ -10,43 +10,153 @@ export type FlvPlayerConfig = {
 };
 
 export interface ISinglePlayerProps {
+  /**
+   * 视频播放地址
+   */
   url?: string;
+
+  /**
+   * 容器类名
+   */
   className?: string;
   children?: React.ReactNode;
+
+  /**
+   * 同html video muted  静音
+   * @default true
+   */
   muted?: boolean;
-  scale?: boolean;
+  /**
+   * 同html video autoplay  自动播放
+   * @default true
+   */
   autoPlay?: boolean;
+
+  /**
+   * 同html video playsinline  自动播放
+   * @default false
+   */
   playsInline?: boolean;
+  /**
+   *同html video preload  预加载
+   */
   preload?: string;
+  /**
+   * 视频封面
+   */
   poster?: string;
+
+  /**
+   * 同html video loop  循环
+   * @default false
+   */
   loop?: boolean;
+
+  /**
+   * 视频格式
+   * @default 'native'
+   */
   type?: 'flv' | 'hls' | 'native';
+
+  /**
+   * 隐藏工具栏
+   * @default false
+   */
   hideContrallerBar?: boolean;
+
+  /**
+   * 直播模式
+   * @default true
+   */
   isLive?: boolean;
+
+  /**
+   * 工具栏右外侧拓展
+   */
   rightExtContents?: React.ReactNode;
+  /**
+   * 工具栏右内侧拓展
+   */
   rightMidExtContents?: React.ReactNode;
+  /**
+   * 工具栏左外侧拓展
+   */
   leftExtContents?: React.ReactNode;
+  /**
+   * 工具栏左内侧拓展
+   */
   leftMidExtContents?: React.ReactNode;
+
+  /**
+   * 自定义时间轴
+   */
   customTimeLine?: React.ReactNode;
+
+  /**
+   * 错误重试次数
+   * @default 5
+   */
   errorReloadTimer?: number;
+
+  /**
+   * 自定义flv参数配置
+   */
   flvConfig?: FlvPlayerConfig;
+
+  /**
+   * 自定义hls参数配置
+   */
   hlsConfig?: HlsConfig;
+
+  /**
+   * 自定义reload函数
+   */
   reload?: () => void;
+
+  /**
+   * 视频可播放时执行钩子
+   */
   onCanPlayerInit?: () => void;
+
+  /**
+   * 自定义video事件
+   */
   videoEvents?: CustomEvent[];
+
+  /**
+   * 自定义播放器的事件
+   */
   playerEvents?: CustomEvent[];
 }
 
 type OmitPlayerProps = 'customTimeLine' | 'onCanPlayerInit' | 'isLive' | 'reload' | 'type';
 
 export interface IFrontendPlayerProps extends Omit<ISinglePlayerProps, OmitPlayerProps> {
+  /**
+   * 前端录像开始时间
+   */
   begin?: number;
+
+  /**
+   * 前端录像结束时间
+   */
   end?: number;
+
+  /**
+   * 录像时间轴发生变化回调
+   */
   onSeek(time: number): void;
 }
 
 export interface ISegmentPlayerProps extends Omit<ISinglePlayerProps, 'url' | 'customTimeLine' | 'onCanPlayerInit'> {
+  /**
+   * 云录像片段信息
+   */
   segments?: ISegmentType[];
+
+  /**
+   * 云录像开始时间
+   */
   begin?: number;
 }
 
@@ -83,8 +193,16 @@ export type ExportPlayerType = {
 };
 
 export interface ISegmentType {
+  /**
+   * 视频片段地址
+   */
   url?: string;
+  /**
+   * 视频片段长度 单位s（秒）
+   */
   duration: number;
 }
 
+export const ISegmentTypeDemo: React.FC<ISegmentType>;
+
 export type CustomEvent = [string, () => void];

package/es/Player/single_player.js

@@ -55,11 +55,12 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
-      setState = _useState2[1];
+      setState = _useState2[1]; // 视频格式判断，外部可以强制指定，也可以通过url自动判断
+
 
   var vType = useMemo(function () {
     return type || getVideoType(url);
-  }, [url]);
+  }, [url, type]);
   var domRef = useRef(null);
   var video = useMemo(function () {
     return state.container ? state.container.querySelector('video') : undefined;
@@ -81,7 +82,7 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
   var hasLink = useMemo(function () {
     return !!url || !!flvConfig.mediaDataSource.segments && vType === 'flv';
-  }, [url, flvConfig.mediaDataSource.segments]); // 存储容器
+  }, [url, flvConfig.mediaDataSource.segments, vType]); // 存储容器
 
   useEffect(function () {
     setState(function (old) {

package/es/Player/style/timeline.css

@@ -79,7 +79,7 @@
   border-radius: 3px;
   background-color: #000000;
   padding: 10px;
-  width: 162px;
+  width: max-content;
   line-height: 20px;
   margin-left: -81px;
 }

package/es/PlayerExt/demo.js

@@ -38,14 +38,15 @@ var options2 = [{
 }, {
   value: 0,
   label: '录像'
-}];
+}]; //http://192.168.101.162:14088/flv/live/1853e2a5c3308bd62/2.flv?device_id=&channel_id=1853e2a5c3308bd62&stream_index=2&ip=0
 
-function Demo1() {
+function Demo() {
   var _useState = useState({
     type: undefined,
     isLive: 1,
     url: '',
-    tempUrl: ''
+    tempUrl: '',
+    mode: 1
   }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
@@ -56,7 +57,7 @@ function Demo1() {
       width: '100%',
       height: 800
     }
-  }, /*#__PURE__*/React.createElement("h3", null, "\u6807\u51C6\u89C6\u9891\u64AD\u653E"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("h3", null, "\u63D2\u4EF6\u89C6\u9891\u64AD\u653E"), /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: 10,
       display: 'flex'
@@ -103,96 +104,32 @@ function Demo1() {
       key: v.label,
       value: v.value
     }, v.label);
-  })), /*#__PURE__*/React.createElement(_Button, {
-    style: {
-      width: 60,
-      height: 32
-    },
-    onClick: function onClick(e) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          url: state.tempUrl
-        });
-      });
-    }
-  }, "\u64AD\u653E")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 600
-    }
-  }, /*#__PURE__*/React.createElement(ExtModel, {
-    url: state.url,
-    mode: 1
-  }, /*#__PURE__*/React.createElement(Player, {
-    type: state.type,
-    url: state.url,
-    isLive: !!state.isLive
-  }))));
-}
-
-function Demo2() {
-  var _useState3 = useState({
-    type: undefined,
-    isLive: 1,
-    url: '',
-    tempUrl: ''
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      state = _useState4[0],
-      setState = _useState4[1];
-
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '100%',
-      height: 800
-    }
-  }, /*#__PURE__*/React.createElement("h3", null, "\u63D2\u4EF6\u89C6\u9891\u64AD\u653E"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: 10,
-      display: 'flex'
-    }
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: state.type || '',
+  })), /*#__PURE__*/React.createElement(_Select, {
+    value: state.mode,
     onChange: function onChange(val) {
       return setState(function (old) {
         return Object.assign(Object.assign({}, old), {
-          type: val
+          mode: val
         });
       });
     }
-  }, options.map(function (v) {
-    return /*#__PURE__*/React.createElement(_Select.Option, {
-      key: v.label,
-      value: v.value
-    }, v.label);
-  })), /*#__PURE__*/React.createElement(_Input, {
+  }, /*#__PURE__*/React.createElement(_Select.Option, {
+    value: 1
+  }, "\u6D4F\u89C8\u5668\u6A21\u5F0F"), /*#__PURE__*/React.createElement(_Select.Option, {
+    value: 2
+  }, "\u63D2\u4EF6\u6A21\u5F0F")), /*#__PURE__*/React.createElement(_Button, {
     style: {
-      flex: 1,
+      width: 60,
       height: 32
     },
-    type: "text",
-    placeholder: "\u8BF7\u8F93\u5165\u89C6\u9891\u5730\u5740",
-    onChange: function onChange(e) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          tempUrl: e.target.value
-        });
-      });
-    }
-  }), /*#__PURE__*/React.createElement(_Select, {
-    value: state.isLive,
-    onChange: function onChange(val) {
+    onClick: function onClick(e) {
       return setState(function (old) {
         return Object.assign(Object.assign({}, old), {
-          isLive: val
+          url: ''
         });
       });
     }
-  }, options2.map(function (v) {
-    return /*#__PURE__*/React.createElement(_Select.Option, {
-      key: v.label,
-      value: v.value
-    }, v.label);
-  })), /*#__PURE__*/React.createElement(_Button, {
+  }, "\u5173\u95ED"), /*#__PURE__*/React.createElement(_Button, {
     style: {
       width: 60,
       height: 32
@@ -210,7 +147,8 @@ function Demo2() {
     }
   }, /*#__PURE__*/React.createElement(ExtModel, {
     url: state.url,
-    mode: 2
+    mode: state.mode,
+    pluginDownloadUrl: "http://192.168.101.162:19999/plugins/ZVPlayer.exe"
   }, /*#__PURE__*/React.createElement(Player, {
     type: state.type,
     url: state.url,
@@ -221,7 +159,7 @@ function Demo2() {
 var App = function App() {
   return /*#__PURE__*/React.createElement(_ConfigProvider, {
     prefixCls: "cloudapp"
-  }, /*#__PURE__*/React.createElement(Demo1, null), /*#__PURE__*/React.createElement(Demo2, null));
+  }, /*#__PURE__*/React.createElement(Demo, null));
 };
 
 export default App;

package/es/PlayerExt/index.d.ts

@@ -28,8 +28,14 @@ export declare const LOCAL_PORT: string[];
  * @returns
  */
 export declare function getLocalPort(): string;
+/**
+ * @desc 转码插件模式下的url
+ * @param url
+ * @param params
+ * @returns
+ */
 export declare function getLocalPlayPath(url: string, params?: string): string;
-export declare function usePlugin(mode: PlayModeType): {
+export declare function usePlugin(mode: PlayModeType, key: any): {
     needInstall: boolean;
 };
 export declare function ExtModel({ url, children, mode, pluginDownloadUrl, pluginParams }: IPluginProps): JSX.Element;

package/es/PlayerExt/index.js

@@ -1,5 +1,3 @@
-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."); }
@@ -12,7 +10,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import IconFont from '../Player/iconfont';
 import "./index.css";
 /**
@@ -28,6 +26,13 @@ export var LOCAL_PORT = ['15080', '15081', '15082', '15083', '15084', '15085', '
 export function getLocalPort() {
   return LOCAL_PORT[Math.floor(Math.random() * LOCAL_PORT.length)];
 }
+/**
+ * @desc 转码插件模式下的url
+ * @param url
+ * @param params
+ * @returns
+ */
+
 export function getLocalPlayPath(url) {
   var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var URL_TEMPLATE = "http://127.0.0.1:<port>/video/v1/transcoding?uri=<pull_uri>";
@@ -35,7 +40,7 @@ export function getLocalPlayPath(url) {
   var pull_uri = window.btoa(url).replaceAll('=', '').replaceAll('/', '_').replaceAll('+', '-');
   return URL_TEMPLATE.replace('<port>', port).replace('<pull_uri>', pull_uri) + params;
 }
-export function usePlugin(mode) {
+export function usePlugin(mode, key) {
   var _useState = useState({
     installed: false
   }),
@@ -43,27 +48,28 @@ export function usePlugin(mode) {
       state = _useState2[0],
       setState = _useState2[1];
 
-  _useMount(function () {
+  useEffect(function () {
     if (mode !== 2) {
       return undefined;
     }
 
     var port = getLocalPort();
-    fetch("http://127.0.0.1:".concat(port, "/video/v1/state")).then(function (res) {
-      if (res.status === 200) {
-        setState({
-          installed: true
-        });
-      }
-    }).catch(function (e) {
-      console.error('插件未安装');
-    });
-  });
+    var url = "http://127.0.0.1:".concat(port, "/video/v1/state");
 
+    var thenFn = function thenFn(res) {
+      return res.status === 200 ? setState({
+        installed: true
+      }) : undefined;
+    };
+
+    fetch(url).then(thenFn).catch(function (e) {
+      return console.error('插件未安装', e);
+    });
+  }, [mode, key]);
   return {
     needInstall: useMemo(function () {
       return mode === 2 && !state.installed;
-    }, [state.installed])
+    }, [state.installed, mode])
   };
 }
 export function ExtModel(_ref) {
@@ -72,16 +78,24 @@ export function ExtModel(_ref) {
       mode = _ref.mode,
       pluginDownloadUrl = _ref.pluginDownloadUrl,
       pluginParams = _ref.pluginParams;
+
+  var _useState3 = useState({
+    forceKey: Date.now()
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      state = _useState4[0],
+      setState = _useState4[1];
+
   var hasUrl = useMemo(function () {
     return !!url;
   }, [url]);
 
-  var _usePlugin = usePlugin(mode),
+  var _usePlugin = usePlugin(mode, state.forceKey),
       needInstall = _usePlugin.needInstall;
 
   var playUrl = useMemo(function () {
-    return needInstall && url ? getLocalPlayPath(url, pluginParams) : url;
-  }, [url]);
+    return mode === 2 && url ? getLocalPlayPath(url, pluginParams) : url;
+  }, [url, mode]);
 
   if (needInstall) {
     return /*#__PURE__*/React.createElement("div", {
@@ -93,7 +107,7 @@ export function ExtModel(_ref) {
       }
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconFont, {
       type: "lm-player-PlaySource"
-    })), /*#__PURE__*/React.createElement("div", null, "\u8BF7", /*#__PURE__*/React.createElement("a", {
+    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "\u8BF7", /*#__PURE__*/React.createElement("a", {
       target: "_blank",
       href: pluginDownloadUrl,
       style: {
@@ -102,7 +116,18 @@ export function ExtModel(_ref) {
       },
       download: "PlayerPlugin.exe",
       rel: "noopener noreferrer"
-    }, "\u4E0B\u8F7D"), "\u64AD\u653E\u63D2\u4EF6")));
+    }, "\u4E0B\u8F7D"), "\u64AD\u653E\u63D2\u4EF6\uFF0C"), /*#__PURE__*/React.createElement("span", null, "\u82E5\u5DF2\u5B89\u88C5\u8BF7\u70B9\u51FB", /*#__PURE__*/React.createElement("a", {
+      style: {
+        padding: '0 4px'
+      },
+      onClick: function onClick() {
+        return setState(function (old) {
+          return Object.assign(Object.assign({}, old), {
+            forceKey: Date.now()
+          });
+        });
+      }
+    }, "\u91CD\u8BD5")))));
   }
 
   if (!hasUrl) {

package/es/Service/fetch-adapter.js

@@ -1,3 +1,7 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+
 /// <reference path="../../typings/global.d.ts"/>
 import { __awaiter } from "tslib";
 import { AxiosError } from 'axios';
@@ -46,9 +50,9 @@ function timeoutHandle(request, controller, config) {
 }
 
 function getResponse(request, config) {
-  return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+  return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var stageOne, response;
-    return regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0: