@realsee/vreo 2.4.2 → 2.4.5

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

@@ -12,7 +12,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var THREE = _interopRequireWildcard(require("three"));
 var _addResizeListener = require("../../../shared-utils/addResizeListener");
 var _VideoAgentMesh = require("./VideoAgentMesh");
-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 VideoAgentScene = exports.VideoAgentScene = /*#__PURE__*/(0, _createClass2["default"])(function VideoAgentScene(container, options) {
   var _this = this;
   (0, _classCallCheck2["default"])(this, VideoAgentScene);
@@ -31,7 +31,7 @@ var VideoAgentScene = exports.VideoAgentScene = /*#__PURE__*/(0, _createClass2["
   });
   (0, _defineProperty2["default"])(this, "dispose", function () {
     var _this$videoAgentMesh;
-    (_this$videoAgentMesh = _this.videoAgentMesh) === null || _this$videoAgentMesh === void 0 || _this$videoAgentMesh.dispose();
+    (_this$videoAgentMesh = _this.videoAgentMesh) === null || _this$videoAgentMesh === void 0 ? void 0 : _this$videoAgentMesh.dispose();
     _this.disposers.forEach(function (disposer) {
       return disposer === null || disposer === void 0 ? void 0 : disposer();
     });

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

@@ -10,7 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _hooks = require("../../hooks");
 var _VideoAgentScene = require("./VideoAgentScene");
 var _classnames = _interopRequireDefault(require("classnames"));
-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); }
 function VideoAgent(props) {
   var _controller$avatar2;
   var ref = React.useRef(null);
@@ -35,7 +35,7 @@ function VideoAgent(props) {
     return function () {
       var _controller$videoAgen2;
       controller.dispose();
-      (_controller$videoAgen2 = controller.videoAgentScene) === null || _controller$videoAgen2 === void 0 || _controller$videoAgen2.dispose();
+      (_controller$videoAgen2 = controller.videoAgentScene) === null || _controller$videoAgen2 === void 0 ? void 0 : _controller$videoAgen2.dispose();
     };
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Wave = Wave;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-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 defaultPrefix = 'https://vr-public.realsee-cdn.cn/release/static/image/release/';
 var WAVES = {
   single: {

package/lib/Player/modules/keyframes/BgMusic/index.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _Audio = require("../../../../shared-utils/Audio");
 var _VreoUnit = require("../../../../typings/VreoUnit");
 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); }
 function BgMusic() {
   var controller = (0, _hooks.useController)();
   React.useEffect(function () {
@@ -20,46 +20,48 @@ function BgMusic() {
       var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe, currentTime) {
         var start, end, _currentTime, audio, cleanAudio, play;
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              start = keyframe.start, end = keyframe.end;
-              _currentTime = (currentTime - start) / 1000;
-              if (!(_currentTime < 0 || _currentTime >= keyframe.end - keyframe.start)) {
-                _context.next = 4;
-                break;
-              }
-              return _context.abrupt("return");
-            case 4:
-              audio = (0, _Audio.getAudio)(keyframe.data.url);
-              audio.currentTime = Math.max(0, _currentTime);
-              // console.log('play', audio.src)
-              // const play = () => audio.play()
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                start = keyframe.start, end = keyframe.end;
+                _currentTime = (currentTime - start) / 1000;
+                if (!(_currentTime < 0 || _currentTime >= keyframe.end - keyframe.start)) {
+                  _context.next = 4;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 4:
+                audio = (0, _Audio.getAudio)(keyframe.data.url);
+                audio.currentTime = Math.max(0, _currentTime);
+                // console.log('play', audio.src)
+                // const play = () => audio.play()
 
-              audio.play();
-              cleanAudio = function cleanAudio() {
-                // audio.removeEventListener('canplaythrough', play)
-                audio.removeEventListener('pause', play);
-                audio.pause();
-                audio.src = '';
-                // cleanTimeout()
-              }; // audio.addEventListener('canplaythrough', play)
+                audio.play();
+                cleanAudio = function cleanAudio() {
+                  // audio.removeEventListener('canplaythrough', play)
+                  audio.removeEventListener('pause', play);
+                  audio.pause();
+                  audio.src = '';
+                  // cleanTimeout()
+                }; // audio.addEventListener('canplaythrough', play)
 
-              audio.addEventListener('ended', function () {
-                cleanAudio();
-              });
-              play = function play() {
-                if (audio.realSrc === keyframe.data.url) {
-                  // 有可能会被其他音轨打断
-                  audio.play();
-                }
-              };
-              audio.addEventListener('pause', play);
-              controller.once('paused', function () {
-                cleanAudio();
-              });
-            case 12:
-            case "end":
-              return _context.stop();
+                audio.addEventListener('ended', function () {
+                  cleanAudio();
+                });
+                play = function play() {
+                  if (audio.realSrc === keyframe.data.url) {
+                    // 有可能会被其他音轨打断
+                    audio.play();
+                  }
+                };
+                audio.addEventListener('pause', play);
+                controller.once('paused', function () {
+                  cleanAudio();
+                });
+              case 12:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee);
       }));

package/lib/Player/modules/keyframes/CameraMovement/index.js

@@ -13,7 +13,7 @@ var _CameraMovementPlugin = require("../../../../fivePlugins/CameraMovementPlugi
 var _typings = require("../../../../fivePlugins/CameraMovementPlugin/typings");
 var _VreoUnit = require("../../../../typings/VreoUnit");
 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); }
 function CameraMovement() {
   var controller = (0, _hooks.useController)();
   var five = (0, _hooks.useFiveInstance)();
@@ -23,49 +23,51 @@ function CameraMovement() {
       var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe) {
         var start, end, data, cameraMovementData, effect;
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!ref.current) {
-                ref.current = (0, _CameraMovementPlugin.CameraMovementPlugin)(five, {});
-              }
-              start = keyframe.start, end = keyframe.end, data = keyframe.data;
-              cameraMovementData = data;
-              effect = cameraMovementData.effect;
-              if (!(effect === _typings.CameraMovementEffect.Rotate)) {
-                _context.next = 9;
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!ref.current) {
+                  ref.current = (0, _CameraMovementPlugin.CameraMovementPlugin)(five, {});
+                }
+                start = keyframe.start, end = keyframe.end, data = keyframe.data;
+                cameraMovementData = data;
+                effect = cameraMovementData.effect;
+                if (!(effect === _typings.CameraMovementEffect.Rotate)) {
+                  _context.next = 9;
+                  break;
+                }
+                _context.next = 7;
+                return ref.current.rotate(data, end - start);
+              case 7:
+                _context.next = 21;
                 break;
-              }
-              _context.next = 7;
-              return ref.current.rotate(data, end - start);
-            case 7:
-              _context.next = 21;
-              break;
-            case 9:
-              if (!(effect === _typings.CameraMovementEffect.Move)) {
-                _context.next = 14;
+              case 9:
+                if (!(effect === _typings.CameraMovementEffect.Move)) {
+                  _context.next = 14;
+                  break;
+                }
+                _context.next = 12;
+                return ref.current.move(data, end - start);
+              case 12:
+                _context.next = 21;
                 break;
-              }
-              _context.next = 12;
-              return ref.current.move(data, end - start);
-            case 12:
-              _context.next = 21;
-              break;
-            case 14:
-              if (!(cameraMovementData.panoIndex !== undefined && cameraMovementData.panoIndex !== five.panoIndex)) {
-                _context.next = 19;
+              case 14:
+                if (!(cameraMovementData.panoIndex !== undefined && cameraMovementData.panoIndex !== five.panoIndex)) {
+                  _context.next = 19;
+                  break;
+                }
+                _context.next = 17;
+                return ref.current.move(data, end - start);
+              case 17:
+                _context.next = 21;
                 break;
-              }
-              _context.next = 17;
-              return ref.current.move(data, end - start);
-            case 17:
-              _context.next = 21;
-              break;
-            case 19:
-              _context.next = 21;
-              return ref.current.rotate(data, end - start);
-            case 21:
-            case "end":
-              return _context.stop();
+              case 19:
+                _context.next = 21;
+                return ref.current.rotate(data, end - start);
+              case 21:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee);
       }));

package/lib/Player/modules/keyframes/InfoPanel/index.js

@@ -8,7 +8,7 @@ exports.InfoPanel = InfoPanel;
 var React = _interopRequireWildcard(require("react"));
 var _VreoUnit = require("../../../../typings/VreoUnit");
 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 isWX = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
 var isIOS = navigator.userAgent.toLowerCase().indexOf('iphone') !== -1;
 var isIOSorWX = isIOS || isWX;
@@ -41,21 +41,21 @@ function InfoPanelVideo(_ref2) {
   var videoWrapperRef = React.useRef(null);
   var controller = (0, _hooks.useController)();
   React.useEffect(function () {
-    var _controller$configs;
+    var _controller$configs, _controller$configs$v;
     // if (!isIOSorWX) return
-    var video = ((_controller$configs = controller.configs) === null || _controller$configs === void 0 || (_controller$configs = _controller$configs.videos) === null || _controller$configs === void 0 ? void 0 : _controller$configs.videoPanel) || _videoElement;
+    var video = ((_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : (_controller$configs$v = _controller$configs.videos) === null || _controller$configs$v === void 0 ? void 0 : _controller$configs$v.videoPanel) || _videoElement;
     if (!videoWrapperRef.current) return;
     video.src = url;
     if (!videoWrapperRef.current.contains(video)) {
       videoWrapperRef.current.appendChild(video);
     }
-    var _canplaythrough = function canplaythrough() {
-      video.removeEventListener('canplaythrough', _canplaythrough);
+    var canplaythrough = function canplaythrough() {
+      video.removeEventListener('canplaythrough', canplaythrough);
       try {
         video.play();
       } catch (error) {}
     };
-    video.addEventListener('canplaythrough', _canplaythrough);
+    video.addEventListener('canplaythrough', canplaythrough);
     video.load();
     // video.play()
 

package/lib/Player/modules/keyframes/ModelVideo/index.js

@@ -14,7 +14,7 @@ var _hooks = require("../../../hooks");
 var _ModelTVVideoPlugin = require("../../../../fivePlugins/ModelTVVideoPlugin");
 var _createTransMatrix = require("../../../../shared-utils/createTransMatrix");
 var _VreoUnit = require("../../../../typings/VreoUnit");
-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); }
 function ModelVideo() {
   var controller = (0, _hooks.useController)();
   var five = (0, _hooks.useFiveInstance)();
@@ -23,59 +23,61 @@ function ModelVideo() {
   React.useEffect(function () {
     var callback = /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe) {
-        var _controller$configs;
+        var _controller$configs, _controller$configs$v;
         var start, end, _ref2, videoSrc, videoPosterSrc, vertexs, matrixWorld, position, points;
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!ref.current) {
-                ref.current = (0, _ModelTVVideoPlugin.ModelTVVideoPlugin)(five, {});
-              }
-              start = keyframe.start, end = keyframe.end;
-              _ref2 = keyframe.data, videoSrc = _ref2.videoSrc, videoPosterSrc = _ref2.videoPosterSrc, vertexs = _ref2.vertexs, matrixWorld = _ref2.matrixWorld;
-              position = function () {
-                if (vertexs.length < 4) {
-                  throw new Error('ModelVideo: 顶点数据集合不够，无法组成矩形 ....');
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!ref.current) {
+                  ref.current = (0, _ModelTVVideoPlugin.ModelTVVideoPlugin)(five, {});
                 }
-                if (vertexs.length === 4) {
-                  return vertexs;
-                }
-                var box = new THREE.Box3();
-                vertexs.forEach(function (v) {
-                  return box.expandByPoint(new THREE.Vector3(v.x, v.y, v.z));
-                });
-                return [new THREE.Vector3(box.min.x, box.max.y, box.max.z), new THREE.Vector3(box.min.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.max.y, box.max.z)];
-              }();
-              points = function () {
-                if (matrixWorld) {
-                  var transMatrix = (0, _createTransMatrix.createTransMatrix)(matrixWorld);
-                  return [position.map(function (p) {
-                    var res = transMatrix([p.x, p.y, p.z]);
-                    return {
-                      x: res[0],
-                      y: res[1],
-                      z: res[2]
-                    };
-                  })];
-                }
-                return [position];
-              }();
-              ref.current.disable();
-              _context.next = 8;
-              return ref.current.load({
-                video_src: videoSrc,
-                video_poster_src: videoPosterSrc,
-                points: points
-              }, (_controller$configs = controller.configs) === null || _controller$configs === void 0 || (_controller$configs = _controller$configs.videos) === null || _controller$configs === void 0 ? void 0 : _controller$configs.modelTVVideo);
-            case 8:
-              ref.current.enable();
-              timeoutRef.current = setTimeout(function () {
-                var _ref$current;
-                return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.disable();
-              }, end - start);
-            case 10:
-            case "end":
-              return _context.stop();
+                start = keyframe.start, end = keyframe.end;
+                _ref2 = keyframe.data, videoSrc = _ref2.videoSrc, videoPosterSrc = _ref2.videoPosterSrc, vertexs = _ref2.vertexs, matrixWorld = _ref2.matrixWorld;
+                position = function () {
+                  if (vertexs.length < 4) {
+                    throw new Error('ModelVideo: 顶点数据集合不够，无法组成矩形 ....');
+                  }
+                  if (vertexs.length === 4) {
+                    return vertexs;
+                  }
+                  var box = new THREE.Box3();
+                  vertexs.forEach(function (v) {
+                    return box.expandByPoint(new THREE.Vector3(v.x, v.y, v.z));
+                  });
+                  return [new THREE.Vector3(box.min.x, box.max.y, box.max.z), new THREE.Vector3(box.min.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.max.y, box.max.z)];
+                }();
+                points = function () {
+                  if (matrixWorld) {
+                    var transMatrix = (0, _createTransMatrix.createTransMatrix)(matrixWorld);
+                    return [position.map(function (p) {
+                      var res = transMatrix([p.x, p.y, p.z]);
+                      return {
+                        x: res[0],
+                        y: res[1],
+                        z: res[2]
+                      };
+                    })];
+                  }
+                  return [position];
+                }();
+                ref.current.disable();
+                _context.next = 8;
+                return ref.current.load({
+                  video_src: videoSrc,
+                  video_poster_src: videoPosterSrc,
+                  points: points
+                }, (_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : (_controller$configs$v = _controller$configs.videos) === null || _controller$configs$v === void 0 ? void 0 : _controller$configs$v.modelTVVideo);
+              case 8:
+                ref.current.enable();
+                timeoutRef.current = setTimeout(function () {
+                  var _ref$current;
+                  return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.disable();
+                }, end - start);
+              case 10:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee);
       }));

package/lib/Player/modules/keyframes/PanoEffect/index.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _lineAnime = _interopRequireDefault(require("./lineAnime"));
 var _hooks = require("../../../hooks");
 var _VreoUnit = require("../../../../typings/VreoUnit");
-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); }
 function PanoEffect() {
   var _React$useState = React.useState(null),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),

package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js

@@ -8,7 +8,7 @@ exports["default"] = lineAnime;
 var THREE = _interopRequireWildcard(require("three"));
 var _line = require("@realsee/five/line");
 var _BetterTween = require("../../../../shared-utils/animationFrame/BetterTween");
-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); }
 function lineAnime(five, startPoint, endPoint) {
   var pointImage = 'data:image/png;base64,' + 'iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAG/Py2baba05un7UgfgAAAHJJREFUKM9joBpgLHVSCRdA4metAoJlCJHmVWBgAeNzroKCCVCBLpjACqgJVjCBxRBT2FbBQQJYQAohsBAsUIUQWA4WiEIILAULeCEEloAFtBACizAEMLRgGIphLabDMJ2O6TlM72MGECIIMQIZIxqoBQCPvpJ/e9FaAAAAAABJRU5ErkJggg==';
   var pointTexture = new THREE.TextureLoader().load(pointImage);

package/lib/Player/modules/keyframes/PanoTag/index.js

@@ -9,7 +9,7 @@ var React = _interopRequireWildcard(require("react"));
 var _hooks = require("../../../hooks");
 var _VreoUnit = require("../../../../typings/VreoUnit");
 var _dnalogel = require("@realsee/dnalogel");
-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); }
 function PanoTag() {
   var timeoutRef = React.useRef();
   var controller = (0, _hooks.useController)();
@@ -94,7 +94,7 @@ function PanoTag() {
           tag.state.unfolded = false;
           panoTagPlugin.current.updateRenderAllTags();
         }
-        (_tag$hooks = tag.hooks) === null || _tag$hooks === void 0 || _tag$hooks.on('folded', function () {
+        (_tag$hooks = tag.hooks) === null || _tag$hooks === void 0 ? void 0 : _tag$hooks.on('folded', function () {
           setTimeout(function () {
             if (tag.state) {
               tag.state.visible = false;

package/lib/Player/modules/keyframes/PanoTextLabel/index.js

@@ -14,7 +14,7 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _hooks = require("../../../hooks");
 var _CSS3DRenderPlugin = require("../../../../fivePlugins/CSS3DRenderPlugin");
 var _VreoUnit = require("../../../../typings/VreoUnit");
-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); }
 /**
  * 通过传入中心点确定矩形框架容器的四个点：
  *  1. 已知矩形长宽和中心点
@@ -99,7 +99,7 @@ function PanoTextLabel() {
       // 将获取的mesh进行旋转操作，根据欧拉角去进行mesh的变换
       if (data.quaternion) {
         var quaternion = new _three.Quaternion(data.quaternion.x, data.quaternion.y, data.quaternion.z, data.quaternion.w);
-        css3DObject === null || css3DObject === void 0 || css3DObject.quaternion.copy(quaternion);
+        css3DObject === null || css3DObject === void 0 ? void 0 : css3DObject.quaternion.copy(quaternion);
       }
       if (container !== null && container !== void 0 && container.container) _reactDom["default"].render(/*#__PURE__*/React.createElement("div", {
         className: "PanoTextLabel PanoTextLabel--notHidden"
@@ -113,7 +113,7 @@ function PanoTextLabel() {
       }, data.text || ''))), container === null || container === void 0 ? void 0 : container.container);
       timeoutRef.current = setTimeout(function () {
         var _ref$current;
-        (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.disposeAll();
+        (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.disposeAll();
       }, end - start);
     };
     controller.on(_VreoUnit.VreoKeyframeEnum.PanoTextLabel, callback);

package/lib/Player/modules/keyframes/Prompter/index.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("../../../hooks");
 var _VreoUnit = require("../../../../typings/VreoUnit");
-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); }
 function Prompter() {
   var _React$useState = React.useState(''),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),

package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js

@@ -9,7 +9,7 @@ var React = _interopRequireWildcard(require("react"));
 var _five = require("@realsee/five");
 var _hooks = require("../../../hooks");
 var _VreoUnit = require("../../../../typings/VreoUnit");
-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); }
 function UpdateVRPanorama() {
   var controller = (0, _hooks.useController)();
   var five = (0, _hooks.useFiveInstance)();
@@ -46,8 +46,8 @@ function UpdateVRPanorama() {
   }, []);
   React.useEffect(function () {
     var callback = function callback(keyframe) {
-      var _five$work, _five$work2;
-      if (!deafultWorkRef.current && (_five$work = five.work) !== null && _five$work !== void 0 && _five$work.raw.works) {
+      var _five$work, _five$work$raw, _five$work2, _five$work2$raw, _five$work2$raw$works;
+      if (!deafultWorkRef.current && (_five$work = five.work) !== null && _five$work !== void 0 && (_five$work$raw = _five$work.raw) !== null && _five$work$raw !== void 0 && _five$work$raw.works) {
         deafultWorkRef.current = five.work.raw.works;
       }
       var data = keyframe.data;
@@ -58,9 +58,9 @@ function UpdateVRPanorama() {
         five.load(updateWorkRef.current);
         return;
       }
-      var lastRawWork = (_five$work2 = five.work) === null || _five$work2 === void 0 || (_five$work2 = _five$work2.raw.works) === null || _five$work2 === void 0 ? void 0 : _five$work2[0];
+      var lastRawWork = (_five$work2 = five.work) === null || _five$work2 === void 0 ? void 0 : (_five$work2$raw = _five$work2.raw) === null || _five$work2$raw === void 0 ? void 0 : (_five$work2$raw$works = _five$work2$raw.works) === null || _five$work2$raw$works === void 0 ? void 0 : _five$work2$raw$works[0];
       if (!lastRawWork) {
-        console.warn('No raw work data available');
+        console.warn('UpdateVRPanorama: 没有可用的 work 数据');
         return;
       }