@tencentcloud/roomkit-electron-vue3 2.7.2 → 2.8.2

package/lib/services/manager/scheduleConferenceManager.d.ts

@@ -37,8 +37,11 @@ interface IScheduleConferenceManager {
     fetchFriendList(): Promise<void>;
     replaceFriendList(userList: Array<{
         userID: string;
-        avatar: string;
-        nick: string;
+        profile: {
+            userID: string;
+            nick: string;
+            avatar: string;
+        };
     }>): void;
 }
 export interface IScheduleConferenceOptions {
@@ -79,9 +82,13 @@ export declare class ScheduleConferenceManager implements IScheduleConferenceMan
     fetchFriendList(): Promise<any>;
     replaceFriendList(userList: Array<{
         userID: string;
-        avatar: string;
-        nick: string;
+        profile: {
+            userID: string;
+            nick: string;
+            avatar: string;
+        };
     }>): void;
+    generateRoomId(attempt?: number): Promise<string>;
     scheduleConference(options: IScheduleConferenceOptions): Promise<any>;
     cancelConference(options: {
         roomId: string;

package/lib/services/manager/scheduleConferenceManager.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
 const types = require("../types.js");
 const mitt = require("mitt");
+const roomActionManager = require("./roomActionManager.js");
+const MAX_ATTEMPTS = 5;
 class ScheduleConferenceManager {
   constructor(service) {
     __publicField(this, "service");
@@ -127,6 +129,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: TUIRoomEngine.TUIRoomType.kConference
+      }));
+      return await this.generateRoomId(attempt + 1);
+    } catch (err) {
+      if ((err == null ? void 0 : err.code) === roomActionManager.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/lib/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/lib/services/manager/trackingManager.js

@@ -0,0 +1,20 @@
+"use strict";
+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);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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;
+  }
+}
+exports.TrackingManager = TrackingManager;

package/lib/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/lib/services/manager/userManager.js

@@ -4,9 +4,13 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const environment = require("../../utils/environment.js");
+const utils = require("../../utils/utils.js");
 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];
@@ -33,7 +37,19 @@ class UserManager {
         this.service.roomStore.removeStreamInfo(userId, streamType);
       }
     });
+    __publicField(this, "handleUserVoiceVolumeThrottle", utils.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) {
@@ -60,10 +76,72 @@ class UserManager {
       TUIRoomEngine.TUIVideoStreamType.kCameraStream
     );
   }
+  setUserListSortComparator(comparator) {
+    this.userListCompareFunction = comparator;
+  }
+  getUserListSortComparator() {
+    const defaultUserListCompareFunction = utils.combineComparators(
+      utils.createComparator(
+        (userInfo) => Boolean(userInfo.userId === this.service.basicStore.userId)
+      ),
+      utils.createComparator(
+        (userInfo) => Boolean(userInfo.userRole === TUIRoomEngine.TUIRole.kRoomOwner)
+      ),
+      utils.createComparator(
+        (userInfo) => Boolean(userInfo.userRole === TUIRoomEngine.TUIRole.kAdministrator)
+      ),
+      utils.createComparator(
+        (userInfo) => Boolean(userInfo.hasScreenStream)
+      ),
+      utils.createComparator(
+        (userInfo) => Boolean(userInfo.hasVideoStream && userInfo.hasAudioStream)
+      ),
+      utils.createComparator(
+        (userInfo) => Boolean(userInfo.hasVideoStream)
+      ),
+      utils.createComparator(
+        (userInfo) => Boolean(userInfo.hasAudioStream)
+      ),
+      utils.createComparator((userInfo) => Boolean(userInfo.onSeat)),
+      utils.createComparator(
+        (userInfoA, userInfoB) => Boolean(Number(userInfoA.timestamp) < Number(userInfoB.timestamp))
+      )
+    );
+    return this.userListCompareFunction || defaultUserListCompareFunction;
+  }
+  setStreamListSortComparator(comparator) {
+    this.streamListCompareFunction = comparator;
+  }
+  getStreamListSortComparator() {
+    const defaultUserListCompareFunction = utils.combineComparators(
+      utils.createComparator(
+        (streamInfo) => Boolean(streamInfo.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream)
+      ),
+      utils.createComparator(
+        (streamInfo) => Boolean(streamInfo.userId === this.service.roomStore.masterUserId)
+      ),
+      utils.createComparator(
+        (streamInfo) => Boolean(streamInfo.userId === this.service.basicStore.userId)
+      ),
+      utils.createComparator(
+        (streamInfoA) => Boolean(streamInfoA.hasAudioStream && streamInfoA.hasVideoStream)
+      ),
+      utils.createComparator(
+        (streamInfoA) => Boolean(streamInfoA.hasVideoStream)
+      ),
+      utils.createComparator(
+        (streamInfoA) => Boolean(streamInfoA.hasAudioStream)
+      ),
+      utils.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(
@@ -146,33 +224,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 (environment.isMobile) {
+      this.handleUserVoiceVolumeThrottle(userVolumeList);
+    }
+  }
   bindRoomEngineEvents() {
     TUIRoomEngine.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(
         TUIRoomEngine.TUIRoomEvents.onRemoteUserEnterRoom,
-        this.onRemoteUserEnterRoom.bind(this)
+        this.onRemoteUserEnterRoom
       );
       (_b = this.service.roomEngine.instance) == null ? void 0 : _b.on(
         TUIRoomEngine.TUIRoomEvents.onRemoteUserLeaveRoom,
-        this.onRemoteUserLeaveRoom.bind(this)
+        this.onRemoteUserLeaveRoom
       );
       (_c = this.service.roomEngine.instance) == null ? void 0 : _c.on(
         TUIRoomEngine.TUIRoomEvents.onSeatListChanged,
-        this.onSeatListChanged.bind(this)
+        this.onSeatListChanged
       );
       (_d = this.service.roomEngine.instance) == null ? void 0 : _d.on(
         TUIRoomEngine.TUIRoomEvents.onUserVideoStateChanged,
-        this.onUserVideoStateChanged.bind(this)
+        this.onUserVideoStateChanged
       );
       (_e = this.service.roomEngine.instance) == null ? void 0 : _e.on(
         TUIRoomEngine.TUIRoomEvents.onUserAudioStateChanged,
-        this.onUserAudioStateChanged.bind(this)
+        this.onUserAudioStateChanged
+      );
+      (_f = this.service.roomEngine.instance) == null ? void 0 : _f.on(
+        TUIRoomEngine.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(
       TUIRoomEngine.TUIRoomEvents.onRemoteUserEnterRoom,
       this.onRemoteUserEnterRoom
@@ -193,6 +339,10 @@ class UserManager {
       TUIRoomEngine.TUIRoomEvents.onUserAudioStateChanged,
       this.onUserAudioStateChanged
     );
+    (_f = this.service.roomEngine.instance) == null ? void 0 : _f.off(
+      TUIRoomEngine.TUIRoomEvents.onUserVoiceVolumeChanged,
+      this.onUserVoiceVolumeChanged
+    );
   }
 }
 exports.UserManager = UserManager;

package/lib/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/lib/services/roomService.js

@@ -19,7 +19,8 @@ const componentManager = require("./manager/componentManager.js");
 const configManager = require("./manager/configManager.js");
 const userManager = require("./manager/userManager.js");
 const lifeCycleManager = require("./manager/lifeCycleManager.js");
-const MediaManager = require("./manager/MediaManager.js");
+const mediaManager = require("./manager/mediaManager.js");
+const trackingManager = require("./manager/trackingManager.js");
 const roomActionManager = require("./manager/roomActionManager.js");
 const waterMark = require("./function/waterMark.js");
 const virtualBackground = require("./function/virtualBackground.js");
@@ -42,7 +43,7 @@ const _RoomService = class _RoomService {
     __publicField(this, "componentManager", new componentManager.ComponentManager(this));
     __publicField(this, "configManager", new configManager.ConfigManager(this));
     __publicField(this, "userManager", new userManager.UserManager(this));
-    __publicField(this, "mediaManager", new MediaManager.MediaManager(this));
+    __publicField(this, "mediaManager", new mediaManager.MediaManager(this));
     __publicField(this, "lifeCycleManager", new lifeCycleManager.LifeCycleManager(this));
     __publicField(this, "roomActionManager", new roomActionManager.RoomActionManager(this));
     __publicField(this, "waterMark", new waterMark.WaterMark(this));
@@ -54,6 +55,7 @@ const _RoomService = class _RoomService {
     __publicField(this, "errorHandler", new errorHandler.ErrorHandler(this));
     __publicField(this, "chatManager", new chatManager.ChatManager(this));
     __publicField(this, "aiTask", new aiTask.AITask(this));
+    __publicField(this, "trackingManager", new trackingManager.TrackingManager());
     this.lifeCycleManager.start();
     this.initEventCtx();
     TUIRoomEngine.once("ready", () => {
@@ -74,7 +76,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);
@@ -114,97 +115,89 @@ const _RoomService = class _RoomService {
     useDeviceManager.default({ 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(TUIRoomEngine.TUIRoomEvents.onError, this.onError);
     (_b = roomEngine.instance) == null ? void 0 : _b.on(
       TUIRoomEngine.TUIRoomEvents.onRoomDismissed,
       this.onRoomDismissed
     );
     (_c = roomEngine.instance) == null ? void 0 : _c.on(
-      TUIRoomEngine.TUIRoomEvents.onUserVoiceVolumeChanged,
-      this.onUserVoiceVolumeChanged
-    );
-    (_d = roomEngine.instance) == null ? void 0 : _d.on(
       TUIRoomEngine.TUIRoomEvents.onUserNetworkQualityChanged,
       this.onUserNetworkQualityChanged
     );
-    (_e = roomEngine.instance) == null ? void 0 : _e.on(
+    (_d = roomEngine.instance) == null ? void 0 : _d.on(
       TUIRoomEngine.TUIRoomEvents.onKickedOutOfRoom,
       this.onKickedOutOfRoom
     );
-    (_f = roomEngine.instance) == null ? void 0 : _f.on(
+    (_e = roomEngine.instance) == null ? void 0 : _e.on(
       TUIRoomEngine.TUIRoomEvents.onSendMessageForUserDisableChanged,
       this.onSendMessageForUserDisableChanged
     );
-    (_g = roomEngine.instance) == null ? void 0 : _g.on(
+    (_f = roomEngine.instance) == null ? void 0 : _f.on(
       TUIRoomEngine.TUIRoomEvents.onUserSigExpired,
       this.onUserSigExpired
     );
-    (_h = roomEngine.instance) == null ? void 0 : _h.on(
+    (_g = roomEngine.instance) == null ? void 0 : _g.on(
       TUIRoomEngine.TUIRoomEvents.onKickedOffLine,
       this.onKickedOffLine
     );
-    (_i = roomEngine.instance) == null ? void 0 : _i.on(
+    (_h = roomEngine.instance) == null ? void 0 : _h.on(
       TUIRoomEngine.TUIRoomEvents.onAllUserCameraDisableChanged,
       this.onAllUserCameraDisableChanged
     );
-    (_j = roomEngine.instance) == null ? void 0 : _j.on(
+    (_i = roomEngine.instance) == null ? void 0 : _i.on(
       TUIRoomEngine.TUIRoomEvents.onAllUserMicrophoneDisableChanged,
       this.onAllUserMicrophoneDisableChanged
     );
-    (_k = roomEngine.instance) == null ? void 0 : _k.on(
+    (_j = roomEngine.instance) == null ? void 0 : _j.on(
       TUIRoomEngine.TUIRoomEvents.onScreenShareForAllUserDisableChanged,
       this.onScreenShareForAllUserDisableChanged
     );
-    (_l = roomEngine.instance) == null ? void 0 : _l.on(
+    (_k = roomEngine.instance) == null ? void 0 : _k.on(
       TUIRoomEngine.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(TUIRoomEngine.TUIRoomEvents.onError, this.onError);
     (_b = roomEngine.instance) == null ? void 0 : _b.off(
       TUIRoomEngine.TUIRoomEvents.onRoomDismissed,
       this.onRoomDismissed
     );
     (_c = roomEngine.instance) == null ? void 0 : _c.off(
-      TUIRoomEngine.TUIRoomEvents.onUserVoiceVolumeChanged,
-      this.onUserVoiceVolumeChanged
-    );
-    (_d = roomEngine.instance) == null ? void 0 : _d.off(
       TUIRoomEngine.TUIRoomEvents.onUserNetworkQualityChanged,
       this.onUserNetworkQualityChanged
     );
-    (_e = roomEngine.instance) == null ? void 0 : _e.off(
+    (_d = roomEngine.instance) == null ? void 0 : _d.off(
       TUIRoomEngine.TUIRoomEvents.onKickedOutOfRoom,
       this.onKickedOutOfRoom
     );
-    (_f = roomEngine.instance) == null ? void 0 : _f.off(
+    (_e = roomEngine.instance) == null ? void 0 : _e.off(
       TUIRoomEngine.TUIRoomEvents.onSendMessageForUserDisableChanged,
       this.onSendMessageForUserDisableChanged
     );
-    (_g = roomEngine.instance) == null ? void 0 : _g.off(
+    (_f = roomEngine.instance) == null ? void 0 : _f.off(
       TUIRoomEngine.TUIRoomEvents.onUserSigExpired,
       this.onUserSigExpired
     );
-    (_h = roomEngine.instance) == null ? void 0 : _h.off(
+    (_g = roomEngine.instance) == null ? void 0 : _g.off(
       TUIRoomEngine.TUIRoomEvents.onKickedOffLine,
       this.onKickedOffLine
     );
-    (_i = roomEngine.instance) == null ? void 0 : _i.off(
+    (_h = roomEngine.instance) == null ? void 0 : _h.off(
       TUIRoomEngine.TUIRoomEvents.onAllUserCameraDisableChanged,
       this.onAllUserCameraDisableChanged
     );
-    (_j = roomEngine.instance) == null ? void 0 : _j.off(
+    (_i = roomEngine.instance) == null ? void 0 : _i.off(
       TUIRoomEngine.TUIRoomEvents.onAllUserMicrophoneDisableChanged,
       this.onAllUserMicrophoneDisableChanged
     );
-    (_k = roomEngine.instance) == null ? void 0 : _k.off(
+    (_j = roomEngine.instance) == null ? void 0 : _j.off(
       TUIRoomEngine.TUIRoomEvents.onScreenShareForAllUserDisableChanged,
       this.onScreenShareForAllUserDisableChanged
     );
-    (_l = roomEngine.instance) == null ? void 0 : _l.off(
+    (_k = roomEngine.instance) == null ? void 0 : _k.off(
       TUIRoomEngine.TUIRoomEvents.onUserInfoChanged,
       this.onUserInfoChanged
     );
@@ -227,10 +220,6 @@ const _RoomService = class _RoomService {
       }
     });
   }
-  onUserVoiceVolumeChanged(eventInfo) {
-    const { userVolumeList } = eventInfo;
-    this.roomStore.setAudioVolume(userVolumeList);
-  }
   onUserNetworkQualityChanged(eventInfo) {
     this.basicStore.setLocalQuality(eventInfo.userNetworkList);
   }
@@ -243,7 +232,7 @@ const _RoomService = class _RoomService {
           notice = t("kicked out of the room by the host");
           break;
         case TUIRoomEngine.TUIKickedOutOfRoomReason.kKickedByLoggedOnOtherDevice:
-          notice = t("kicked out of the room by other device");
+          notice = t("kicked out of the room");
           break;
         case TUIRoomEngine.TUIKickedOutOfRoomReason.kKickedByServer:
           notice = t("kicked out of the room by serve");
@@ -359,13 +348,7 @@ const _RoomService = class _RoomService {
   }
   async initRoomKit(option) {
     this.storeInit(option);
-    const {
-      sdkAppId,
-      userId,
-      userSig,
-      userName = userId,
-      avatarUrl = ""
-    } = option;
+    const { sdkAppId, userId, userSig } = option;
     TUICore.TUILogin.login({
       SDKAppID: sdkAppId,
       userID: userId,
@@ -374,7 +357,6 @@ const _RoomService = class _RoomService {
     });
     const { chat: chat2 } = TUICore.TUILogin.getContext();
     await TUIRoomEngine.login({ sdkAppId, userId, userSig, tim: chat2 });
-    await TUIRoomEngine.setSelfInfo({ userName, avatarUrl });
     this.emit(types.EventType.ROOM_LOGIN);
   }
   async start(roomId, params) {

package/lib/stores/basic.js

@@ -58,7 +58,8 @@ const useBasicStore = pinia.defineStore("basic", {
         visible: true
       }
     },
-    scene: "default"
+    scene: "default",
+    showRoomTool: true
   }),
   getters: {},
   actions: {
@@ -173,6 +174,9 @@ const useBasicStore = pinia.defineStore("basic", {
     setScene(scene) {
       this.scene = scene;
     },
+    setShowRoomTool(isShow) {
+      this.showRoomTool = isShow;
+    },
     reset() {
       this.isSidebarOpen = false;
       this.layout = getDefaultLayout();
@@ -190,6 +194,7 @@ const useBasicStore = pinia.defineStore("basic", {
       this.showHeaderTool = true;
       this.shareLink = "";
       this.isOpenMic = false;
+      this.showRoomTool = false;
     }
   }
 });

package/lib/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;