Call UIKit for Vue QuickStart

English | 简体中文

TUICallKit 是 TencentCloud 开发的音频呼叫的 UIKit 组件。 通过集成此组件，您只需几行代码即可轻松地将视频通话功能添加到您的应用程序中。TUICallKit 支持离线通话等功能，可在 Android、iOS、Web 和 Flutter 等多个平台上使用。

开始之前

本节向您展示测试腾讯调用 Web Vue3 演示所需的先决条件。

条件

Calls SDK for Web Vue3 demo 的最低要求是：

• Node
• npm（or yarn）
• Modern browser，supporting WebRTC APIs.

开始

如果您想运行该 demo，可以按照以下步骤进行。

创建应用

1. 登录到 实时音视频 TRTC 控制台，单击创建新应用，在弹出的对话框中输入您的应用名称，并单击确定。
2. 单击刚刚创建出的应用，进入应用详情页面，并在页面的右下角找到含 UI 低代码场景方案功能区，单击免费体验即可开通 TUICallKit 的 7 天免费试用服务。
3. 在同一页面找到 SDKAppID 和 密钥(SecretKey) 并保存，在后续步骤中使用。

安装并运行 demo

1. 克隆仓库

  git clone https://github.com/tencentyun/TUICallKit.git

2. 安装依赖

  cd ./TUICallKit/Web/basic-vue3
  npm install

3. 配置 SDKAppID 和 SDKSecretKey 在 Web/basic-vue3/src/debug/GenerateTestUserSig-es.js 文件中填写 SDKAppID 和 SecretKey。

  let SDKAppID = 0;
  let SecretKey = '';

4. 运行

  npm run dev

开始您的第一次通话

1. 在设备上，打开浏览器并转到 demo 页面。 默认网址是：localhost:8080。
2. 分别在两台设备上登录两个用户，一方作为主叫，一方作为被叫。
3. 在主叫方进入通话界面，输入被叫方的 ID，选择媒体类型，发起通话。
4. 被叫方收到通话的请求，点击接听后进行通话。

参考

• 如果您想了解更多产品功能，可以点击以下：链接。
• 如果您遇到困难，可以参考：FAQs。这里是开发者最常遇到的问题，涵盖各个平台，希望可以帮助您快速解决问题。
• 有关完整的 API 文档，请参阅 Audio Video Call SDK API Example。包括 TUICallKit（带 UIKit）、TUICallEngine（不带 UIKit）、以及通话事件回调等。

常见问题

项目中的 Aegis 是用来做什么的？

Aegis 只是用来做一些性能分析；如果您不需要，可以直接删掉项目中 Aegis 的相关代码，不会影响该项目的正常功能。