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

Posted Java知音_

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了太牛了,前后端完全开源,快速搭建简约美观的在线可互动的教室,星标4.5k!...相关的知识,希望对你有一定的参考价值。

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:macpnpm 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

整理:骑猪看星星

来源:开源技术专栏

推荐

Java面试题宝典

技术内卷群,一起来学习!!

PS:因为公众号平台更改了推送规则,如果不想错过内容,记得读完点一下“在看”,加个“星标”,这样每次新文章推送才会第一时间出现在你的订阅列表里。点“在看”支持我们吧!

以上是关于太牛了,前后端完全开源,快速搭建简约美观的在线可互动的教室,星标4.5k!...的主要内容,如果未能解决你的问题,请参考以下文章

手把手教你,从零开始实战搭建SpringCloud Alibaba!这份笔记太牛了!

手把手教你,从零开始实战搭建SpringCloud Alibaba!这份笔记太牛了!

手把手教你,从零开始实战搭建SpringCloud Alibaba!这份笔记太牛了!

让你从零开始搭建Spring Cloud Alibaba!这份Alibaba内部笔记太牛了

手把手教你,从零开始搭建Spring Cloud Alibaba!这份笔记太牛了

手把手教你,从零开始搭建Spring Cloud Alibaba!这份笔记太牛了