腾讯云即时通信IMuni-app（H5）_AI解决方案_同尘科技

TUIKit（vue2/vue3） 组件具备单人和群组视频通话和语音通话功能，并且实现了小程序端和 Web 端、App 端全平台的互通。说明2022年8月以后，TUIKit 组件升级了音视频通话功能，采用了全新的 TUICallKit，新版本音视频通话功能需要加购专属的 IM 音视频通话能力包后解锁，具体购买方法请参见 步骤1：开通音视频服务，如已开通，则可忽略该步骤。音视频通话界面如下图所示：

语音通话	视频通话
	

操作步骤

步骤1：开通音视频通话能力

1. 登录 即时通信 IM 控制台 ，单击目标应用卡片，进入应用的基础配置页面。2. 在页面的右下角找到开通腾讯实时音视频服务功能区。2.1 若您需要体验音视频通话功能，可单击卡片内的 免费体验 开通 TUICallKit 的 7 天免费试用服务。
2.2 您可参见 音视频通话能力版本说明 确认所需要使用的版本，单击 购买正式版 以购买正式的音视频通话能力。在购买页内的增值服务中勾选“音视频通话能力”，并选择所需版本即可。

步骤2：集成 TUICallKit 组件

1. 在 TUIKit 中注入 TUICallKit 组件文件路径 TUIKit/components/TUIChat/index.vue vue2vue3

import { TUICallKit } from "@tencentcloud/call-uikit-vue2.6"

import { TUICallKit } from "@tencentcloud/call-uikit-vue" 

如图所示：

步骤3：运行

HBuilderX > 运行 > 运行到浏览器 > Chrome

步骤4：发起您的第一次通话



常见问题

页面访问协议说明

浏览器厂商出于对用户安全、隐私等问题的考虑，限制网页在 https 协议下才能正常使用 WebRTC。为确保生产环境用户顺畅接入和体验 CallKit 的全部功能，请使用 https 协议访问即时通信 IM 应用页面。本地开发环境请使用 http://localhost生产环境请使用 HTTPS 协议

错误提示“权限获取失败，用户禁止使用设备”？

如遇以上错误提示，可能是由于以下原因导致：您当前应用所在的浏览器或设备没有开通“麦克风”或“摄像头”权限。请先确保页面已被授权使用麦克风或摄像头，参见设备授权说明。您当前应用所使用的“页面访问协议”不符合上文要求。如以上问题都已解决但仍提示该错误，请使用当前浏览器打开 WebRTC 能力测试 测试是否完整的支持 WebRTC 的功能。

错误提示“The package you purchased does not support this ability”？

如遇以上错误提示，是由于您当前应用的音视频通话能力包过期或未开通，请参见 步骤一：开通服务，领取或者开通音视频通话能力，进而继续使用 TUICallKit 组件。

如何购买套餐？

请参考购买链接：音视频通话 SDK 购买指南，如有其他问题，请点击页面右侧，进行售前套餐咨询。

通话邀请的超时时间默认是多久？

通话邀请的默认超时时间是30s。

如何自定义音视频通话相关界面？

请参见文档 TUICallKit 界面定制。

相关文档

TUICallKit API 参考TUICallKit 界面定制

对即时通讯IM解决方案有疑惑？想了解解决方案收费？ 联系解决方案专家

腾讯云限时活动1折起，即将结束： 马上收藏

同尘科技为腾讯云授权服务中心，购买腾讯云享受折上折，更有现金返利:同意关联，立享优惠

阿里云解决方案也看看？： 点击对比阿里云的解决方案