开源demo | 快速搭建在线自习室场景

Posted 2021-08-26 anyRTC

在疫情成为常态的现状下，在线自习室这一能提供安静、整洁的学习环境的新“共享”模式越来越受欢迎。为迎合市场需求，anyRTC也正式推出了在线自习室demo！并开源了代码，希望能够帮助开发者更快速地实现实时互动场景，并创新出更多别具一格的玩法！

在线自习室有什么作用呢？

设立在线自习室的最终目的是通过提升大家学习积极性，提升学习的效率。anyRTC 互动直播产品，仅需调用1个API，4行代码，30分钟即可实现实时音视频和互动直播产品。在在线自习室场景中，可无缝实现从观看的直播状态平滑切换为上麦状态。全平台支持，即使用户使用轻应用的微信小程序，也可以快速实现。具体来讲，在线自习室的作用如下：

（1）通过直播功能，上麦同学通过直播自己的学习状态，间接的获取其他人的监督，带动自身学习的积极性，进而提高学习成绩。

（2）不同场景的自习室有不同的玩法，老师以观众身份进入在线自习室观看自习室状态，可以通过文字消息或者图片消息来督促上麦人员进入学习状态，且能为自习生答疑解惑，避免学生走偏。

（3）让观众能看到每个上麦同学的学习状态，激发自身的自律性，快速进入学习氛围。

anyRTC提供了2种自习直播场景解决方案：

方案一：

1、该方案全部走实时流，页面布局灵活，即使是观看端，也可以对当前麦上视频布局进行动态切换。

2、上麦的同学一般在4人左右，anyRTC 可以最大支持50人同时上麦，观看人数无限制。

3、频道内所有人员的延迟都在200ms左右。

4、借助云端录制服务可以进行内容审核，保证平台合法合规。

方案二：

1、上麦同学走RTC实时音视频，观众端可以拉取RTC实时音视频的流，也可以拉取CDN的音视频流。

2、实时音视频流的延迟在200ms左右，CDN观众的流根据协议类型延迟一般在1~60s不等。

3、上麦的同学一般在4人左右，anyRTC 可以最大支持50人同时上麦，观看人数无限制。

4、CDN拉流端布局固定，无法动态修改。

5、借助云端录制服务可以进行内容审核，保证平台合法合规。

两种方案各有千秋，根据自身的场景进行选择，方案一：更注重应用的灵活布局，延迟可控。方案二：更注重成本，观众端多的情况下，更有利于减负企业运营成本。此次我们的在线自习室demo就是用的方案一来实现的。

Demo核心功能：

1.主持人加入房间
主持人选择加入没有人的自习室房间，自动上麦后成为主持人并且横屏显示。

2.游客加入房间
游客可以加入有人的自习室房间，竖屏观看主播们的自习直播。

3.申请上麦
游客加入有人的自习室房间，麦位未满时，可以申请上麦成为主播，并且横屏显示。

4.更换麦位
主持人离开自习室房间后，会自动把房主交给2号麦位，后面的麦序都依次向前进一位。

5.开启/关闭麦克风
主持人可以开启全体禁言，也可以关闭全体禁言状态。其他主播可以自行关闭自己的麦克风。

6.大小屏/等分屏切换
进入自习室房间的主播或者游客，可以点击其他上麦人员与主持人大屏进行切换，游客也可以再次点击大图变成等分屏显示。

7.发送文字消息和图片
进入自习室房间的主播或者游客，可以发送文字消息或者图片消息，房间内的大家可以通过文字或者图片消息来进行交流。

8.退出房间
上麦用户点击关闭退出房间。然后可以进入到下一个自习室房间进行观看或者上麦成为主播。

如何制作属于自己的在线自习室呢？

Demo中所有音视频实时互动与文字消息、控制指令（如上麦）、直播推流、直播拉流，都是基于anyRTC RTC SDK 、anyRTC 实时消息 RTM SDK 实现的。通过demo分解共分为4步：

1、在工程中导入SDK（RTC和RTM）
2、初始化SDK
3、以游客或者主播身份创建房间或进入房间
4、调用切换角色接口进行连麦或者下麦

基于上面4个步骤操作，我们就能实现基础的直播观看功能了（进入房间，不管什么身份都会自动订阅房间里面的音视频流）。提供多种高级的功能接口，帮助开发者更好的实现个性化业务设计，实现符合自身业务的场景。

在线自习室demo下载体验：https://www.pgyer.com/Qpl6