@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.5.0

package/src/TUIRoom/index.ts

@@ -5,6 +5,7 @@ import { conference, RoomEvent, FeatureButton } from './conference';
 import RoomMessageCard from './extension/RoomMessageCard/RoomMessageCard.vue';
 import { roomService } from './services';
 export * from './components/common/base/index';
+export * from './services/manager/scheduleConferenceManager';
 export {
   ConferenceMainView,
   PreConferenceView,

package/src/TUIRoom/locales/en-US.ts

@@ -199,6 +199,8 @@ export default {
   'Camera settings': 'Camera settings',
   Copy: 'Copy',
   'Copied successfully': 'Copied successfully',
+  'Copied failure': 'Copied failure',
+  'This model does not support copying at this time': 'This model does not support copying at this time',
   'accepted the invitation to the stage': 'accepted the invitation to the stage',
   'declined the invitation to the stage': 'declined the invitation to the stage',
   'All audios disabled': 'All audios disabled',
@@ -290,6 +292,7 @@ export default {
   'and so on number people applying to stage': ({ named }) => `and so on ${named('number')} people applying to stage`,
   'The stage is full, please contact the host': 'The stage is full, please contact the host',
   'The stage is full': 'The stage is full',
+  'change name': 'change name',
   // Room Chat Fusion Card Translation
   'quick conference': 'quick conference',
   Meeting: 'Meeting',
@@ -306,4 +309,78 @@ export default {
   'Failed to initiate meeting': 'Failed to initiate meeting',
   'Failed to enter the meeting': 'Failed to enter the meeting',
   'Failed to disable chat': 'Failed to disable chat',
+  'All members can share screen': 'All members can share screen',
+  'Screen sharing for host/admin only': 'Screen sharing for host/admin only',
+  'Failed to initiate screen sharing, currently only host/admin can share screen.': 'Failed to initiate screen sharing, currently only host/admin can share screen.',
+  'Is it turned on that only the host/admin can share the screen?': 'Is it turned on that only the host/admin can share the screen?',
+  'Other member is sharing the screen is now, the member\'s sharing will be terminated after you turning on': 'Other member is sharing the screen now, the member\'s sharing will be terminated after you turning on',
+  'Your screen sharing has been stopped': 'Your screen sharing has been stopped',
+  'Your screen sharing has been stopped, Now only the host/admin can share the screen': 'Your screen sharing has been stopped, Now only the host/admin can share the screen',
+  'I got it': 'I got it',
+  Attention: 'Attention',
+  'Audio playback failed. Click the "Confirm" to resume playback': 'Audio playback failed. Click the "Confirm" to resume playback.',
+  // Schedule Room
+  'view details': 'view details',
+  'modify room': 'modify room',
+  'cancel room': 'cancel room',
+  join: 'join',
+  'No room available for booking': 'No room available for booking',
+  'Ongoing': 'Ongoing',
+  finished: 'finished',
+  'History room': 'History room',
+  'sb temporary room': ({ named }: any) => `${named('name')}'s temporary room`,
+  year: 'year',
+  month: 'month',
+  day: 'day',
+  Schedule: 'Schedule',
+  'Modify Room': 'Modify Room',
+  'Room Name': 'Room Name',
+  'please enter the room name': 'please enter the room name',
+  'Room type': 'Room type',
+  'Starting time': 'Starting time',
+  'Room duration': 'Room duration',
+  'Time zone': 'Time zone',
+  Attendees: 'Attendees',
+  'Please enter the member name': 'Please enter the member name',
+  people: 'people',
+  'Scheduled meetings': 'scheduled meetings',
+  minute: 'minute',
+  hour: 'hour',
+  minutes: 'minutes',
+  hours: 'hours',
+  'The start time cannot be earlier than the current time': 'The start time cannot be earlier than the current time',
+  'Room Time': 'Room Time',
+  'Creator': 'Creator',
+  'Room Details': 'Room Details',
+  'Enter Now': 'Enter Now',
+  'Invited members': 'Invited members',
+  'The room is closed': 'The room is closed',
+  'Entry Time': 'Entry Time',
+  'Duration of participation': 'Duration of participation',
+  'No cancellation': 'No cancellation',
+  'Other members will not be able to join after cancellation': 'Other members will not be able to join after cancellation',
+  'Inviting members to join': 'Inviting members to join',
+  'Invitation by room ID': 'Invitation by room ID',
+  'Invitation via room link': 'Invitation via room link',
+  'Copy the conference number and link': 'Copy the conference number and link',
+  'Schedule successful, invite members to join': 'Schedule successful, invite members to join',
+  'Name changed successfully': 'Name changed successfully',
+  'schedule year': '/',
+  'schedule month': '/',
+  'schedule day': ' ',
+  'The room name cannot exceed 100 characters': 'The room name cannot exceed 100 characters',
+  'The meeting is in progress and any meeting information cannot be modified': 'The meeting is in progress and any meeting information cannot be modified',
+  'Schedule room loading': 'Schedule room loading...',
+  'The user name cannot exceed 32 characters': 'The user name cannot exceed 32 characters',
+  'sb invites you to join the conference': ({ named }: any) => `${named('name')} invites you to join the conference`,
+  // media privilege
+  microphone: 'microphone',
+  camera: 'camera',
+  'Unable to use the device': ({ named }: any) => `Unable to use the ${named('deviceType')}`,
+  'media device failed to open, please check the media device and try again': ({ named }: any) => `${named('deviceType')} failed to open, please check the ${named('deviceType')} and try again`,
+  'The current device is not authorized, please allow access to the device permissions': ({ named }: any) => `The ${named('deviceType')} is not authorized, please allow access to the ${named('deviceType')} permissions`,
+  'The current device is occupied by other apps, try to close other apps or change the device': ({ named }: any) => `The ${named('deviceType')} is occupied by other apps, try to close other apps or change the device`,
+  'Turn on device privileges': ({ named }: any) => `Turn on ${named('deviceType')} privileges`,
+  'You can go to "System Preferences - Security & Privacy - Device" to enable device permissions': ({ named }: any) => `You can go to "System Preferences - Security & Privacy - ${named('deviceType')}" to enable device permissions.`,
+  'Go to Settings': 'Go to Settings',
 };

package/src/TUIRoom/locales/zh-CN.ts

@@ -3,7 +3,7 @@ export default {
   'Log out': '退出登录',
   'Edit profile': '编辑资料',
   'User Name': '用户名',
-  'Please input user name': '请输入用户名',
+  'Please input user name': '请输入名称',
   'Username length should be greater than 0': '昵称长度应该大于0',
   Save: '保存',
   Camera: '摄像头',
@@ -199,6 +199,8 @@ export default {
   'Camera settings': '摄像头设置',
   Copy: '复制',
   'Copied successfully': '复制成功',
+  'Copied failure': '复制失败',
+  'This model does not support copying at this time': '此机型暂不支持复制',
   'accepted the invitation to the stage': '接受了上台邀请',
   'declined the invitation to the stage': '拒绝了上台邀请',
   'All audios disabled': '已开启全体静音',
@@ -290,6 +292,7 @@ export default {
   'and so on number people applying to stage': ({ named }) => `等 ${named('number')} 人正在申请上台`,
   'The stage is full, please contact the host': '台上人数已满，请联系主持人',
   'The stage is full': '台上人数已满',
+  'change name': '修改名称',
   // Room Chat Fusion Card Translation
   'quick conference': '快速会议',
   Meeting: '会议',
@@ -306,4 +309,82 @@ export default {
   'Failed to initiate meeting': '发起会议失败',
   'Failed to enter the meeting': '进入会议失败',
   'Failed to disable chat': '禁言失败',
+  'All members can share screen': '全体成员可共享屏幕',
+  'Screen sharing for host/admin only': '仅房主/管理员可共享屏幕',
+  'Failed to initiate screen sharing, currently only host/admin can share screen.': '发起共享失败，当前仅房主/管理员可以共享',
+  'Is it turned on that only the host/admin can share the screen?': '是否开启仅房主/管理员可共享屏幕？',
+  'Other member is sharing the screen is now, the member\'s sharing will be terminated after you turning on': '当前有成员正在共享屏幕, 开启后该成员的共享将会被终止',
+  'Your screen sharing has been stopped': '共享屏幕停止',
+  'Your screen sharing has been stopped, Now only the host/admin can share the screen': '已停止您的共享，当前仅房主/管理员可以共享屏幕',
+  'I got it': '我知道了',
+  Attention: '注意',
+  'Audio playback failed. Click the "Confirm" to resume playback': '音频播放失败。单击 “确认 ”恢复播放。',
+  // Schedule Room
+  'view details': '查看详情',
+  'modify room': '修改房间',
+  'cancel room': '取消房间',
+  join: '加入',
+  'No room available for booking': '暂无预订房间',
+  'Ongoing': '进行中',
+  finished: '已结束',
+  'History room': '历史房间',
+  'sb temporary room': ({ named }: any) => `${named('name')}的临时房间`,
+  year: '年',
+  month: '月',
+  day: '日',
+  Schedule: '预订房间',
+  'Modify Room': '修改房间',
+  'Room Name': '房间名称',
+  'please enter the room name': '请输入房间名称',
+  'Room type': '房间类型',
+  'Starting time': '开始时间',
+  'Room duration': '房间时长',
+  'Time zone': '时区',
+  Attendees: '参与成员',
+  'Please enter the member name': '请输入成员名称',
+  people: '人',
+  Contacts: '联系人',
+  'No relevant members found': '暂无相关成员',
+  'Selected Contact': '已选联系人',
+  'Scheduled meetings': '预订的会议',
+  minute: '分钟',
+  hour: '小时',
+  minutes: '分钟',
+  hours: '小时',
+  'The start time cannot be earlier than the current time': '开始时间不能早于当前时间',
+  'Room Time': '房间时间',
+  'Creator': '发起人',
+  'Room Details': '房间详情',
+  'Enter Now': '立即进入',
+  'Invited members': '邀请成员',
+  'The room is closed': '房间已结束',
+  'Entry Time': '进房时间',
+  'Duration of participation': '参会时长',
+  'No cancellation': '暂不取消',
+  'Cancellation of scheduled rooms': '取消已预订的房间',
+  'Other members will not be able to join after cancellation': '取消后其他成员将无法加入',
+  'Inviting members to join': '邀请成员加入',
+  'Invitation by room ID': '通过房间号邀请',
+  'Invitation via room link': '通过房间链接邀请',
+  'Copy the conference number and link': '复制会议号与链接',
+  'Schedule successful, invite members to join': '预订成功，邀请成员加入',
+  'Name changed successfully': '名称修改成功',
+  'schedule year': '年',
+  'schedule month': '月',
+  'schedule day': '日',
+  'The room name cannot exceed 100 characters': '房间名称不能超过100个字节',
+  'The meeting is in progress and any meeting information cannot be modified': '进行中的会议，不能修改任何会议信息',
+  'Schedule room loading': '预定房间加载中...',
+  'The user name cannot exceed 32 characters': '用户名称不能超过32个字节',
+  'sb invites you to join the conference': ({ named }: any) => `${named('name')} 邀请您加入会议`,
+  // media privilege
+  microphone: '麦克风',
+  camera: '摄像头',
+  'Unable to use the device': ({ named }: any) => `无法使用${named('deviceType')}`,
+  'media device failed to open, please check the media device and try again': ({ named }: any) => `打开${named('deviceType')}失败, 请检查${named('deviceType')}设备并重试`,
+  'The current device is not authorized, please allow access to the device permissions': ({ named }: any) => `${named('deviceType')}设备未授权, 请允许访问${named('deviceType')}权限`,
+  'The current device is occupied by other apps, try to close other apps or change the device': ({ named }: any) => `当前${named('deviceType')}被其他应用程序占用，请尝试关闭其他应用程序或更换${named('deviceType')}`,
+  'Turn on device privileges': ({ named }: any) => `打开${named('deviceType')}权限`,
+  'You can go to "System Preferences - Security & Privacy - Device" to enable device permissions': ({ named }: any) => `你可前往"系统设置 - 隐私与安全性 - ${named('deviceType')}"开启设备权限。`,
+  'Go to Settings': '前往设置',
 };

package/src/TUIRoom/preConference.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pre-conference-container">
+  <div id="pre-conference-container" :class="['pre-conference-container', tuiRoomThemeClass]">
     <div class="header">
       <div class="left-header">
         <switch-theme class="header-item"></switch-theme>
@@ -18,6 +18,7 @@
       </div>
     </div>
     <room-home-control
+      v-if="isMobile"
       ref="roomControlRef"
       :given-room-id="props.roomId"
       :user-name="props.userInfo.userName"
@@ -25,15 +26,41 @@
       @enter-room="handleEnterRoom"
       @update-user-name="handleUpdateUserName"
     ></room-home-control>
+    <div class="pre-home-control" v-else>
+      <Logo v-show="props.isShowLogo" class="logo" />
+      <div class="pre-home-control-container">
+        <room-home-control
+          ref="roomControlRef"
+          :given-room-id="props.roomId"
+          :user-name="props.userInfo.userName"
+          :enable-scheduled-conference="props.enableScheduledConference"
+          @create-room="handleCreateRoom"
+          @enter-room="handleEnterRoom"
+          @update-user-name="handleUpdateUserName"
+        ></room-home-control>
+        <schedule-room-list
+          :is-show-scheduled-conference="props.enableScheduledConference"
+          @join-conference="handleEnterRoom"
+        ></schedule-room-list>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
+import { ref, computed, onMounted, onUnmounted } from 'vue';
 import UserInfo from './components/RoomHeader/UserInfo/index.vue';
 import RoomHomeControl from './components/RoomHome/RoomControl/index.vue';
 import LanguageIcon from './components/common/Language.vue';
 import SwitchTheme from './components/common/SwitchTheme.vue';
-import { ref } from 'vue';
+import { EventType, roomService } from './services/index';
+import ScheduleRoomList from './components/ScheduleConference/ScheduleRoomList.vue';
+import Logo from './components/common/Logo.vue';
+import TUIMessageBox from './components/common/base/MessageBox/index';
+import TUIMessage from './components/common/base/Message/index';
+import { MESSAGE_DURATION } from './constants/message';
+import { isMobile } from './utils/environment';
+
 const roomControlRef = ref();
 
 const props = withDefaults(defineProps<{
@@ -44,6 +71,8 @@ const props = withDefaults(defineProps<{
   },
   showEditNameInPc: boolean,
   roomId: string,
+  enableScheduledConference: boolean,
+  isShowLogo?: boolean
 }>(), {
   userInfo: () => ({
     userId: '',
@@ -52,10 +81,14 @@ const props = withDefaults(defineProps<{
   }),
   showEditNameInPc: false,
   roomId: '',
+  enableScheduledConference: true,
+  isShowLogo: true,
 });
 
 const emits = defineEmits(['on-create-room', 'on-enter-room', 'on-update-user-name', 'on-logout']);
 
+const tuiRoomThemeClass = computed(() => `tui-theme-${roomService.basicStore.defaultTheme}`);
+
 async function handleCreateRoom(roomOption: Record<string, any>) {
   emits('on-create-room', roomOption);
 }
@@ -72,6 +105,50 @@ async function handleLogOut() {
   emits('on-logout');
 }
 
+const showMessageBox = (data: {
+  code?: number;
+  message: string;
+  title: string;
+  cancelButtonText: string,
+  confirmButtonText: string;
+  callback?: () => void;
+}) => {
+  const {
+    message,
+    title = roomService.t('Note'),
+    cancelButtonText,
+    confirmButtonText = roomService.t('Sure'),
+    callback = () => {},
+  } = data;
+  TUIMessageBox({
+    title,
+    message,
+    cancelButtonText,
+    confirmButtonText,
+    callback,
+  });
+};
+const showMessage = (data: {
+  type: 'warning' | 'success' | 'error' | 'info';
+  message: string;
+  duration: MESSAGE_DURATION;
+}) => {
+  const { type, message, duration } = data;
+  TUIMessage({
+    type,
+    message,
+    duration,
+  });
+};
+
+onMounted(() => {
+  roomService.on(EventType.ROOM_NOTICE_MESSAGE, showMessage);
+  roomService.on(EventType.ROOM_NOTICE_MESSAGE_BOX, showMessageBox);
+});
+onUnmounted(() => {
+  roomService.off(EventType.ROOM_NOTICE_MESSAGE, showMessage);
+  roomService.off(EventType.ROOM_NOTICE_MESSAGE_BOX, showMessageBox);
+});
 </script>
 
 <style>
@@ -89,6 +166,10 @@ async function handleLogOut() {
   --background: url(./assets/imgs/background-white.png);
 }
 
+.tui-theme-black.pre-conference-container {
+  --background: var(--background-color-1);
+}
+
 .pre-conference-container {
   width: 100%;
   height: 100%;
@@ -118,6 +199,20 @@ async function handleLogOut() {
       }
     }
   }
+  .pre-home-control {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    .logo {
+      margin-bottom: 56px;
+    }
+    .pre-home-control-container {
+      display: flex;
+    }
+  }
 }
 
 </style>

package/src/TUIRoom/services/function/errorHandler.ts

@@ -0,0 +1,169 @@
+import { TUIErrorCode } from '@tencentcloud/tuiroom-engine-electron';
+import { EventType } from '../types';
+import { isElectron } from '../../utils/environment';
+
+export class ErrorHandler {
+  private service: any;
+  private handlerMap: Record<string, (error: any) => void> = {
+    createRoom: this.handleCreateRoomError.bind(this),
+    enterRoom: this.handleEnterRoomError.bind(this),
+    onError: this.handleOnError.bind(this),
+  };
+
+  private mediaDeviceErrorHandler: MediaDeviceErrorHandler | null = null;
+
+  constructor(service: any) {
+    this.service = service;
+  }
+
+  public handleError(error: any, functionName: string) {
+    this.handlerMap[functionName] && this.handlerMap[functionName](error);
+  }
+
+  private handleEnterRoomError(error: any) {
+    let message = '';
+    switch (error.code) {
+      case TUIErrorCode.ERR_ROOM_ID_NOT_EXIST:
+        message = 'The room does not exist, please confirm the room number or create a room!';
+        break;
+      default:
+        message = 'Failed to enter the meeting';
+    }
+    this.service.emit(EventType.ROOM_NOTICE_MESSAGE_BOX, {
+      title: this.service.t('Note'),
+      message: this.service.t(message),
+      confirmButtonText: this.service.t('Sure'),
+      callback: async () => {
+        this.service.emit(EventType.ROOM_ERROR, error);
+        this.service.roomStore.reset();
+      },
+    });
+  }
+
+  private handleCreateRoomError(error: any) {
+    this.service.emit(EventType.ROOM_NOTICE_MESSAGE_BOX, {
+      title: this.service.t('Note'),
+      message: this.service.t('Failed to initiate meeting'),
+      confirmButtonText: this.service.t('Sure'),
+      callback: async () => {
+        this.service.emit(EventType.ROOM_ERROR, error);
+        this.service.resetStore();
+      },
+    });
+  }
+
+  private handleOnError(error: any) {
+    if (error.message === 'enter trtc room failed , error code : -1') {
+      this.service.emit(EventType.ROOM_NOTICE_MESSAGE_BOX, {
+        type: 'warning',
+        message: this.service.t('Failed to enter the meeting'),
+        callback: () => {
+          this.service.emit(EventType.ROOM_ERROR);
+          this.service.resetStore();
+        },
+      });
+    }
+    if (error.code && String(error.code).indexOf('-11') === 0) {
+      if (!this.mediaDeviceErrorHandler) {
+        this.mediaDeviceErrorHandler = new MediaDeviceErrorHandler(this.service);
+      }
+      this.mediaDeviceErrorHandler.handleError(error);
+    }
+  }
+}
+
+type MediaDeviceType = 'camera' | 'microphone' | 'screenShare';
+class MediaDeviceErrorHandler {
+  private service: any;
+
+  constructor(service: any) {
+    this.service = service;
+  }
+
+  private getMediaDeviceErrorTitle(deviceType: MediaDeviceType) {
+    return this.service.t('Unable to use the device', { deviceType: this.service.t(deviceType) });
+  }
+
+  private getMediaDeviceErrorMsg(deviceType: MediaDeviceType) {
+    return this.service.t('media device failed to open, please check the media device and try again', { deviceType: this.service.t(deviceType) });
+  }
+
+  private getMediaDeviceNotAuthorizedMsg(deviceType: MediaDeviceType) {
+    return this.service.t('The current device is not authorized, please allow access to the device permissions', { deviceType: this.service.t(deviceType) });
+  }
+
+  private getMediaDeviceOccupiedMsg(deviceType: MediaDeviceType) {
+    return this.service.t('The current device is occupied by other apps, try to close other apps or change the device', { deviceType: this.service.t(deviceType) });
+  }
+
+  private getTurnOnDevicePrivilegesTitle(deviceType: MediaDeviceType) {
+    return this.service.t('Turn on device privileges', { deviceType: this.service.t(deviceType) });
+  }
+
+  private getTurnOnDevicePrivilegesMsg(deviceType: MediaDeviceType) {
+    return this.service.t('You can go to "System Preferences - Security & Privacy - Device" to enable device permissions', { deviceType: this.service.t(deviceType) });
+  }
+
+  public handleError(error: any) {
+    let mediaType: MediaDeviceType;
+    let mediaErrorTitle = '';
+    let mediaErrorMsg = '';
+    let cancelButtonText = '';
+    let confirmButtonText = '';
+    let callback = null;
+    switch (error.code) {
+      case TUIErrorCode.ERR_CAMERA_START_FAILED:
+      case TUIErrorCode.ERR_MICROPHONE_START_FAILED:
+        mediaType = error.code === TUIErrorCode.ERR_CAMERA_START_FAILED ? 'camera' : 'microphone';
+        mediaErrorTitle = this.getMediaDeviceErrorTitle(mediaType);
+        mediaErrorMsg = this.getMediaDeviceErrorMsg(mediaType);
+        break;
+      case TUIErrorCode.ERR_CAMERA_NOT_AUTHORIZED:
+      case TUIErrorCode.ERR_MICROPHONE_NOT_AUTHORIZED:
+        mediaType = error.code === TUIErrorCode.ERR_CAMERA_NOT_AUTHORIZED ? 'camera' : 'microphone';
+        if (isElectron) {
+          mediaErrorTitle = this.getTurnOnDevicePrivilegesTitle(mediaType);
+          mediaErrorMsg = this.getTurnOnDevicePrivilegesMsg(mediaType);
+          cancelButtonText = this.service.t('Cancel');
+          confirmButtonText = this.service.t('Go to Settings');
+          callback = (action: 'cancel' | 'confirm' | 'close') => {
+            if (action === 'confirm') {
+              this.goToPermissionSettings(mediaType);
+            }
+          };
+        } else {
+          mediaErrorTitle = this.getMediaDeviceErrorTitle(mediaType);
+          mediaErrorMsg = this.getMediaDeviceNotAuthorizedMsg(mediaType);
+        }
+        break;
+      case TUIErrorCode.ERR_CAMERA_OCCUPIED:
+      case TUIErrorCode.ERR_MICROPHONE_OCCUPIED:
+        mediaType = error.code === TUIErrorCode.ERR_CAMERA_OCCUPIED ? 'camera' : 'microphone';
+        mediaErrorTitle = this.getMediaDeviceErrorTitle(mediaType);
+        mediaErrorMsg = this.getMediaDeviceOccupiedMsg(mediaType);
+        break;
+      default:
+        break;
+    }
+    if (mediaErrorMsg) {
+      this.service.emit(EventType.ROOM_NOTICE_MESSAGE_BOX, {
+        type: 'error',
+        title: mediaErrorTitle,
+        message: mediaErrorMsg,
+        cancelButtonText,
+        confirmButtonText: confirmButtonText || this.service.t('I got it'),
+        callback,
+      });
+    }
+  }
+
+  private goToPermissionSettings(deviceType: MediaDeviceType) {
+    const { shell } = require('electron');
+    const privacyTypeObj = {
+      camera: 'Privacy_Camera',
+      microphone: 'Privacy_Microphone',
+      screenShare: 'Privacy_ScreenCapture',
+    };
+    shell.openExternal(`x-apple.systempreferences:com.apple.preference.security?${privacyTypeObj[deviceType]}`);
+  }
+}

package/src/TUIRoom/services/function/virtualBackground.ts

@@ -1,4 +1,4 @@
-import { isElectron } from '../../utils/environment';
+import { isElectron, isWeChat } from '../../utils/environment';
 import { IRoomService } from '../types';
 
 interface IVirtualBackground {
@@ -18,7 +18,7 @@ export class VirtualBackground implements IVirtualBackground {
 
   constructor(service: IRoomService) {
     this.service = service;
-    if (isElectron) return;
+    if (isElectron || isWeChat) return;
     this.bindEvent();
   }
 
@@ -36,7 +36,7 @@ export class VirtualBackground implements IVirtualBackground {
   }
 
   public async initVirtualBackground(): Promise<void> {
-    if (!this.virtualBackgroundPluginReady) {
+    if (!this.virtualBackgroundPluginReady && this.trtcCloud?.useVirtualBackground) {
       await this.trtcCloud.useVirtualBackground();
       this.virtualBackgroundPluginReady = true;
     }

package/src/TUIRoom/services/index.ts

@@ -7,3 +7,4 @@ export * from './manager/configManager';
 export * from './manager/userManager';
 export * from './manager/lifeCycleManager';
 export * from './manager/roomActionManager';
+export * from './manager/scheduleConferenceManager';

package/src/TUIRoom/services/manager/roomActionManager.ts

@@ -144,15 +144,7 @@ export class RoomActionManager {
       await this.handleRoomCreation(roomParams, options);
     } catch (error) {
       logger.error(`${logPrefix}createRoom error:`, error);
-      this.service.emit(EventType.ROOM_NOTICE_MESSAGE_BOX, {
-        title: this.service.t('Note'),
-        message: this.service.t('Failed to initiate meeting'),
-        confirmButtonText: this.service.t('Sure'),
-        callback: async () => {
-          this.service.emit(EventType.ROOM_ERROR, error);
-          this.service.resetStore();
-        },
-      });
+      this.service.errorHandler.handleError(error, 'createRoom');
       throw error;
     }
   }
@@ -180,6 +172,7 @@ export class RoomActionManager {
 
       this.service.roomStore.setRoomInfo(roomInfo);
       await this.getUserList();
+      await this.syncUserInfo(this.service.basicStore.userId);
 
       if (roomInfo.isSeatEnabled) {
         await this.getSeatList();
@@ -193,15 +186,7 @@ export class RoomActionManager {
       this.service.roomStore.setRoomParam(roomParam);
     } catch (error) {
       logger.error(`${logPrefix}enterRoom error:`, error);
-      this.service.emit(EventType.ROOM_NOTICE_MESSAGE_BOX, {
-        title: this.service.t('Note'),
-        message: this.service.t('Failed to enter the meeting'),
-        confirmButtonText: this.service.t('Sure'),
-        callback: async () => {
-          this.service.emit(EventType.ROOM_ERROR, error);
-          this.service.roomStore.reset();
-        },
-      });
+      this.service.errorHandler.handleError(error, 'enterRoom');
       throw error;
     }
   }
@@ -250,6 +235,13 @@ export class RoomActionManager {
     }
   }
 
+  private async syncUserInfo(userId: string) {
+    const { roomEngine } = this.service;
+    const userInfo = (await roomEngine.instance?.getUserInfo({ userId })) as any;
+    const { isMessageDisabled } = userInfo;
+    this.service.chatStore.setSendMessageDisableChanged(isMessageDisabled);
+  }
+
   private async getSeatList() {
     const { roomEngine } = this.service;
     try {