如何快速搭建一個(gè)簡(jiǎn)約美觀的在線互動(dòng)教室？
大家好，我是TJ
一個(gè)勵(lì)志推薦10000款開源項(xiàng)目與工具的程序員
這兩年，隨著疫情的出現(xiàn)，很多人的生活習(xí)慣都被逐漸改變了。例如在十年前，很多人說起上課、說起開會(huì)，一定是要面對(duì)面才能完成的事情，但是如今更多的都是云教室、在線會(huì)議，TJ君當(dāng)然要與時(shí)俱進(jìn)，今天跟大家分享一個(gè)功能強(qiáng)大的前后端完全開源的簡(jiǎn)約美觀的互動(dòng)教室項(xiàng)目
Agora Flat
Agora Flat，支持MAC、WONDOWS不同平臺(tái)，并且有手機(jī)版、電腦版、網(wǎng)頁版各種不同的實(shí)現(xiàn)形式。可以輕松創(chuàng)建豐富多樣的在線互動(dòng)房間，實(shí)現(xiàn)多場(chǎng)景靈活切換，完成高質(zhì)量的互動(dòng)，例如教學(xué)或開會(huì)。
特點(diǎn)
既可以用于大型多人授課或會(huì)議，由主持人進(jìn)行課程或會(huì)議的講解，參加者舉手發(fā)言在線互動(dòng)；又可以進(jìn)行一對(duì)一的私人定制化互動(dòng)。
同時(shí)項(xiàng)目?jī)?nèi)置多種經(jīng)過專業(yè)設(shè)計(jì)的精美主題，無需專業(yè)設(shè)計(jì)經(jīng)驗(yàn)就可以使用各種不同效果的UI風(fēng)格。
（效果圖來自官方網(wǎng)站）
語言與功能
項(xiàng)目主要實(shí)現(xiàn)部分都是運(yùn)用TypeScript語言進(jìn)行實(shí)現(xiàn)，輔以小部分的JavaScript、HTML、Less。
截至目前為止主要已實(shí)現(xiàn)的功能有：
實(shí)時(shí)交互 多功能互動(dòng)白板 實(shí)時(shí)音視頻（RTC）通訊 即時(shí)消息（RTM）聊天 帳戶系統(tǒng) 微信登陸 GitHub 登陸 房間管理 加入、創(chuàng)建、預(yù)定房間 支持周期性房間 課堂錄制回放 白板信令回放 音視頻云錄制回放 群聊信令回放 多媒體課件云盤 屏幕共享
尤其是微信登陸這一點(diǎn)，TJ君感覺使用起來還是非常方便的，想學(xué)習(xí)這方面登錄編碼技巧的小伙伴也可以引以為鑒。
從項(xiàng)目的更新頻率我們也可以看到每個(gè)月幾乎都有至少一個(gè)版本，這對(duì)我們不管是使用還是學(xué)習(xí)都是一個(gè)好消息。
項(xiàng)目安裝
yarn?run?bootstrap
如果有小伙伴因?yàn)榫W(wǎng)絡(luò)問題導(dǎo)致無法下載 electron，可以在項(xiàng)目目錄新建: .yarnrc 文件，并直接寫入
electron_mirror "https://npmmirror.com/mirrors/electron/"內(nèi)容，然后重新執(zhí)行yarn run bootstrap就可以了。
試用效果
FLAT登錄后，可以看到畫面風(fēng)格還是偏向簡(jiǎn)約的
目前項(xiàng)目自帶的房間類型主要有三種，分別是大班課、小班課、一對(duì)一，如下圖
總結(jié)
TJ君覺得大可以開拓思路，F(xiàn)LAT不止可以用于僅僅面向?qū)W生的教室，例如公司里的培訓(xùn)、各種會(huì)議、父母出差不在小孩身邊時(shí)的功課監(jiān)督等等，都可以運(yùn)用一下，不能將思路局限于某個(gè)局部。
讓TJ君覺得比較加分的是它的開源代碼里面的文檔非常詳細(xì)，例如每個(gè)版本的優(yōu)化項(xiàng)，都有中英文兩個(gè)版本來進(jìn)行介紹：
其余包括環(huán)境變量、如何debug調(diào)試也都有對(duì)應(yīng)的文檔指導(dǎo)。
對(duì)于想學(xué)習(xí)類似項(xiàng)目的小伙伴來說，絕對(duì)是個(gè)小寶藏，感興趣的小伙伴，趕緊來下載體驗(yàn)或?qū)W習(xí)吧：
點(diǎn)擊下方卡片，關(guān)注公眾號(hào)“TJ君”
回復(fù)“FLAT”，獲取倉(cāng)庫(kù)地址
關(guān)注我，每天了解一個(gè)牛x、好用、有趣的東東
往期推薦