@realsee/vreo 2.3.8 → 2.3.9-alpha.1

package/lib/PlayController/createHTMLAudioElement.js

@@ -1,26 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createHTMLAudioElement = createHTMLAudioElement;
+
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var BLANK_AUDIO = '' + 'data:audio/mpeg;base64,' + '//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////' + '////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAg' + 'AAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////Jcxj' + 'Hjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu' + '/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zr' + 'hIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX' + '+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6r' + 'amnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLK' + 'xsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV' + '9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/' + 'ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKV' + 'J8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLM' + 'PQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBR' + 'QGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsq' + 'FdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV' + 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=';
+
 function createHTMLAudioElement() {
   var ndAudio = document.querySelector('#vreo-playController-audio');
+
   if (ndAudio) {
     return ndAudio;
   }
+
   var audio = document.createElement('audio');
   audio.style.display = 'none';
   audio.setAttribute('id', 'vreo-playController-audio');
   audio.controls = false;
   document.body.appendChild(audio);
-  audio.src = BLANK_AUDIO;
+  audio.src = BLANK_AUDIO; // 触发一次播放
 
-  // 触发一次播放
   Promise.resolve( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) {
@@ -28,8 +34,10 @@ function createHTMLAudioElement() {
           case 0:
             _context.next = 2;
             return audio.play();
+
           case 2:
             return _context.abrupt("return", _context.sent);
+
           case 3:
           case "end":
             return _context.stop();

package/lib/PlayController/index.js

@@ -1,60 +1,91 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PlayController = void 0;
+
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _five = require("@realsee/five");
+
 var _animationFrame = require("../shared-utils/animationFrame");
+
 var _createHTMLAudioElement = require("./createHTMLAudioElement");
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var closures = {};
+
 var PlayController = /*#__PURE__*/function (_Subscribe) {
   (0, _inherits2["default"])(PlayController, _Subscribe);
+
   var _super = _createSuper(PlayController);
+
   function PlayController() {
     var _this;
+
     var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     (0, _classCallCheck2["default"])(this, PlayController);
     _this = _super.call(this);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "config", {});
+
     if (!config.audio) {
       config.audio = (0, _createHTMLAudioElement.createHTMLAudioElement)();
     }
+
     _this.config = Object.assign(_this.config, config);
+
     closures.onPlaying = function () {
       return _this.emit('playing');
     };
+
     closures.onPaused = function () {
       return _this.emit('paused');
     };
+
     closures.onEnded = function () {
       return _this.emit('paused', true);
     };
+
     _this.audioInstance.addEventListener('play', closures.onPlaying);
+
     _this.audioInstance.addEventListener('pause', closures.onPaused);
+
     _this.audioInstance.addEventListener('ended', closures.onEnded);
+
     _this.stopInterval = (0, _animationFrame.requestAnimationFrameInterval)(function () {
       if (_this.audioInstance.paused) {
         return;
       }
+
       if (!_this.vreoUnit) {
         return;
       }
+
       var keyframes = _this.vreoUnit.keyframes;
-      var currentTime = _this.currentTime;
-      // 没有被解析过且开始时间低于当前时间戳 100ms
+      var currentTime = _this.currentTime; // 没有被解析过且开始时间低于当前时间戳 100ms
+
       var currentKeyframes = keyframes.filter(function (keyframe) {
         if (keyframe.parsed) return false;
         var dur = currentTime - keyframe.start;
@@ -63,15 +94,17 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
       currentKeyframes.forEach(function (keyframe) {
         if (keyframe.parsed) return;
         keyframe.parsed = true;
+
         _this.emit(keyframe.type, keyframe, _this.currentTime);
       });
     });
     return _this;
   }
-
   /**
    * 载入数据
    */
+
+
   (0, _createClass2["default"])(PlayController, [{
     key: "paused",
     get: function get() {
@@ -91,19 +124,20 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
     key: "currentKeyframes",
     get: function get() {
       var _this2 = this;
+
       if (!this.vreoUnit) return [];
-      var keyframes = this.vreoUnit.keyframes;
-      // 没有被解析过且开始时间低于当前时间戳 100ms
+      var keyframes = this.vreoUnit.keyframes; // 没有被解析过且开始时间低于当前时间戳 100ms
+
       return keyframes.filter(function (keyframe) {
         if (keyframe.parsed) return false;
         var dur = _this2.currentTime - keyframe.start;
         return dur <= 100 && dur >= 0;
       });
     }
-
     /**
      * 音频时长 不一定能获取得到，建议以 VreoUnit 配置的时长为准。
      */
+
   }, {
     key: "duration",
     get: function get() {
@@ -114,6 +148,7 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
     value: function () {
       var _load = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(vreoUnit) {
         var _this3 = this;
+
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -121,26 +156,36 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
                 this.vreoUnit = vreoUnit;
                 _context.next = 3;
                 return this.pause();
+
               case 3:
                 _context.next = 5;
                 return new Promise(function (resolve, reject) {
                   if (vreoUnit.video.url === _this3.audioInstance.src) {
                     return resolve(true);
                   }
+
                   _this3.audioInstance.src = vreoUnit.video.url;
+
                   var canplaythrough = function canplaythrough() {
                     resolve(true);
+
                     _this3.audioInstance.removeEventListener('canplaythrough', canplaythrough);
                   };
+
                   var error = function error(err) {
                     reject(err);
+
                     _this3.audioInstance.removeEventListener('error', error);
                   };
+
                   _this3.audioInstance.addEventListener('canplaythrough', canplaythrough);
+
                   _this3.audioInstance.addEventListener('error', error);
                 });
+
               case 5:
                 return _context.abrupt("return", _context.sent);
+
               case 6:
               case "end":
                 return _context.stop();
@@ -148,14 +193,17 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
           }
         }, _callee, this);
       }));
+
       function load(_x) {
         return _load.apply(this, arguments);
       }
+
       return load;
     }()
     /**
      * 播放
      */
+
   }, {
     key: "play",
     value: function () {
@@ -165,6 +213,7 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
             switch (_context2.prev = _context2.next) {
               case 0:
                 closures.playPromise = this.audioInstance.play();
+
               case 1:
               case "end":
                 return _context2.stop();
@@ -172,14 +221,17 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
           }
         }, _callee2, this);
       }));
+
       function play() {
         return _play.apply(this, arguments);
       }
+
       return play;
     }()
     /**
      * 暂停
      */
+
   }, {
     key: "pause",
     value: function () {
@@ -192,10 +244,13 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
                   _context3.next = 3;
                   break;
                 }
+
                 _context3.next = 3;
                 return closures.playPromise;
+
               case 3:
                 this.audioInstance.pause();
+
               case 4:
               case "end":
                 return _context3.stop();
@@ -203,9 +258,11 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
           }
         }, _callee3, this);
       }));
+
       function pause() {
         return _pause.apply(this, arguments);
       }
+
       return pause;
     }()
     /**
@@ -214,6 +271,7 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
      * 
      * @deprecated **慎重执行**
      */
+
   }, {
     key: "dispose",
     value: function dispose() {
@@ -221,6 +279,7 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
       this.audioInstance.removeEventListener('play', closures.onPlaying);
       this.audioInstance.removeEventListener('pasue', closures.onPaused);
       this.audioInstance.removeEventListener('ended', closures.onEnded);
+
       if (this.stopInterval) {
         this.stopInterval();
       }
@@ -228,4 +287,5 @@ var PlayController = /*#__PURE__*/function (_Subscribe) {
   }]);
   return PlayController;
 }(_five.Subscribe);
+
 exports.PlayController = PlayController;

package/lib/Player/App.js

@@ -1,32 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.App = App;
+
 var React = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _mobxReact = require("mobx-react");
+
 var _hooks = require("./hooks");
+
 var _CameraMovement = require("./modules/keyframes/CameraMovement");
+
 var _ResizeObserver = require("./modules/ResizeObserver");
+
 var _InfoPanel = require("./modules/keyframes/InfoPanel");
+
 var _ModelVideo = require("./modules/keyframes/ModelVideo");
+
 var _PanoEffect = require("./modules/keyframes/PanoEffect");
+
 var _PanoTag = require("./modules/keyframes/PanoTag");
+
 var _PanoTextLabel = require("./modules/keyframes/PanoTextLabel");
+
 var _Prompter = require("./modules/keyframes/Prompter");
+
 var _UpdateVRPanorama = require("./modules/keyframes/UpdateVRPanorama");
+
 var _VideoEffect = require("./modules/keyframes/VideoEffect");
+
 var _VideoAgent = require("./modules/VideoAgent");
+
 var _BgMusic = require("./modules/keyframes/BgMusic");
+
 var _Wave = require("./modules/Wave");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var AppView = (0, _mobxReact.observer)(function (_ref) {
   var _controller$configs, _controller$waveAppea, _controller$configs3, _controller$configs4;
+
   var controller = _ref.controller;
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames["default"])('vreo-panel', {
@@ -41,10 +64,12 @@ var AppView = (0, _mobxReact.observer)(function (_ref) {
   }), /*#__PURE__*/React.createElement(_VideoAgent.VideoAgent, {
     onClick: function onClick() {
       var _controller$configs2;
+
       if ((_controller$configs2 = controller.configs) !== null && _controller$configs2 !== void 0 && _controller$configs2.onAvatarClick) {
         controller.configs.onAvatarClick();
         return;
       }
+
       if (controller.playing) {
         controller.setPlaying(false);
       } else {
@@ -54,6 +79,7 @@ var AppView = (0, _mobxReact.observer)(function (_ref) {
     options: ((_controller$configs3 = controller.configs) === null || _controller$configs3 === void 0 ? void 0 : _controller$configs3.videoAgentMeshOptions) || {}
   }), /*#__PURE__*/React.createElement(_Prompter.Prompter, null), (_controller$configs4 = controller.configs) === null || _controller$configs4 === void 0 ? void 0 : _controller$configs4.customPanelChildren));
 });
+
 function App() {
   var controller = (0, _hooks.useController)();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ResizeObserver.ResizeObserver, null), /*#__PURE__*/React.createElement(_CameraMovement.CameraMovement, null), /*#__PURE__*/React.createElement(_ModelVideo.ModelVideo, null), /*#__PURE__*/React.createElement(_UpdateVRPanorama.UpdateVRPanorama, null), /*#__PURE__*/React.createElement(_VideoEffect.VideoEffect, null), /*#__PURE__*/React.createElement(_PanoTag.PanoTag, null), /*#__PURE__*/React.createElement(_PanoTextLabel.PanoTextLabel, null), /*#__PURE__*/React.createElement(_InfoPanel.InfoPanel, null), /*#__PURE__*/React.createElement(_PanoEffect.PanoEffect, null), /*#__PURE__*/React.createElement(_BgMusic.BgMusic, null)), /*#__PURE__*/React.createElement(AppView, {