@tencentcloud/roomkit-electron-vue3 2.7.2 → 2.8.2

package/es/services/manager/scheduleConferenceManager.mjs

@@ -1,10 +1,12 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { TUIConferenceListManagerEvents } from "@tencentcloud/tuiroom-engine-electron";
+import { TUIConferenceListManagerEvents, TUIRoomType } from "@tencentcloud/tuiroom-engine-electron";
 export * from "@tencentcloud/tuiroom-engine-electron";
 import { EventType } from "../types.mjs";
 import mitt from "mitt";
+import { FetchRoomInfoErrorCode } from "./roomActionManager.mjs";
+const MAX_ATTEMPTS = 5;
 class ScheduleConferenceManager {
   constructor(service) {
     __publicField(this, "service");
@@ -126,6 +128,27 @@ class ScheduleConferenceManager {
   replaceFriendList(userList) {
     this.customFriendList = userList;
   }
+  async generateRoomId(attempt = 1) {
+    var _a;
+    if (attempt > MAX_ATTEMPTS) {
+      throw new Error(
+        "Failed to generate a unique room ID after maximum attempts."
+      );
+    }
+    const roomId = String(Math.ceil(Math.random() * 1e6));
+    try {
+      await ((_a = this.service.roomActionManager) == null ? void 0 : _a.fetchRoomInfo({
+        roomId,
+        roomType: TUIRoomType.kConference
+      }));
+      return await this.generateRoomId(attempt + 1);
+    } catch (err) {
+      if ((err == null ? void 0 : err.code) === FetchRoomInfoErrorCode.ROOM_NOT_EXIST) {
+        return roomId;
+      }
+      throw err;
+    }
+  }
   async scheduleConference(options) {
     var _a;
     return await ((_a = this.service.roomEngine.instance) == null ? void 0 : _a.getConferenceListManager().scheduleConference(options));

package/es/services/manager/trackingManager.d.ts

@@ -0,0 +1,11 @@
+interface ITrackingManager {
+    sendMessage: (cmd: string) => void;
+    registerProvider: (provider: any) => void;
+}
+export declare class TrackingManager implements ITrackingManager {
+    private provider;
+    constructor();
+    registerProvider: (provider: any) => void;
+    sendMessage: (cmd: string) => void;
+}
+export {};

package/es/services/manager/trackingManager.mjs

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class TrackingManager {
+  constructor() {
+    __publicField(this, "provider");
+    __publicField(this, "registerProvider", (provider) => {
+      this.provider = provider;
+    });
+    __publicField(this, "sendMessage", (cmd) => {
+      if (this.provider) {
+        this.provider.sendMessage(cmd, {});
+      }
+    });
+    this.provider = null;
+  }
+}
+export {
+  TrackingManager
+};

package/es/services/manager/userManager.d.ts

@@ -1,5 +1,6 @@
 import { IRoomService } from '../types';
-import { UserInfo } from '../../stores/room';
+import { StreamInfo, UserInfo } from '../../stores/room';
+import { Comparator } from '../../utils/utils';
 
 interface IUserManager {
     setSelfInfo(options: SelfInfoOptions): Promise<void>;
@@ -16,6 +17,8 @@ export type SelfInfoOptions = {
 };
 export declare class UserManager implements IUserManager {
     private service;
+    private userListCompareFunction;
+    private streamListCompareFunction;
     constructor(service: IRoomService);
     setSelfInfo(options: SelfInfoOptions): Promise<void>;
     setCustomInfoForUser(options: CustomInfoForUser): Promise<any>;
@@ -23,11 +26,18 @@ export declare class UserManager implements IUserManager {
     setLocalUser(userInfo: {
         userId: string;
     }): void;
+    setUserListSortComparator(comparator: Comparator<UserInfo>): void;
+    getUserListSortComparator(): (userInfoA: UserInfo, userInfoB: UserInfo) => number;
+    setStreamListSortComparator(comparator: Comparator<StreamInfo>): void;
+    getStreamListSortComparator(): (streamInfoA: StreamInfo, streamInfoB: StreamInfo) => number;
     private onRemoteUserEnterRoom;
     private onRemoteUserLeaveRoom;
     private onSeatListChanged;
     private onUserAudioStateChanged;
     private onUserVideoStateChanged;
+    private handleUserVoiceVolume;
+    private handleUserVoiceVolumeThrottle;
+    private onUserVoiceVolumeChanged;
     private bindRoomEngineEvents;
     private unbindRoomEngineEvents;
 }

package/es/services/manager/userManager.mjs

@@ -1,10 +1,14 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import TUIRoomEngine__default, { TUIVideoStreamType, TUIRoomEvents } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TUIVideoStreamType, TUIRoomEvents, TUIRole } from "@tencentcloud/tuiroom-engine-electron";
+import { isMobile } from "../../utils/environment.mjs";
+import { throttle, combineComparators, createComparator } from "../../utils/utils.mjs";
 class UserManager {
   constructor(service) {
     __publicField(this, "service");
+    __publicField(this, "userListCompareFunction");
+    __publicField(this, "streamListCompareFunction");
     __publicField(this, "onUserVideoStateChanged", (eventInfo) => {
       const { userId, streamType, hasVideo } = eventInfo;
       let userInfo = this.service.roomStore.userInfoObj[userId];
@@ -31,7 +35,19 @@ class UserManager {
         this.service.roomStore.removeStreamInfo(userId, streamType);
       }
     });
+    __publicField(this, "handleUserVoiceVolumeThrottle", throttle(
+      this.handleUserVoiceVolume,
+      1e3
+    ));
     this.service = service;
+    this.userListCompareFunction = null;
+    this.streamListCompareFunction = null;
+    this.onRemoteUserEnterRoom = this.onRemoteUserEnterRoom.bind(this);
+    this.onRemoteUserLeaveRoom = this.onRemoteUserLeaveRoom.bind(this);
+    this.onSeatListChanged = this.onSeatListChanged.bind(this);
+    this.onUserVideoStateChanged = this.onUserVideoStateChanged.bind(this);
+    this.onUserAudioStateChanged = this.onUserAudioStateChanged.bind(this);
+    this.onUserVoiceVolumeChanged = this.onUserVoiceVolumeChanged.bind(this);
     this.bindRoomEngineEvents();
   }
   async setSelfInfo(options) {
@@ -58,10 +74,72 @@ class UserManager {
       TUIVideoStreamType.kCameraStream
     );
   }
+  setUserListSortComparator(comparator) {
+    this.userListCompareFunction = comparator;
+  }
+  getUserListSortComparator() {
+    const defaultUserListCompareFunction = combineComparators(
+      createComparator(
+        (userInfo) => Boolean(userInfo.userId === this.service.basicStore.userId)
+      ),
+      createComparator(
+        (userInfo) => Boolean(userInfo.userRole === TUIRole.kRoomOwner)
+      ),
+      createComparator(
+        (userInfo) => Boolean(userInfo.userRole === TUIRole.kAdministrator)
+      ),
+      createComparator(
+        (userInfo) => Boolean(userInfo.hasScreenStream)
+      ),
+      createComparator(
+        (userInfo) => Boolean(userInfo.hasVideoStream && userInfo.hasAudioStream)
+      ),
+      createComparator(
+        (userInfo) => Boolean(userInfo.hasVideoStream)
+      ),
+      createComparator(
+        (userInfo) => Boolean(userInfo.hasAudioStream)
+      ),
+      createComparator((userInfo) => Boolean(userInfo.onSeat)),
+      createComparator(
+        (userInfoA, userInfoB) => Boolean(Number(userInfoA.timestamp) < Number(userInfoB.timestamp))
+      )
+    );
+    return this.userListCompareFunction || defaultUserListCompareFunction;
+  }
+  setStreamListSortComparator(comparator) {
+    this.streamListCompareFunction = comparator;
+  }
+  getStreamListSortComparator() {
+    const defaultUserListCompareFunction = combineComparators(
+      createComparator(
+        (streamInfo) => Boolean(streamInfo.streamType === TUIVideoStreamType.kScreenStream)
+      ),
+      createComparator(
+        (streamInfo) => Boolean(streamInfo.userId === this.service.roomStore.masterUserId)
+      ),
+      createComparator(
+        (streamInfo) => Boolean(streamInfo.userId === this.service.basicStore.userId)
+      ),
+      createComparator(
+        (streamInfoA) => Boolean(streamInfoA.hasAudioStream && streamInfoA.hasVideoStream)
+      ),
+      createComparator(
+        (streamInfoA) => Boolean(streamInfoA.hasVideoStream)
+      ),
+      createComparator(
+        (streamInfoA) => Boolean(streamInfoA.hasAudioStream)
+      ),
+      createComparator(
+        (streamInfoA, streamInfoB) => Boolean(Number(streamInfoA.timestamp) - Number(streamInfoB.timestamp))
+      )
+    );
+    return this.streamListCompareFunction || defaultUserListCompareFunction;
+  }
   onRemoteUserEnterRoom(eventInfo) {
     const { userInfo } = eventInfo;
     this.service.roomStore.addUserInfo(
-      Object.assign(userInfo, { isInRoom: true })
+      Object.assign(userInfo, { isInRoom: true, timestamp: Date.now() })
     );
     if (this.service.roomStore.isFreeSpeakMode) {
       this.service.roomStore.addStreamInfo(
@@ -144,33 +222,101 @@ class UserManager {
       hasAudioStream: hasAudio
     });
   }
+  // Calculate the userId of the loudest speaker in the room
+  // Calculate the userId of the remote user who speaks the loudest in the current room.
+  handleUserVoiceVolume(userVolumeList) {
+    const localUserVolume = {
+      userId: this.service.basicStore.userId,
+      volume: 0
+    };
+    const largestRemoteUserVolume = {
+      userId: "",
+      volume: 0
+    };
+    userVolumeList.forEach((item) => {
+      var _a, _b;
+      if (item.userId === this.service.basicStore.userId && ((_a = this.service.roomStore.localStream) == null ? void 0 : _a.hasAudioStream)) {
+        localUserVolume.volume = item.volume;
+      } else if (item.userId !== this.service.basicStore.userId && ((_b = this.service.roomStore.userInfoObj[item.userId]) == null ? void 0 : _b.hasAudioStream)) {
+        const { userId, volume } = item;
+        if (volume > largestRemoteUserVolume.volume) {
+          largestRemoteUserVolume.userId = userId;
+          largestRemoteUserVolume.volume = volume;
+        }
+      }
+    });
+    const largestUserVolume = localUserVolume.volume > largestRemoteUserVolume.volume ? localUserVolume : largestRemoteUserVolume;
+    if (this.service.roomStore.currentSpeakerInfo.remoteSpeakerUserId) {
+      const lastRemoteSpeakerUserVolumeInfo = userVolumeList.find(
+        (item) => item.userId === this.service.roomStore.currentSpeakerInfo.remoteSpeakerUserId
+      );
+      if (!lastRemoteSpeakerUserVolumeInfo || (lastRemoteSpeakerUserVolumeInfo == null ? void 0 : lastRemoteSpeakerUserVolumeInfo.volume) === 0 && largestRemoteUserVolume.volume > 0) {
+        this.service.roomStore.setCurrentSpeakerInfo({
+          remoteSpeakerUserId: largestRemoteUserVolume.userId
+        });
+      }
+    } else {
+      if (largestRemoteUserVolume.volume > 0) {
+        this.service.roomStore.setCurrentSpeakerInfo({
+          remoteSpeakerUserId: largestRemoteUserVolume.userId
+        });
+      }
+    }
+    if (this.service.roomStore.currentSpeakerInfo.speakerUserId) {
+      const lastSpeakerUserVolumeInfo = userVolumeList.find(
+        (item) => item.userId === this.service.roomStore.currentSpeakerInfo.speakerUserId
+      );
+      if (!lastSpeakerUserVolumeInfo || lastSpeakerUserVolumeInfo.volume === 0 && largestUserVolume.volume > 0) {
+        this.service.roomStore.setCurrentSpeakerInfo({
+          speakerUserId: largestUserVolume.userId
+        });
+      }
+    } else {
+      if (largestUserVolume.volume > 0) {
+        this.service.roomStore.setCurrentSpeakerInfo({
+          speakerUserId: largestUserVolume.userId
+        });
+      }
+    }
+  }
+  onUserVoiceVolumeChanged(eventInfo) {
+    const { userVolumeList } = eventInfo;
+    this.service.roomStore.setAudioVolume(userVolumeList);
+    if (isMobile) {
+      this.handleUserVoiceVolumeThrottle(userVolumeList);
+    }
+  }
   bindRoomEngineEvents() {
     TUIRoomEngine__default.once("ready", () => {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e, _f;
       (_a = this.service.roomEngine.instance) == null ? void 0 : _a.on(
         TUIRoomEvents.onRemoteUserEnterRoom,
-        this.onRemoteUserEnterRoom.bind(this)
+        this.onRemoteUserEnterRoom
       );
       (_b = this.service.roomEngine.instance) == null ? void 0 : _b.on(
         TUIRoomEvents.onRemoteUserLeaveRoom,
-        this.onRemoteUserLeaveRoom.bind(this)
+        this.onRemoteUserLeaveRoom
       );
       (_c = this.service.roomEngine.instance) == null ? void 0 : _c.on(
         TUIRoomEvents.onSeatListChanged,
-        this.onSeatListChanged.bind(this)
+        this.onSeatListChanged
       );
       (_d = this.service.roomEngine.instance) == null ? void 0 : _d.on(
         TUIRoomEvents.onUserVideoStateChanged,
-        this.onUserVideoStateChanged.bind(this)
+        this.onUserVideoStateChanged
       );
       (_e = this.service.roomEngine.instance) == null ? void 0 : _e.on(
         TUIRoomEvents.onUserAudioStateChanged,
-        this.onUserAudioStateChanged.bind(this)
+        this.onUserAudioStateChanged
+      );
+      (_f = this.service.roomEngine.instance) == null ? void 0 : _f.on(
+        TUIRoomEvents.onUserVoiceVolumeChanged,
+        this.onUserVoiceVolumeChanged
       );
     });
   }
   unbindRoomEngineEvents() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     (_a = this.service.roomEngine.instance) == null ? void 0 : _a.off(
       TUIRoomEvents.onRemoteUserEnterRoom,
       this.onRemoteUserEnterRoom
@@ -191,6 +337,10 @@ class UserManager {
       TUIRoomEvents.onUserAudioStateChanged,
       this.onUserAudioStateChanged
     );
+    (_f = this.service.roomEngine.instance) == null ? void 0 : _f.off(
+      TUIRoomEvents.onUserVoiceVolumeChanged,
+      this.onUserVoiceVolumeChanged
+    );
   }
 }
 export {

package/es/services/roomService.d.ts

@@ -5,7 +5,8 @@ import { ComponentConfig, ComponentManager, ComponentName } from './manager/comp
 import { ConfigManager, LanguageOption, Theme } from './manager/configManager';
 import { SelfInfoOptions, UserManager } from './manager/userManager';
 import { LifeCycleManager } from './manager/lifeCycleManager';
-import { MediaManager } from './manager/MediaManager';
+import { MediaManager } from './manager/mediaManager';
+import { TrackingManager } from './manager/trackingManager';
 import { JoinParams, RoomActionManager, StartParams, RoomParamsInfo } from './manager/roomActionManager';
 import { WaterMark } from './function/waterMark';
 import { VirtualBackground } from './function/virtualBackground';
@@ -38,6 +39,7 @@ export declare class RoomService implements IRoomService {
     errorHandler: ErrorHandler;
     chatManager: ChatManager;
     aiTask: AITask;
+    trackingManager: TrackingManager;
     get basicStore(): any;
     get roomStore(): any;
     get chatStore(): any;
@@ -52,7 +54,6 @@ export declare class RoomService implements IRoomService {
     unBindRoomEngineEvents(): void;
     private onError;
     private onRoomDismissed;
-    private onUserVoiceVolumeChanged;
     private onUserNetworkQualityChanged;
     private onKickedOutOfRoom;
     private onSendMessageForUserDisableChanged;

package/es/services/roomService.mjs

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import mitt from "mitt";
 import useGetRoomEngine from "../hooks/useRoomEngine.mjs";
 import { EventType } from "./types.mjs";
-import TUIRoomEngine__default, { TUIRoomEvents, TUIKickedOutOfRoomReason, TUIRole, TRTCVideoMirrorType, TRTCVideoFillMode, TRTCVideoRotation } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TUIRoomEvents, TUIKickedOutOfRoomReason, TUIRole, TRTCVideoMirrorType, TRTCVideoRotation, TRTCVideoFillMode } from "@tencentcloud/tuiroom-engine-electron";
 import { useBasicStore } from "../stores/basic.mjs";
 import { useRoomStore } from "../stores/room.mjs";
 import { useChatStore } from "../stores/chat.mjs";
@@ -17,7 +17,8 @@ import { ComponentManager } from "./manager/componentManager.mjs";
 import { ConfigManager } from "./manager/configManager.mjs";
 import { UserManager } from "./manager/userManager.mjs";
 import { LifeCycleManager } from "./manager/lifeCycleManager.mjs";
-import { MediaManager } from "./manager/MediaManager.mjs";
+import { MediaManager } from "./manager/mediaManager.mjs";
+import { TrackingManager } from "./manager/trackingManager.mjs";
 import { RoomActionManager } from "./manager/roomActionManager.mjs";
 import { WaterMark } from "./function/waterMark.mjs";
 import { VirtualBackground } from "./function/virtualBackground.mjs";
@@ -52,6 +53,7 @@ const _RoomService = class _RoomService {
     __publicField(this, "errorHandler", new ErrorHandler(this));
     __publicField(this, "chatManager", new ChatManager(this));
     __publicField(this, "aiTask", new AITask(this));
+    __publicField(this, "trackingManager", new TrackingManager());
     this.lifeCycleManager.start();
     this.initEventCtx();
     TUIRoomEngine__default.once("ready", () => {
@@ -72,7 +74,6 @@ const _RoomService = class _RoomService {
   initEventCtx() {
     this.onError = this.onError.bind(this);
     this.onRoomDismissed = this.onRoomDismissed.bind(this);
-    this.onUserVoiceVolumeChanged = this.onUserVoiceVolumeChanged.bind(this);
     this.onUserNetworkQualityChanged = this.onUserNetworkQualityChanged.bind(this);
     this.onKickedOutOfRoom = this.onKickedOutOfRoom.bind(this);
     this.onSendMessageForUserDisableChanged = this.onSendMessageForUserDisableChanged.bind(this);
@@ -112,97 +113,89 @@ const _RoomService = class _RoomService {
     useDeviceManager({ listenForDeviceChange: true });
   }
   bindRoomEngineEvents() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onError, this.onError);
     (_b = roomEngine.instance) == null ? void 0 : _b.on(
       TUIRoomEvents.onRoomDismissed,
       this.onRoomDismissed
     );
     (_c = roomEngine.instance) == null ? void 0 : _c.on(
-      TUIRoomEvents.onUserVoiceVolumeChanged,
-      this.onUserVoiceVolumeChanged
-    );
-    (_d = roomEngine.instance) == null ? void 0 : _d.on(
       TUIRoomEvents.onUserNetworkQualityChanged,
       this.onUserNetworkQualityChanged
     );
-    (_e = roomEngine.instance) == null ? void 0 : _e.on(
+    (_d = roomEngine.instance) == null ? void 0 : _d.on(
       TUIRoomEvents.onKickedOutOfRoom,
       this.onKickedOutOfRoom
     );
-    (_f = roomEngine.instance) == null ? void 0 : _f.on(
+    (_e = roomEngine.instance) == null ? void 0 : _e.on(
       TUIRoomEvents.onSendMessageForUserDisableChanged,
       this.onSendMessageForUserDisableChanged
     );
-    (_g = roomEngine.instance) == null ? void 0 : _g.on(
+    (_f = roomEngine.instance) == null ? void 0 : _f.on(
       TUIRoomEvents.onUserSigExpired,
       this.onUserSigExpired
     );
-    (_h = roomEngine.instance) == null ? void 0 : _h.on(
+    (_g = roomEngine.instance) == null ? void 0 : _g.on(
       TUIRoomEvents.onKickedOffLine,
       this.onKickedOffLine
     );
-    (_i = roomEngine.instance) == null ? void 0 : _i.on(
+    (_h = roomEngine.instance) == null ? void 0 : _h.on(
       TUIRoomEvents.onAllUserCameraDisableChanged,
       this.onAllUserCameraDisableChanged
     );
-    (_j = roomEngine.instance) == null ? void 0 : _j.on(
+    (_i = roomEngine.instance) == null ? void 0 : _i.on(
       TUIRoomEvents.onAllUserMicrophoneDisableChanged,
       this.onAllUserMicrophoneDisableChanged
     );
-    (_k = roomEngine.instance) == null ? void 0 : _k.on(
+    (_j = roomEngine.instance) == null ? void 0 : _j.on(
       TUIRoomEvents.onScreenShareForAllUserDisableChanged,
       this.onScreenShareForAllUserDisableChanged
     );
-    (_l = roomEngine.instance) == null ? void 0 : _l.on(
+    (_k = roomEngine.instance) == null ? void 0 : _k.on(
       TUIRoomEvents.onUserInfoChanged,
       this.onUserInfoChanged
     );
   }
   unBindRoomEngineEvents() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onError, this.onError);
     (_b = roomEngine.instance) == null ? void 0 : _b.off(
       TUIRoomEvents.onRoomDismissed,
       this.onRoomDismissed
     );
     (_c = roomEngine.instance) == null ? void 0 : _c.off(
-      TUIRoomEvents.onUserVoiceVolumeChanged,
-      this.onUserVoiceVolumeChanged
-    );
-    (_d = roomEngine.instance) == null ? void 0 : _d.off(
       TUIRoomEvents.onUserNetworkQualityChanged,
       this.onUserNetworkQualityChanged
     );
-    (_e = roomEngine.instance) == null ? void 0 : _e.off(
+    (_d = roomEngine.instance) == null ? void 0 : _d.off(
       TUIRoomEvents.onKickedOutOfRoom,
       this.onKickedOutOfRoom
     );
-    (_f = roomEngine.instance) == null ? void 0 : _f.off(
+    (_e = roomEngine.instance) == null ? void 0 : _e.off(
       TUIRoomEvents.onSendMessageForUserDisableChanged,
       this.onSendMessageForUserDisableChanged
     );
-    (_g = roomEngine.instance) == null ? void 0 : _g.off(
+    (_f = roomEngine.instance) == null ? void 0 : _f.off(
       TUIRoomEvents.onUserSigExpired,
       this.onUserSigExpired
     );
-    (_h = roomEngine.instance) == null ? void 0 : _h.off(
+    (_g = roomEngine.instance) == null ? void 0 : _g.off(
       TUIRoomEvents.onKickedOffLine,
       this.onKickedOffLine
     );
-    (_i = roomEngine.instance) == null ? void 0 : _i.off(
+    (_h = roomEngine.instance) == null ? void 0 : _h.off(
       TUIRoomEvents.onAllUserCameraDisableChanged,
       this.onAllUserCameraDisableChanged
     );
-    (_j = roomEngine.instance) == null ? void 0 : _j.off(
+    (_i = roomEngine.instance) == null ? void 0 : _i.off(
       TUIRoomEvents.onAllUserMicrophoneDisableChanged,
       this.onAllUserMicrophoneDisableChanged
     );
-    (_k = roomEngine.instance) == null ? void 0 : _k.off(
+    (_j = roomEngine.instance) == null ? void 0 : _j.off(
       TUIRoomEvents.onScreenShareForAllUserDisableChanged,
       this.onScreenShareForAllUserDisableChanged
     );
-    (_l = roomEngine.instance) == null ? void 0 : _l.off(
+    (_k = roomEngine.instance) == null ? void 0 : _k.off(
       TUIRoomEvents.onUserInfoChanged,
       this.onUserInfoChanged
     );
@@ -225,10 +218,6 @@ const _RoomService = class _RoomService {
       }
     });
   }
-  onUserVoiceVolumeChanged(eventInfo) {
-    const { userVolumeList } = eventInfo;
-    this.roomStore.setAudioVolume(userVolumeList);
-  }
   onUserNetworkQualityChanged(eventInfo) {
     this.basicStore.setLocalQuality(eventInfo.userNetworkList);
   }
@@ -241,7 +230,7 @@ const _RoomService = class _RoomService {
           notice = t("kicked out of the room by the host");
           break;
         case TUIKickedOutOfRoomReason.kKickedByLoggedOnOtherDevice:
-          notice = t("kicked out of the room by other device");
+          notice = t("kicked out of the room");
           break;
         case TUIKickedOutOfRoomReason.kKickedByServer:
           notice = t("kicked out of the room by serve");
@@ -357,13 +346,7 @@ const _RoomService = class _RoomService {
   }
   async initRoomKit(option) {
     this.storeInit(option);
-    const {
-      sdkAppId,
-      userId,
-      userSig,
-      userName = userId,
-      avatarUrl = ""
-    } = option;
+    const { sdkAppId, userId, userSig } = option;
     TUILogin.login({
       SDKAppID: sdkAppId,
       userID: userId,
@@ -372,7 +355,6 @@ const _RoomService = class _RoomService {
     });
     const { chat } = TUILogin.getContext();
     await TUIRoomEngine__default.login({ sdkAppId, userId, userSig, tim: chat });
-    await TUIRoomEngine__default.setSelfInfo({ userName, avatarUrl });
     this.emit(EventType.ROOM_LOGIN);
   }
   async start(roomId, params) {

package/es/stores/basic.mjs

@@ -2,7 +2,7 @@ import { defineStore } from "pinia";
 import { getLanguage } from "../utils/common.mjs";
 import { LAYOUT } from "../constants/render.mjs";
 import { isUndefined } from "../utils/utils.mjs";
-import { isMobile, isWeChat, isElectron } from "../utils/environment.mjs";
+import { isElectron, isWeChat, isMobile } from "../utils/environment.mjs";
 function getDefaultLayout() {
   if (isMobile) {
     return isWeChat ? LAYOUT.SIX_EQUAL_POINTS : LAYOUT.LARGE_SMALL_WINDOW;
@@ -56,7 +56,8 @@ const useBasicStore = defineStore("basic", {
         visible: true
       }
     },
-    scene: "default"
+    scene: "default",
+    showRoomTool: true
   }),
   getters: {},
   actions: {
@@ -171,6 +172,9 @@ const useBasicStore = defineStore("basic", {
     setScene(scene) {
       this.scene = scene;
     },
+    setShowRoomTool(isShow) {
+      this.showRoomTool = isShow;
+    },
     reset() {
       this.isSidebarOpen = false;
       this.layout = getDefaultLayout();
@@ -188,6 +192,7 @@ const useBasicStore = defineStore("basic", {
       this.showHeaderTool = true;
       this.shareLink = "";
       this.isOpenMic = false;
+      this.showRoomTool = false;
     }
   }
 });

package/es/stores/room.d.ts

@@ -1,12 +1,39 @@
 import { TUIRole, TUIVideoStreamType, TUIInvitationStatus } from '@tencentcloud/tuiroom-engine-electron';
 
+export declare function getNewStreamInfo(userId: string, streamType?: TUIVideoStreamType): {
+    userId: string;
+    hasAudioStream: boolean;
+    hasVideoStream: boolean;
+    streamType: TUIVideoStreamType;
+    isLoading: boolean;
+    playDomMap: Map<any, any>;
+    timestamp: number;
+};
+export declare function getNewUserInfo(userId: string): {
+    userId: string;
+    userName: string;
+    avatarUrl: string;
+    nameCard: string;
+    hasAudioStream: boolean;
+    hasVideoStream: boolean;
+    hasScreenStream: boolean;
+    isMessageDisabled: boolean;
+    userRole: TUIRole;
+    onSeat: boolean;
+    isUserApplyingToAnchor: boolean;
+    isInvitingUserToAnchor: boolean;
+    isInRoom: boolean;
+    status: TUIInvitationStatus;
+    timestamp: number;
+};
 export type StreamInfo = {
     userId: string;
     streamType: TUIVideoStreamType;
     hasAudioStream?: boolean;
     hasVideoStream?: boolean;
     isLoading?: boolean;
-    playDomList?: HTMLElement[];
+    playDomMap?: Map<HTMLElement, TUIVideoStreamType>;
+    timestamp?: number;
 };
 export type UserInfo = {
     userId: string;
@@ -30,5 +57,6 @@ export type UserInfo = {
     inviteToAnchorRequestId?: string;
     isInRoom?: boolean;
     status?: TUIInvitationStatus;
+    timestamp?: number;
 };
 export declare const useRoomStore: any;