@realsee/vreo 0.1.0

package/lib/Player/Controller.d.ts

@@ -0,0 +1,39 @@
+import { Five, Subscribe } from '@realsee/five';
+import * as React from 'react';
+import { VreoKeyframe, VreoKeyframeEnum, VreoKeyframeEvent, VreoUnit } from '../typings/VreoUnit';
+import { VideoAgentScene } from './modules/VideoAgent/VideoAgentScene';
+import { PlayerConfigs } from './typings';
+/**
+ * 逻辑控制器：内部状态。
+ */
+export declare class Controller extends Subscribe<VreoKeyframeEvent> {
+    $five?: Five;
+    configs?: PlayerConfigs;
+    videoAgentScene?: VideoAgentScene;
+    vreoUnit?: VreoUnit;
+    stopInterval?: () => void;
+    playing: boolean;
+    visible: boolean;
+    drawerConfig?: {
+        content: string | JSX.Element;
+        height?: number | string;
+    };
+    setVisible(v: boolean): void;
+    setPlaying(playing: boolean): void;
+    openDrawer(drawerConfig?: false | {
+        content: string | JSX.Element;
+        height?: number | string;
+    }): void;
+    constructor();
+    get ready(): boolean;
+    get currentTime(): number;
+    get currentKeyframes(): VreoKeyframe[];
+    get videoInstance(): HTMLAudioElement | undefined;
+    /**
+     * 逐帧任务
+     */
+    requestAnimationFrameLoop(callback: (type: VreoKeyframeEnum, keyframe: VreoKeyframe) => void): void;
+    run(callback: (type: VreoKeyframeEnum, keyframe: VreoKeyframe) => void): void;
+    dispose(): void;
+}
+export declare const ControllerContext: React.Context<Controller | null>;

package/lib/Player/Controller.js

@@ -0,0 +1,226 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ControllerContext = exports.Controller = void 0;
+
+var _five = require("@realsee/five");
+
+var _mobx = require("mobx");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _animationFrame = require("../shared-utils/animationFrame");
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); return Constructor; }
+
+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 } }); 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 _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 _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 Controller = /*#__PURE__*/function (_Subscribe) {
+  _inherits(Controller, _Subscribe);
+
+  var _super = _createSuper(Controller);
+
+  function Controller() {
+    var _this;
+
+    _classCallCheck(this, Controller);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "playing", false);
+
+    _defineProperty(_assertThisInitialized(_this), "visible", false);
+
+    (0, _mobx.makeObservable)(_assertThisInitialized(_this), {
+      visible: _mobx.observable,
+      setVisible: _mobx.action,
+      playing: _mobx.observable,
+      setPlaying: _mobx.action,
+      drawerConfig: _mobx.observable.ref,
+      openDrawer: _mobx.action
+    }); // 监听播放情况：抛出触发时机
+
+    (0, _mobx.reaction)(function () {
+      return _this.playing;
+    }, function (playing) {
+      _this.emit(playing ? 'playing' : 'paused');
+    });
+    return _this;
+  }
+
+  _createClass(Controller, [{
+    key: "setVisible",
+    value: function setVisible(v) {
+      this.visible = v;
+    }
+  }, {
+    key: "setPlaying",
+    value: function setPlaying(playing) {
+      this.playing = playing;
+    }
+  }, {
+    key: "openDrawer",
+    value: function openDrawer(drawerConfig) {
+      if (!drawerConfig) {
+        var _this$drawerConfig;
+
+        this.drawerConfig = {
+          content: '',
+          height: (_this$drawerConfig = this.drawerConfig) === null || _this$drawerConfig === void 0 ? void 0 : _this$drawerConfig.height
+        };
+        return;
+      }
+
+      this.drawerConfig = drawerConfig;
+    }
+  }, {
+    key: "ready",
+    get: function get() {
+      return !!this.videoAgentScene;
+    }
+  }, {
+    key: "currentTime",
+    get: function get() {
+      var _this$videoAgentScene;
+
+      return ((_this$videoAgentScene = this.videoAgentScene) === null || _this$videoAgentScene === void 0 ? void 0 : _this$videoAgentScene.videoAgentMesh.currentTime) || 0;
+    }
+  }, {
+    key: "currentKeyframes",
+    get: function get() {
+      var _this2 = this;
+
+      if (!this.vreoUnit) return [];
+      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;
+      });
+    }
+  }, {
+    key: "videoInstance",
+    get: function get() {
+      var _this$videoAgentScene2;
+
+      return (_this$videoAgentScene2 = this.videoAgentScene) === null || _this$videoAgentScene2 === void 0 ? void 0 : _this$videoAgentScene2.videoAgentMesh.videoInstance;
+    }
+    /**
+     * 逐帧任务
+     */
+
+  }, {
+    key: "requestAnimationFrameLoop",
+    value: function requestAnimationFrameLoop(callback) {
+      var _this$videoInstance,
+          _this$videoInstance4,
+          _this3 = this;
+
+      if ((_this$videoInstance = this.videoInstance) !== null && _this$videoInstance !== void 0 && _this$videoInstance.ended) {
+        this.setPlaying(false);
+        this.videoInstance.pause();
+        return;
+      }
+
+      if (!this.playing) {
+        var _this$videoInstance2;
+
+        if (!((_this$videoInstance2 = this.videoInstance) !== null && _this$videoInstance2 !== void 0 && _this$videoInstance2.paused)) {
+          var _this$videoInstance3;
+
+          (_this$videoInstance3 = this.videoInstance) === null || _this$videoInstance3 === void 0 ? void 0 : _this$videoInstance3.pause();
+        }
+
+        return;
+      }
+
+      if ((_this$videoInstance4 = this.videoInstance) !== null && _this$videoInstance4 !== void 0 && _this$videoInstance4.paused && this.playing) {
+        this.videoInstance.play();
+      }
+
+      var currentKeyframes = this.currentKeyframes;
+      currentKeyframes.forEach(function (keyframe) {
+        if (keyframe.parsed) return;
+        keyframe.parsed = true;
+
+        _this3.emit(keyframe.type, keyframe);
+
+        if (callback) {
+          callback(keyframe.type, keyframe);
+        }
+      });
+    }
+  }, {
+    key: "run",
+    value: function run(callback) {
+      var _this4 = this;
+
+      if (this.stopInterval) return;
+      this.stopInterval = (0, _animationFrame.requestAnimationFrameInterval)(function () {
+        return _this4.requestAnimationFrameLoop(callback);
+      });
+    }
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      this.setPlaying(false);
+
+      if (this.currentKeyframes) {
+        this.currentKeyframes.forEach(function (keyframe) {
+          return keyframe.parsed = false;
+        });
+      }
+      /**
+       * 清理掉数据
+       */
+
+
+      this.vreoUnit = undefined;
+
+      if (this.videoInstance) {
+        this.videoInstance.currentTime = 0;
+      }
+
+      if (this.stopInterval) {
+        this.stopInterval();
+        this.stopInterval = undefined;
+      }
+    }
+  }]);
+
+  return Controller;
+}(_five.Subscribe);
+
+exports.Controller = Controller;
+var ControllerContext = /*#__PURE__*/React.createContext(null);
+exports.ControllerContext = ControllerContext;

package/lib/Player/hooks.d.ts

@@ -0,0 +1,4 @@
+import { Vector3 } from 'three';
+export declare function useController(): import("./Controller").Controller;
+export declare function useFiveInstance(): import("@realsee/five").Five;
+export declare function useFiveProject2d(): (vector: Vector3) => import("three").Vector2 | null;

package/lib/Player/hooks.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useController = useController;
+exports.useFiveInstance = useFiveInstance;
+exports.useFiveProject2d = useFiveProject2d;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Controller = require("./Controller");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function useController() {
+  var controller = _react["default"].useContext(_Controller.ControllerContext);
+
+  if (!controller) {
+    throw new Error('没有找到 "ControllerContext"');
+  }
+
+  return controller;
+}
+
+function useFiveInstance() {
+  var controller = useController();
+
+  if (!controller.$five) {
+    throw new Error('没有找到 "five" 实例');
+  }
+
+  return controller.$five;
+}
+
+function useFiveProject2d() {
+  var five = useFiveInstance();
+  return function (vector) {
+    return five.project2d(vector, false);
+  };
+}

package/lib/Player/index.d.ts

@@ -0,0 +1,15 @@
+import { Five, Subscribe } from '@realsee/five';
+import { VreoKeyframeEvent, VreoUnit } from '../typings/VreoUnit';
+import { PlayerConfigs } from './typings';
+export declare class Player extends Subscribe<VreoKeyframeEvent> {
+    $five: Five;
+    configs: Readonly<PlayerConfigs>;
+    constructor(five: Five, configs?: Partial<PlayerConfigs>);
+    load(vreoUnit: VreoUnit, currentTime?: number): Promise<boolean>;
+    get paused(): boolean;
+    play(): boolean;
+    pause(): void;
+    show(): void;
+    hide(): void;
+    dispose(): void;
+}

package/lib/Player/index.js

@@ -0,0 +1,191 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Player = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var ReactDOM = _interopRequireWildcard(require("react-dom"));
+
+var _five = require("@realsee/five");
+
+var _App = require("./App");
+
+var _Controller = require("./Controller");
+
+var _mobx = require("mobx");
+
+var _Drawer = require("./modules/Drawer");
+
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); return Constructor; }
+
+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 } }); 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 _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); }
+
+var controller = new _Controller.Controller();
+
+var Player = /*#__PURE__*/function (_Subscribe) {
+  _inherits(Player, _Subscribe);
+
+  var _super = _createSuper(Player);
+
+  function Player(five) {
+    var _this;
+
+    var configs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    _classCallCheck(this, Player);
+
+    _this = _super.call(this);
+    _this.$five = controller.$five = five;
+
+    if (!configs.containter) {
+      var containter = document.createElement('div');
+      containter.setAttribute('id', 'vreo-app');
+      configs.containter = containter;
+      document.body.append(containter);
+    }
+
+    _this.configs = Object.freeze(Object.assign({
+      keyframeMap: {}
+    }, configs));
+    controller.configs = _this.configs;
+    ReactDOM.render( /*#__PURE__*/React.createElement(_Controller.ControllerContext.Provider, {
+      value: controller
+    }, /*#__PURE__*/React.createElement(_App.App, null), /*#__PURE__*/React.createElement(_Drawer.Drawer, null)), configs.containter); // 监听播放情况：抛出触发时机
+
+    (0, _mobx.reaction)(function () {
+      return controller.playing;
+    }, function (playing) {
+      _this.emit(playing ? 'playing' : 'paused');
+    });
+    return _this;
+  }
+
+  _createClass(Player, [{
+    key: "load",
+    value: function () {
+      var _load = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(vreoUnit) {
+        var _controller$videoInst,
+            _this2 = this;
+
+        var currentTime,
+            _controller$videoAgen,
+            _controller$videoAgen2,
+            _args = arguments;
+
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                currentTime = _args.length > 1 && _args[1] !== undefined ? _args[1] : 0;
+
+                if (controller.stopInterval) {
+                  controller.stopInterval();
+                  controller.stopInterval = undefined;
+                }
+
+                controller.vreoUnit = vreoUnit;
+                (_controller$videoInst = controller.videoInstance) === null || _controller$videoInst === void 0 ? void 0 : _controller$videoInst.pause();
+
+                if (!vreoUnit.video.url) {
+                  _context.next = 9;
+                  break;
+                }
+
+                if ((_controller$videoAgen = controller.videoAgentScene) !== null && _controller$videoAgen !== void 0 && _controller$videoAgen.videoAgentMesh.videoInstance) {
+                  controller.videoAgentScene.videoAgentMesh.videoInstance.currentTime = currentTime / 1000;
+                }
+
+                _context.next = 8;
+                return (_controller$videoAgen2 = controller.videoAgentScene) === null || _controller$videoAgen2 === void 0 ? void 0 : _controller$videoAgen2.videoAgentMesh.play(vreoUnit.video.url);
+
+              case 8:
+                this.play();
+
+              case 9:
+                controller.run(function (type, keyframe) {
+                  return _this2.emit(type, keyframe);
+                });
+                return _context.abrupt("return", true);
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load(_x) {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }()
+  }, {
+    key: "paused",
+    get: function get() {
+      return !controller.playing;
+    }
+  }, {
+    key: "play",
+    value: function play() {
+      if (controller.playing) return true;
+      controller.setPlaying(true);
+      return true;
+    }
+  }, {
+    key: "pause",
+    value: function pause() {
+      controller.setPlaying(false);
+    }
+  }, {
+    key: "show",
+    value: function show() {
+      controller.setVisible(true);
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      controller.setVisible(false);
+    }
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      controller.dispose();
+    }
+  }]);
+
+  return Player;
+}(_five.Subscribe);
+
+exports.Player = Player;
+console.log("\n\n\u250F\u2501\u2501\u2501\u2513\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u250F\u2513\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n\u2503\u250F\u2501\u2513\u2503\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2503\u2503\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n\u2503\u2517\u2501\u251B\u2503\u250F\u2501\u2501\u2513\u250F\u2501\u2501\u2513\u2501\u2503\u2503\u2501\u250F\u2501\u2501\u2513\u250F\u2501\u2501\u2513\u250F\u2501\u2501\u2513\n\u2503\u250F\u2513\u250F\u251B\u2503\u250F\u2513\u2503\u2517\u2501\u2513\u2503\u2501\u2503\u2503\u2501\u2503\u2501\u2501\u252B\u2503\u250F\u2513\u2503\u2503\u250F\u2513\u2503\n\u2503\u2503\u2503\u2517\u2513\u2503\u2503\u2501\u252B\u2503\u2517\u251B\u2517\u2513\u2503\u2517\u2513\u2523\u2501\u2501\u2503\u2503\u2503\u2501\u252B\u2503\u2503\u2501\u252B\n\u2517\u251B\u2517\u2501\u251B\u2517\u2501\u2501\u251B\u2517\u2501\u2501\u2501\u251B\u2517\u2501\u251B\u2517\u2501\u2501\u251B\u2517\u2501\u2501\u251B\u2517\u2501\u2501\u251B\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 \n\n");

package/lib/Player/modules/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Drawer(): JSX.Element;

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

@@ -0,0 +1,67 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Drawer = Drawer;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _mobxReact = require("mobx-react");
+
+var _hooks = require("../../hooks");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 DrawerView = (0, _mobxReact.observer)(function (_ref) {
+  var _controller$drawerCon2;
+
+  var controller = _ref.controller;
+  var maxHeight = '540px';
+
+  var height = function () {
+    var _controller$drawerCon;
+
+    var height = (_controller$drawerCon = controller.drawerConfig) === null || _controller$drawerCon === void 0 ? void 0 : _controller$drawerCon.height;
+
+    if (!height) {
+      return 'max-content';
+    }
+
+    if (typeof height === 'number') {
+      return height + 'px';
+    }
+
+    return height;
+  }();
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames["default"])('vreo-drawer', {
+      'vreo-drawer-visible': controller.drawerConfig && controller.drawerConfig.content
+    }),
+    onClick: function onClick() {
+      return controller.openDrawer(false);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "vreo-drawer-inner",
+    style: {
+      height: height,
+      maxHeight: maxHeight
+    }
+  }, ((_controller$drawerCon2 = controller.drawerConfig) === null || _controller$drawerCon2 === void 0 ? void 0 : _controller$drawerCon2.content) || ''));
+});
+
+function Drawer() {
+  var controller = (0, _hooks.useController)();
+  return /*#__PURE__*/React.createElement(DrawerView, {
+    controller: controller
+  });
+}

package/lib/Player/modules/VideoAgent/VideoAgentMesh.d.ts

@@ -0,0 +1,30 @@
+import * as THREE from 'three';
+export interface VideoAgentMeshOptions {
+    videoInstance?: HTMLVideoElement;
+}
+/**
+ * 视频经纪人MESH
+ */
+export declare class VideoAgentMesh extends THREE.Mesh {
+    options: VideoAgentMeshOptions;
+    videoUrl?: string;
+    freeze: boolean;
+    paused: boolean;
+    audioInstance: HTMLAudioElement;
+    get videoInstance(): HTMLAudioElement;
+    /**
+     *
+     * @param width
+     * @param height
+     * @param widthSegments
+     * @param heightSegments
+     * @param options
+     */
+    constructor(width: number, height: number, widthSegments: number, heightSegments: number, options?: VideoAgentMeshOptions);
+    private update;
+    play(videoUrl?: string): Promise<unknown>;
+    /**
+     * 转成毫秒，保障精准度
+     */
+    get currentTime(): number;
+}