又一低代码平台火了！15 分钟小白轻松开发在线课堂，人人都是开发者时代来了？
據(jù)艾瑞咨詢統(tǒng)計(jì)，2020 年中國在線教育行業(yè)市場(chǎng)規(guī)模 2573 億元，過去 4 年的復(fù)合增長率達(dá) 34.5%。如今在線教育行業(yè)如火如荼，亟待一款好的在線教育平臺(tái)。
此時(shí)，不少開發(fā)者和教育機(jī)構(gòu)遇到新的難題：如果使用標(biāo)準(zhǔn)化 SaaS 平臺(tái)，上手簡(jiǎn)單，但不能滿足企業(yè)的個(gè)性化需求，產(chǎn)品單一，且關(guān)鍵信息和數(shù)據(jù)保存在第三方庫里，可能有數(shù)據(jù)安全隱患。假如采用 PaaS 平臺(tái)研發(fā)的話，雖然能很好地解決上述問題，但開發(fā)門檻較高。
如何兼顧開發(fā)成本、降低門檻，又能滿足個(gè)性化定制需求呢？
擁有 7 年實(shí)時(shí)音視頻云服務(wù)行業(yè)經(jīng)驗(yàn)的聲網(wǎng) Agora，近日發(fā)布低代碼 aPaaS 產(chǎn)品 “靈動(dòng)課堂”，可幫助開發(fā)者最快 15 分鐘上線自有品牌、全功能的在線互動(dòng)教室。
真的假的？
雖然筆者沒有音視頻的開發(fā)經(jīng)歷，不過還真較真了，真的 15 分鐘就能開發(fā)了嗎？要不咱們動(dòng)手試一試？
一、安裝 Node.Js
先按照官網(wǎng)下載和安裝好Node.Js：https://www.runoob.com/nodejs/nodejs-install-setup.html
二、新建 test.html，編寫 demo 代碼
將以下代碼復(fù)制粘貼到 test.html：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AgoraFlexibleClassroomDemo</title><script src="https://webdemo.agora.io/classroom-sdk-1.1.0-beta/edu_sdk.bundle.js"></script> </head><body><style>#root1 {width: 100%;height: 100%;}</style><div id="root1"></div><script type="text/javascript">AgoraEduSDK.config({// 你的聲網(wǎng) APP IDappId: '<your appId>',})AgoraEduSDK.launch(translateLanguage:"auto",document.querySelector("#root1"), {// 你的聲網(wǎng) token，生成token的uid需要和userUuid一致rtmToken: "<your rtm token>",// 你的用戶全局唯一標(biāo)識(shí)userUuid: "teacher1",// 用戶名稱userName: "teac",// 你的房間全局唯一標(biāo)識(shí)，互通需要雙方進(jìn)入同一個(gè)房間roomUuid: "demo123" + new Date().getTime(),// 課堂的開始時(shí)間，課堂會(huì)在指定時(shí)間自動(dòng)開始startTime: new Date().getTime(),// 課堂的持續(xù)時(shí)間，課堂會(huì)在指定時(shí)間自動(dòng)結(jié)束duration: 1500,// 加入課堂的角色，1 - 老師，2 - 學(xué)生，3 - 助教roleType: 1,// 課堂類型，0 - 1v1，4 - 小班課roomType: 0,// UI語言language: "zh",// 房間名roomName: "demo-app",// 課件列表courseWareList:[],// 是否打開設(shè)備預(yù)檢pretest: true,translateLanguage: "auto",listener: (evt) => {// 課堂事件監(jiān)聽console.log("evt", evt)}})</script> </body></html>三、更換 appId、rtmToken：
需先準(zhǔn)備好：
1、創(chuàng)建 Agora 項(xiàng)目并獲取 App ID 和 App 證書，按照官方文檔（https://docs.agora.io/cn/agora-class/agora_class_prep?platform=Web）做好靈動(dòng)課堂后臺(tái)配置的準(zhǔn)備工作
2、生成 RTM Token
https://webdemo.agora.io/token-builder/
3、根據(jù)注釋，修改代碼中的 AppID、rtmToken。
四、運(yùn)行程序
自由更換老師和學(xué)生角色，課堂形式：
根據(jù)注釋內(nèi)容，嘗試修改roleType、roomType、roomName的值，然后把軟件跑起來。執(zhí)行命令行：
npm i -g live-server
live-server .
打開網(wǎng)頁：http://localhost:8080/test.html
效果展示：
五、心得體會(huì)
我本人曾經(jīng)也是一名開發(fā)者，有一定的開發(fā)經(jīng)驗(yàn)，這個(gè)產(chǎn)品的設(shè)計(jì)對(duì)開發(fā)者體驗(yàn)是非常友好的，將底層音視頻復(fù)雜邏輯進(jìn)行模塊化封裝，上手快，非常易用。上述步驟很簡(jiǎn)單，一步步操作起來并不難。在這里提醒下大家，要想 15 分鐘跑起來，需要提前安裝好 node，申請(qǐng)好 appId、rtmToken，剩下的 5 分鐘內(nèi)就能跑起來一個(gè)在線課堂應(yīng)用，沒有音視頻開發(fā)基礎(chǔ)的小白均可上手！
據(jù)了解，靈動(dòng)課堂自今年 1 月上線以來，不到 3 個(gè)月時(shí)間里，靈動(dòng)課堂注冊(cè)客戶數(shù)超1000家，支持的課堂數(shù)量超過50萬/月，全球覆蓋學(xué)生數(shù)累計(jì)超過400萬。據(jù)官網(wǎng)透露，這款軟件平均可節(jié)省 90% 開發(fā)時(shí)間，提高開發(fā)效率，還兼顧個(gè)性化功能設(shè)計(jì)。上面筆者僅僅是嘗試了簡(jiǎn)單的 demo 功能， 靈動(dòng)課堂還支持修改 UI 布局、Logo等定制化需求。
實(shí)際應(yīng)用方面，也有一些代表的案例。一家在區(qū)域內(nèi)具備較強(qiáng)影響力的K12教培機(jī)構(gòu)，受疫情對(duì)線下教育的沖擊，加速OMO轉(zhuǎn)型。但是由于在線化經(jīng)驗(yàn)和研發(fā)資源不足，OMO推進(jìn)頻頻受阻。通過聲網(wǎng)靈動(dòng)課堂，很好的解決了該機(jī)構(gòu)上線難、上線慢的痛點(diǎn)，僅用1天時(shí)間就完成互動(dòng)教室的搭建，將線下教學(xué)和線上輔導(dǎo)做到了有機(jī)的融合。
除了基于手機(jī)、PC的線上課堂場(chǎng)景，靈動(dòng)課堂還能與智能硬件結(jié)合。武漢全品是定位于基礎(chǔ)教育的內(nèi)容供應(yīng)商和服務(wù)者，他們希望打造一款物聯(lián)護(hù)眼學(xué)習(xí)臺(tái)燈?；谥悄芘_(tái)燈開發(fā)實(shí)時(shí)互動(dòng)課堂，對(duì)于全品來說，開發(fā)資源有限，自研難度較大，但他們希望功能盡快上線，適應(yīng)智能臺(tái)燈新產(chǎn)品發(fā)布節(jié)奏。通過靈動(dòng)課堂，全品2小時(shí)開發(fā)了一個(gè)在線互動(dòng)教室。
值得一提的是，嵌入在靈動(dòng)課堂里的“白板”，看起來平平無奇，卻大有乾坤。這是行業(yè)首個(gè)支持H5 課件的白板PaaS產(chǎn)品“互動(dòng)白板”，可以快速實(shí)現(xiàn)多人實(shí)時(shí)互動(dòng)白板協(xié)作，支持H5課件交互、動(dòng)態(tài)PPT展示、軌跡實(shí)時(shí)同步、與音視頻同步等多種功能。目前互動(dòng)白板示例代碼項(xiàng)目 Flat 已在開發(fā)者社區(qū)進(jìn)行開源，大家可以下載試用：https://github.com/netless-io/flat
總結(jié)
以上是生活随笔為你收集整理的又一低代码平台火了！15 分钟小白轻松开发在线课堂，人人都是开发者时代来了？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： IT、OT融合趋势下，西门子举办“第一届
- 下一篇： 阿里的 RocketMQ 如何让双十一峰