# 腾讯云 RTC Call — Web

> Call Web 平台文档。

## UIKit

### Get Started

- [Run the Demo](https://pre.trtc.io/zh/document/60415.md): 腾讯实时音视频 TRTC Web 平台快速接入指南，面向需要快速实现音视频通话功能的开发者。文档详细介绍了环境准备、下载 Demo、配置 SDKAppID 和用户签名、运行示例项目以及拨打第一通电话的完整步骤，帮助用户在短时间内搭建具备全面用户界面的视频通话应用。
- [Web&H5 (React)](https://pre.trtc.io/zh/document/58484.md): TUICallKit 组件是腾讯云提供的音视频通话 SDK，支持 React 平台。本文介绍如何在 React 环境下快速接入 TUICallKit，包括环境准备、服务开通、组件下载与引入、初始化登录、发起和接听通话等关键步骤，帮助开发者快速搭建功能完备的音视频通话界面，并支持昵称头像设置、悬浮窗和铃声自定义等功能。
- [Web&H5 (Vue3)](https://pre.trtc.io/zh/document/50993.md): TUICallKit 是腾讯云提供的音视频通话组件，支持 Web 和 H5 (Vue3) 平台快速集成。本文详细介绍了环境准备、服务开通、组件下载与引入、初始化登录、发起和接听通话等关键步骤，帮助开发者在 10 分钟内完成功能完备的音视频通话界面搭建。同时涵盖昵称头像设置、悬浮窗开启及铃声配置等实用功能，适合需要快速构建音视频通话应用的开发者使用。

### Basic Features

- [UserSig Authentication](https://pre.trtc.io/zh/document/35166.md): 腾讯实时通信服务的 UserSig 是基于 SDKAppID 和 UserID 计算的安全签名，采用 HMAC SHA256 算法，防止恶意攻击者盗用云服务。本文介绍了 UserSig 的基本概念、调试阶段的客户端和控制台计算方法，以及正式运行阶段推荐的服务端计算方案，帮助开发者安全高效地完成身份认证和服务调用。
- [Vue3](https://pre.trtc.io/zh/document/67769.md): 腾讯云 Chat 与音视频通话组件集成指南，面向使用 Vue 框架的开发者，涵盖开发环境配置、Chat 集成、音视频服务开通、TUICallKit 组件下载与调用等关键步骤，帮助用户快速实现消息发送与音视频通话功能。
- [React](https://pre.trtc.io/zh/document/67768.md): 本快速开始指南详细介绍了如何在 React 环境下集成腾讯云 Chat SDK 和 TUICallKit 组件，实现即时消息发送和音视频通话功能。适用于使用 React 18+、TypeScript 和 Node.js 16+ 的开发者，涵盖环境准备、服务开通、组件安装与调用、项目启动及首次消息和通话操作，助力快速搭建完整的音视频通信应用。
- [UI Customization](https://pre.trtc.io/zh/document/50997.md)
- [Configuring Nickname and Avatar](https://pre.trtc.io/zh/document/59834.md): 腾讯实时音视频 TRTC 提供多平台的昵称和头像设置功能，支持 Android、iOS、Flutter、Web&H5 及 uni-app 等主流开发平台。本文详细介绍了调用 TUICallKit 的 setSelfInfo 接口更新用户昵称和头像的步骤，帮助开发者快速完成个性化信息配置。注意非好友通话时，昵称和头像更新可能存在延迟，通话成功后将自动同步。
- [Group Calls](https://pre.trtc.io/zh/document/59838.md): TUICallKit群组通话功能SDK支持Web端和移动端，适用于9人及以下的多人音视频通话场景。本文介绍如何通过调用calls API发起群组通话，以及通过join API主动加入已有的群组通话，帮助开发者快速实现多人群组通话功能。
- [Floating Window](https://pre.trtc.io/zh/document/59842.md): 腾讯实时音视频 TRTC 提供 Web 和 H5 端的悬浮窗功能 SDK，支持通过 enableFloatWindow API 及 allowedMinimized、allowedFullScreen 属性实现悬浮窗和全屏的开启与关闭。本文详细介绍了悬浮窗功能的调用方法和属性配置，帮助开发者灵活控制音视频通话界面显示效果。
- [Custom Ringtones](https://pre.trtc.io/zh/document/59847.md): 腾讯实时音视频 TRTC Web&H5 平台提供来电铃声设置 SDK，支持用户自定义本地 MP3 格式铃声文件并设置为来电铃声，同时支持开启或关闭静音来电铃声功能。本文详细介绍了如何通过 ES6 import 方式引入铃声文件，并调用相关接口实现铃声的设置与静音操作，帮助开发者快速集成和使用该功能。
- [Configure Resolution and Fill Mode](https://pre.trtc.io/zh/document/59835.md): TUICallKit 组件是腾讯云提供的音视频通话 SDK，支持在 Web 平台上灵活设置通话画面的分辨率和填充模式。本文介绍如何通过 videoDisplayMode 和 videoResolution 两个属性配置画面显示效果，适用于使用 React 和 Vue 框架的开发者，帮助用户快速实现个性化的视频通话界面。
- [Call State Monitoring](https://pre.trtc.io/zh/document/59852.md): TUICallKit 组件是腾讯云提供的音视频通话状态回调 SDK，适用于 Web 和 H5 平台。该组件支持监听通话开始、结束等关键状态事件，帮助开发者实现丰富的业务交互逻辑。文档详细介绍了如何使用 TUICallEvent 监听通话状态，以及如何通过组件属性 beforeCalling 和 afterCalling 实现通话前后回调，方便快速集成和定制通话体验。
- [Localization](https://pre.trtc.io/zh/document/62424.md): TUICallKit 组件提供 Web&H5 平台的语言支持功能，当前支持简体中文、英文和日文。用户可以通过 setLanguage 接口切换语言，满足多语言需求。对于需要新增其他语言的用户，文档详细介绍了源码集成的步骤，包括下载源码、拷贝到项目、修改引入路径、解决可能的报错问题，以及新增语言包的具体操作流程，帮助开发者快速完成多语言扩展。
- [Server-initiated Calls](https://pre.trtc.io/zh/document/71845.md): 腾讯实时音视频 TRTC 服务端发起通话快速接入指南介绍了如何通过服务端调用REST API完成发起音视频通话，支持1V1及群组通话场景。文档详细说明了请求参数配置、调用示例及应答解析，帮助开发者实现服务端输入上行音视频媒体流，满足多样化通话需求。
- [Multi-Device Login](https://pre.trtc.io/zh/document/78558.md): 音视频通话能力 TUICallKit 提供多设备登录功能，支持同一 UserID 在多台设备（如 iPhone、iPad、Windows PC）同时登录并接收来电。该功能适用于办公、医疗等需要多设备无缝切换的场景。通过调用 enableMultiDeviceAbility API，开发者可快速开启此功能，实现多设备同时响铃并保证通话唯一性。本文详细介绍了功能简介、接入步骤及关键逻辑，帮助开发者高效集成多设备登录。

### Advanced Features

- [Virtual Background](https://pre.trtc.io/zh/document/60487.md): TUICallKit 视频通话组件提供虚拟背景功能，支持在 Web 平台设置模糊背景和图片背景，帮助用户隐藏真实通话环境，保护隐私并提升通话趣味性。本文详细介绍了虚拟背景的集成效果、开启模糊背景和设置图片背景的具体步骤，以及常见问题的解决方案，适合需要快速接入虚拟背景功能的开发者参考。
- [AI Noise Suppression](https://pre.trtc.io/zh/document/60481.md): AI 降噪是腾讯天籁实验室研发的语音降噪技术，集成于 TUICallKit SDK 中。该技术面向需要高质量语音通话体验的用户，能够智能识别并去除传播信号中的噪声干扰，显著提升语音清晰度和用户听感。用户可在办公室、网吧、商场及户外等多种环境中享受稳定清晰的声音效果，且 TUICallKit 默认开启该功能，无需额外配置。同时，用户可通过 Tencent RTC Demo 在线体验 AI 降噪带来的优质音质。
- [Cloud Recording](https://pre.trtc.io/zh/document/51001.md): TUICallKit通话录制是基于TRTC云端录制能力的SDK，面向需要通话存档、回放及合规审计的用户，提供零代码接入和自动生命周期管理的通话全程自动录制功能。本文介绍了如何通过控制台配置或代码设置两种方式快速开启云端录制，涵盖全局录制和按需录制的关键步骤，帮助开发者高效实现通话录制需求。

### Client APIs

- [API Reference](https://pre.trtc.io/zh/document/51014.md): TUICallKit 与 TUICallEngine 是腾讯云提供的音视频通话组件，分别包含含 UI 组件和无 UI 接口，满足不同业务场景的需求。文档详细介绍了两者的初始化、通话发起与管理、设备控制、背景虚化、事件监听等核心 API，帮助开发者快速集成和定制音视频通话功能。
- [TUICallKit](https://pre.trtc.io/zh/document/51015.md): TUICallKit API 是腾讯实时音视频 TRTC 提供的音视频通话组件含 UI 接口，支持 React 和 Vue3 平台。该 API 适用于需要快速集成类微信音视频通话功能的开发者，提供初始化、发起和加入通话、设置通话语言、管理通话界面布局及背景等核心能力。文档详细介绍了各接口方法、属性配置及事件回调，帮助用户高效构建完整的音视频通话应用。
- [TUICallEngine](https://pre.trtc.io/zh/document/51016.md): TUICallEngine API 是腾讯云音视频通话组件的无 UI 接口，面向需要根据业务需求自定义封装音视频通话功能的开发者。该接口支持实例管理、用户登录、通话控制、设备操作及 AI 降噪等核心能力，帮助开发者灵活构建高质量音视频通话应用。文档详细介绍了各接口的功能和使用方法，便于快速集成和开发。
- [TUICallEvent](https://pre.trtc.io/zh/document/51017.md): TUICallEvent API 是腾讯实时音视频 TRTC 提供的音视频通话组件事件接口，面向开发者用于监听和处理通话过程中的各种事件。该接口涵盖通话错误、用户状态变化、设备更新、网络质量变化等多种事件，帮助开发者实时获取通话状态并做出响应，提升音视频通话体验。

### Solutions

- [WhatsApp Clone](https://pre.trtc.io/zh/document/64301.md): WhatsApp Clone 是一个基于腾讯技术的即时通讯项目，支持多平台使用，包括 iOS、Android、Web 和 Flutter。该项目为用户提供强大的单人及群组聊天功能，以及高质量、低延迟的音视频通话体验。通过集成 ChatUIkit 和 CallKit，支持虚拟背景、AI 降噪和弱网优化，确保通话清晰流畅。同时，项目提供完善的软件管理工具，如仪表盘、统计分析和云端录制，方便用户管理数据和服务。WhatsApp Clone 注重数据安全，符合 GDPR 标准，面向全球用户，致力于打造便捷、高效且安全的即时通讯解决方案。

### FAQ

- [General](https://pre.trtc.io/zh/document/53565.md): TUICallKit 常见问题解答页面，针对拨打语音或视频通话时遇到的错误码如[-100035]、-3301，用户ID无效，邀请ID无效，版本兼容等问题提供解决方案。适用于使用 TUICallKit 进行音视频通话的开发者，帮助快速定位问题并获取各平台日志文件路径，支持 iOS、Android、Windows 等多平台。
- [Web](https://pre.trtc.io/zh/document/51024.md): TUICallKit 是腾讯云提供的音视频通话能力组件，面向开发者解决音视频通话集成中的常见问题。本文详细解答了能力包未开通、UserSig 生成、群组通话 groupID 生成、userID 创建及常见错误提示的解决方案，帮助用户快速定位并解决开发中遇到的技术难题。
- [Error Codes](https://pre.trtc.io/zh/document/54901.md): 音视频通话错误码表是腾讯云提供的错误码指南，涵盖TUICallDefine、Chat、TRTC和CallKit服务端的常见错误码。该错误码表帮助开发者和用户快速定位音视频通话过程中出现的问题，明确错误原因，并提供针对性的解决建议，保障音视频通话功能的稳定使用。