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

安全结
• 阅读 202

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

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


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

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

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

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

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

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

方案一:
开源demo | 快速搭建在线自习室场景

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

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

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

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


方案二:
开源demo | 快速搭建在线自习室场景

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

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

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

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

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

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

Demo核心功能:

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

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

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

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

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

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

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

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

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

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

点赞
收藏
评论区
推荐文章
blmius blmius
4年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
Wesley13 Wesley13
4年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Wesley13 Wesley13
4年前
FLV文件格式
1.        FLV文件对齐方式FLV文件以大端对齐方式存放多字节整型。如存放数字无符号16位的数字300(0x012C),那么在FLV文件中存放的顺序是:|0x01|0x2C|。如果是无符号32位数字300(0x0000012C),那么在FLV文件中的存放顺序是:|0x00|0x00|0x00|0x01|0x2C。2.  
Stella981 Stella981
4年前
SpringBoot整合Redis乱码原因及解决方案
问题描述:springboot使用springdataredis存储数据时乱码rediskey/value出现\\xAC\\xED\\x00\\x05t\\x00\\x05问题分析:查看RedisTemplate类!(https://oscimg.oschina.net/oscnet/0a85565fa
Wesley13 Wesley13
4年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
4年前
PHP创建多级树型结构
<!lang:php<?php$areaarray(array('id'1,'pid'0,'name''中国'),array('id'5,'pid'0,'name''美国'),array('id'2,'pid'1,'name''吉林'),array('id'4,'pid'2,'n
Easter79 Easter79
4年前
SpringBoot整合Redis乱码原因及解决方案
问题描述:springboot使用springdataredis存储数据时乱码rediskey/value出现\\xAC\\xED\\x00\\x05t\\x00\\x05问题分析:查看RedisTemplate类!(https://oscimg.oschina.net/oscnet/0a85565fa
Wesley13 Wesley13
4年前
Java日期时间API系列36
  十二时辰,古代劳动人民把一昼夜划分成十二个时段,每一个时段叫一个时辰。二十四小时和十二时辰对照表:时辰时间24时制子时深夜11:00凌晨01:0023:0001:00丑时上午01:00上午03:0001:0003:00寅时上午03:00上午0
Python进阶者 Python进阶者
2年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这