有奖捉虫:云通信与企业服务文档专题,速来> HOT
本文主要介绍如何快速地将腾讯云 TRTC Web SDK 集成到您的项目中。



说明:
本教程基于 5.x TRTC Web SDK 实现,若您使用 4.x 版本 SDK,可参考此教程

支持的平台

TRTC Web SDK 支持主流的桌面端及移动端浏览器,包括 Chrome、Edge、Firefox、Safari、微信内嵌浏览器等,详细支持度表格请参见 支持的平台

URL 域名协议限制

应用场景
协议
接收(播放)
发送(上麦)
屏幕分享
备注
生产环境
HTTPS 协议
支持
支持
支持
推荐
生产环境
HTTP 协议
支持
不支持
不支持

本地开发环境
http://localhost
支持
支持
支持
推荐
本地开发环境
http://127.0.0.1
支持
支持
支持

本地开发环境
http://[本机IP]
支持
不支持
不支持

本地开发环境
file:///
支持
支持
支持


防火墙限制

在使用 TRTC Web SDK 时,用户可能因防火墙限制导致无法正常进行音视频通话,请参考 应对防火墙限制相关 将相应端口及域名添加至防火墙白名单中。

集成 SDK

SDK 提供了 UMD、ES Module 类型的模块,以及 TypeScript Type Definition 文件,满足在不同类型项目中集成。

NPM 集成

1. 您可以在项目中使用 npm 安装 trtc-sdk-v5
npm install trtc-sdk-v5 --save
2. 在项目脚本里导入模块。
import TRTC from 'trtc-sdk-v5';

Script 集成

1. 在您的 Web 页面中添加如下代码即可:
<script src="trtc.js"></script>

相关资源

其他教程请参见以下指引:
功能
Sample Code 指引
基础音视频通话
实现互动直播连麦
切换摄像头和麦克风
设置本地视频属性
开关摄像头、麦克风
屏幕分享
音量大小检测
自定义采集与自定义播放渲染
房间内上行用户个数限制
通话前环境与设备检测
通话前的网络质量检测
设备插拔检测及采集异常处理
开启大小流传输
开启水印