@realsee/vreo 1.0.0-alpha.1 → 1.0.0-alpha.11

package/lib/shared-utils/animationFrame/BetterTween.js

@@ -1,98 +1,62 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BetterTween = void 0;
 exports.tweenProgress = tweenProgress;
-
 var _tween = _interopRequireDefault(require("@tweenjs/tween.js"));
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 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; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var BetterTween = /*#__PURE__*/function (_TWEEN$Tween) {
   _inherits(BetterTween, _TWEEN$Tween);
-
   var _super = _createSuper(BetterTween);
-
   function BetterTween() {
     var _this;
-
     _classCallCheck(this, BetterTween);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "disposeMethods", []);
-
     _defineProperty(_assertThisInitialized(_this), "onDispose", function (callback) {
       _this.disposeMethods.push(callback);
-
       return _assertThisInitialized(_this);
     });
-
     _defineProperty(_assertThisInitialized(_this), "play", function () {
       _this.start();
-
       _this.animationFrameDisposer = (0, _.requestAnimationFrameInterval)(function () {
         return _this.update();
       });
       return _assertThisInitialized(_this);
     });
-
     _defineProperty(_assertThisInitialized(_this), "dispose", function () {
       var _this$animationFrameD, _this2;
-
       _this.stop();
-
       (_this$animationFrameD = (_this2 = _this).animationFrameDisposer) === null || _this$animationFrameD === void 0 ? void 0 : _this$animationFrameD.call(_this2);
-
       _this.disposeMethods.forEach(function (fn) {
         return fn();
       });
-
       _this.disposeMethods = [];
-
       _tween["default"].remove(_assertThisInitialized(_this));
     });
-
     return _this;
   }
-
   return _createClass(BetterTween);
 }(_tween["default"].Tween);
-
 exports.BetterTween = BetterTween;
-
 function tweenProgress(duration) {
   var easing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _tween["default"].Easing.Linear.None;
   var tween = new BetterTween({

package/lib/shared-utils/animationFrame/index.js

@@ -7,37 +7,31 @@ exports["default"] = void 0;
 exports.getFrameTime = getFrameTime;
 exports.nextFrame = nextFrame;
 exports.requestAnimationFrameInterval = requestAnimationFrameInterval;
-
 var _requestAnimationFrame = window.requestAnimationFrame || function (fn) {
   return setTimeout(fn, 16);
 };
-
 var _cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
-
 var _default = _requestAnimationFrame;
 exports["default"] = _default;
-
 function nextFrame(fn) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   if (delay <= 0) _requestAnimationFrame(fn);else _requestAnimationFrame(function () {
     return nextFrame(fn, delay - 1);
   });
 }
+
 /**
  * 在每个 AnimationFrame 中调用传入的函数
  * @param callback 每次 AnimationFrame 中调用的函数
  * @param frame 每秒运行多少次
  * @returns 返回一个函数，调用可以停止 AnimationFrameLoop
  */
-
-
 function requestAnimationFrameInterval(callback) {
   var frame = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 60;
   var index = -1;
   var oldTime = 0;
   var startTime = -1;
   var minDeltaTime = 1000 / frame;
-
   function loop(time) {
     startTime === -1 && (startTime = time);
     index = _requestAnimationFrame(loop);
@@ -46,18 +40,16 @@ function requestAnimationFrameInterval(callback) {
     oldTime = time;
     callback && callback(time - startTime);
   }
-
   index = _requestAnimationFrame(loop);
   return function stop() {
     _cancelAnimationFrame(index);
   };
 }
+
 /**
  * 获取两个 AnimationFrame 间隔的时间
  * @returns 返回一个 Promise，resolve 的结果是两个 AnimationFrame 间隔的时间
  */
-
-
 function getFrameTime() {
   var start = Date.now();
   return new Promise(function (resolve) {

package/lib/shared-utils/animationFrame/tween.js

@@ -1,25 +1,18 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Easing = void 0;
 exports["default"] = tween;
 exports.tweenProgress = tweenProgress;
-
 var TWEEN = _interopRequireWildcard(require("@tweenjs/tween.js"));
-
 var _index = require("./index");
-
 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 Easing = TWEEN.Easing;
 exports.Easing = Easing;
-
 /**
  * 对象变化的补间动画
  * 1. 应用 requestAnimationFrameInterval 做 update
@@ -32,8 +25,8 @@ exports.Easing = Easing;
  */
 function tween(from, to, duration) {
   var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : Easing.Linear.None;
-  var tween = new TWEEN.Tween(from).to(to, duration).easing(easing); // 这里注意一下，因为 requestAnimationFrameInterval 给的时间是从 0 开始的，tween 动画也从 0 开始
-
+  var tween = new TWEEN.Tween(from).to(to, duration).easing(easing);
+  // 这里注意一下，因为 requestAnimationFrameInterval 给的时间是从 0 开始的，tween 动画也从 0 开始
   (0, _index.nextFrame)(function () {
     return tween.start(0);
   });
@@ -41,12 +34,10 @@ function tween(from, to, duration) {
     if (tween.update(time) === false) cancelAnimationFrame();
   });
   var destroyMethods = [];
-
   tween.onDestroy = function (fn) {
     destroyMethods.push(fn);
     return tween;
   };
-
   tween.destroy = function () {
     this.stop();
     Object.assign(tween, {
@@ -56,17 +47,13 @@ function tween(from, to, duration) {
       _onStopCallbackL: null
     });
     var destroyMethod;
-
     while (destroyMethod = destroyMethods.shift()) {
       destroyMethod();
     }
-
     cancelAnimationFrame();
   };
-
   return tween;
 }
-
 function tweenProgress(duration, easing) {
   return tween({
     progress: 0

package/lib/shared-utils/createTransMatrix.js

@@ -1,42 +1,27 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createTransMatrix = createTransMatrix;
-
 var THREE = _interopRequireWildcard(require("three"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
-
+function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
 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; } }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function createTransMatrix(arr1) {
   var matrix4 = new THREE.Matrix4();
   matrix4.fromArray(arr1);
   return function (arr2) {
     var vector3 = _construct(THREE.Vector3, _toConsumableArray(arr2));
-
     vector3.applyMatrix4(matrix4);
     return vector3.toArray();
   };

package/lib/shared-utils/getFileExpandedName.d.ts

@@ -0,0 +1 @@
+export default function getFileExpandedName(filePath?: string | null): string;

package/lib/shared-utils/getFileExpandedName.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getFileExpandedName;
+function getFileExpandedName(filePath) {
+  if (!filePath) return '';
+  var index = filePath.lastIndexOf('.');
+  var ext = filePath.substring(index + 1);
+  return ext.toLowerCase();
+}

package/lib/shared-utils/getMediaInfo.d.ts

@@ -0,0 +1,9 @@
+export default function getMediaInfo(fileUrl: string): Promise<{
+    duration?: number | undefined;
+    type?: 'video' | 'audio' | 'image' | 'unknown' | undefined;
+    error?: string | undefined;
+}>;
+export declare function getMediaType(url?: string): "audio" | "video" | "image" | "unknown";
+export declare function getMediaTypeByExpandedName(fileExpandedName?: string | null): "audio" | "video" | "image" | "unknown";
+export declare function getMediaTypeByUrl(fileUrl?: string | null): "audio" | "video" | "image" | "unknown" | undefined;
+export declare function getFileName(fileUrl?: string): string;

package/lib/shared-utils/getMediaInfo.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getMediaInfo;
+exports.getFileName = getFileName;
+exports.getMediaType = getMediaType;
+exports.getMediaTypeByExpandedName = getMediaTypeByExpandedName;
+exports.getMediaTypeByUrl = getMediaTypeByUrl;
+var _getFileExpandedName = _interopRequireDefault(require("./getFileExpandedName"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function getMediaInfo(fileUrl) {
+  var type = getMediaType(fileUrl);
+  if (!type) return Promise.resolve({
+    error: '未知的文件类型: ' + fileUrl
+  });
+  var mediaElement = function () {
+    if (type === 'video') return document.createElement('video');
+    if (type === 'audio') return document.createElement('audio');
+  }();
+  if (!mediaElement) return Promise.resolve({
+    error: 'Unknown media element'
+  });
+  mediaElement.src = fileUrl;
+  return new Promise(function (resolve) {
+    mediaElement.onerror = function () {
+      return resolve({
+        error: 'onerror'
+      });
+    };
+    mediaElement.onloadedmetadata = function () {
+      resolve({
+        duration: mediaElement.duration * 1000,
+        type: type
+      }); // s => ms
+    };
+  });
+}
+
+function getMediaType(url) {
+  var fileExpandedName = (0, _getFileExpandedName["default"])(url);
+  var type = getMediaTypeByExpandedName(fileExpandedName);
+  return type;
+}
+function getMediaTypeByExpandedName(fileExpandedName) {
+  if (!fileExpandedName) return 'unknown';
+  if (/jpg|jpeg|png$/.test(fileExpandedName)) return 'image';
+  if (/mp3|wav$/.test(fileExpandedName)) return 'audio';
+  if (/avi|wmv|mpeg|mp4|m4v|mov|asf|flv|f4v|rmvb|rm|3gp|vob$/.test(fileExpandedName)) return 'video';
+  return 'unknown';
+}
+function getMediaTypeByUrl(fileUrl) {
+  if (!fileUrl) return;
+  var fileExpandedName = (0, _getFileExpandedName["default"])(fileUrl);
+  return getMediaTypeByExpandedName(fileExpandedName);
+}
+function getFileName(fileUrl) {
+  if (!fileUrl) return '';
+  var index1 = fileUrl.lastIndexOf('/');
+  var index2 = fileUrl.lastIndexOf('\\');
+  var index3 = fileUrl.lastIndexOf('\\\\');
+  var index = Math.max(index1, index2, index3);
+  var ext = fileUrl.substring(index + 1);
+  return ext;
+}

package/lib/shared-utils/setElementDataset.d.ts

@@ -0,0 +1 @@
+export default function setElementDataset(element: any, dataset: Record<string, string | number>): void;

package/lib/shared-utils/setElementDataset.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = setElementDataset;
+function setElementDataset(element, dataset) {
+  if (element) {
+    Object.keys(dataset).forEach(function (key) {
+      var value = dataset[key].toString();
+      if (element instanceof Element) {
+        element.setAttribute("data-".concat(key), value);
+      } else if (element instanceof Document) {
+        element.documentElement.setAttribute("data-".concat(key), value);
+      } else if (element instanceof HTMLElement) {
+        element.dataset[key] = value;
+      } else {
+        element.setAttribute("data-".concat(key), value);
+      }
+    });
+  }
+}

package/lib/typings/VreoUnit.d.ts

@@ -76,6 +76,10 @@ export interface VreoVideo {
     start: number;
     end: number;
     url: string;
+    avatar?: {
+        url?: string;
+        force?: true;
+    };
 }
 /**
  * 剧本结构

package/lib/typings/VreoUnit.js

@@ -8,9 +8,7 @@ var VreoKeyframeEnum;
 /**
  * 支持自定义剧本关键帧配置项
  */
-
 exports.VreoKeyframeEnum = VreoKeyframeEnum;
-
 (function (VreoKeyframeEnum) {
   VreoKeyframeEnum["CameraMovement"] = "CameraMovement";
   VreoKeyframeEnum["PanoTag"] = "PanoTag";
@@ -25,7 +23,6 @@ exports.VreoKeyframeEnum = VreoKeyframeEnum;
   VreoKeyframeEnum["Exit"] = "Exit";
   VreoKeyframeEnum["Custom"] = "Custom";
 })(VreoKeyframeEnum || (exports.VreoKeyframeEnum = VreoKeyframeEnum = {}));
-
 /**
  * 全景标签枚举
  */
@@ -33,22 +30,17 @@ var PanoTagEnum;
 /**
  * 标签样式种类
  */
-
 exports.PanoTagEnum = PanoTagEnum;
-
 (function (PanoTagEnum) {
   PanoTagEnum["Text"] = "Text";
   PanoTagEnum["Image"] = "Image";
 })(PanoTagEnum || (exports.PanoTagEnum = PanoTagEnum = {}));
-
 var PanoTagStyleEnum;
 exports.PanoTagStyleEnum = PanoTagStyleEnum;
-
 (function (PanoTagStyleEnum) {
   PanoTagStyleEnum["Growth"] = "Growth";
   PanoTagStyleEnum["Expand"] = "Expand";
 })(PanoTagStyleEnum || (exports.PanoTagStyleEnum = PanoTagStyleEnum = {}));
-
 /**
  * 全景特效枚举
  */
@@ -56,31 +48,24 @@ var PanoEffectEnum;
 /**
  * 全景特效
  */
-
 exports.PanoEffectEnum = PanoEffectEnum;
-
 (function (PanoEffectEnum) {
   PanoEffectEnum["Distance"] = "Distance";
 })(PanoEffectEnum || (exports.PanoEffectEnum = PanoEffectEnum = {}));
-
 /**
  * 信息面板类型枚举
  */
 var InfoPanelTypeEnum;
 exports.InfoPanelTypeEnum = InfoPanelTypeEnum;
-
 (function (InfoPanelTypeEnum) {
   InfoPanelTypeEnum["Image"] = "Image";
   InfoPanelTypeEnum["Video"] = "Video";
 })(InfoPanelTypeEnum || (exports.InfoPanelTypeEnum = InfoPanelTypeEnum = {}));
-
 var InfoPanelStyleEnum;
 /**
  * 信息面板
  */
-
 exports.InfoPanelStyleEnum = InfoPanelStyleEnum;
-
 (function (InfoPanelStyleEnum) {
   InfoPanelStyleEnum["Drawer"] = "Drawer";
   InfoPanelStyleEnum["PopUp"] = "PopUp";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/vreo",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.11",
   "description": "Vreo (VR Video 缩写) 是基于如视三维渲染引擎 Five 和 用户界面构建库 React 实现的如视 3D 空间剧本播放器。",
   "keywords": [
     "realsee",
@@ -36,7 +36,7 @@
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-react": "^7.16.0",
     "@babel/preset-typescript": "^7.16.0",
-    "@realsee/dnalogel": "^2.1.0-alpha.17",
+    "@realsee/dnalogel": "^2.1.0-alpha.18",
     "@realsee/five": "5.0.0-alpha.149",
     "@types/offscreencanvas": "^2019.6.4",
     "@types/react": "^17.0.37",

package/resources/Player/Controller.ts

@@ -21,17 +21,14 @@ export class Controller extends Subscribe<VreoKeyframeEvent> {
     playing = false
     ended = false
     loading: boolean | null = false // null 表示加载失败
-    containerSize?: {
-        width: number
-        height: number
-    }
+    containerSize: { width: number, height: number } = { width: 0, height: 0 }
     appSize?: 'S' | 'M' | 'L' | 'XL'
     container: Element
     waveAppearance: WaveAppearance | null = null
     appearance: Appearance = {
-        waveStyle: 'solid',
+        waveStyle: 'wave',
     }
-    avatar?: VreoVideo['avatar']
+    avatar: VreoVideo['avatar'] = {}
 
 
     visible = false
@@ -164,7 +161,7 @@ export class Controller extends Subscribe<VreoKeyframeEvent> {
             reaction(
                 () => this.containerSize,
                 (containerSize) => {
-                    if (!containerSize) return
+                    if (!containerSize?.width) return
                     const width = containerSize.width
                     const height = containerSize.height
                     const size = (() => {

package/resources/Player/index.tsx

@@ -1,3 +1,5 @@
+// 下面这一行不能删
+import * as React from 'react'
 import * as ReactDOM from 'react-dom'
 import { Five, Subscribe } from '@realsee/five'