TUICallKit

<template>
   <TUICallKit
    :allowedMinimized="true"
    :allowedFullScreen="true"
    :videoDisplayMode="VideoDisplayMode.CONTAIN"
    :videoResolution="VideoResolution.RESOLUTION_1080P"
    :beforeCalling="beforeCalling"
    :afterCalling="afterCalling"
    :onMinimized="onMinimized"
    :kickedOut="handleKickedOut"
    :statusChanged="handleStatusChanged"
  />
</template>
<script lang="ts" setup>
import { TUICallKit, TUICallKitServer, VideoDisplayMode, VideoResolution, STATUS } from "@tencentcloud/call-uikit-vue"; // vue2 要换成 '@tencentcloud/call-uikit-vue2'

function beforeCalling(type: string, error: any) {
  console.log("[Callkit Demo] beforeCalling:", type, error);
}
function afterCalling() {
  console.log("[Callkit Demo] afterCalling");
}
function onMinimized(oldStatus: string, newStatus: string) {
  console.log("[Callkit Demo] onMinimized: " + oldStatus + " -> " + newStatus);
}
function kickedOut() {
  console.log("[Callkit Demo] kickedOut");
}
function statusChanged(args: { oldStatus: string; newStatus: string; }) {
  const { oldStatus, newStatus } = args;
  if (newStatus === STATUS.CALLING_C2C_VIDEO) {
    console.log(`[Callkit Demo] statusChanged: ${oldStatus} -> ${newStatus}`);
  }
}
</script>

try {
  await TUICallKitServer.init({ SDKAppID, userID, userSig });
  // await TUICallKitServer.init({ tim, SDKAppID, userID, userSig}); // 如果工程中已有 tim 实例，需在此处传入
  alert("[TUICallKit] Initialization succeeds.");
} catch (error: any) {
  alert(`[TUICallKit] Initialization failed. Reason: ${error}`);
}

try {
  await TUICallKitServer.call({ 
    userID: callUserID, 
    type: TUICallType.VIDEO_CALL 
  });
} catch (error: any) {
  alert(`[TUICallKit] Call failed. Reason: ${error}`);
}

try {
  await TUICallKitServer.groupCall({ 
    userIDList: ['jack', 'tom'], 
    groupID: "xxx", 
    type: TUICallType.VIDEO_CALL 
  });
} catch (error: any) {
  alert(`[TUICallKit] Failed to call the groupCall API. Reason:${error}`);
}

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

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

try {
  await TUICallKitServer.setCallingBell(filePath?: string)
} catch (error: any) {
  alert(`[TUICallKit] Failed to call the setCallingBell API. Reason: ${error}`);
}

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