tuikit-atomicx-vue3 4.4.0 → 4.5.1

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

@@ -0,0 +1,94 @@
+var c = Object.defineProperty;
+var l = (t, e, r) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var o = (t, e, r) => l(t, typeof e != "symbol" ? e + "" : e, r);
+class h {
+  constructor({ onVisibilityChange: e }) {
+    o(this, "intersectionObserver", null);
+    o(this, "observerDomMap", /* @__PURE__ */ new Map());
+    o(this, "observerRoot", null);
+    // 回调函数类型
+    o(this, "onVisibilityChange");
+    this.onVisibilityChange = e;
+  }
+  initObserver({ root: e }) {
+    let r = e;
+    if (typeof r == "string" && (r = document.getElementById(r)), !this.intersectionObserver || r !== this.observerRoot) {
+      this.intersectionObserver && this.intersectionObserver.disconnect();
+      const s = r;
+      this.intersectionObserver = new IntersectionObserver(
+        this.intersectionObserverCallback.bind(this),
+        {
+          root: s,
+          rootMargin: "20px"
+        }
+      ), this.observerDomMap.clear(), this.observerRoot = s;
+    }
+  }
+  observe(e) {
+    const { userId: r, streamType: s, viewElement: i } = e;
+    return this.intersectionObserver ? i ? (this.observerDomMap.set(i, {
+      userId: r,
+      streamType: s,
+      isIntersection: !1
+    }), this.intersectionObserver.observe(i), !0) : (console.warn("[StreamPlay][LazyLoadManager] DOM element not found:", view), !1) : (console.warn("[StreamPlay][LazyLoadManager] Observer not initialized"), !1);
+  }
+  /**
+   * 移除 DOM 元素监听
+   */
+  unobserve(e) {
+    this.intersectionObserver && (e && this.intersectionObserver.unobserve(e), this.observerDomMap.delete(e));
+  }
+  /**
+   * 检查 DOM 元素是否可见
+   */
+  isVisible(e) {
+    if (!e)
+      return !1;
+    const r = this.observerDomMap.get(e);
+    return (r == null ? void 0 : r.isIntersection) || !1;
+  }
+  /**
+   * 检查指定流是否有可见的视图
+   */
+  hasVisibleView(e, r) {
+    return Array.from(this.observerDomMap.entries()).forEach(([, s]) => {
+      if (s.userId === e && s.streamType === r && s.isIntersection)
+        return !0;
+    }), !1;
+  }
+  /**
+   * 交集观察器回调
+   */
+  intersectionObserverCallback(e) {
+    e.forEach((r) => {
+      const { isIntersecting: s, target: i } = r, n = this.observerDomMap.get(i);
+      if (!n)
+        return;
+      const { userId: a, streamType: b } = n;
+      n.isIntersection = s, this.onVisibilityChange({
+        userId: a,
+        streamType: b,
+        isVisible: s,
+        target: i
+      }), console.log(
+        `[StreamPlay][LazyLoadManager] ${a}_${b} ${s ? "enter" : "left"} viewPort`
+      );
+    });
+  }
+  /**
+   * 清理所有资源
+   */
+  destroy() {
+    this.intersectionObserver && (this.intersectionObserver.disconnect(), this.intersectionObserver = null), this.observerDomMap.clear(), this.observerRoot = null;
+  }
+  /**
+   * 获取监听的 DOM 数量
+   */
+  getObservedCount() {
+    return this.observerDomMap.size;
+  }
+}
+export {
+  h as LazyLoadManager,
+  h as default
+};

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

@@ -0,0 +1,58 @@
+import { VideoStreamQuality, StreamInfo } from './types';
+import { VideoStreamType } from '../../../types';
+
+/**
+ * 流信息管理器 - 负责视图绑定和流信息管理
+ * TODO: StreamInfoManager 里面信息的增加和删除应该只和 onUserVideoStateChanged 的回调同步
+ * 职责：
+ * 1. 管理流信息的存储和查询
+ * 2. 处理视图的绑定和解绑
+ * 3. 提供流状态查询接口
+ * 4. 管理视图ID转换
+ */
+export declare class StreamInfoManager {
+    private streamInfoMap;
+    addView(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        view: HTMLDivElement;
+        initVisible?: boolean;
+    }): StreamInfo;
+    removeView(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        view: HTMLDivElement;
+    }): StreamInfo | null;
+    setViewVisible(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        view: HTMLDivElement;
+        isVisible: boolean;
+    }): StreamInfo | null;
+    updateStreamInfo(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        updates: Partial<StreamInfo>;
+    }): StreamInfo | null;
+    getStreamInfo(userId: string, streamType: VideoStreamType): StreamInfo | null;
+    isStreamPlaying(userId: string, streamType: VideoStreamType): boolean;
+    getPlayingStreams(): Array<{
+        userId: string;
+        streamType: VideoStreamType;
+        viewCount: number;
+        videoQuality?: VideoStreamQuality;
+    }>;
+    getAllStreams(): Array<{
+        userId: string;
+        streamType: VideoStreamType;
+        streamInfo: StreamInfo;
+    }>;
+    getVisibleViewIdList(userId: string, streamType: VideoStreamType): string[];
+    getAllViewIdList(userId: string, streamType: VideoStreamType): string[];
+    isViewExists(view: string | HTMLDivElement): boolean;
+    getValidViews(views: (string | HTMLDivElement)[]): (string | HTMLDivElement)[];
+    clear(): void;
+    private getStreamKey;
+    private parseStreamKey;
+}
+export default StreamInfoManager;

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

@@ -0,0 +1,97 @@
+var l = Object.defineProperty;
+var f = (o, e, t) => e in o ? l(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var m = (o, e, t) => f(o, typeof e != "symbol" ? e + "" : e, t);
+import { VideoStreamQuality as u } from "./types.js";
+import { FillMode as g } from "../../../types/participant.js";
+class c {
+  constructor() {
+    // 存储流信息的映射表，key: userId_streamType, value: 流信息
+    m(this, "streamInfoMap", /* @__PURE__ */ new Map());
+  }
+  addView(e) {
+    const { userId: t, streamType: s, view: i, initVisible: a } = e, r = this.getStreamKey(t, s), n = this.streamInfoMap.get(r) || {
+      views: /* @__PURE__ */ new Map(),
+      isPlaying: !1,
+      videoQuality: u.LD,
+      fillMode: g.Fit
+    };
+    return n.views.has(i) || n.views.set(i, { isVisible: a || !1 }), this.streamInfoMap.set(r, n), console.log(`[StreamPlay][StreamInfoManager] 视图添加: ${r}, 视图数量: ${n.views.size}`), n;
+  }
+  removeView(e) {
+    const { userId: t, streamType: s, view: i } = e, a = this.getStreamKey(t, s), r = this.streamInfoMap.get(a);
+    return r ? (r.views.delete(i), r.views.size === 0 ? (this.streamInfoMap.delete(a), console.log(`[StreamPlay][StreamInfoManager] remove stream info: ${a}`), null) : (this.streamInfoMap.set(a, r), console.log(`[StreamPlay][StreamInfoManager] ${a} remove view: ${i}, remaining view count: ${r.views.length}`), r)) : null;
+  }
+  setViewVisible(e) {
+    const { userId: t, streamType: s, view: i, isVisible: a } = e, r = this.getStreamInfo(t, s);
+    if (!r)
+      return null;
+    const n = r.views.get(i);
+    return n ? n.isVisible = a : r.views.set(i, { isVisible: a }), this.streamInfoMap.set(this.getStreamKey(t, s), r), r;
+  }
+  updateStreamInfo(e) {
+    const { userId: t, streamType: s, updates: i } = e, a = this.getStreamKey(t, s), r = this.streamInfoMap.get(a);
+    return r ? (Object.assign(r, i), this.streamInfoMap.set(a, r), r) : null;
+  }
+  getStreamInfo(e, t) {
+    const s = this.getStreamKey(e, t);
+    return this.streamInfoMap.get(s) || null;
+  }
+  isStreamPlaying(e, t) {
+    const s = this.getStreamInfo(e, t);
+    return (s == null ? void 0 : s.isPlaying) || !1;
+  }
+  getPlayingStreams() {
+    const e = [];
+    return Array.from(this.streamInfoMap.entries()).forEach(([t, s]) => {
+      if (s.isPlaying) {
+        const [i, a] = this.parseStreamKey(t);
+        e.push({
+          userId: i,
+          streamType: a,
+          viewCount: s.views.size,
+          videoQuality: s.videoQuality
+        });
+      }
+    }), e;
+  }
+  getAllStreams() {
+    const e = [];
+    for (const [t, s] of this.streamInfoMap) {
+      const [i, a] = this.parseStreamKey(t);
+      e.push({
+        userId: i,
+        streamType: a,
+        streamInfo: s
+      });
+    }
+    return e;
+  }
+  getVisibleViewIdList(e, t) {
+    const s = this.getStreamInfo(e, t);
+    return s ? Array.from(s.views.entries()).filter(([i, a]) => a.isVisible).map(([i]) => i.id || "") : [];
+  }
+  getAllViewIdList(e, t) {
+    const s = this.getStreamInfo(e, t);
+    return s ? Array.from(s.views.keys()).map((i) => i.id || "") : [];
+  }
+  isViewExists(e) {
+    return typeof e == "string" ? !!document.getElementById(e) : !!e && document.contains(e);
+  }
+  getValidViews(e) {
+    return e.filter((t) => this.isViewExists(t));
+  }
+  clear() {
+    this.streamInfoMap.clear();
+  }
+  getStreamKey(e, t) {
+    return `${e}_${t}`;
+  }
+  parseStreamKey(e) {
+    const t = e.split("_");
+    return [t.slice(0, t.length - 1).join("_"), t.slice(-1)[0]];
+  }
+}
+export {
+  c as StreamInfoManager,
+  c as default
+};

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

@@ -0,0 +1,46 @@
+import { VideoStreamType, FillMode } from '../../../types';
+import { VideoStreamQuality } from './types';
+
+/**
+ * 流播放器 - 负责视频流的播放控制
+ * 职责：
+ * 1. 管理视频流的播放和停止
+ * 2. 处理本地和远程流的不同逻辑
+ * 3. 设置视频渲染参数
+ * 4. 管理流类型转换
+ */
+export declare class StreamPlayer {
+    startPlayVideo(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        videoQuality?: VideoStreamQuality;
+        viewIdList: string[];
+    }): Promise<void>;
+    stopPlayVideo(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        videoQuality?: VideoStreamQuality;
+    }): Promise<void>;
+    /**
+     * 更新视频视图绑定
+     */
+    updateVideoView(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        viewIdList: string[];
+    }): Promise<void>;
+    updateVideoQuality(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        videoQuality: VideoStreamQuality;
+    }): Promise<void>;
+    setRenderParams(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        renderParams: {
+            fillMode?: FillMode;
+        };
+    }): Promise<void>;
+    private getPlayStreamType;
+}
+export default StreamPlayer;

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

@@ -0,0 +1,100 @@
+import { TRTCVideoFillMode as w, TRTCVideoRotation as S, TRTCVideoMirrorType as V } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as P } from "../../../hooks/useRoomEngine.js";
+import { useLoginState as R } from "../../../states/LoginState.js";
+import { VideoStreamQuality as f } from "./types.js";
+import { VideoStreamType as u, FillMode as p } from "../../../types/participant.js";
+import { TUIVideoStreamType as n } from "../../../types/types.js";
+const y = P(), { loginUserInfo: c } = R();
+class $ {
+  async startPlayVideo(l) {
+    var i, s, r, d;
+    const { userId: e, streamType: t, videoQuality: o, viewIdList: a } = l;
+    if (a.length === 0)
+      throw console.warn(`[StreamPlayer] ${e}_${t} No valid views to play video`), new Error(`[StreamPlayer] ${e}_${t} No valid views to play video`);
+    try {
+      const m = this.getPlayStreamType(t, o);
+      e === ((i = c.value) == null ? void 0 : i.userId) ? (m === n.kCameraStream || m === n.kCameraStreamLow) && await ((s = y.instance) == null ? void 0 : s.setLocalVideoView({ view: a })) : (await ((r = y.instance) == null ? void 0 : r.setRemoteVideoView({
+        userId: e,
+        streamType: m,
+        view: a
+      })), await ((d = y.instance) == null ? void 0 : d.startPlayRemoteVideo({
+        userId: e,
+        streamType: m
+      })), console.log(`[StreamPlayer] startPlayRemoteVideo: ${e}_${t}, videoQuality: ${o}`));
+    } catch (m) {
+      throw console.error("[StreamPlayer] startPlayVideo error:", m), m;
+    }
+  }
+  async stopPlayVideo(l) {
+    var a, i, s;
+    const { userId: e, streamType: t, videoQuality: o } = l;
+    try {
+      const r = this.getPlayStreamType(t, o);
+      e === ((a = c.value) == null ? void 0 : a.userId) ? (r === n.kCameraStream || r === n.kCameraStreamLow) && await ((i = y.instance) == null ? void 0 : i.setLocalVideoView({ view: null })) : await ((s = y.instance) == null ? void 0 : s.stopPlayRemoteVideo({
+        userId: e,
+        streamType: r
+      }));
+    } catch (r) {
+      throw console.error("[StreamPlayer] stopPlayVideo error:", r), r;
+    }
+  }
+  /**
+   * 更新视频视图绑定
+   */
+  async updateVideoView(l) {
+    var a, i, s;
+    const { userId: e, streamType: t, viewIdList: o } = l;
+    if (o.length === 0) {
+      console.warn("[StreamPlayer] No valid views to update");
+      return;
+    }
+    try {
+      const r = this.getPlayStreamType(t);
+      e === ((a = c.value) == null ? void 0 : a.userId) ? (r === n.kCameraStream || r === n.kCameraStreamLow) && await ((i = y.instance) == null ? void 0 : i.setLocalVideoView({ view: o })) : await ((s = y.instance) == null ? void 0 : s.setRemoteVideoView({
+        userId: e,
+        streamType: r,
+        view: o
+      })), console.log(`[StreamPlayer] 视图更新: ${e}_${t}, 视图数量: ${o.length}`);
+    } catch (r) {
+      throw console.error("[StreamPlayer] updateVideoView error:", r), r;
+    }
+  }
+  async updateVideoQuality(l) {
+    var i, s;
+    const { userId: e, streamType: t, videoQuality: o } = l;
+    if (e === ((i = c.value) == null ? void 0 : i.userId) || t === u.Screen)
+      return;
+    const a = this.getPlayStreamType(t, o);
+    await ((s = y.instance) == null ? void 0 : s.startPlayRemoteVideo({
+      userId: e,
+      streamType: a
+    }));
+  }
+  async setRenderParams(l) {
+    var d, m;
+    const { userId: e, streamType: t, renderParams: o } = l, a = (d = y.instance) == null ? void 0 : d.getTRTCCloud(), i = this.getPlayStreamType(t), r = {
+      [p.Fill]: w.TRTCVideoFillMode_Fill,
+      [p.Fit]: w.TRTCVideoFillMode_Fit
+    }[o.fillMode || p.Fit];
+    try {
+      e === ((m = c.value) == null ? void 0 : m.userId) ? await (a == null ? void 0 : a.setLocalRenderParams({
+        mirrorType: V.TRTCVideoMirrorType_Auto,
+        rotation: S.TRTCVideoRotation0,
+        fillMode: r
+      })) : await (a == null ? void 0 : a.setRemoteRenderParams(e, i, {
+        mirrorType: V.TRTCVideoMirrorType_Auto,
+        rotation: S.TRTCVideoRotation0,
+        fillMode: r
+      }));
+    } catch (T) {
+      throw console.error("[StreamPlayer] setRenderParams error:", T), T;
+    }
+  }
+  getPlayStreamType(l, e) {
+    return l === u.Screen ? n.kScreenStream : e === f.LD ? n.kCameraStreamLow : n.kCameraStream;
+  }
+}
+export {
+  $ as StreamPlayer,
+  $ as default
+};

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

@@ -0,0 +1,92 @@
+import { VideoStreamType } from '../../../types';
+import { VideoStreamQuality } from './types';
+
+/**
+ * 视频质量管理器 - 负责 DOM 尺寸监控和质量切换
+ * 职责：
+ * 1. 监听 DOM 元素的尺寸变化
+ * 2. 计算最优的流质量
+ * 3. 管理大流分配策略
+ * 4. 提供质量计算接口
+ */
+export declare class VideoQualityManager {
+    private resizeObserver;
+    private bodyResizeObserver;
+    private domInfoMap;
+    private highQualityDomMap;
+    private cachedBodyArea;
+    private loginUserId;
+    private onQualityChange;
+    constructor({ onQualityChange, loginUserId }: {
+        onQualityChange: (options: {
+            userId: string;
+            streamType: VideoStreamType;
+            newQuality: VideoStreamQuality;
+            oldQuality?: VideoStreamQuality;
+            reason: string;
+        }) => void;
+        loginUserId: string;
+    });
+    setLoginUserId(loginUserId: string): void;
+    private pendingEntries;
+    /**
+     * 初始化 ResizeObserver
+     */
+    private initResizeObserver;
+    /**
+     * 初始化屏幕面积缓存
+     */
+    private initBodyAreaCache;
+    private handleBodyResize;
+    /**
+     * 更新屏幕面积缓存
+     */
+    private updateBodyAreaCache;
+    /**
+     * 添加 DOM 元素监听
+     */
+    observe(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        viewElement: HTMLDivElement;
+    }): boolean;
+    /**
+     * 移除 DOM 元素监听
+     */
+    unobserve(viewElement: HTMLDivElement): void;
+    /**
+     * 处理 DOM 尺寸变化
+     */
+    private handleResize;
+    /**
+     * 计算最优质量
+     */
+    calculateOptimalQuality(options: {
+        userId: string;
+        streamType: VideoStreamType;
+        views?: (HTMLDivElement)[];
+    }): VideoStreamQuality;
+    private tryToRemoveHighQualityDom;
+    /**
+     * 更新大流映射
+     */
+    private updateHighQualityMap;
+    private removeHighQualityDom;
+    /**
+     * 根据流信息获取相关视图
+     */
+    private getViewsByStream;
+    /**
+     * 获取 DOM 元素的尺寸
+     */
+    private getDomRect;
+    /**
+     * 清理所有资源
+     */
+    destroy(): void;
+    /**
+     * 获取监听的 DOM 数量
+     */
+    getObservedCount(): number;
+}
+export default VideoQualityManager;

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
+};