tencent cloud

文档反馈

最后更新时间:2022-08-26 10:18:31

    本文主要介绍如何快速地将腾讯云 TRTC Web SDK 集成到您的项目中。

    支持的平台

    WebRTC 技术由 Google 最先提出, Chrome 、Edge 、 Firefox、Safari 、Opera浏览器等均已支持,腾讯云TRTC Web SDK基于WebRTC封装,腾讯云 TRTC Web SDK 详细支持度表格请参见 支持的平台

    • 如果您的应用场景主要为教育场景,那么教师端推荐使用稳定性更好的 Electron 解决方案,支持大小双路画面,更灵活的屏幕分享方案以及更强大的弱网络恢复能力。
    注意:

    • 您可以在浏览器中打开 TRTC Web SDK 能力测试页面 检测当前浏览器是否支持 WebRTC 所有能力。例如 WebView 等浏览器环境。
    • 由于 H.264 版权限制,华为 Chrome 88 以下版本,无法使用 H264 编码(即无法推流)。如果您希望在华为设备 Chrome 浏览器中,使用 TRTC Web SDK 推流,请提交工单申请开通 VP8 编解码。

    URL 域名协议限制

    应用场景 协议 接收(播放) 发送(上麦) 屏幕分享 备注
    生产环境 HTTPS 协议 支持 支持 支持 推荐
    生产环境 HTTP 协议 支持 不支持 不支持
    本地开发环境 http://localhost 支持 支持 支持 推荐
    本地开发环境 http://127.0.0.1 支持 支持 支持
    本地开发环境 http://[本机IP] 支持 不支持 不支持
    本地开发环境 file:/// 支持 支持 支持

    防火墙限制

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

    集成 TRTC Web SDK

    NPM 集成

    1. 您需要在项目中使用 npm 安装 SDK 包。

      npm install trtc-js-sdk --save
      
    2. 在项目脚本里引入模块。

      import TRTC from 'trtc-js-sdk';
      

    Script 集成

    您只需要在您的 Web 页面中添加如下代码即可:

    <script src="trtc.js"></script>
    

    相关资源

    SDK 下载地址:单击下载

    更详细的初始化流程和 API 使用介绍请参见以下指引:

    功能 Sample Code 指引
    基础音视频通话 指引链接
    互动直播 指引链接
    切换摄像头和麦克风 指引链接
    设置本地视频属性 指引链接
    动态关闭打开本地音频或视频 指引链接
    屏幕分享 指引链接
    音量大小检测 指引链接
    自定义采集与自定义播放渲染 指引链接
    房间内上行用户个数限制 指引链接
    背景音乐和音效实现方案 指引链接
    通话前环境与设备检测 指引链接
    通话前的网络质量检测 指引链接
    检测设备插拔行为 指引链接
    实现推流到 CDN 指引链接
    开启大小流传输 指引链接
    开启美颜 指引链接
    开启水印 指引链接
    实现跨房连麦 指引链接
    说明:

    单击查看 更多能力。

    联系我们

    联系我们,为您的业务提供专属服务。

    技术支持

    如果你想寻求进一步的帮助,通过工单与我们进行联络。我们提供7x24的工单服务。

    7x24 电话支持