案例介绍
直播教室学生端的界面搭建，以多套模版、多套皮肤为基础，实现不同业务模块的开发。学生端的视频采用16:9的比例分为
白板区、老师头像区和聊天区以及上下工具栏等互动区。
前端主要负责从Cef客户端拉取音视频流进行学生端的直播，与信令服务器进行长链接实现聊天区的发送与接收，互动区为一
些教室通用交互功能，主要分为刷新、退出、音量、护眼、公告、求助、设置、链路切换、打点、私聊等模块和一些依赖业
务方展示的互动场景以iframe的形势嵌入到直播教室中供用户使用。
基于create-react-app脚手架搭建界面模型，react-redux做全局数据状态管理，react-router做路由处理部分， 处理三
方数据来源，项目引入axios库做http的请求处理逻辑，websocket与信令服务器做长连接，window下cefQuery做底层客户
端的交互。页面渲染部分引入了 ant-design组件库与svga动图处理，还有一些第三方库 可选链、classNames等等。
案例图片
相似案例推荐
其他人才的相似案例推荐
-
国家中小学智慧教育平台
我参与了国家中小学智慧教育平台的前端开发。这个平台是教育部主
-
国家中小学智慧教育平台
我参与了国家中小学智慧教育平台的前端开发。这个平台是教育部主
-
未来实验室
面向中小学的 3D 互动学习类项目，包含登录、角色展示与装扮
-
凡豆伴
凡豆伴，配套alive学习内容的教师端，方便老师备课，将内容
-
alive
https://weixin.qq.com/sph/AQFU
-
爱乐奇运营管理平台
爱乐奇运营管理平台，集 认证鉴权、账号管理、运营管理、班级管
-
101Teaching
项目概述： 该项目是面向印尼学生的中文在线学习平台，覆盖学
-
智慧课堂
**智慧课堂** 是一套面向K12及高等教育场景的智能教学管
-
菁优网官网
项目简介：面向中小学师生的大型教育资源平台，拥有千万级用户体
-
校运动会
整个运动会项目的搭建、编码、优化迭代等。包含运动会项目、赛事
-
学生加油券
针对学生表现对学生进行加油券（类似小红花，学生系统内的虚拟资
-
彩球游戏
彩球消消乐模仿的是经典游戏《开心消消乐》，鼠标操作交换特定彩
微信接收人才推送
关注猿急送微信平台，接收实时人才推送
