@realsee/vreo 2.4.2 → 2.4.5

package/lib/Player/index.js

@@ -10,9 +10,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _five = require("@realsee/five");
@@ -24,18 +24,20 @@ var _Drawer = require("./modules/Drawer");
 var _PopUp = require("./modules/PopUp");
 var _Audio = require("../shared-utils/Audio");
 var _location$search$matc, _location$search$matc2; // 下面这一行不能删
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var DefaultAudioCacheLength = 3;
 var id = "vreo-app-dhjskadhksahdjskahdjksa";
 var audioCacheLength = Number((_location$search$matc = (_location$search$matc2 = location.search.match(/audio_cache=(\d+)/)) === null || _location$search$matc2 === void 0 ? void 0 : _location$search$matc2[1]) !== null && _location$search$matc !== void 0 ? _location$search$matc : DefaultAudioCacheLength);
 var Player = exports.Player = /*#__PURE__*/function (_Subscribe) {
+  (0, _inherits2["default"])(Player, _Subscribe);
+  var _super = _createSuper(Player);
   function Player(five) {
     var _this;
     var configs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     (0, _classCallCheck2["default"])(this, Player);
-    _this = _callSuper(this, Player);
+    _this = _super.call(this);
     _this.$five = five;
     (0, _Audio.generateBlankAudio)(audioCacheLength);
     if (!configs.container) {
@@ -104,8 +106,7 @@ var Player = exports.Player = /*#__PURE__*/function (_Subscribe) {
     });
     return _this;
   }
-  (0, _inherits2["default"])(Player, _Subscribe);
-  return (0, _createClass2["default"])(Player, [{
+  (0, _createClass2["default"])(Player, [{
     key: "load",
     value: function () {
       var _load = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(vreoUnit) {
@@ -122,95 +123,97 @@ var Player = exports.Player = /*#__PURE__*/function (_Subscribe) {
           i,
           _args = arguments;
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              currentTime = _args.length > 1 && _args[1] !== undefined ? _args[1] : 0;
-              preload = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
-              force = _args.length > 3 && _args[3] !== undefined ? _args[3] : false;
-              this.controller.clear();
-              this.controller.setLoading(true);
-              if (force) {
-                vreoUnit = JSON.parse(JSON.stringify(vreoUnit));
-              }
-              // if (!this.controller.visible) {
-              //     this.controller.setVisible(true)
-              //     // 延迟 500ms 规避跟 DOM 动画冲突
-              //     await new Promise((resolve) => {
-              //         setTimeout(() => resolve(true), 500)
-              //     })
-              // }
-
-              if (this.controller.stopInterval) {
-                this.controller.stopInterval();
-                this.controller.stopInterval = undefined;
-              }
-              this.controller.vreoUnit = vreoUnit;
-              (_this$controller$medi = this.controller.mediaInstance) === null || _this$controller$medi === void 0 || _this$controller$medi.pause();
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                currentTime = _args.length > 1 && _args[1] !== undefined ? _args[1] : 0;
+                preload = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
+                force = _args.length > 3 && _args[3] !== undefined ? _args[3] : false;
+                this.controller.clear();
+                this.controller.setLoading(true);
+                if (force) {
+                  vreoUnit = JSON.parse(JSON.stringify(vreoUnit));
+                }
+                // if (!this.controller.visible) {
+                //     this.controller.setVisible(true)
+                //     // 延迟 500ms 规避跟 DOM 动画冲突
+                //     await new Promise((resolve) => {
+                //         setTimeout(() => resolve(true), 500)
+                //     })
+                // }
 
-              // 预载逻辑
-              // 是否降低图片分辨率
-              if (this.$five.imageOptions.size && (_this$configs$imageOp = this.configs.imageOptions) !== null && _this$configs$imageOp !== void 0 && _this$configs$imageOp.size && this.$five.imageOptions.size > this.configs.imageOptions.size) {
-                this.$five.imageOptions.size = this.configs.imageOptions.size;
-              }
+                if (this.controller.stopInterval) {
+                  this.controller.stopInterval();
+                  this.controller.stopInterval = undefined;
+                }
+                this.controller.vreoUnit = vreoUnit;
+                (_this$controller$medi = this.controller.mediaInstance) === null || _this$controller$medi === void 0 ? void 0 : _this$controller$medi.pause();
 
-              // 预载数据中的点位
-              if (!(preload || preload === undefined && this.configs.autoPreload)) {
-                _context.next = 20;
-                break;
-              }
-              panoIndexMap = vreoUnit.keyframes.filter(function (vreoKeyframe) {
-                if (vreoKeyframe.type !== _VreoUnit.VreoKeyframeEnum.CameraMovement) {
-                  return false;
+                // 预载逻辑
+                // 是否降低图片分辨率
+                if (this.$five.imageOptions.size && (_this$configs$imageOp = this.configs.imageOptions) !== null && _this$configs$imageOp !== void 0 && _this$configs$imageOp.size && this.$five.imageOptions.size > this.configs.imageOptions.size) {
+                  this.$five.imageOptions.size = this.configs.imageOptions.size;
                 }
-                var data = vreoKeyframe.data;
-                if (data.panoIndex === undefined) {
-                  return false;
+
+                // 预载数据中的点位
+                if (!(preload || preload === undefined && this.configs.autoPreload)) {
+                  _context.next = 20;
+                  break;
                 }
-                return true;
-              }).reduce(function (accu, curr) {
-                var panoIndex = curr.data.panoIndex;
-                if (!accu[panoIndex]) {
-                  accu[panoIndex] = true;
+                panoIndexMap = vreoUnit.keyframes.filter(function (vreoKeyframe) {
+                  if (vreoKeyframe.type !== _VreoUnit.VreoKeyframeEnum.CameraMovement) {
+                    return false;
+                  }
+                  var data = vreoKeyframe.data;
+                  if (data.panoIndex === undefined) {
+                    return false;
+                  }
+                  return true;
+                }).reduce(function (accu, curr) {
+                  var panoIndex = curr.data.panoIndex;
+                  if (!accu[panoIndex]) {
+                    accu[panoIndex] = true;
+                  }
+                  return accu;
+                }, {});
+                panoIndexes = Object.keys(panoIndexMap);
+                i = 0;
+              case 14:
+                if (!(i < panoIndexes.length)) {
+                  _context.next = 20;
+                  break;
                 }
-                return accu;
-              }, {});
-              panoIndexes = Object.keys(panoIndexMap);
-              i = 0;
-            case 14:
-              if (!(i < panoIndexes.length)) {
-                _context.next = 20;
+                _context.next = 17;
+                return this.$five.preloadPano(Number(panoIndexes[i]));
+              case 17:
+                i++;
+                _context.next = 14;
                 break;
-              }
-              _context.next = 17;
-              return this.$five.preloadPano(Number(panoIndexes[i]));
-            case 17:
-              i++;
-              _context.next = 14;
-              break;
-            case 20:
-              // 新数据载入就绪
-              this.emit('loaded', vreoUnit);
-              this.controller.emit('loaded', vreoUnit);
-              if ((_this$controller$vide = this.controller.videoAgentScene) !== null && _this$controller$vide !== void 0 && _this$controller$vide.videoAgentMesh.mediaInstance) {
-                this.controller.videoAgentScene.videoAgentMesh.mediaInstance.currentTime = currentTime / 1000;
-              }
-              this.controller.setAvatar(vreoUnit.video.avatar);
-              _context.next = 26;
-              return (0, _Audio.waitForBlankAudioGenerated)();
-            case 26:
-              _context.next = 28;
-              return (_this$controller$vide2 = this.controller.videoAgentScene) === null || _this$controller$vide2 === void 0 ? void 0 : _this$controller$vide2.videoAgentMesh.play(vreoUnit.video.url, currentTime / 1000, vreoUnit.video.duration);
-            case 28:
-              this.controller.setEnded(false);
-              this.play();
-              this.controller.run(function (type, keyframe) {
-                return _this2.emit(type, keyframe, _this2.controller.currentTime);
-              });
-              this.controller.setLoading(false);
-              return _context.abrupt("return", true);
-            case 33:
-            case "end":
-              return _context.stop();
+              case 20:
+                // 新数据载入就绪
+                this.emit('loaded', vreoUnit);
+                this.controller.emit('loaded', vreoUnit);
+                if ((_this$controller$vide = this.controller.videoAgentScene) !== null && _this$controller$vide !== void 0 && _this$controller$vide.videoAgentMesh.mediaInstance) {
+                  this.controller.videoAgentScene.videoAgentMesh.mediaInstance.currentTime = currentTime / 1000;
+                }
+                this.controller.setAvatar(vreoUnit.video.avatar);
+                _context.next = 26;
+                return (0, _Audio.waitForBlankAudioGenerated)();
+              case 26:
+                _context.next = 28;
+                return (_this$controller$vide2 = this.controller.videoAgentScene) === null || _this$controller$vide2 === void 0 ? void 0 : _this$controller$vide2.videoAgentMesh.play(vreoUnit.video.url, currentTime / 1000, vreoUnit.video.duration);
+              case 28:
+                this.controller.setEnded(false);
+                this.play();
+                this.controller.run(function (type, keyframe) {
+                  return _this2.emit(type, keyframe, _this2.controller.currentTime);
+                });
+                this.controller.setLoading(false);
+                return _context.abrupt("return", true);
+              case 33:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee, this);
       }));
@@ -237,7 +240,7 @@ var Player = exports.Player = /*#__PURE__*/function (_Subscribe) {
       });
       this.controller.setEnded(false);
       this.controller.setPlaying(true);
-      (_this$controller$vreo = this.controller.vreoUnit) === null || _this$controller$vreo === void 0 || _this$controller$vreo.keyframes.forEach(function (keyframe) {
+      (_this$controller$vreo = this.controller.vreoUnit) === null || _this$controller$vreo === void 0 ? void 0 : _this$controller$vreo.keyframes.forEach(function (keyframe) {
         if (keyframe.type === _VreoUnit.VreoKeyframeEnum.BgMusic) {
           keyframe.parsed = false;
         }
@@ -278,5 +281,6 @@ var Player = exports.Player = /*#__PURE__*/function (_Subscribe) {
       }
     }
   }]);
+  return Player;
 }(_five.Subscribe);
 console.log("\n    \u250F\u2501\u2501\u2501\u2513\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u250F\u2513\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n    \u2503\u250F\u2501\u2513\u2503\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2503\u2503\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n    \u2503\u2517\u2501\u251B\u2503\u250F\u2501\u2501\u2513\u250F\u2501\u2501\u2513\u2501\u2503\u2503\u2501\u250F\u2501\u2501\u2513\u250F\u2501\u2501\u2513\u250F\u2501\u2501\u2513\n    \u2503\u250F\u2513\u250F\u251B\u2503\u250F\u2513\u2503\u2517\u2501\u2513\u2503\u2501\u2503\u2503\u2501\u2503\u2501\u2501\u252B\u2503\u250F\u2513\u2503\u2503\u250F\u2513\u2503\n    \u2503\u2503\u2503\u2517\u2513\u2503\u2503\u2501\u252B\u2503\u2517\u251B\u2517\u2513\u2503\u2517\u2513\u2523\u2501\u2501\u2503\u2503\u2503\u2501\u252B\u2503\u2503\u2501\u252B\n    \u2517\u251B\u2517\u2501\u251B\u2517\u2501\u2501\u251B\u2517\u2501\u2501\u2501\u251B\u2517\u2501\u251B\u2517\u2501\u2501\u251B\u2517\u2501\u2501\u251B\u2517\u2501\u2501\u251B\n    \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n    \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n");

package/lib/Player/modules/Drawer/index.js

@@ -10,7 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _mobxReact = require("mobx-react");
 var _hooks = require("../../hooks");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
 var DrawerView = (0, _mobxReact.observer)(function (_ref) {
   var _controller$drawerCon2;
   var controller = _ref.controller;

package/lib/Player/modules/PopUp/index.js

@@ -10,7 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _mobxReact = require("mobx-react");
 var _hooks = require("../../hooks");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
 var PopUpView = (0, _mobxReact.observer)(function (_ref) {
   var controller = _ref.controller;
   return /*#__PURE__*/React.createElement("div", {

package/lib/Player/modules/VideoAgent/VideoAgentMesh.js

@@ -10,16 +10,17 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var THREE = _interopRequireWildcard(require("three"));
 var _Preloader = require("../../../shared-utils/Preloader");
 var _mobx = require("mobx");
 var _AudioLike = _interopRequireDefault(require("../../../shared-utils/AudioLike"));
 var _getMediaInfo = require("../../../shared-utils/getMediaInfo");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var vertexShader = "\nvarying vec2 vUv;\nvarying vec2 vColorUv;\nvarying vec2 vMaskUv;\nvoid main(){\n  vUv = uv;\n  vColorUv = vec2(uv.x / 2.0, uv.y);\n  vMaskUv = vec2(0.5 + uv.x / 2.0, uv.y);\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n";
 var fragmentShaderTpl = function fragmentShaderTpl() {
@@ -30,6 +31,8 @@ var cacheInstance = {};
  * 视频经纪人MESH
  */
 var VideoAgentMesh = exports.VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh) {
+  (0, _inherits2["default"])(VideoAgentMesh, _THREE$Mesh);
+  var _super = _createSuper(VideoAgentMesh);
   /**
    *
    * @param width
@@ -75,7 +78,7 @@ var VideoAgentMesh = exports.VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh
       fragmentShader: fragmentShaderTpl(),
       transparent: true
     });
-    _this = _callSuper(this, VideoAgentMesh, [geometry, material]);
+    _this = _super.call(this, geometry, material);
     _this.options = options;
     _this.freeze = false;
     _this.paused = true;
@@ -97,7 +100,7 @@ var VideoAgentMesh = exports.VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh
       _this.audioInstance = options.audioInstance;
     }
     _this.audioLikeInstance = new _AudioLike["default"]();
-    (0, _mobx.makeObservable)(_this, {
+    (0, _mobx.makeObservable)((0, _assertThisInitialized2["default"])(_this), {
       paused: _mobx.observable
     });
     var updatePaused = function updatePaused(paused) {
@@ -113,23 +116,22 @@ var VideoAgentMesh = exports.VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh
     };
     _this.audioInstance.addEventListener('pause', onPause);
     _this.audioInstance.addEventListener('play', onPlay);
-    (_this$options$videoIn = _this.options.videoInstance) === null || _this$options$videoIn === void 0 || _this$options$videoIn.addEventListener('pause', onPause);
-    (_this$options$videoIn2 = _this.options.videoInstance) === null || _this$options$videoIn2 === void 0 || _this$options$videoIn2.addEventListener('play', onPlay);
+    (_this$options$videoIn = _this.options.videoInstance) === null || _this$options$videoIn === void 0 ? void 0 : _this$options$videoIn.addEventListener('pause', onPause);
+    (_this$options$videoIn2 = _this.options.videoInstance) === null || _this$options$videoIn2 === void 0 ? void 0 : _this$options$videoIn2.addEventListener('play', onPlay);
     _this.audioLikeInstance.addEventListener('pause', onPause);
     _this.audioLikeInstance.addEventListener('play', onPlay);
     _this.$removeEventListener = function () {
       var _this$options$videoIn3, _this$options$videoIn4;
       _this.audioInstance.removeEventListener('pause', onPause);
       _this.audioInstance.removeEventListener('play', onPlay);
-      (_this$options$videoIn3 = _this.options.videoInstance) === null || _this$options$videoIn3 === void 0 || _this$options$videoIn3.removeEventListener('pause', onPause);
-      (_this$options$videoIn4 = _this.options.videoInstance) === null || _this$options$videoIn4 === void 0 || _this$options$videoIn4.removeEventListener('play', onPlay);
+      (_this$options$videoIn3 = _this.options.videoInstance) === null || _this$options$videoIn3 === void 0 ? void 0 : _this$options$videoIn3.removeEventListener('pause', onPause);
+      (_this$options$videoIn4 = _this.options.videoInstance) === null || _this$options$videoIn4 === void 0 ? void 0 : _this$options$videoIn4.removeEventListener('play', onPlay);
       _this.audioLikeInstance.removeEventListener('pause', onPause);
       _this.audioLikeInstance.removeEventListener('play', onPlay);
     };
     return _this;
   }
-  (0, _inherits2["default"])(VideoAgentMesh, _THREE$Mesh);
-  return (0, _createClass2["default"])(VideoAgentMesh, [{
+  (0, _createClass2["default"])(VideoAgentMesh, [{
     key: "mediaInstance",
     get: function get() {
       if (!this.videoUrl) {
@@ -147,62 +149,64 @@ var VideoAgentMesh = exports.VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh
     value: function () {
       var _update = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(videoUrl) {
         var _this2 = this;
-        var uniforms, _onStart;
+        var uniforms, onStart;
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(this.videoUrl === videoUrl)) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              this.videoUrl = videoUrl;
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!(this.videoUrl === videoUrl)) {
+                  _context.next = 2;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 2:
+                this.videoUrl = videoUrl;
 
-              // // 兼容非视频场景
-              // if (this.mediaInstance instanceof HTMLAudioElement) {
-              //   this.mediaInstance.style.display = 'none'
-              // } else if (this.mediaInstance instanceof HTMLVideoElement) {
-              //   this.mediaInstance.style.display = 'block'
-              // }
+                // // 兼容非视频场景
+                // if (this.mediaInstance instanceof HTMLAudioElement) {
+                //   this.mediaInstance.style.display = 'none'
+                // } else if (this.mediaInstance instanceof HTMLVideoElement) {
+                //   this.mediaInstance.style.display = 'block'
+                // }
 
-              this.freeze = true;
-              _context.next = 6;
-              return this.mediaInstance.pause();
-            case 6:
-              uniforms = this.material.uniforms;
-              this.mediaInstance.muted = true;
-              if (!(this.options.preload || this.options.preload === undefined || (0, _getMediaInfo.getMediaType)(this.videoUrl) === 'video')) {
-                _context.next = 18;
+                this.freeze = true;
+                _context.next = 6;
+                return this.mediaInstance.pause();
+              case 6:
+                uniforms = this.material.uniforms;
+                this.mediaInstance.muted = true;
+                if (!(this.options.preload || this.options.preload === undefined || (0, _getMediaInfo.getMediaType)(this.videoUrl) === 'video')) {
+                  _context.next = 18;
+                  break;
+                }
+                _context.t1 = URL;
+                _context.next = 12;
+                return _Preloader.Preloader.blob(this.videoUrl);
+              case 12:
+                _context.t2 = _context.sent;
+                _context.next = 15;
+                return _context.t1.createObjectURL.call(_context.t1, _context.t2);
+              case 15:
+                _context.t0 = _context.sent;
+                _context.next = 19;
                 break;
-              }
-              _context.t1 = URL;
-              _context.next = 12;
-              return _Preloader.Preloader.blob(this.videoUrl);
-            case 12:
-              _context.t2 = _context.sent;
-              _context.next = 15;
-              return _context.t1.createObjectURL.call(_context.t1, _context.t2);
-            case 15:
-              _context.t0 = _context.sent;
-              _context.next = 19;
-              break;
-            case 18:
-              _context.t0 = this.videoUrl;
-            case 19:
-              this.mediaInstance.src = _context.t0;
-              this.mediaInstance.setAttribute('data-src', this.videoUrl);
-              _onStart = function onStart() {
-                if (_this2.mediaInstance.currentTime === 0) return;
-                _this2.freeze = false;
-                _this2.mediaInstance.muted = false;
-                uniforms.enable.value = (0, _getMediaInfo.getMediaType)(_this2.videoUrl) ? 1 : 0;
-                _this2.mediaInstance.removeEventListener('timeupdate', _onStart, false);
-              };
-              this.mediaInstance.addEventListener('timeupdate', _onStart, false);
-            case 23:
-            case "end":
-              return _context.stop();
+              case 18:
+                _context.t0 = this.videoUrl;
+              case 19:
+                this.mediaInstance.src = _context.t0;
+                this.mediaInstance.setAttribute('data-src', this.videoUrl);
+                onStart = function onStart() {
+                  if (_this2.mediaInstance.currentTime === 0) return;
+                  _this2.freeze = false;
+                  _this2.mediaInstance.muted = false;
+                  uniforms.enable.value = (0, _getMediaInfo.getMediaType)(_this2.videoUrl) ? 1 : 0;
+                  _this2.mediaInstance.removeEventListener('timeupdate', onStart, false);
+                };
+                this.mediaInstance.addEventListener('timeupdate', onStart, false);
+              case 23:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee, this);
       }));
@@ -221,79 +225,83 @@ var VideoAgentMesh = exports.VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh
           duration,
           _args3 = arguments;
         return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              videoUrl = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : '';
-              currentTime = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : 0;
-              duration = _args3.length > 2 ? _args3[2] : undefined;
-              videoUrl = videoUrl || '';
-              if (!(duration && !videoUrl)) {
-                _context3.next = 10;
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                videoUrl = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : '';
+                currentTime = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : 0;
+                duration = _args3.length > 2 ? _args3[2] : undefined;
+                videoUrl = videoUrl || '';
+                if (!(duration && !videoUrl)) {
+                  _context3.next = 10;
+                  break;
+                }
+                if (this.currentTime) {
+                  this.mediaInstance.currentTime = currentTime;
+                }
+                this.mediaInstance.duration = duration;
+                this.videoUrl = '';
+                this.mediaInstance.play();
+                return _context3.abrupt("return", true);
+              case 10:
+                if (videoUrl) {
+                  _context3.next = 18;
+                  break;
+                }
+                if (!this.videoUrl) {
+                  _context3.next = 16;
+                  break;
+                }
+                _context3.next = 14;
+                return this.mediaInstance.play();
+              case 14:
+                _context3.next = 17;
                 break;
-              }
-              if (this.currentTime) {
+              case 16:
+                console.warn('警告：视频资源未初始化。');
+              case 17:
+                return _context3.abrupt("return", true);
+              case 18:
+                if (!(videoUrl === this.videoUrl)) {
+                  _context3.next = 23;
+                  break;
+                }
                 this.mediaInstance.currentTime = currentTime;
-              }
-              this.mediaInstance.duration = duration;
-              this.videoUrl = '';
-              this.mediaInstance.play();
-              return _context3.abrupt("return", true);
-            case 10:
-              if (videoUrl) {
-                _context3.next = 18;
-                break;
-              }
-              if (!this.videoUrl) {
-                _context3.next = 16;
-                break;
-              }
-              _context3.next = 14;
-              return this.mediaInstance.play();
-            case 14:
-              _context3.next = 17;
-              break;
-            case 16:
-              console.warn('警告：视频资源未初始化。');
-            case 17:
-              return _context3.abrupt("return", true);
-            case 18:
-              if (!(videoUrl === this.videoUrl)) {
-                _context3.next = 23;
-                break;
-              }
-              this.mediaInstance.currentTime = currentTime;
-              _context3.next = 22;
-              return this.mediaInstance.play();
-            case 22:
-              return _context3.abrupt("return", true);
-            case 23:
-              _context3.next = 25;
-              return this.update(videoUrl);
-            case 25:
-              this.mediaInstance.pause();
-              _context3.next = 28;
-              return new Promise(function (resolve) {
-                return setTimeout(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-                  return _regenerator["default"].wrap(function _callee2$(_context2) {
-                    while (1) switch (_context2.prev = _context2.next) {
-                      case 0:
-                        _this3.mediaInstance.currentTime = currentTime;
-                        _context2.next = 3;
-                        return _this3.mediaInstance.play();
-                      case 3:
-                        resolve(true);
-                      case 4:
-                      case "end":
-                        return _context2.stop();
-                    }
-                  }, _callee2);
-                })), 20);
-              });
-            case 28:
-              return _context3.abrupt("return", _context3.sent);
-            case 29:
-            case "end":
-              return _context3.stop();
+                _context3.next = 22;
+                return this.mediaInstance.play();
+              case 22:
+                return _context3.abrupt("return", true);
+              case 23:
+                _context3.next = 25;
+                return this.update(videoUrl);
+              case 25:
+                this.mediaInstance.pause();
+                _context3.next = 28;
+                return new Promise(function (resolve) {
+                  return setTimeout(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+                    return _regenerator["default"].wrap(function _callee2$(_context2) {
+                      while (1) {
+                        switch (_context2.prev = _context2.next) {
+                          case 0:
+                            _this3.mediaInstance.currentTime = currentTime;
+                            _context2.next = 3;
+                            return _this3.mediaInstance.play();
+                          case 3:
+                            resolve(true);
+                          case 4:
+                          case "end":
+                            return _context2.stop();
+                        }
+                      }
+                    }, _callee2);
+                  })), 20);
+                });
+              case 28:
+                return _context3.abrupt("return", _context3.sent);
+              case 29:
+              case "end":
+                return _context3.stop();
+            }
           }
         }, _callee3, this);
       }));
@@ -325,4 +333,5 @@ var VideoAgentMesh = exports.VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh
       }
     }
   }]);
+  return VideoAgentMesh;
 }(THREE.Mesh);