tencent cloud

文档反馈

最后更新时间:2025-01-16 15:14:18
    通过集成 Chat 和 CallKit 可以实现如下效果,单击 在线体验
    

    开发环境要求

    TypeScript
    sass(sass-loader 版本 ≤ 10.1.1)
    node(node.js ≥ 16.0.0)
    npm(版本请与 node 版本匹配)

    步骤一:集成 Chat

    具体步骤请参见:快速集成 Chat

    步骤二:开通音视频通话能力

    在使用腾讯云提供的音视频服务前,您需要前往控制台,为应用开通音视频服务。具体步骤请参见 开通服务

    步骤三:下载 TUICallKit 组件

    通过 npm 方式下载 TUICallKit 组件,版本至 v3.3.6 版本及以上:
    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>

    步骤五:启动项目

    vite
    webpack
    npm run dev
    npm run serve

    步骤六:发送您的第一条消息

    如图,您可以实现与好友之间互发消息。
    

    步骤七:拨打您的第一通电话

    如图,点击工具栏的视频/音频 Icon,可以实现通话效果。
    

    常见问题

    如果您的接入和使用中遇到问题,请参见 常见问题
    如果有任何需要或者反馈,您可以联系:info_rtc@tencent.com 。
    联系我们

    联系我们,为您的业务提供专属服务。

    技术支持

    如果你想寻求进一步的帮助,通过工单与我们进行联络。我们提供7x24的工单服务。

    7x24 电话支持