太牛了，前后端完全开源，快速搭建简约美观的在线可互动的教室，星标4.5k！

快乐分享，Java干货及时送达👇

Agora Flat开源教室是一款高效实用且专业的互动课堂软件，Agora Flat开源教室能够帮助用户快速搭建简约的互动教室，实现网上学习和授课等功能，提高教学效率。

Agora Flat开源教室客户端支持大小课班和一对一的模式，用户可以多情景灵便转换，进行优质课堂教学。

特性

• 实时交互：多功能互动白板，实时音视频（RTC）通讯，即时消息（RTM）聊天
• 登录方式：微信，GitHub
• 房间管理：加入、创建、预定房间，支持周期性房间
• 课堂录制回放：白板信令回放，音视频云录制回放，群聊信令回放
• 多媒体课件云盘
• 屏幕共享

功能

轻松创建丰富多样的在线教室

• 大班课

适用于大型课堂授课，知识传递效率更高。学生可举手发言参与在线互动。

• 小班课

适用于 1 名教师和 2～16 名学生进行在线教学，互动性更及时，趣味性更高，提高教学效率的同时保证质量。

• 一对一

适用于 1 名老师对 1 名学生，沉浸式的个性化课堂教学，学习效果更加明显。

支持自定义主题和 UI

场景插件：无限的组合，无限的可能

安装运行

快速上手

你可以在没有服务端的情况下构建并运行 Flat 客户端。此仓库包含以下项目：

Flat Electron 客户端

https://github.com/netless-io/flat/tree/main/desktop

Flat Web 客户端

https://github.com/netless-io/flat/tree/main/web

安装

如果你还没有安装 pnpm：

npm i -g pnpm

Clone 或者 fork 这个项目，在根目录执行：

pnpm i

构建并运行 Flat Electron 客户端

在仓库根目录运行以下命令：

pnpm start

你可以运行以下命令将项目打包成可执行文件：

• 项目根目录执行 pnpm ship 将根据当前系统打包。
• 或者项目根目录执行 pnpm ship:mac 或 pnpm ship:win 可针对指定的系统打包。

如果你因为网络问题导致无法下载 electron，可在项目目录新建: .npmrc 文件，并写入 ELECTRON_MIRROR=" https://npmmirror.com/mirrors/electron/" 内容。重新执行 pnpm i 即可。

构建并运行 Flat Web 客户端

在仓库根目录运行以下任意一个命令：

pnpm start:web

cd ./web/flat-web/ && pnpm start

在 Flat 中 UI 逻辑与业务逻辑分开开发。可以通过 Storybook 快速查看与开发部分 UI。在项目根目录执行 pnpm storybook 在本地运行 Storybook。

相关项目

Flat 安卓客户端

• https://github.com/netless-io/flat-android

Flat 服务端

• https://github.com/netless-io/flat-server

Flat 主页

• https://flat.whiteboard.agora.io/#download

传送门

• 开源地址：https://github.com/netless-io/flat