TUICallKit

import { TUICallKitServer } from "@tencentcloud/call-uikit-react"; 
// Replace it with the call-uikit npm package you are currently using

try {
  await TUICallKitServer.init({ SDKAppID, userID, userSig });
  // If you already have a tim instance in your project, you need to pass it in here
  // await TUICallKitServer.init({ tim, SDKAppID, userID, userSig}); 
  console.log("[TUICallKit] Initialization succeeds.");
} catch (error: any) {
  console.error(`[TUICallKit] Initialization failed. Reason: ${error}`);
}

import { TUICallKitServer, TUICallType } from '@tencentcloud/call-uikit-react';
try {
  await TUICallKitServer.call({ 
    userID: 'mike', // username being called 
    type: TUICallType.VIDEO_CALL,
  });
} catch (error: any) {
  console.error(`[TUICallKit] Call failed. Reason: ${error}`);
}

import { TUICallKitServer, TUICallType } from '@tencentcloud/call-uikit-react';
try {
  await TUICallKitServer.groupCall({ 
    userIDList: ['jack', 'tom'], 
    groupID: 'xxx', 
    type: TUICallType.VIDEO_CALL 
  });
} catch (error: any) {
  console.error(`[TUICallKit] Failed to call the groupCall API. Reason:${error}`);
}

TUICallKitServer.setLanguage("zh-cn"); // "en" | "zh-cn" | "ja_JP"

try {
  await TUICallKitServer.setSelfInfo({ nickName: "xxx", avatar: "http://xxx" });
} catch (error: any) {
  console.error(`[TUICallKit] Failed to call the setSelfInfo API. Reason: ${error}`;
}

import filePath from '../assets/phone_ringing.mp3';
try {
  await TUICallKitServer.setCallingBell(filePath)
} catch (error: any) {
  console.error(`[TUICallKit] Failed to call the setCallingBell API. Reason: ${error}`);
}

try {
  const enable = true;
  await TUICallKitServer.enableFloatWindow(enable);
} catch (error: any) {
  console.error(`[TUICallKit] Failed to call the enableFloatWindow API. Reason: ${error}`);
}

try {
  const enable = true;
  await TUICallKitServer.enableMuteMode(enable);
} catch (error: any) {
  console.error(`[TUICallKit] Failed to call the enableMuteMode API. Reason: ${error}`);
}

import { TUICallKitServer, TUICallType } from '@tencentcloud/call-uikit-react';
try {
  const params = {
    type: TUICallType.VIDEO_CALL,
    groupID: "xxx",
    roomID: 234,
  };
  await TUICallKitServer.joinInGroupCall(params);
} catch (error: any) {
  console.error(`[TUICallKit] Failed to call the enableMuteMode API. Reason: ${error}`);
}

import { TUICallKitServer } from "@tencentcloud/call-uikit-react";
const enable = true;
TUICallKitServer.enableVirtualBackground(enable);

try {
  await TUICallKitServer.destroyed();
} catch (error: any) {
  console.error(`[TUICallKit] Failed to call the destroyed API. Reason: ${error}`);
}

TUICallKitServer.hideFeatureButton(buttonName: FeatureButton);

TUICallKitServer.setLocalViewBackgroundImage(url: string);

TUICallKitServer.setRemoteViewBackgroundImage(userId: string, url: string);