高途课堂
案例介绍
白板区、老师头像区和聊天区以及上下工具栏等互动区。
前端主要负责从Cef客户端拉取音视频流进行学生端的直播，与信令服务器进行长链接实现聊天区的发送与接收，互动区为一
些教室通用交互功能，主要分为刷新、退出、音量、护眼、公告、求助、设置、链路切换、打点、私聊等模块和一些依赖业
务方展示的互动场景以iframe的形势嵌入到直播教室中供用户使用。
基于create-react-app脚手架搭建界面模型，react-redux做全局数据状态管理，react-router做路由处理部分， 处理三
方数据来源，项目引入axios库做http的请求处理逻辑，websocket与信令服务器做长连接，window下cefQuery做底层客户
端的交互。页面渲染部分引入了 ant-design组件库与svga动图处理，还有一些第三方库 可选链、classNames等等。
高途课堂
案例介绍
直播教室学生端的界面搭建，以多套模版、多套皮肤为基础，实现不同业务模块的开发。学生端的视频采用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
-
爱乐奇运营管理平台
爱乐奇运营管理平台，集 认证鉴权、账号管理、运营管理、班级管
1小时精推人才
需求方专属客服，免费梳理匹配
