2024/10/28 16:50:24
实现极速直播
本文介绍如何集成声网实时互动 SDK,在一个基础的音视频互动基础上进行少量代码修改,即可实现一个极速直播 App。
极速直播是区别于互动直播的一种直播场景,两者的区别在于观众端的延时级别:
- 互动直播:观众端的延时级别为超低延时,以便满足主播和观众需要频繁进行音视频互动的需求。
- 极速直播:观众端的延时级别为低延时,可以满足主播与观众较低频率的音视频互动,或者回应观众文字、弹幕及打赏信息。
更多关于极速直播的延时指标、同步性、互动体验以及费用介绍,详见直播场景区别和计费策略。
前提条件
开始前,请确保已在你的项目中实现基本的实时音视频功能。详见实现音视频互动。
实现低延时观众端
调用 setClientRole
方法时,除了将角色 role
设为 "audience"
(观众),你还需要将延时等级 level
设为 1
,即可将直播场景下观众端的延时级别修改为低延时。
JavaScript
// 添加以下代码
let clientRoleOptions = {
// 设置观众端的延时级别为低延时
level: 1
}
// 修改 setClientRole 中传入的参数
rtc.client.setClientRole(options.role, clientRoleOptions);
后续步骤
为保障通信安全,在正式生产环境中,你需要在自己的 App 服务端生成 Token。详见使用 Token 鉴权。
参考信息
示例项目
声网提供了开源的示例项目供你参考,你可以前往下载或查看其中的源代码。
其它集成方式
使用 npm 集成 Web SDK 还支持开启 Tree shaking 来减小集成 SDK 后的 App 体积,详见使用 Tree shaking。
除使用 npm 获取 Web SDK 之外,你还可以使用以下方法获取 SDK:
-
在项目 HTML 文件中,添加如下代码,使用 CDN 方法获取 SDK:
html<script src="https://download.agora.io/sdk/release/AgoraRTC_N-4.22.2.js"></script>
-
下载声网 Web SDK 4.x 版本 SDK 包至本地,将 SDK 包中的
.js
文件保存到项目文件所在的目录下,然后在项目 HTML 文件中添加如下代码:html<script src="./AgoraRTC_N-4.22.2.js"></script>
信息在以上方法中,SDK 都会在全局导出一个
AgoraRTC
对象,直接访问这个对象即可操作 SDK。