产品动态
产品近期公告
关于 TRTC Live 正式上线的公告
关于TRTC Conference 正式版上线的公告
Conference 商业化版本即将推出
关于多人音视频 Conference 开启内测公告
关于音视频通话 Call 正式版上线的公告
关于腾讯云音视频终端 SDK 播放升级及新增授权校验的公告
关于 TRTC 应用订阅套餐服务上线的相关说明
Vue
开发环境要求
TypeScript
sass（sass-loader 版本 ≤ 10.1.1）
node（node.js ≥ 16.0.0）
npm（版本请与 node 版本匹配）
步骤一：集成 Chat
步骤二：开通音视频通话能力
步骤三：下载 TUICallKit 组件
npm i @tencentcloud/call-uikit-react
步骤四：引入并调用 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>
步骤五：启动项目
npm run dev
npm run serve
步骤六：发送您的第一条消息
如图，您可以实现与好友之间互发消息。
步骤七：拨打您的第一通电话
如图，点击工具栏的视频/音频 Icon，可以实现通话效果。
常见问题
如果您的接入和使用中遇到问题，请参见 常见问题。
如果有任何需要或者反馈，您可以联系：info_rtc@tencent.com 。
文档反馈