本專欄將分享阿里云視頻云MediaBox系列技術文章，深度剖析音視頻開發利器的技術架構、技術性能、開發能效和最佳實踐，一起開啟音視頻的開發之旅。本文為MediaBox最佳實踐篇，重點從互動課堂AUI Kit的核心功能、技術架構、快速集成等方面，介紹如何通過低代碼快速接入專屬互動課堂視頻業務。
燉叔、炯心｜作者
“雙減”政策后，在線教育行業進入全新發展階段。越來越多的用戶通過App等方式參與在線教育，其中，K12和高等教育等細分領域用戶的使用頻率增長顯著。
在線教育行業正呈現加速整合和變革的趨勢：一些大型在線教育平臺通過收購、合并等方式擴大市場份額和優化資源配置，傳統教育機構也開始積極布局、轉型。
需求增長的背后需要技術的強大支撐。然而，在線教育高度依賴的音視頻技術，其復雜度和成本使得不同教育機構和企業在考慮自研專屬課堂時遇到難以突破的瓶頸。
面對這些趨勢和挑戰，互動課堂AUI Kit提供在線互動課堂音視頻解決方案，致力于讓企業擺脫自研難題，在降低開發門檻、縮短開發周期的同時，專注于業務開發。
過去，構建在線課堂產品時可選方案通常是SaaS或PaaS。
SaaS存在幾個痛點：一是用戶無法自定義界面，無法凸顯自主品牌；二是功能無法靈活擴展，很難滿足個性化需求；三是數據全托管在SaaS服務商，保密性差、安全性低。
PaaS雖然沒有SaaS局限，卻也要為高自由度付出成本。研發門檻高，需要具備音視頻和工程開發等的專業經驗；業務風險高，缺乏相關開發經驗可能會導致最終效果遠不達預期；開發周期長，通常完整的課堂項目研發時間在3個月左右。
阿里云視頻云互動課堂AUI Kit封裝了MediaBox終端SDK以及視頻云PaaS服務，將集成時間由月/周級別縮短為小時級，實現通用課堂場景的UI，并配套AppServer與UI聯動，構建了課堂場景下的端到端解決方案。
? 互動大班課
一鍵開課：教師在PC端瀏覽器開播，通過互動白板、文檔課件、屏幕分享、本地視頻插播等教具進行授課；助教在PC端瀏覽器中協助老師準備課件、白板內容、維護課堂秩序；學生通過PC端或移動端瀏覽器進入課堂。師生無需安裝客戶端即可便捷上課。企業也可以將其嵌入釘釘、微信等SaaS產品中。
多樣互動：通過群聊天、音視頻連麥、互動白板等方式，師生間可以進行實時互動；通過成員管理、消息管理、連麥管理等方式，教師和助教可以維持課堂秩序、提升學生上課專注度。
超低延時：互動課堂AUI Kit使用WebRTC協議實現超低延時直播推流，觀看端使用低延時直播協議可獲得500~1000ms的低延時播放體驗，大班課能承載1萬人以上同時在線；支持1v8連麥互動，端到端延時縮短至200~400ms，允許按需擴展；支持直播錄制，用于課堂回放。
? 直/點播公開課
超大班型：公開課能承載更大體量的在線課堂，適用于百萬人以上的超大班型課堂進行點播或直播上課，音視頻質量經過大型商業驗證，穩定可靠。
互動課堂AUI Kit基于阿里云技術底層和長期音視頻時間打磨，為客戶提供穩定可靠的在線課堂音視頻解決方案。
一方面，底層通過集成MediaBox音視頻SDK和可視化配置，封裝多種視頻云服務，依托阿里云CDN網絡提供低時延和帶寬保障，確保終端用戶的課堂視聽體驗。另一方面，提供豐富的課堂組件和多種通用班型，企業可根據不同的業務場景按需集成。
? 降本提效：互動課堂AUI Kit底層封裝視頻直播、視頻點播、互動消息等視頻云產品，可使接入方通過“低代碼”的方式快速接入并跑通整個流程，將集成時間由基于PaaS層SDK接入開發模式的月/周級別縮短為小時級，大大降級了接入成本。同時，接入方也無需關心音視頻SDK的復雜邏輯，將精力集中在自身的業務開發。
? 豐富組件：基于通用課堂場景的能力訴求，互動課堂 AUI Kit實現了直播、連麥互動、聊天、互動白板、課件文檔、本地視頻插播、屏幕共享等功能。同時遵循高易用的要求，支持一鍵接入，助力企業快速落地，打造屬于自己的個性化互動課堂平臺。
? 適配性強：由于不同教學場景對音視頻能力訴求有所差別，互動課堂AUI Kit提供了大班課、公開課等主流班型，實現了相對完整的課堂交互，企業可按需集成不同班型的功能模塊，兼容各端主流設備瀏覽器環境使用。
? 優質體驗：依托阿里云CDN網絡與MediaBox音視頻SDK，提供出色的傳輸優化、視頻增強、音頻降噪等功能，云端結合確保終端用戶的課堂視聽體驗。
? 開源靈活：互動課堂AUI Kit為接入方提供源碼級別、可快速集成運行的場景方案「最佳實踐」，采用開源全套前端+服務端工程的方案，接入方可以更方便地基于自身需求進行二次開發，擴展性遠高于SaaS。
? 安全獨立：無需擔心數據安全，互動課堂AUI Kit前后端服務均由業務方自行創建部署，非托管，所有業務數據獨立擁有。
整體而言，該架構基于阿里云強大的云服務底層和豐富的音視頻SDK確保音視頻體驗，降低開發者的音視頻開發成本；通過提供豐富的業務組件、差異化的場景封裝、全開源的前后端代碼，讓開發者按需集成，靈活定制，安全獨立。
互動課堂AUI Kit解決方案對外開源服務端AppServer和客戶端Web工程，通過這兩項工程即可快速運行、體驗互動課堂的相關流程。
服務端AppServer：主要負責配置直播服務和管理課堂相關數據。開通阿里云云直播服務并配置好相關參數后即可訪問阿里云直播中心，接入互動連麥、互動消息、直播鏈接鑒權等能力，并向客戶端提供所需的HTTP接口。此外，我們還提供以源代碼或鏡像形式交付的工程，以及基于函數計算和容器鏡像等的部署方式，大大提高搭建效率，方便客戶更輕松地部署和運行服務端應用。
客戶端Web：基于業界流行的umi+React+TypeScript進行搭建。基于多個MediaBox音視頻SDK應用底層音視頻能力，通過HTTP接口與服務端AppServer進行業務數據交換。在此基礎上，Web客戶端實現了推拉流組件、互動白板、互動連麥和用戶管理等模塊，構建了老師、學生等不同角色所使用的頁面。客戶僅需配置服務端 AppServer的域名等參數即可快速體驗流暢、豐富的功能。
快速集成互動課堂主要分為服務開通、集成源碼、部署AppServer、運行Web工程四大步驟。
1.服務開通
首先，客戶需要開通阿里云視頻直播和互動消息等服務，并在直播控制臺中配置所需的推拉流域名等相關參數。
2.集成源碼
接著，前往GitHub互動課堂開源工程頁，克隆或下載各個端的源代碼，這些源碼將提供互動課堂所需的功能和組件。
3.部署AppServer
然后，在AppServer工程中進行項目配置和數據配置等操作。完成配置后，客戶可以通過函數計算（FC）等方式部署服務，為Web客戶端提供HTTP接口。
4.運行Web工程
最后，將部署的AppServer域名配置到Web工程中相應的位置，即可啟動并體驗互動課堂的功能。
// 在Web工程CONFIG.appServer中配置AppServer所需的參數
appServer: {
// 配置 APPServer 服務域名，結尾字符請勿是 /，服務端需要開啟可跨域設置
origin: 'https://xxx.xxx.xxx',
// 配置api接口路徑前綴
apiPrefixPath: '/api/',
}
通過以上步驟即可快速集成互動課堂，詳細說明請參考官網：https://help.aliyun.com/document_detail/2401376.html
當前，阿里云互動課堂AUI Kit正在不斷完善通用課堂功能，如教具、美顏等，為開發者提供更多可用組件。未來，我們將在安全性、易用性、智能化等方面持續投入，例如課堂內容安全防盜，集成AI提供課堂內容生成文字稿或簡介大綱，集成人臉檢測算法用于學生專注度檢測等，致力于達成更易接入、更高可用和更多場景的目標，為遠程教學提供更流暢穩定智能的體驗。
我們誠摯地歡迎各位開發者和合作伙伴加入使用，共同打造更優秀的互動課堂。在接入和使用過程中，如果您有任何疑問或需要進一步幫助，歡迎通過釘釘掃碼加入AUI客戶支持群，我們將耐心傾聽您的反饋，積極改進和解決您的問題，提供更好的服務和支持。
歡迎加入官方答疑釘釘群咨詢交流
