日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

又一低代码平台火了!15 分钟小白轻松开发在线课堂,人人都是开发者时代来了?

發布時間:2024/8/23 编程问答 22 豆豆
生活随笔 收集整理的這篇文章主要介紹了 又一低代码平台火了!15 分钟小白轻松开发在线课堂,人人都是开发者时代来了? 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

據艾瑞咨詢統計,2020 年中國在線教育行業市場規模 2573 億元,過去 4 年的復合增長率達 34.5%。如今在線教育行業如火如荼,亟待一款好的在線教育平臺。

此時,不少開發者和教育機構遇到新的難題:如果使用標準化 SaaS 平臺,上手簡單,但不能滿足企業的個性化需求,產品單一,且關鍵信息和數據保存在第三方庫里,可能有數據安全隱患。假如采用 PaaS 平臺研發的話,雖然能很好地解決上述問題,但開發門檻較高。

如何兼顧開發成本、降低門檻,又能滿足個性化定制需求呢?

擁有 7 年實時音視頻云服務行業經驗的聲網 Agora,近日發布低代碼 aPaaS 產品 “靈動課堂”,可幫助開發者最快 15 分鐘上線自有品牌、全功能的在線互動教室。

真的假的?

雖然筆者沒有音視頻的開發經歷,不過還真較真了,真的 15 分鐘就能開發了嗎?要不咱們動手試一試?

一、安裝 Node.Js

先按照官網下載和安裝好Node.Js:https://www.runoob.com/nodejs/nodejs-install-setup.html

二、新建 test.html,編寫 demo 代碼

將以下代碼復制粘貼到 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({// 你的聲網 APP IDappId: '<your appId>',})AgoraEduSDK.launch(translateLanguage:"auto",document.querySelector("#root1"), {// 你的聲網 token,生成token的uid需要和userUuid一致rtmToken: "<your rtm token>",// 你的用戶全局唯一標識userUuid: "teacher1",// 用戶名稱userName: "teac",// 你的房間全局唯一標識,互通需要雙方進入同一個房間roomUuid: "demo123" + new Date().getTime(),// 課堂的開始時間,課堂會在指定時間自動開始startTime: new Date().getTime(),// 課堂的持續時間,課堂會在指定時間自動結束duration: 1500,// 加入課堂的角色,1 - 老師,2 - 學生,3 - 助教roleType: 1,// 課堂類型,0 - 1v1,4 - 小班課roomType: 0,// UI語言language: "zh",// 房間名roomName: "demo-app",// 課件列表courseWareList:[],// 是否打開設備預檢pretest: true,translateLanguage: "auto",listener: (evt) => {// 課堂事件監聽console.log("evt", evt)}})</script> </body></html>

三、更換 appId、rtmToken:

需先準備好:
1、創建 Agora 項目并獲取 App ID 和 App 證書,按照官方文檔(https://docs.agora.io/cn/agora-class/agora_class_prep?platform=Web)做好靈動課堂后臺配置的準備工作

2、生成 RTM Token
https://webdemo.agora.io/token-builder/

3、根據注釋,修改代碼中的 AppID、rtmToken。

四、運行程序

自由更換老師和學生角色,課堂形式:

根據注釋內容,嘗試修改roleType、roomType、roomName的值,然后把軟件跑起來。執行命令行:

npm i -g live-server
live-server .

打開網頁:http://localhost:8080/test.html

效果展示:

五、心得體會

我本人曾經也是一名開發者,有一定的開發經驗,這個產品的設計對開發者體驗是非常友好的,將底層音視頻復雜邏輯進行模塊化封裝,上手快,非常易用。上述步驟很簡單,一步步操作起來并不難。在這里提醒下大家,要想 15 分鐘跑起來,需要提前安裝好 node,申請好 appId、rtmToken,剩下的 5 分鐘內就能跑起來一個在線課堂應用,沒有音視頻開發基礎的小白均可上手!

據了解,靈動課堂自今年 1 月上線以來,不到 3 個月時間里,靈動課堂注冊客戶數超1000家,支持的課堂數量超過50萬/月,全球覆蓋學生數累計超過400萬。據官網透露,這款軟件平均可節省 90% 開發時間,提高開發效率,還兼顧個性化功能設計。上面筆者僅僅是嘗試了簡單的 demo 功能, 靈動課堂還支持修改 UI 布局、Logo等定制化需求。

實際應用方面,也有一些代表的案例。一家在區域內具備較強影響力的K12教培機構,受疫情對線下教育的沖擊,加速OMO轉型。但是由于在線化經驗和研發資源不足,OMO推進頻頻受阻。通過聲網靈動課堂,很好的解決了該機構上線難、上線慢的痛點,僅用1天時間就完成互動教室的搭建,將線下教學和線上輔導做到了有機的融合。

除了基于手機、PC的線上課堂場景,靈動課堂還能與智能硬件結合。武漢全品是定位于基礎教育的內容供應商和服務者,他們希望打造一款物聯護眼學習臺燈。基于智能臺燈開發實時互動課堂,對于全品來說,開發資源有限,自研難度較大,但他們希望功能盡快上線,適應智能臺燈新產品發布節奏。通過靈動課堂,全品2小時開發了一個在線互動教室。

值得一提的是,嵌入在靈動課堂里的“白板”,看起來平平無奇,卻大有乾坤。這是行業首個支持H5 課件的白板PaaS產品“互動白板”,可以快速實現多人實時互動白板協作,支持H5課件交互、動態PPT展示、軌跡實時同步、與音視頻同步等多種功能。目前互動白板示例代碼項目 Flat 已在開發者社區進行開源,大家可以下載試用:https://github.com/netless-io/flat

總結

以上是生活随笔為你收集整理的又一低代码平台火了!15 分钟小白轻松开发在线课堂,人人都是开发者时代来了?的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。