开发环境要求
TypeScript
sass（sass-loader 版本 ≤ 10.1.1）
node（node.js ≥ 16.0.0）
npm（版本请与 node 版本匹配）
操作步骤
步骤1：集成 Chat
步骤2：开通音视频通话能力
步骤3：下载 TUICallKit 组件
npm i @tencentcloud/call-uikit-vue
步骤4：引入并调用 TUICallKit 组件
参见以下示例：在引入
<TUIKit /> 的地方，引入 <TUICallKit />。<template><div id="app"><TUIKit :SDKAppID="YOUR_SDKAPPID" userID="YOUR_USERID" userSig="YOUR_USERSIG" /><TUICallKit class="callkit-container" :allowedMinimized="true" :allowedFullScreen="false" /></div></template><script lang="ts" setup>import { TUIKit } from './TUIKit';import { TUICallKit } from '@tencentcloud/call-uikit-vue';</script><style lang="scss"></style>
步骤5：启动项目
npm run dev
npm run serve
步骤6：发送您的第一条消息
如图，您可以实现与好友之间互发消息。
步骤7：拨打您的第一通电话
如图，点击工具栏的视频/音频 Icon，可以实现通话效果。
