@realsee/vreo 2.3.8 → 2.3.9-alpha.1

package/lib/Player/index.js

@@ -1,66 +1,102 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Player = void 0;
+
 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 React = _interopRequireWildcard(require("react"));
+
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
+
 var _five = require("@realsee/five");
+
 var _App = require("./App");
+
 var _Controller = require("./Controller");
+
 var _VreoUnit = require("../typings/VreoUnit");
+
 var _mobx = require("mobx");
+
 var _Drawer = require("./modules/Drawer");
+
 var _PopUp = require("./modules/PopUp");
+
 var _Audio = require("../shared-utils/Audio");
+
 var _location$search$matc, _location$search$matc2;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 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 = /*#__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 = _super.call(this);
     _this.$five = five;
     (0, _Audio.generateBlankAudio)(audioCacheLength);
+
     if (!configs.container) {
       configs.container = configs.containter;
     }
+
     if (!configs.container) {
       var _five$getElement;
+
       var oldElement = document.getElementById(id);
+
       if (oldElement) {
         ReactDOM.unmountComponentAtNode(oldElement);
         oldElement.remove();
       }
+
       var container = document.createElement('div');
       container.id = id;
       configs.container = container;
       var fiveCanvasDomParent = (_five$getElement = five.getElement()) === null || _five$getElement === void 0 ? void 0 : _five$getElement.parentNode;
+
       if (fiveCanvasDomParent) {
         fiveCanvasDomParent.append(container);
       } else {
         document.body.append(container);
       }
     }
+
     if (!configs.container.classList.contains('vreo-app')) configs.container.classList.add('vreo-app');
     _this.configs = Object.freeze(Object.assign({
       keyframeMap: {}
@@ -88,9 +124,8 @@ var Player = /*#__PURE__*/function (_Subscribe) {
         },
         five: five
       });
-    })), configs.container);
+    })), configs.container); // 监听播放情况：抛出触发时机
 
-    // 监听播放情况：抛出触发时机
     (0, _mobx.reaction)(function () {
       return _this.controller.ended;
     }, function (ended) {
@@ -107,22 +142,24 @@ var Player = /*#__PURE__*/function (_Subscribe) {
     });
     return _this;
   }
+
   (0, _createClass2["default"])(Player, [{
     key: "load",
     value: function () {
       var _load = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(vreoUnit) {
         var _this$controller$medi,
-          _this$configs$imageOp,
-          _this$controller$vide,
-          _this$controller$vide2,
-          _this2 = this;
+            _this$configs$imageOp,
+            _this$controller$vide,
+            _this$controller$vide2,
+            _this2 = this;
+
         var currentTime,
-          preload,
-          force,
-          panoIndexMap,
-          panoIndexes,
-          i,
-          _args = arguments;
+            preload,
+            force,
+            panoIndexMap,
+            panoIndexes,
+            i,
+            _args = arguments;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -132,10 +169,10 @@ var Player = /*#__PURE__*/function (_Subscribe) {
                 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) {
+                } // if (!this.controller.visible) {
                 //     this.controller.setVisible(true)
                 //     // 延迟 500ms 规避跟 DOM 动画冲突
                 //     await new Promise((resolve) => {
@@ -143,66 +180,81 @@ var Player = /*#__PURE__*/function (_Subscribe) {
                 //     })
                 // }
 
+
                 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();
 
-                // 预载逻辑
+                this.controller.vreoUnit = vreoUnit;
+                (_this$controller$medi = this.controller.mediaInstance) === null || _this$controller$medi === void 0 ? void 0 : _this$controller$medi.pause(); // 预载逻辑
                 // 是否降低图片分辨率
+
                 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 (!(preload || preload === undefined && this.configs.autoPreload)) {
                   _context.next = 20;
                   break;
                 }
+
                 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;
                 }
+
                 _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();
@@ -211,6 +263,7 @@ var Player = /*#__PURE__*/function (_Subscribe) {
                 });
                 this.controller.setLoading(false);
                 return _context.abrupt("return", true);
+
               case 33:
               case "end":
                 return _context.stop();
@@ -218,9 +271,11 @@ var Player = /*#__PURE__*/function (_Subscribe) {
           }
         }, _callee, this);
       }));
+
       function load(_x) {
         return _load.apply(this, arguments);
       }
+
       return load;
     }()
   }, {
@@ -232,10 +287,13 @@ var Player = /*#__PURE__*/function (_Subscribe) {
     key: "play",
     value: function play(currentTime) {
       var _this$controller$vreo;
+
       if (this.controller.playing) return true;
+
       if (currentTime && this.controller.mediaInstance) {
         this.controller.mediaInstance.currentTime = currentTime / 1000;
       }
+
       Object.assign(window, {
         $vreoController: this.controller
       });
@@ -277,6 +335,7 @@ var Player = /*#__PURE__*/function (_Subscribe) {
     key: "dispose",
     value: function dispose() {
       this.controller.dispose();
+
       if (this.configs.container) {
         ReactDOM.unmountComponentAtNode(this.configs.container);
       }
@@ -284,5 +343,6 @@ var Player = /*#__PURE__*/function (_Subscribe) {
   }]);
   return Player;
 }(_five.Subscribe);
+
 exports.Player = Player;
 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

@@ -1,32 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Drawer = Drawer;
+
 var React = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _mobxReact = require("mobx-react");
+
 var _hooks = require("../../hooks");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var DrawerView = (0, _mobxReact.observer)(function (_ref) {
   var _controller$drawerCon2;
+
   var controller = _ref.controller;
   var maxHeight = '400px';
+
   var height = function () {
     var _controller$drawerCon;
+
     var height = (_controller$drawerCon = controller.drawerConfig) === null || _controller$drawerCon === void 0 ? void 0 : _controller$drawerCon.height;
+
     if (!height) {
       return 'max-content';
     }
+
     if (typeof height === 'number') {
       return height + 'px';
     }
+
     return height;
   }();
+
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames["default"])('vreo-drawer', {
       'vreo-drawer-visible': controller.drawerConfig && controller.drawerConfig.content
@@ -42,6 +58,7 @@ var DrawerView = (0, _mobxReact.observer)(function (_ref) {
     }
   }, ((_controller$drawerCon2 = controller.drawerConfig) === null || _controller$drawerCon2 === void 0 ? void 0 : _controller$drawerCon2.content) || ''));
 });
+
 function Drawer() {
   var controller = (0, _hooks.useController)();
   return /*#__PURE__*/React.createElement(DrawerView, {

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

@@ -1,17 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PopUp = PopUp;
+
 var React = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _mobxReact = require("mobx-react");
+
 var _hooks = require("../../hooks");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var PopUpView = (0, _mobxReact.observer)(function (_ref) {
   var controller = _ref.controller;
   return /*#__PURE__*/React.createElement("div", {
@@ -25,6 +34,7 @@ var PopUpView = (0, _mobxReact.observer)(function (_ref) {
     className: "vreo-PopUp-inner"
   }, controller.popUp || ''));
 });
+
 function PopUp() {
   var controller = (0, _hooks.useController)();
   return /*#__PURE__*/React.createElement(PopUpView, {

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

@@ -1,16 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ResizeObserver = ResizeObserver;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _addResizeListener = require("../../../shared-utils/addResizeListener");
+
 var _hooks = require("../../hooks");
+
 function ResizeObserver() {
   var ref = _react["default"].useRef(null);
+
   var controller = (0, _hooks.useController)();
+
   _react["default"].useEffect(function () {
     if (!ref.current) return;
     var resizeElement = controller.container.parentElement;
@@ -22,6 +29,7 @@ function ResizeObserver() {
       dispose();
     };
   }, []);
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "resizeObserver-element",
     ref: ref