@realsee/vreo 2.6.4 → 3.0.0-webgpu.9

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

@@ -1,456 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-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 _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; }
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 _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; } }
-import * as THREE from 'three';
-import { Preloader } from "../../../shared-utils/Preloader.js";
-import { makeObservable, observable, runInAction } from 'mobx';
-import AudioLike from "../../../shared-utils/AudioLike.js";
-import { getMediaType } from "../../../shared-utils/getMediaInfo.js";
-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() {
-  return "\nuniform int enable;\nuniform sampler2D map;\nvarying vec2 vUv;\nvarying vec2 vColorUv;\nvarying vec2 vMaskUv;\n\nvec3 hsv2rgb(vec3 c) {\n  const vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);\n  vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);\n  return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);\n}\n\nvec3 rgb2hsv(vec3 c) {\n  const vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n  vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));\n  vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));\n\n  float d = q.x - min(q.w, q.y);\n  return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + 0.001)), d / (q.x + 0.001), q.x);\n}\n\nvoid main(void) {\n  vec3 color = texture2D(map, vUv).xyz;\n  float amask = 1.0;\n\n  float ref = color.r;\n  if (ref < color.b) ref = color.b;\n  amask = color.g - ref + 0.1;\n  amask = smoothstep(0.1, 0.3, amask);\n  amask = 1.0 - amask;\n\n  vec3 target = rgb2hsv(vec3(0.0 / 255.0, 255.0 / 255.0, 0.0 / 255.0));\n  vec3 hsv = rgb2hsv(color);\n  float distance = abs(hsv.x - target.x);\n  if (distance < 0.15) {\n    hsv.y = 0.0;\n  }\n  color = hsv2rgb(hsv);\n\n  gl_FragColor = vec4(color.rgb, amask * float(enable));\n}\n";
-};
-
-/**
- * 视频经纪人贴片的配置选项
- */
-
-/**
- * 视频经纪人贴片类
- * 
- * 基于 THREE.js 的网格对象，作为 VR 视频播放的核心媒体管理组件。
- * 负责视频和音频的播放控制、时间同步、绿幕抠图渲染等功能。
- * 
- * 主要特性：
- * - 支持绿幕抠图渲染（ChromaKey）
- * - 音视频同步播放管理
- * - 媒体预载优化策略
- * - 跨平台播放兼容性
- * 
- * @example
- * ```typescript
- * const videoMesh = new VideoAgentMesh(1920, 1080, 32, 18, {
- *   preload: true,
- *   videoInstance: customVideoElement
- * })
- * 
- * // 播放视频
- * await videoMesh.play('https://example.com/video.mp4', 0, 60)
- * 
- * // 获取当前时间
- * console.log(videoMesh.currentTime)
- * 
- * // 销毁资源
- * videoMesh.dispose()
- * ```
- */
-export var VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh) {
-  _inherits(VideoAgentMesh, _THREE$Mesh);
-  var _super = _createSuper(VideoAgentMesh);
-  /**
-   * 创建视频经纪人贴片实例
-   * 
-   * @param width - 网格宽度
-   * @param height - 网格高度  
-   * @param widthSegments - 宽度方向分段数
-   * @param heightSegments - 高度方向分段数
-   * @param options - 配置选项
-   * 
-   * @example
-   * ```typescript
-   * const mesh = new VideoAgentMesh(1920, 1080, 32, 18, {
-   *   preload: true,
-   *   videoInstance: document.getElementById('video')
-   * })
-   * ```
-   */
-  function VideoAgentMesh(width, height, widthSegments, heightSegments) {
-    var _this$options$videoIn, _this$options$videoIn2;
-    var _this;
-    var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {
-      preload: true
-    };
-    _classCallCheck(this, VideoAgentMesh);
-    var ownsVideo = !options.videoInstance;
-    if (!options.videoInstance) {
-      var videoInstance = document.createElement('video');
-      videoInstance.style.display = 'none';
-      videoInstance.playsInline = true;
-      videoInstance.muted = true;
-      document.body.append(videoInstance);
-      options.videoInstance = videoInstance;
-    }
-    var geometry = new THREE.PlaneGeometry(width, height, widthSegments, heightSegments);
-    var videoTexture = new THREE.VideoTexture(options.videoInstance);
-    var material = new THREE.ShaderMaterial({
-      uniforms: {
-        map: {
-          value: videoTexture
-        },
-        enable: {
-          value: 0
-        }
-      },
-      vertexShader: vertexShader,
-      fragmentShader: fragmentShaderTpl(),
-      transparent: true
-    });
-    _this = _super.call(this, geometry, material);
-    _defineProperty(_assertThisInitialized(_this), "outputs", new Map());
-    _defineProperty(_assertThisInitialized(_this), "ownsVideo", false);
-    _defineProperty(_assertThisInitialized(_this), "ownsAudio", false);
-    _defineProperty(_assertThisInitialized(_this), "generation", 0);
-    _this.ownsVideo = ownsVideo;
-    _this.ownsAudio = !options.audioInstance;
-    _this.options = options;
-    _this.freeze = false;
-    _this.paused = true;
-    if (!options.audioInstance) {
-      _this.audioInstance = document.createElement('audio');
-      _this.audioInstance.crossOrigin = '';
-      _this.audioInstance.muted = true;
-      _this.audioInstance.autoplay = false;
-    } else {
-      _this.audioInstance = options.audioInstance;
-    }
-    _this.audioLikeInstance = new AudioLike();
-    makeObservable(_assertThisInitialized(_this), {
-      paused: observable
-    });
-    var updatePaused = function updatePaused(paused) {
-      return runInAction(function () {
-        return _this.paused = paused;
-      });
-    };
-    var onPause = function onPause() {
-      return updatePaused(true);
-    };
-    var onPlay = function onPlay() {
-      return updatePaused(false);
-    };
-    _this.audioInstance.addEventListener('pause', onPause);
-    _this.audioInstance.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 ? 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;
-  }
-
-  /**
-   * 更新媒体资源
-   * 
-   * 内部方法，负责加载新的视频/音频资源，处理预载逻辑和着色器设置
-   * @param videoUrl - 媒体文件URL
-   * @private
-   */
-  _createClass(VideoAgentMesh, [{
-    key: "operations",
-    value: /** 配置选项 */
-
-    /** 当前视频URL */
-
-    /** 是否冻结状态 */
-
-    /** 是否暂停状态 */
-
-    /** 音频实例 */
-
-    function operations(run, element) {
-      var operations = run ? run.bind(element) : element;
-      this.outputs.set(element, operations);
-      return operations;
-    }
-  }, {
-    key: "mediaInstance",
-    get:
-    /**
-     * 获取当前的媒体实例
-     * 
-     * 根据媒体类型自动返回对应的播放实例：
-     * - 无媒体时返回 AudioLike 实例
-     * - 音频文件返回 HTMLAudioElement
-     * - 视频文件返回 HTMLVideoElement
-     * 
-     * @returns 当前活跃的媒体播放实例
-     */
-    function get() {
-      if (!this.videoUrl) {
-        return this.audioLikeInstance;
-      }
-      if (getMediaType(this.videoUrl) === 'audio') {
-        return this.audioInstance;
-      }
-      var uniforms = this.material.uniforms;
-      var videoInstance = uniforms.map.value.image;
-      return videoInstance;
-    }
-  }, {
-    key: "update",
-    value: function () {
-      var _update = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(videoUrl, valid, run) {
-        var _this2 = this;
-        var element, media, src, onStart;
-        return _regeneratorRuntime.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.stop();
-                this.freeze = true;
-                element = getMediaType(videoUrl) === 'audio' ? this.audioInstance : this.options.videoInstance;
-                media = this.operations(run, element);
-                media.muted = true;
-                if (!(this.options.preload !== false || getMediaType(videoUrl) === 'video')) {
-                  _context.next = 15;
-                  break;
-                }
-                _context.t1 = URL;
-                _context.next = 11;
-                return Preloader.blob(videoUrl);
-              case 11:
-                _context.t2 = _context.sent;
-                _context.t0 = _context.t1.createObjectURL.call(_context.t1, _context.t2);
-                _context.next = 16;
-                break;
-              case 15:
-                _context.t0 = videoUrl;
-              case 16:
-                src = _context.t0;
-                if (valid()) {
-                  _context.next = 20;
-                  break;
-                }
-                if (src !== videoUrl) URL.revokeObjectURL(src);
-                return _context.abrupt("return");
-              case 20:
-                this.videoUrl = videoUrl;
-                if (this.objectURL) URL.revokeObjectURL(this.objectURL);
-                this.objectURL = src !== videoUrl ? src : undefined;
-                media.src = src;
-                element.setAttribute('data-src', videoUrl);
-                onStart = function onStart() {
-                  var _this2$removeStart;
-                  if (!valid() || media.currentTime === 0) return;
-                  _this2.freeze = false;
-                  media.muted = false;
-                  _this2.material.uniforms.enable.value = getMediaType(videoUrl) ? 1 : 0;
-                  (_this2$removeStart = _this2.removeStart) === null || _this2$removeStart === void 0 ? void 0 : _this2$removeStart.call(_this2);
-                };
-                this.removeStart = function () {
-                  return element.removeEventListener('timeupdate', onStart);
-                };
-                element.addEventListener('timeupdate', onStart);
-              case 28:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-      function update(_x, _x2, _x3) {
-        return _update.apply(this, arguments);
-      }
-      return update;
-    }()
-    /**
-     * 播放媒体内容
-     * 
-     * 支持多种播放模式：
-     * - 播放指定视频/音频文件
-     * - 仅设置时长（无媒体文件）
-     * - 继续播放当前媒体
-     * 
-     * @param videoUrl - 媒体文件URL，默认为空字符串
-     * @param currentTime - 播放起始时间（秒），默认为 0
-     * @param duration - 媒体总时长（秒），可选
-     * @returns Promise<boolean> 播放是否成功
-     * 
-     * @example
-     * ```typescript
-     * // 播放视频文件
-     * await mesh.play('video.mp4', 10, 120)
-     * 
-     * // 仅设置时长（音频跟踪）
-     * await mesh.play('', 0, 60)
-     * 
-     * // 继续播放当前媒体
-     * await mesh.play()
-     * ```
-     */
-  }, {
-    key: "play",
-    value: function () {
-      var _play = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var _this$options$getPlay,
-          _this$options,
-          _this3 = this;
-        var videoUrl,
-          currentTime,
-          duration,
-          run,
-          generation,
-          valid,
-          media,
-          _args2 = arguments;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                videoUrl = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : '';
-                currentTime = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : 0;
-                duration = _args2.length > 2 ? _args2[2] : undefined;
-                run = (_this$options$getPlay = (_this$options = this.options).getPlayback) === null || _this$options$getPlay === void 0 ? void 0 : _this$options$getPlay.call(_this$options);
-                if (!(this.options.getPlayback && !(run !== null && run !== void 0 && run.valid()))) {
-                  _context2.next = 6;
-                  break;
-                }
-                return _context2.abrupt("return", false);
-              case 6:
-                // stop() invalidates all earlier loads before the new generation is captured.
-                if (videoUrl && videoUrl !== this.videoUrl) this.stop();
-                generation = this.generation;
-                valid = function valid() {
-                  return generation === _this3.generation && (!_this3.options.getPlayback || !!(run !== null && run !== void 0 && run.valid()));
-                };
-                if (!(videoUrl && videoUrl !== this.videoUrl)) {
-                  _context2.next = 13;
-                  break;
-                }
-                // update's synchronous stop is accounted for before awaiting its load.
-                generation++;
-                _context2.next = 13;
-                return this.update(videoUrl, valid, run);
-              case 13:
-                if (valid()) {
-                  _context2.next = 15;
-                  break;
-                }
-                return _context2.abrupt("return", false);
-              case 15:
-                if (duration && !videoUrl) {
-                  this.videoUrl = '';
-                  this.audioLikeInstance.duration = duration;
-                }
-                media = this.videoUrl ? this.operations(run, this.mediaInstance) : this.audioLikeInstance;
-                if (videoUrl || duration) media.currentTime = currentTime;
-                media.muted = true;
-                _context2.next = 21;
-                return media.play();
-              case 21:
-                if (valid()) {
-                  _context2.next = 23;
-                  break;
-                }
-                return _context2.abrupt("return", false);
-              case 23:
-                media.muted = false;
-                return _context2.abrupt("return", true);
-              case 25:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this);
-      }));
-      function play() {
-        return _play.apply(this, arguments);
-      }
-      return play;
-    }()
-  }, {
-    key: "mediaOperations",
-    get: function get() {
-      var _this$options$getPlay2, _this$options2;
-      var run = (_this$options$getPlay2 = (_this$options2 = this.options).getPlayback) === null || _this$options$getPlay2 === void 0 ? void 0 : _this$options$getPlay2.call(_this$options2);
-      if (this.options.getPlayback && !(run !== null && run !== void 0 && run.valid())) return undefined;
-      return this.videoUrl ? this.operations(run, this.mediaInstance) : this.audioLikeInstance;
-    }
-  }, {
-    key: "stop",
-    value: function stop() {
-      var _this$removeStart;
-      ++this.generation;
-      (_this$removeStart = this.removeStart) === null || _this$removeStart === void 0 ? void 0 : _this$removeStart.call(this);
-      this.removeStart = undefined;
-      var _iterator = _createForOfIteratorHelper(this.outputs.values()),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var output = _step.value;
-          output.muted = true;
-          output.pause();
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      this.outputs.clear();
-      this.audioLikeInstance.pause();
-    }
-
-    /**
-     * 获取当前播放时间（毫秒）
-     * 
-     * 将媒体实例的秒级时间转换为毫秒，提供更高精度的时间控制
-     * @returns 当前播放时间戳（毫秒）
-     */
-  }, {
-    key: "currentTime",
-    get: function get() {
-      return this.mediaInstance.currentTime * 1000;
-    }
-
-    /**
-     * 销毁视频经纪人贴片实例
-     * 
-     * 清理所有事件监听器、DOM元素和缓存实例，释放内存资源
-     * 
-     * @example
-     * ```typescript
-     * // 在组件卸载时调用
-     * videoMesh.dispose()
-     * ```
-     */
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      var _this$options$videoIn5;
-      this.stop();
-      this.$removeEventListener();
-      if (this.ownsVideo) (_this$options$videoIn5 = this.options.videoInstance) === null || _this$options$videoIn5 === void 0 ? void 0 : _this$options$videoIn5.remove();
-      if (this.ownsAudio) this.audioInstance.remove();
-      if (this.objectURL) URL.revokeObjectURL(this.objectURL);
-      this.geometry.dispose();
-      this.material.uniforms.map.value.dispose();
-      this.material.dispose();
-    }
-  }]);
-  return VideoAgentMesh;
-}(THREE.Mesh);

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

@@ -1,53 +0,0 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as THREE from 'three';
-import { addResizeListener } from "../../../shared-utils/addResizeListener.js";
-import { VideoAgentMesh } from "./VideoAgentMesh.js";
-export var VideoAgentScene = /*#__PURE__*/_createClass(function VideoAgentScene(container, options) {
-  var _this = this;
-  _classCallCheck(this, VideoAgentScene);
-  _defineProperty(this, "scene", new THREE.Scene());
-  _defineProperty(this, "camera", new THREE.OrthographicCamera(-240, 240, 135, -135));
-  _defineProperty(this, "renderer", new THREE.WebGLRenderer({
-    alpha: true
-  }));
-  _defineProperty(this, "frame", 0);
-  _defineProperty(this, "disposers", []);
-  _defineProperty(this, "run", function () {
-    // 视频开始 1s 不渲染：规避某些设备黑屏闪烁问题。视频前 2s 是最好是静默的。
-    if (!(_this.videoAgentMesh.paused || _this.videoAgentMesh.freeze) && _this.videoAgentMesh.currentTime > 1000) {
-      _this.renderer.render(_this.scene, _this.camera);
-    }
-    _this.frame = requestAnimationFrame(_this.run);
-  });
-  _defineProperty(this, "dispose", function () {
-    var _this$videoAgentMesh;
-    cancelAnimationFrame(_this.frame);
-    _this.renderer.dispose();
-    _this.renderer.domElement.remove();
-    (_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();
-    });
-  });
-  this.videoAgentMesh = new VideoAgentMesh(480, 270, 1, 1, options);
-
-  // const needRender = getMediaType(this.videoAgentMesh.videoUrl) === 'video'
-
-  if (container) {
-    this.camera.position.set(0, 0, 10);
-    this.camera.lookAt(0, 0, 0);
-    var domElement = this.renderer.domElement;
-    domElement.classList.add('VideoAgent-canvas');
-    var dispose = addResizeListener(container, function (width, height) {
-      _this.renderer.setSize(width * window.devicePixelRatio, height * window.devicePixelRatio);
-      domElement.style.width = "".concat(width, "px");
-      domElement.style.height = "".concat(height, "px");
-    });
-    this.disposers.push(dispose);
-    container.append(domElement);
-    this.scene.add(this.videoAgentMesh);
-    this.run();
-  }
-});

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

@@ -1,72 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import * as React from 'react';
-import { useController } from "../../hooks.js";
-import { VideoAgentScene } from "./VideoAgentScene.js";
-import classNames from 'classnames';
-export function VideoAgent(props) {
-  var _controller$avatar2;
-  var ref = React.useRef(null);
-  var controller = useController();
-  var showAvatar = React.useMemo(function () {
-    var _controller$avatar;
-    return ((_controller$avatar = controller.avatar) === null || _controller$avatar === void 0 ? void 0 : _controller$avatar.url) && controller.avatar.force === true;
-  }, [controller.avatar]);
-  var showVideoAgent = React.useMemo(function () {
-    var _controller$videoAgen;
-    if (showAvatar) return false;
-    return ((_controller$videoAgen = controller.videoAgentScene) === null || _controller$videoAgen === void 0 ? void 0 : _controller$videoAgen.videoAgentMesh.mediaInstance) instanceof HTMLVideoElement;
-  }, [controller.videoAgentScene, showAvatar]);
-  React.useEffect(function () {
-    if (!ref.current) throw new Error('React 渲染异常，请稍后重试 ...');
-    if (controller.videoAgentScene) {
-      console.warn('VideoAgentScene" 重复初始化，已被过滤');
-      return;
-    }
-    var videoAgentScene = new VideoAgentScene(ref.current, _objectSpread(_objectSpread({}, props.options), {}, {
-      getPlayback: function getPlayback() {
-        return controller.playback.capture();
-      }
-    }));
-    controller.videoAgentScene = videoAgentScene;
-    return function () {
-      var _controller$videoAgen2;
-      controller.dispose();
-      (_controller$videoAgen2 = controller.videoAgentScene) === null || _controller$videoAgen2 === void 0 ? void 0 : _controller$videoAgen2.dispose();
-      controller.videoAgentScene = undefined;
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "Avatar",
-    style: {
-      display: showAvatar ? 'block' : 'none'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "Avatar-wrapper ratio-1-1"
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "Avatar-img",
-    src: (_controller$avatar2 = controller.avatar) === null || _controller$avatar2 === void 0 ? void 0 : _controller$avatar2.url,
-    onClick: function onClick() {
-      var _props$onClick;
-      return (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props);
-    }
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: classNames('VideoAgent', {
-      hide: !showVideoAgent
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "VideoAgent-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "VideoAgent-wrapper ratio-16-9"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "VideoAgent-inner",
-    ref: ref
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "VideoAgent-play",
-    onClick: function onClick() {
-      var _props$onClick2;
-      return (_props$onClick2 = props.onClick) === null || _props$onClick2 === void 0 ? void 0 : _props$onClick2.call(props);
-    }
-  }))))));
-}