@realsee/vreo 2.4.1 → 2.4.3

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

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

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);
       }));