直播教室学生端的界面搭建,以多套模版、多套皮肤为基础,实现不同业务模块的开发。学生端的视频采用16:9的比例分为
白板区、老师头像区和聊天区以及上下工具栏等互动区。
前端主要负责从Cef客户端拉取音视频流进行学生端的直播,与信令服务器进行长链接实现聊天区的发送与接收,互动区为一
些教室通用交互功能,主要分为刷新、退出、音量、护眼、公告、求助、设置、链路切换、打点、私聊等模块和一些依赖业
务方展示的互动场景以iframe的形势嵌入到直播教室中供用户使用。
基于create-react-app脚手架搭建界面模型,react-redux做全局数据状态管理,react-router做路由处理部分, 处理三
方数据来源,项目引入axios库做http的请求处理逻辑,websocket与信令服务器做长连接,window下cefQuery做底层客户
端的交互。页面渲染部分引入了 ant-design组件库与svga动图处理,还有一些第三方库 可选链、classNames等等。