tuikit-atomicx-vue3 4.4.0 → 4.5.0

package/dist/components/RoomParticipantView/StreamPlayManager/VideoQualityManager.js

@@ -0,0 +1,177 @@
+var Q = Object.defineProperty;
+var b = (u, t, e) => t in u ? Q(u, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[t] = e;
+var n = (u, t, e) => b(u, typeof t != "symbol" ? t + "" : t, e);
+import { debounce as m } from "../../../utils/utils.js";
+import { VideoStreamQuality as d } from "./types.js";
+import { VideoStreamType as I } from "../../../types/participant.js";
+const g = 6, p = 300, M = 480, D = 270, v = 1.15;
+class A {
+  constructor({ onQualityChange: t, loginUserId: e }) {
+    n(this, "resizeObserver", null);
+    n(this, "bodyResizeObserver", null);
+    // DOM 信息映射
+    n(this, "domInfoMap", /* @__PURE__ */ new Map());
+    // 大流管理
+    n(this, "highQualityDomMap", /* @__PURE__ */ new Map());
+    // 缓存屏幕面积，避免重复计算
+    n(this, "cachedBodyArea", 0);
+    n(this, "loginUserId");
+    // 回调函数
+    n(this, "onQualityChange");
+    n(this, "pendingEntries", /* @__PURE__ */ new Map());
+    n(this, "handleBodyResize", m(() => {
+      this.updateBodyAreaCache();
+    }, p));
+    /**
+     * 处理 DOM 尺寸变化
+     */
+    n(this, "handleResize", (t) => {
+      const { width: e, height: r } = t.contentRect, s = this.domInfoMap.get(t.target);
+      if (!s)
+        return;
+      const { userId: i, streamType: a } = s;
+      s.rect = { width: e, height: r }, this.domInfoMap.set(t.target, s);
+      const o = this.calculateOptimalQuality({ userId: i, streamType: a });
+      this.onQualityChange({
+        userId: i,
+        streamType: a,
+        newQuality: o,
+        reason: `DOM resize: ${e}x${r}`
+      });
+    });
+    this.onQualityChange = t, this.loginUserId = e, this.initResizeObserver(), this.initBodyAreaCache();
+  }
+  setLoginUserId(t) {
+    this.loginUserId = t;
+  }
+  /**
+   * 初始化 ResizeObserver
+   */
+  initResizeObserver() {
+    const t = m(() => {
+      this.pendingEntries.forEach((e) => {
+        this.handleResize(e);
+      }), this.pendingEntries.clear();
+    }, p);
+    this.resizeObserver = new ResizeObserver((e) => {
+      e.forEach((r) => {
+        this.pendingEntries.set(r.target, r);
+      }), t();
+    });
+  }
+  /**
+   * 初始化屏幕面积缓存
+   */
+  initBodyAreaCache() {
+    this.cachedBodyArea = document.body.clientWidth * document.body.clientHeight, this.bodyResizeObserver = new ResizeObserver(this.handleBodyResize), this.bodyResizeObserver.observe(document.body);
+  }
+  /**
+   * 更新屏幕面积缓存
+   */
+  updateBodyAreaCache() {
+    this.cachedBodyArea = document.body.clientWidth * document.body.clientHeight, console.log(`[VideoQualityManager] 屏幕面积更新: ${this.cachedBodyArea}`);
+  }
+  /**
+   * 添加 DOM 元素监听
+   */
+  observe(t) {
+    var i, a;
+    const { userId: e, streamType: r, viewElement: s } = t;
+    return this.resizeObserver ? s ? (this.domInfoMap.has(s) && ((i = this.domInfoMap.get(s)) == null ? void 0 : i.userId) === e && ((a = this.domInfoMap.get(s)) == null ? void 0 : a.streamType) === r || (this.domInfoMap.set(s, {
+      userId: e,
+      streamType: r,
+      rect: this.getDomRect(s)
+    }), this.resizeObserver.observe(s)), !0) : (console.warn("[VideoQualityManager] DOM element not found:", s), !1) : (console.warn("[VideoQualityManager] Observer not initialized"), !1);
+  }
+  /**
+   * 移除 DOM 元素监听
+   */
+  unobserve(t) {
+    t && this.resizeObserver && this.resizeObserver.unobserve(t), this.domInfoMap.delete(t), this.highQualityDomMap.has(t) && this.highQualityDomMap.delete(t);
+  }
+  /**
+   * 计算最优质量
+   */
+  calculateOptimalQuality(t) {
+    const { userId: e, streamType: r, views: s } = t, i = s || this.getViewsByStream(e, r);
+    if (e === this.loginUserId)
+      return d.LD;
+    if (r === I.Screen)
+      return this.tryToRemoveHighQualityDom(e, r, i, 1), this.updateHighQualityMap(e, r, i, 1), d.HD;
+    if (i.length === 0)
+      return this.removeHighQualityDom(e, r, i), d.LD;
+    const a = i.map((l) => this.getDomRect(l)), o = Math.max(...a.map((l) => l.width * l.height), 0), h = M * D;
+    if (o < h * v)
+      return this.removeHighQualityDom(e, r, i), d.LD;
+    const f = this.cachedBodyArea || document.body.clientWidth * document.body.clientHeight, c = o / f;
+    return Array.from(this.highQualityDomMap.entries()).filter(([l, y]) => !(y.userId === e && y.streamType === r)).sort((l, y) => l[1].radio - y[1].radio).length < g ? (this.updateHighQualityMap(e, r, i, c), d.HD) : this.tryToRemoveHighQualityDom(e, r, i, c) ? (this.updateHighQualityMap(e, r, i, c), d.HD) : (console.log(
+      `[StreamPlayer][VideoQualityManager] ${e}_${r} 面积占比过小，保持小流: ${(c * 100).toFixed(2)}%`
+    ), this.removeHighQualityDom(e, r, i), d.LD);
+  }
+  // 将淘汰大流的逻辑单独实现在这里
+  tryToRemoveHighQualityDom(t, e, r, s) {
+    const i = Array.from(this.highQualityDomMap.entries()).filter(([o, h]) => !(h.userId === t && h.streamType === e)).sort((o, h) => o[1].radio - h[1].radio);
+    if (i.length < g)
+      return !1;
+    const a = i.filter(([o, h]) => h.radio < s);
+    if (a.length > 0) {
+      const [, o] = a[0];
+      return console.log(
+        `[StreamPlayer][VideoQualityManager] 淘汰 ${o.userId}_${o.streamType} (占比: ${(o.radio * 100).toFixed(2)}%)，为 ${t}_${e} (占比: ${(s * 100).toFixed(2)}%) 腾出位置`
+      ), this.onQualityChange({
+        userId: o.userId,
+        streamType: o.streamType,
+        newQuality: d.LD,
+        reason: `because of ${t}_${e} become high quality`
+      }), this.removeHighQualityDom(o.userId, o.streamType, r), !0;
+    }
+    return !1;
+  }
+  /**
+   * 更新大流映射
+   */
+  updateHighQualityMap(t, e, r, s) {
+    Array.from(this.highQualityDomMap.entries()).forEach(([i, a]) => {
+      a.userId === t && a.streamType === e && this.highQualityDomMap.delete(i);
+    }), r.forEach((i) => {
+      (typeof i == "string" ? document.getElementById(i) : i) && this.highQualityDomMap.set(i, { userId: t, streamType: e, radio: s });
+    });
+  }
+  removeHighQualityDom(t, e, r) {
+    Array.from(this.highQualityDomMap.entries()).forEach(([s, i]) => {
+      i.userId === t && i.streamType === e && this.highQualityDomMap.delete(s);
+    });
+  }
+  /**
+   * 根据流信息获取相关视图
+   */
+  getViewsByStream(t, e) {
+    const r = [];
+    return Array.from(this.domInfoMap.entries()).forEach(([s, i]) => {
+      i.userId === t && i.streamType === e && r.push(s);
+    }), r;
+  }
+  /**
+   * 获取 DOM 元素的尺寸
+   */
+  getDomRect(t) {
+    const e = typeof t == "string" ? document.getElementById(t) : t;
+    return e ? e.getBoundingClientRect() : { width: 0, height: 0 };
+  }
+  /**
+   * 清理所有资源
+   */
+  destroy() {
+    this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), this.bodyResizeObserver && (this.bodyResizeObserver.disconnect(), this.bodyResizeObserver = null), this.domInfoMap.clear(), this.highQualityDomMap.clear(), this.cachedBodyArea = 0;
+  }
+  /**
+   * 获取监听的 DOM 数量
+   */
+  getObservedCount() {
+    return this.domInfoMap.size;
+  }
+}
+export {
+  A as VideoQualityManager,
+  A as default
+};

package/dist/components/RoomParticipantView/StreamPlayManager/index.d.ts

@@ -0,0 +1,119 @@
+import { VideoStreamType, FillMode } from '../../../types';
+
+/**
+ * 流播放管理器新版本 - 协调器
+ * 职责：
+ * 1. 协调各个专业模块的工作
+ * 2. 提供统一的流管理接口
+ * 3. 处理模块间的通信和事件
+ * 4. 管理整个系统的生命周期
+ */
+export declare class StreamPlayManager {
+    static instance: StreamPlayManager | null;
+    private lazyLoadManager;
+    private videoQualityManager;
+    private streamPlayer;
+    private streamInfoManager;
+    private hasVideoStreamMap;
+    constructor();
+    setLoginUserId(loginUserId: string): void;
+    private onUserVideoStateChanged;
+    private isLocalVideoStream;
+    /**
+     * 绑定视频流到指定视图
+     * @param options 绑定选项
+     */
+    bindView(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        view: string | HTMLDivElement;
+        lazyLoad?: {
+            enable: boolean;
+            viewport?: string | HTMLDivElement;
+        };
+    }): Promise<void>;
+    /**
+     * 解绑视频流的指定视图
+     * @param options 解绑选项
+     */
+    unbindView(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        view: string | HTMLDivElement;
+    }): Promise<void>;
+    /**
+     * 处理可见性变化回调
+     * @private
+     */
+    private handleVisibilityChange;
+    /**
+     * 处理质量变化回调
+     * @private
+     */
+    private handleQualityChange;
+    /**
+     * 更新视频视图列表
+     * @private
+     */
+    private updateVideoView;
+    /**
+     * 检查并更新视频质量
+     * @private
+     */
+    private checkAndUpdateQuality;
+    /**
+     * 开始播放视频流
+     * @private
+     */
+    private startPlayVideo;
+    /**
+     * 停止播放视频流
+     * @private
+     */
+    private stopPlayVideo;
+    /**
+     * 更新视频流质量
+     * @private
+     */
+    private updateVideoQuality;
+    /**
+     * 设置流配置
+     * @param options 配置选项
+     */
+    setStreamConfig(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        renderParams?: {
+            fillMode?: FillMode;
+        };
+    }): Promise<void>;
+    private bindEvent;
+    private unbindEvent;
+    /**
+     * 清理所有流信息
+     */
+    destroy(): Promise<void>;
+}
+export declare function useStreamPlayManager(): {
+    bindView: (options: {
+        userId: string;
+        streamType: VideoStreamType;
+        view: string | HTMLDivElement;
+        lazyLoad?: {
+            enable: boolean;
+            viewport?: string | HTMLDivElement;
+        };
+    }) => Promise<void>;
+    unbindView: (options: {
+        userId: string;
+        streamType: VideoStreamType;
+        view: string | HTMLDivElement;
+    }) => Promise<void>;
+    setStreamConfig: (options: {
+        userId: string;
+        streamType: VideoStreamType;
+        renderParams?: {
+            fillMode?: FillMode;
+        };
+    }) => Promise<void>;
+};

package/dist/components/RoomParticipantView/StreamPlayManager/index.js

@@ -0,0 +1,298 @@
+var M = Object.defineProperty;
+var v = (o, t, e) => t in o ? M(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var m = (o, t, e) => v(o, typeof t != "symbol" ? t + "" : t, e);
+import { watch as p } from "vue";
+import S, { TUIRoomEvents as I, TUIVideoStreamType as h } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as b } from "../../../hooks/useRoomEngine.js";
+import { useLoginState as Q } from "../../../states/LoginState.js";
+import { useRoomState as P } from "../../../states/RoomState/index.js";
+import { LazyLoadManager as L } from "./LazyLoadManager.js";
+import { StreamInfoManager as C } from "./StreamInfoManager.js";
+import { StreamPlayer as T } from "./StreamPlayer.js";
+import { VideoQualityManager as $ } from "./VideoQualityManager.js";
+import { VideoStreamType as g, FillMode as E } from "../../../types/participant.js";
+const V = b(), { currentRoom: U } = P(), { loginUserInfo: c } = Q(), y = class y {
+  constructor() {
+    // 专业模块实例
+    m(this, "lazyLoadManager");
+    m(this, "videoQualityManager");
+    m(this, "streamPlayer");
+    m(this, "streamInfoManager");
+    m(this, "hasVideoStreamMap", /* @__PURE__ */ new Map());
+    var t;
+    if (y.instance)
+      return y.instance;
+    y.instance = this, this.streamInfoManager = new C(), this.streamPlayer = new T(), this.lazyLoadManager = new L({
+      onVisibilityChange: this.handleVisibilityChange.bind(this)
+    }), this.videoQualityManager = new $({
+      onQualityChange: this.handleQualityChange.bind(this),
+      loginUserId: ((t = c.value) == null ? void 0 : t.userId) || ""
+    }), this.onUserVideoStateChanged = this.onUserVideoStateChanged.bind(this), this.bindEvent();
+  }
+  setLoginUserId(t) {
+    this.videoQualityManager.setLoginUserId(t);
+  }
+  onUserVideoStateChanged(t) {
+    const { userId: e, streamType: a, hasVideo: i } = t, s = {
+      [h.kCameraStreamLow]: g.Camera,
+      [h.kCameraStream]: g.Camera,
+      [h.kScreenStream]: g.Screen
+    }[a];
+    i ? (this.hasVideoStreamMap.set(`${e}_${s}`, !0), this.startPlayVideo({ userId: e, streamType: s })) : (this.hasVideoStreamMap.delete(`${e}_${s}`), this.stopPlayVideo({ userId: e, streamType: s }));
+  }
+  isLocalVideoStream(t) {
+    var e;
+    return t === ((e = c.value) == null ? void 0 : e.userId);
+  }
+  /**
+   * 绑定视频流到指定视图
+   * @param options 绑定选项
+   */
+  async bindView(t) {
+    const { userId: e, streamType: a, view: i, lazyLoad: r } = t, { enable: s, viewport: l } = r || { enable: !0, viewport: null }, d = typeof i == "string" ? document.getElementById(i) : i;
+    if (!d)
+      throw new Error("[StreamPlayManager] bindView failed: view not found");
+    const f = !s || this.isLocalVideoStream(e);
+    try {
+      if (this.streamInfoManager.addView({
+        userId: e,
+        streamType: a,
+        view: d,
+        initVisible: f
+      }), f) {
+        await this.startPlayVideo({ userId: e, streamType: a });
+        return;
+      }
+      this.lazyLoadManager.initObserver({ root: l || null }), this.lazyLoadManager.observe({ userId: e, streamType: a, viewElement: d });
+    } catch (w) {
+      throw console.error("[StreamPlayManager] bindView error:", w), w;
+    }
+  }
+  /**
+   * 解绑视频流的指定视图
+   * @param options 解绑选项
+   */
+  async unbindView(t) {
+    const { userId: e, streamType: a, view: i } = t, r = typeof i == "string" ? document.getElementById(i) : i;
+    if (!r)
+      throw new Error("[StreamPlayManager] unbindView failed: view not found");
+    try {
+      this.streamInfoManager.removeView({
+        userId: e,
+        streamType: a,
+        view: r
+      }), this.lazyLoadManager.unobserve(r), this.videoQualityManager.unobserve(r), this.streamInfoManager.getVisibleViewIdList(e, a).length === 0 ? await this.stopPlayVideo({ userId: e, streamType: a }) : await this.updateVideoView({ userId: e, streamType: a, removeViews: [r] });
+    } catch (s) {
+      throw console.error("[StreamPlayManager] unbindView error:", s), s;
+    }
+  }
+  /**
+   * 处理可见性变化回调
+   * @private
+   */
+  async handleVisibilityChange(t) {
+    const { userId: e, streamType: a, isVisible: i, target: r } = t, s = this.streamInfoManager.getStreamInfo(e, a);
+    s && (console.log("[StreamPlayManager] VisibilityChange", `${e}_${a} ${i ? "enter" : "left"}`), this.streamInfoManager.setViewVisible({
+      userId: e,
+      streamType: a,
+      view: r,
+      isVisible: i
+    }), i ? s.isPlaying ? await this.updateVideoView({ userId: e, streamType: a, addViews: [r] }) : await this.startPlayVideo({ userId: e, streamType: a }) : this.streamInfoManager.getVisibleViewIdList(e, a).length === 0 ? await this.stopPlayVideo({ userId: e, streamType: a }) : await this.updateVideoView({ userId: e, streamType: a, removeViews: [r] }));
+  }
+  /**
+   * 处理质量变化回调
+   * @private
+   */
+  async handleQualityChange(t) {
+    const { userId: e, streamType: a, newQuality: i, reason: r } = t, s = this.streamInfoManager.getStreamInfo(e, a);
+    !s || s.videoQuality === i || (console.log(`[StreamPlayManager] videoQualityChange: ${e}_${a} -> ${i}, reason: ${r}`), this.streamInfoManager.updateStreamInfo({
+      userId: e,
+      streamType: a,
+      updates: { videoQuality: i }
+    }), s.isPlaying && await this.updateVideoQuality({ userId: e, streamType: a, newQuality: i }));
+  }
+  /**
+   * 更新视频视图列表
+   * @private
+   */
+  async updateVideoView(t) {
+    const { userId: e, streamType: a, addViews: i, removeViews: r } = t, s = this.streamInfoManager.getStreamInfo(e, a);
+    if (!s)
+      return;
+    i == null || i.forEach((d) => {
+      this.videoQualityManager.observe({ userId: e, streamType: a, viewElement: d });
+    }), r == null || r.forEach((d) => {
+      this.videoQualityManager.unobserve(d);
+    });
+    const l = this.streamInfoManager.getVisibleViewIdList(e, a);
+    if (s.isPlaying && l.length > 0) {
+      const d = this.streamInfoManager.getAllViewIdList(e, a);
+      await this.streamPlayer.updateVideoView({
+        userId: e,
+        streamType: a,
+        viewIdList: d
+      }), await this.checkAndUpdateQuality({ userId: e, streamType: a });
+    }
+  }
+  /**
+   * 检查并更新视频质量
+   * @private
+   */
+  async checkAndUpdateQuality(t) {
+    const { userId: e, streamType: a } = t, i = this.streamInfoManager.getStreamInfo(e, a);
+    if (!i)
+      return;
+    const r = this.videoQualityManager.calculateOptimalQuality({ userId: e, streamType: a }), s = i.videoQuality;
+    r !== s && (console.log(`[StreamPlayManager] videoQualityChange: ${e}_${a} -> ${r}, reason: view update`), this.streamInfoManager.updateStreamInfo({
+      userId: e,
+      streamType: a,
+      updates: { videoQuality: r }
+    }), await this.updateVideoQuality({ userId: e, streamType: a, newQuality: r }));
+  }
+  /**
+   * 开始播放视频流
+   * @private
+   */
+  async startPlayVideo(t) {
+    const { userId: e, streamType: a } = t, i = this.streamInfoManager.getStreamInfo(e, a);
+    if (!i || !this.hasVideoStreamMap.get(`${e}_${a}`))
+      return;
+    Array.from(i.views.keys()).forEach((l) => {
+      this.videoQualityManager.observe({ userId: e, streamType: a, viewElement: l });
+    });
+    const s = this.videoQualityManager.calculateOptimalQuality({ userId: e, streamType: a });
+    i.videoQuality && i.videoQuality !== s && console.log(`[StreamPlayManager] videoQualityChange: ${e}_${a} -> ${s}, reason: view update`), this.streamInfoManager.updateStreamInfo({
+      userId: e,
+      streamType: a,
+      updates: { videoQuality: s }
+    });
+    try {
+      const l = this.streamInfoManager.getVisibleViewIdList(e, a);
+      if (l.length === 0)
+        return;
+      await this.streamPlayer.startPlayVideo({
+        userId: e,
+        streamType: a,
+        videoQuality: s,
+        viewIdList: l
+      }), this.streamInfoManager.updateStreamInfo({
+        userId: e,
+        streamType: a,
+        updates: { isPlaying: !0 }
+      });
+    } catch (l) {
+      throw console.error("[StreamPlayManager] startPlayVideo error:", l), l;
+    }
+  }
+  /**
+   * 停止播放视频流
+   * @private
+   */
+  async stopPlayVideo(t) {
+    const { userId: e, streamType: a } = t, i = this.streamInfoManager.getStreamInfo(e, a);
+    if (!(!i || !i.isPlaying)) {
+      Array.from(i.views.keys()).forEach((r) => {
+        this.videoQualityManager.unobserve(r);
+      });
+      try {
+        this.streamInfoManager.updateStreamInfo({
+          userId: e,
+          streamType: a,
+          updates: { isPlaying: !1 }
+        }), await this.streamPlayer.stopPlayVideo({
+          userId: e,
+          streamType: a,
+          videoQuality: i.videoQuality
+        });
+      } catch (r) {
+        throw console.error("[StreamPlayManager] stopPlayVideo error:", r), r;
+      }
+    }
+  }
+  /**
+   * 更新视频流质量
+   * @private
+   */
+  async updateVideoQuality(t) {
+    const { userId: e, streamType: a, newQuality: i } = t, r = this.streamInfoManager.getStreamInfo(e, a);
+    if (!(!r || !r.isPlaying))
+      try {
+        await this.streamPlayer.updateVideoQuality({
+          userId: e,
+          streamType: a,
+          videoQuality: i
+        }), console.log(`[StreamPlayManager] updateVideoQuality success: ${e}_${a} -> ${i}`);
+      } catch (s) {
+        throw console.error("[StreamPlayManager] updateVideoQuality error:", s), s;
+      }
+  }
+  /**
+   * 设置流配置
+   * @param options 配置选项
+   */
+  async setStreamConfig(t) {
+    const { userId: e, streamType: a, renderParams: i } = t;
+    if (this.streamInfoManager.getStreamInfo(e, a)) {
+      i && i.fillMode && this.streamInfoManager.updateStreamInfo({ userId: e, streamType: a, updates: { fillMode: i.fillMode } });
+      try {
+        await this.streamPlayer.setRenderParams({
+          userId: e,
+          streamType: a,
+          renderParams: {
+            fillMode: (i == null ? void 0 : i.fillMode) || E.Fit
+          }
+        });
+      } catch (s) {
+        throw console.error("[StreamPlayManager] setStreamConfig error:", s), s;
+      }
+    }
+  }
+  bindEvent() {
+    S.once("ready", () => {
+      var t;
+      (t = V.instance) == null || t.on(I.onUserVideoStateChanged, this.onUserVideoStateChanged);
+    });
+  }
+  unbindEvent() {
+    var t;
+    (t = V.instance) == null || t.off(I.onUserVideoStateChanged, this.onUserVideoStateChanged);
+  }
+  /**
+   * 清理所有流信息
+   */
+  async destroy() {
+    try {
+      const t = [], e = this.streamInfoManager.getAllStreams();
+      for (const { userId: a, streamType: i } of e)
+        t.push(this.stopPlayVideo({ userId: a, streamType: i }));
+      await Promise.all(t), this.hasVideoStreamMap.clear(), this.lazyLoadManager.destroy(), this.videoQualityManager.destroy(), this.streamInfoManager.clear(), this.unbindEvent(), y.instance = null;
+    } catch (t) {
+      throw console.error("[StreamPlayManager] cleanup error:", t), t;
+    }
+  }
+};
+m(y, "instance", null);
+let u = y, n = new u();
+p(() => {
+  var o;
+  return (o = U.value) == null ? void 0 : o.roomId;
+}, async (o, t) => {
+  t && !o && (await n.destroy(), n = new u());
+});
+p(() => {
+  var o;
+  return (o = c.value) == null ? void 0 : o.userId;
+}, (o) => {
+  o && n.setLoginUserId(o);
+});
+function D() {
+  return {
+    bindView: n == null ? void 0 : n.bindView.bind(n),
+    unbindView: n == null ? void 0 : n.unbindView.bind(n),
+    setStreamConfig: n == null ? void 0 : n.setStreamConfig.bind(n)
+  };
+}
+export {
+  u as StreamPlayManager,
+  D as useStreamPlayManager
+};

package/dist/components/RoomParticipantView/StreamPlayManager/types.d.ts

@@ -0,0 +1,14 @@
+import { FillMode } from '../../../types';
+
+export declare enum VideoStreamQuality {
+    HD = "HD",
+    LD = "LD"
+}
+export interface StreamInfo {
+    views: Map<HTMLDivElement, {
+        isVisible: boolean;
+    }>;
+    isPlaying: boolean;
+    videoQuality?: VideoStreamQuality;
+    fillMode?: FillMode;
+}

package/dist/components/RoomParticipantView/StreamPlayManager/types.js

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((D) => (D.HD = "HD", D.LD = "LD", D))(r || {});
+export {
+  r as VideoStreamQuality
+};