@realsee/vreo 2.4.1 → 2.4.3

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.d.ts

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import AudioLike from '../../../shared-utils/AduioLike';
+import AudioLike from '../../../shared-utils/AudioLike';
 export interface VideoAgentMeshOptions {
     /**
      * 自定义视频实例。