@realsee/vreo 2.6.4-alpha.1 → 2.6.4-alpha.3

package/lib/fivePlugins/CameraMovementPlugin/index.js

@@ -1,5 +1,6 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 import { Five } from '@realsee/five';
 import { Rotation } from "./typings.js";
 var PI = Math.PI;
@@ -28,86 +29,83 @@ export var CameraMovementPlugin = function CameraMovementPlugin(five) {
     var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
       preload: true
     };
-    return new Promise( /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
+    return new Promise(/*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(resolve, reject) {
         var _opts$asyncEndCallbac;
         var panoIndex, start, movePanoOptions;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                moving = true;
-                if (opts.asyncStartCallback) {
-                  opts.asyncStartCallback();
-                }
-                if (!(five.panoIndex === undefined)) {
-                  _context.next = 4;
-                  break;
-                }
-                return _context.abrupt("return", reject(false));
-              case 4:
-                if (!(args.mode && args.mode !== five.currentMode)) {
-                  _context.next = 8;
-                  break;
-                }
-                _context.next = 7;
-                return five.changeMode(args.mode, args, duration);
-              case 7:
-                return _context.abrupt("return", resolve(true));
-              case 8:
-                if (!(args.mode === Five.Mode.Floorplan)) {
-                  _context.next = 10;
-                  break;
-                }
-                return _context.abrupt("return", resolve(true));
-              case 10:
-                if (!(opts.preload && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
-                  _context.next = 13;
-                  break;
-                }
-                _context.next = 13;
-                return five.preloadPano(args.panoIndex);
-              case 13:
-                (_opts$asyncEndCallbac = opts.asyncEndCallback) === null || _opts$asyncEndCallbac === void 0 ? void 0 : _opts$asyncEndCallbac.call(opts);
-                if (!(args.panoIndex === undefined && args.fov === undefined && args.latitude === undefined && args.longitude === undefined)) {
-                  _context.next = 16;
-                  break;
-                }
-                return _context.abrupt("return", resolve(true));
-              case 16:
-                panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex;
-                if (!(panoIndex !== undefined)) {
-                  _context.next = 26;
-                  break;
-                }
-                start = performance.now();
-                _context.next = 21;
-                return five.ready();
-              case 21:
-                movePanoOptions = Object.assign({}, args, {
-                  duration: duration - (performance.now() - start),
-                  // 移动耗时
-                  moveEndCallback: function moveEndCallback() {
-                    return resolve(true);
-                  },
-                  // 移动结束
-                  moveCancelCallback: function moveCancelCallback() {
-                    resolve(true);
-                  },
-                  // 移动开始
-                  effect: args.transEffect || 'fly'
-                });
-                _context.next = 24;
-                return five.moveToPano(panoIndex, movePanoOptions);
-              case 24:
-                _context.next = 27;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              moving = true;
+              if (opts.asyncStartCallback) {
+                opts.asyncStartCallback();
+              }
+              if (!(five.panoIndex === undefined)) {
+                _context.n = 1;
                 break;
-              case 26:
-                reject(false);
-              case 27:
-              case "end":
-                return _context.stop();
-            }
+              }
+              return _context.a(2, reject(false));
+            case 1:
+              if (!(args.mode && args.mode !== five.currentMode)) {
+                _context.n = 3;
+                break;
+              }
+              _context.n = 2;
+              return five.changeMode(args.mode, args, duration);
+            case 2:
+              return _context.a(2, resolve(true));
+            case 3:
+              if (!(args.mode === Five.Mode.Floorplan)) {
+                _context.n = 4;
+                break;
+              }
+              return _context.a(2, resolve(true));
+            case 4:
+              if (!(opts.preload && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
+                _context.n = 5;
+                break;
+              }
+              _context.n = 5;
+              return five.preloadPano(args.panoIndex);
+            case 5:
+              (_opts$asyncEndCallbac = opts.asyncEndCallback) === null || _opts$asyncEndCallbac === void 0 || _opts$asyncEndCallbac.call(opts);
+              if (!(args.panoIndex === undefined && args.fov === undefined && args.latitude === undefined && args.longitude === undefined)) {
+                _context.n = 6;
+                break;
+              }
+              return _context.a(2, resolve(true));
+            case 6:
+              panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex;
+              if (!(panoIndex !== undefined)) {
+                _context.n = 9;
+                break;
+              }
+              start = performance.now();
+              _context.n = 7;
+              return five.ready();
+            case 7:
+              movePanoOptions = Object.assign({}, args, {
+                duration: duration - (performance.now() - start),
+                // 移动耗时
+                moveEndCallback: function moveEndCallback() {
+                  return resolve(true);
+                },
+                // 移动结束
+                moveCancelCallback: function moveCancelCallback() {
+                  resolve(true);
+                },
+                // 移动开始
+                effect: args.transEffect || 'fly'
+              });
+              _context.n = 8;
+              return five.moveToPano(panoIndex, movePanoOptions);
+            case 8:
+              _context.n = 10;
+              break;
+            case 9:
+              reject(false);
+            case 10:
+              return _context.a(2);
           }
         }, _callee);
       }));
@@ -117,7 +115,7 @@ export var CameraMovementPlugin = function CameraMovementPlugin(five) {
     }());
   };
   var rotate = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(args, duration) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(args, duration) {
       var _opts$asyncStartCallb, _opts$asyncEndCallbac2;
       var opts,
         from,
@@ -125,112 +123,107 @@ export var CameraMovementPlugin = function CameraMovementPlugin(five) {
         timeEnd,
         start,
         animeDuration,
-        onFiveRenderFrame,
+        _onFiveRenderFrame,
         _args2 = arguments;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              opts = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {};
-              moving = false;
-              (_opts$asyncStartCallb = opts.asyncStartCallback) === null || _opts$asyncStartCallb === void 0 ? void 0 : _opts$asyncStartCallb.call(opts);
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            opts = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {};
+            moving = false;
+            (_opts$asyncStartCallb = opts.asyncStartCallback) === null || _opts$asyncStartCallb === void 0 || _opts$asyncStartCallb.call(opts);
 
-              // 先切换模型再出旋转效果
-              if (!(args.mode && five.currentMode !== args.mode)) {
-                _context2.next = 6;
-                break;
-              }
-              _context2.next = 6;
-              return five.changeMode(args.mode, args.mode === Five.Mode.Panorama ? {
-                latitude: 0
-              } : undefined);
-            case 6:
-              if (!(args.mode === Five.Mode.Panorama && five.currentMode === Five.Mode.Panorama && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
-                _context2.next = 12;
-                break;
-              }
-              if (!opts.preload) {
-                _context2.next = 10;
-                break;
-              }
-              _context2.next = 10;
-              return five.preloadPano(args.panoIndex);
-            case 10:
-              _context2.next = 12;
-              return new Promise(function (resolve, reject) {
-                five.moveToPano(args.panoIndex, {
-                  moveEndCallback: function moveEndCallback() {
-                    return resolve(true);
-                  },
-                  // 移动结束
-                  moveCancelCallback: function moveCancelCallback() {
-                    return reject(false);
-                  },
-                  // 移动开始
-                  effect: 'fade'
-                });
+            // 先切换模型再出旋转效果
+            if (!(args.mode && five.currentMode !== args.mode)) {
+              _context2.n = 1;
+              break;
+            }
+            _context2.n = 1;
+            return five.changeMode(args.mode, args.mode === Five.Mode.Panorama ? {
+              latitude: 0
+            } : undefined);
+          case 1:
+            if (!(args.mode === Five.Mode.Panorama && five.currentMode === Five.Mode.Panorama && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
+              _context2.n = 3;
+              break;
+            }
+            if (!opts.preload) {
+              _context2.n = 2;
+              break;
+            }
+            _context2.n = 2;
+            return five.preloadPano(args.panoIndex);
+          case 2:
+            _context2.n = 3;
+            return new Promise(function (resolve, reject) {
+              five.moveToPano(args.panoIndex, {
+                moveEndCallback: function moveEndCallback() {
+                  return resolve(true);
+                },
+                // 移动结束
+                moveCancelCallback: function moveCancelCallback() {
+                  return reject(false);
+                },
+                // 移动开始
+                effect: 'fade'
               });
-            case 12:
-              _context2.next = 14;
-              return five.ready();
-            case 14:
-              (_opts$asyncEndCallbac2 = opts.asyncEndCallback) === null || _opts$asyncEndCallbac2 === void 0 ? void 0 : _opts$asyncEndCallbac2.call(opts);
+            });
+          case 3:
+            _context2.n = 4;
+            return five.ready();
+          case 4:
+            (_opts$asyncEndCallbac2 = opts.asyncEndCallback) === null || _opts$asyncEndCallbac2 === void 0 || _opts$asyncEndCallbac2.call(opts);
 
-              // 计算to
-              from = five.getCurrentState();
-              to = function () {
-                return args;
-              }();
-              timeEnd = false; // 开始时间
-              start = performance.now();
-              animeDuration = duration;
-              if (args.rotation === Rotation.Loop) {
-                animeDuration = args.rotateSpeed ? Math.ceil(Math.abs(to.longitude - from.longitude) / args.rotateSpeed * 1000) : duration;
-                animeDuration = Math.min(duration, animeDuration);
+            // 计算to
+            from = five.getCurrentState();
+            to = function () {
+              return args;
+            }();
+            timeEnd = false; // 开始时间
+            start = performance.now();
+            animeDuration = duration;
+            if (args.rotation === Rotation.Loop) {
+              animeDuration = args.rotateSpeed ? Math.ceil(Math.abs(to.longitude - from.longitude) / args.rotateSpeed * 1000) : duration;
+              animeDuration = Math.min(duration, animeDuration);
+            }
+            _onFiveRenderFrame = function onFiveRenderFrame() {
+              if (timeEnd || moving) {
+                five.off('renderFrame', _onFiveRenderFrame);
+                return;
               }
-              onFiveRenderFrame = function onFiveRenderFrame() {
-                if (timeEnd || moving) {
-                  five.off('renderFrame', onFiveRenderFrame);
-                  return;
-                }
-                var targetState = {};
-                if (args.rotation !== Rotation.Loop) {
-                  var progress = (performance.now() - start) / duration;
-                  targetState = {
-                    fov: progressNumber(from.fov, to.fov, progress),
-                    latitude: progressNumber(from.latitude, to.latitude, progress),
-                    longitude: progressLongitude(from.longitude, to.longitude, args.rotation, progress)
-                  };
-                } else {
-                  var _progress = (performance.now() - start) / animeDuration; // 可能大于1
-                  var times = Math.floor(_progress);
-                  var progress2 = _progress - times; // 一定小于1
-                  var isNegative = times % 2 === 1; // 是否为反向旋转, 0: 正, 1: 反, 2: 正, 3: 反 以此类推
-                  var resultProgress = isNegative ? 1 - progress2 : progress2;
-                  targetState = {
-                    fov: progressNumber(from.fov, to.fov, resultProgress),
-                    latitude: progressNumber(from.latitude, to.latitude, resultProgress),
-                    longitude: progressNumber(from.longitude, to.longitude, resultProgress)
-                  };
-                }
-                five.setState(targetState, true);
-              };
-              five.on('renderFrame', onFiveRenderFrame);
-              _context2.next = 25;
-              return new Promise(function (resolve) {
-                setTimeout(function () {
-                  timeEnd = true;
-                  five.off('renderFrame', onFiveRenderFrame);
-                  // 总时间到了之后强制结束，同时也是 Loop 模式的结束方式
-                  resolve(true);
-                }, duration);
-              });
-            case 25:
-              return _context2.abrupt("return", _context2.sent);
-            case 26:
-            case "end":
-              return _context2.stop();
-          }
+              var targetState = {};
+              if (args.rotation !== Rotation.Loop) {
+                var progress = (performance.now() - start) / duration;
+                targetState = {
+                  fov: progressNumber(from.fov, to.fov, progress),
+                  latitude: progressNumber(from.latitude, to.latitude, progress),
+                  longitude: progressLongitude(from.longitude, to.longitude, args.rotation, progress)
+                };
+              } else {
+                var _progress = (performance.now() - start) / animeDuration; // 可能大于1
+                var times = Math.floor(_progress);
+                var progress2 = _progress - times; // 一定小于1
+                var isNegative = times % 2 === 1; // 是否为反向旋转, 0: 正, 1: 反, 2: 正, 3: 反 以此类推
+                var resultProgress = isNegative ? 1 - progress2 : progress2;
+                targetState = {
+                  fov: progressNumber(from.fov, to.fov, resultProgress),
+                  latitude: progressNumber(from.latitude, to.latitude, resultProgress),
+                  longitude: progressNumber(from.longitude, to.longitude, resultProgress)
+                };
+              }
+              five.setState(targetState, true);
+            };
+            five.on('renderFrame', _onFiveRenderFrame);
+            _context2.n = 5;
+            return new Promise(function (resolve) {
+              setTimeout(function () {
+                timeEnd = true;
+                five.off('renderFrame', _onFiveRenderFrame);
+                // 总时间到了之后强制结束，同时也是 Loop 模式的结束方式
+                resolve(true);
+              }, duration);
+            });
+          case 5:
+            return _context2.a(2, _context2.v);
         }
       }, _callee2);
     }));

package/lib/fivePlugins/CameraMovementPlugin/typings.js

@@ -2,14 +2,14 @@
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
-export var CameraMovementEffect;
-(function (CameraMovementEffect) {
+export var CameraMovementEffect = /*#__PURE__*/function (CameraMovementEffect) {
   CameraMovementEffect["Move"] = "Move";
   CameraMovementEffect["Rotate"] = "Rotate";
-})(CameraMovementEffect || (CameraMovementEffect = {}));
-export var Rotation;
-(function (Rotation) {
+  return CameraMovementEffect;
+}({});
+export var Rotation = /*#__PURE__*/function (Rotation) {
   Rotation["Clockwise"] = "Clockwise";
   Rotation["Anticlockwise"] = "Anticlockwise";
   Rotation["Loop"] = "Loop";
-})(Rotation || (Rotation = {}));
+  return Rotation;
+}({});

package/lib/fivePlugins/ModelTVVideoPlugin/index.d.ts

@@ -1,4 +1,5 @@
 import type { FivePlugin } from '@realsee/five';
+import type { PlaybackManager } from '../../Player/playback-types';
 export interface ModelTVVideoPluginData {
     enable?: boolean;
     video_src: string;
@@ -11,10 +12,12 @@ export interface ModelTVVideoPluginData {
 }
 export interface ModelTVVideoPluginParameterType {
     videoElement?: HTMLVideoElement;
+    mediaManager?: PlaybackManager;
 }
 export interface ModelTVVideoPluginExportType {
     enable: () => void;
     disable: () => void;
+    dispose: () => void;
     load: (data: ModelTVVideoPluginData, videoElement?: HTMLVideoElement) => Promise<void>;
 }
 export declare const ModelTVVideoPlugin: FivePlugin<ModelTVVideoPluginParameterType, ModelTVVideoPluginExportType>;