集成Web SDK

更新时间：2023-04-23

集成SDK

根据本文指导快速集成 BRTC Web SDK 并在你自己的 app 里实现实时音视频通话。

注意：由于浏览器的安全策略对除 127.0.0.1 以外的 HTTP 地址作了限制，BRTC Web SDK 仅支持 HTTPS 协议或者 http://localhost（http://127.0.0.1），请勿使用 HTTP 协议部署你的项目。

准备环境支持BRTC SDK的浏览器，如下：

Chrome 72+，Edge(83.0.478.56)+, Firefox 75+等

注意：如果你的网络环境部署了防火墙，请根据应用企业防火墙限制打开UDP 10010端口。

下载SDK

npm i baidurtc 或通过下文的链接获取

集成SDK

创建一个Web项目，如果你已经有一个 Web 项目了，可直接集成 SDK。

选择如下任意一种方法获取 BRTC Web SDK：

1、使用 CDN 方法获取 SDK

该方法无需下载安装包。在项目文件中，将以下代码添加到<head> 中的一行：

<script type="text/javascript" src="https://brtc-sdk.cdn.bcebos.com/npm/baidurtc@1.1.18/baidu.rtc.sdk.js" ></script>

2、从npm获取 SDK

将获得的 baidu.rtc.sdk.js 文件保存到项目文件所在的目录下。

在项目文件中，将如下代码添加到 <style> 上一行：

<script src="./baidu.rtc.sdk.js"></script>

现在，我们已经将 BRTC Web SDK 集成到项目中了。接下来我们要通过调用 BRTC Web SDK 提供的核心 API 实现基础的音视频通话功能。

直接在html中引入使用:

参考demo页面：

百度智能云