产品

AI 实时对话

通过 AI 驱动的实时音频和视频互动赋能应用。

trtc-cartesia

轻松建立应用内的语音/视频通话

通过会议 SDK 在您的应用中嵌入会议功能

为您的应用添加交互式视频和语音直播功能

通过即时通信 Chat API 将消息传送功能添加到您的应用中

通过App推送和网页推送即时触达并重新吸引用户

通过 RTC SDK 为您定制应用内实时通信

In-game Voice Chat

使用GVoice SDK构建沉浸式游戏内语音聊天

集成美颜特效，实时美化图像和视频

通过比较选择最适合您的产品。

通过比较选择最适合您的产品。

开发者

快速启动

In-game Voice Chat

Conversational AI

技术支持

开发者中心

通过快速入门教程、代码示例、关键资源等，轻松开始构建。

通过快速入门教程、代码示例、关键资源等，轻松开始构建。

Demo

Conversational AI

线上抓娃娃机

如果您想获取更多信息，请访问我们的Demo体验馆。

价格

新手特惠计划

价格计算器

产品定价

免费版升级

获取定制价格

获得根据您的需求定制的定价提案。

获得根据您的需求定制的定价提案。

公司

公司

选择 Tencent RTC 的原因

合规与隐私

成为合作伙伴

资源

社交媒体

通过腾讯云实时音视频联盟计划，解锁行业领先的 25% 佣金

Unlock Industry-Leading 25% Commissions with Tencent RTC Affiliate Program

please select

please select

🚀Tencent RTC与Cartesia战略合作

驱动下一代对话式人工智能，实现逼真的语音互动和闪电般的响应速度！

AI 实时对话

在几分钟内构建对话式人工智能。超低延迟、类人化且支持跨平台！

最高可享 25% 持续佣金，让您的影响力轻松变现！

🚀Tencent RTC与Cartesia战略合作

驱动下一代对话式人工智能，实现逼真的语音互动和闪电般的响应速度！

AI 实时对话

在几分钟内构建对话式人工智能。超低延迟、类人化且支持跨平台！

最高可享 25% 持续佣金，让您的影响力轻松变现！

🚀Tencent RTC与Cartesia战略合作

驱动下一代对话式人工智能，实现逼真的语音互动和闪电般的响应速度！

AI 实时对话

在几分钟内构建对话式人工智能。超低延迟、类人化且支持跨平台！

最高可享 25% 持续佣金，让您的影响力轻松变现！

专为以下场景打造：WEB

Web 视频通话 SDK

使用 Tencent RTC Web Video Calling SDK 构建浏览器音视频通话。使用 TUICallEngine 处理邀请和通话事件，同时由您的应用负责界面。

开始构建试用 Call 演示

开发者资源

Web 视频通话 SDK 文档与示例

API 参考

探索 Web 视频通话 SDK API。

探索 API 用户身份验证

接入指南

安装 Web 视频通话 SDK 并连接用户。

Web 集成快速入门

示例与源码

查看产品的实际运行效果并了解其实现方式。

试用 Call 演示查看 Web 源代码

Web 一对一视频通话

将面对面交流引入您的 Web 应用，满足社交或咨询需求，在同一体验中提供视频和通话控件。

探索视频咨询

Web 群组视频通话

在浏览器通话界面中连接多名参与者。按照平台指南配置通话流程和支持的群组布局。

探索群组通话

WEB CALL 功能

Web 视频通话功能

连接人与人

语音和视频通话
来电处理

掌控通话体验

摄像头和麦克风控件
通话生命周期事件

打造属于您的产品体验

您的应用流程
平台专属集成

探索 Web Video Call API

使用 TUICallEngine 连接用户、发起通话，并在通话状态变化时更新浏览器中的通话界面。

连接用户

将用户连接至 Web Call SDK

在用户登录您的应用后登录 TUICallEngine。将 JavaScript 通话事件传递到处理来电和进行中通话的界面。

import { TUICallEngine } from '@trtc/call-engine-lite-js';

const call = TUICallEngine.createInstance({ SDKAppID });
await call.login({ userID, userSig });

发起通话

在 Web 中发起视频通话

将应用中的接收方 ID 传递给通话 API。将此操作关联到 Web 界面中的联系人、对话或通话按钮。

await call.calls({
  userIDList: [recipientID],
  type: 2,
});

接听和结束

自主掌控通话流程

将通话控制功能接入用户熟悉的界面。

await call.accept();

// When the user ends the call:
await call.hangup();

个性化定制

自定义您的 Web 通话界面

根据您的产品调整浏览器通话界面、控件和来电流程。

您的通话 UI

围绕视频画面和生命周期事件构建您自己的通话界面。

开始使用

为您的 Web 应用添加视频通话

01
创建您的应用
为应用和测试用户启用 Call。
打开 Call 控制台
02
添加 Web 视频通话 SDK
按照平台指南连接您的项目。
按照集成指南操作
03
发起首次通话
登录两位测试用户，然后拨打并接听通话。
配置身份验证

Web Call SDK

npm install @trtc/call-engine-lite-js

import { TUICallEngine } from '@trtc/call-engine-lite-js';

const call = TUICallEngine.createInstance({ SDKAppID });
await call.login({ userID, userSig });

Web 视频通话 SDK 常见问题

Web 视频通话 SDK 包含哪些内容？

Web Video Calling SDK 提供用于通话邀请、事件和媒体控制的 TUICallEngine API。你的应用负责构建浏览器通话界面，并将其连接到 JavaScript 通话事件。

我应该使用 Web 通话 SDK 还是 UI Kit？

使用 SDK API 构建自定义界面。如果需要现成的页面和控件，请选择 UI Kit。

React 视频通话 UI Kit

浏览器通话需要什么？

使用 HTTPS 或 localhost，在需要时请求摄像头和麦克风权限，并处理浏览器的设备和自动播放限制。

如何对 Web 视频通话 SDK 的用户进行身份验证？

在您的服务器上创建 UserSig，并在您自己的登录流程完成后将其传递给客户端。应用密钥应始终保存在服务器上。

阅读身份验证指南

Web Video Calling SDK 可以免费使用吗？

界面与托管式 Call 服务承担不同的作用。请为你的应用开通该服务，并查看当前套餐、功能可用性和使用费用。

查看 Call 定价

如何将 Web 视频通话 SDK 集成到浏览器应用项目中？

按指南配置浏览器并满足受支持环境要求。在计划支持的实际浏览器中测试所用权限、导航和清理。

阅读平台指南

发布应用前如何测试 Web 视频通话 SDK？

在独立用户之间测试邀请、接听、拒绝和结束通话状态，包括拒绝权限的情况。

阅读平台指南

如何定制 Web 视频通话 SDK 的界面？

围绕支持的状态和媒体 API 构建通话控件及参与者视图；界面由你的应用负责。

阅读平台指南

Web Call 集成支持

集成问题

获取 Web 视频通话 SDK 的配置帮助。

查看开发者文档

讨论您的应用

讨论您的产品、预期用量和集成需求。

联系销售人员

为您的 Web 应用引入视频通话

从 Web Video Calling SDK 开始，连接两位测试用户并创建您的首次通话。

免费开始查看 SDK 指南

每月享受
10,000分钟免费体验

我们为每位开发者提供全年免费月度配额

联系我们

问题咨询，定制方案，服务支持，随时联系我们

开发者资源

开始使用Tencent RTC进行构建