AUI Kits
AUI Kits是一個(gè)低代碼應(yīng)用方案，專(zhuān)注于提供互動(dòng)直播、互動(dòng)課堂、遠(yuǎn)程監(jiān)考場(chǎng)景化的音視頻應(yīng)用UI組件，公開(kāi)源碼支持定制化修改。您可以基于Demo源碼進(jìn)行二次開(kāi)發(fā)，可有效節(jié)約您的開(kāi)發(fā)時(shí)間和成本。
互動(dòng)直播
Demo體驗(yàn)
場(chǎng)景 | 樣式 | 平臺(tái) | 角色 | 開(kāi)發(fā)參考 | 體驗(yàn)入口 |
互動(dòng)直播 | 豎屏樣式 | Android |
|
| |
iOS |
| ||||
Web | 觀眾端 | - | |||
微信小程序 | 觀眾端 | - | |||
橫屏樣式 | Windows | 主播端 | - | ||
macOS | 主播端 | - | |||
Android | 觀眾端 |
| |||
iOS | 觀眾端 | ||||
Web | 觀眾端 | - |
功能說(shuō)明
功能一：直播間列表
展示應(yīng)用下所有的直播間，以及直播間的標(biāo)題、封面圖、主播昵稱(chēng)、狀態(tài)、熱度。
功能二：主播端開(kāi)播
調(diào)整開(kāi)播效果，支持調(diào)節(jié)美顏特效、攝像頭方向。
聊天互動(dòng)，支持設(shè)置全員禁言。
連麥管理，支持接受/拒絕連麥申請(qǐng)；連麥過(guò)程中支持管理觀眾的設(shè)備，例如攝像頭、麥克風(fēng)等。
豎屏樣式封裝了直播間創(chuàng)建功能，支持設(shè)定直播間標(biāo)題、公告、類(lèi)型。
橫屏樣式封裝了共享屏幕功能，支持采集指定桌面畫(huà)面進(jìn)行推流。
功能三：觀眾端觀看
直播間觀看，若直播已結(jié)束，支持觀看回放。
聊天互動(dòng)。
豎屏樣式封裝了若干場(chǎng)景UI組件，僅作交互展示，需要您對(duì)接業(yè)務(wù)系統(tǒng)。
關(guān)注主播
點(diǎn)贊直播間
分享直播
移動(dòng)設(shè)備套件封裝了若干場(chǎng)景UI組件，僅作交互展示，需要您對(duì)接業(yè)務(wù)系統(tǒng)。
點(diǎn)贊直播間
分享直播
功能四：主播端-觀眾端音視頻連麥
申請(qǐng)連麥，若主播同意連麥，則觀眾二次確認(rèn)后上麥。
連麥互動(dòng)，支持調(diào)節(jié)美顏特效，管理設(shè)備，例如攝像頭、麥克風(fēng)等。
體驗(yàn)流程
豎屏樣式（互動(dòng)直播）
主播端 | 觀眾端 |
主題：開(kāi)播與互動(dòng) 平臺(tái)：Android、iOS 操作步驟：
| 主題：觀看與互動(dòng) 平臺(tái)：Android、iOS、Web、微信小程序 操作步驟：
|
橫屏樣式（企業(yè)直播）
主播端 | 觀眾端 |
主題：開(kāi)播與互動(dòng) 平臺(tái)：Windows、macOS 操作步驟：
| 主題：觀看與互動(dòng) 平臺(tái)：Android、iOS、Web 操作步驟：
|
互動(dòng)課堂
Demo體驗(yàn)
平臺(tái) | 角色 | 開(kāi)發(fā)參考 | 在線體驗(yàn) |
Web | 教師端 | 桌面端瀏覽器（推薦使用Chrome）請(qǐng)?jiān)L問(wèn)互動(dòng)課堂。 | |
助教端 | 桌面端瀏覽器（推薦使用Chrome）請(qǐng)?jiān)L問(wèn)互動(dòng)課堂。 | ||
學(xué)生端 |
|
功能說(shuō)明
功能一：教師登錄并創(chuàng)建教室
設(shè)定角色，支持“教師”、“助教”和“學(xué)生”三種角色。
設(shè)定班型，支持“公開(kāi)課”和“大班課”，若需要音視頻連麥請(qǐng)選“大班課”，否則請(qǐng)選“公開(kāi)課”。
設(shè)定教室號(hào)。
設(shè)定昵稱(chēng)。
設(shè)定助教權(quán)限（不需要?jiǎng)t關(guān)閉該功能）。
老師端需使用桌面端瀏覽器打開(kāi)，例如Windows系統(tǒng)的Chrome瀏覽器。若使用移動(dòng)設(shè)備瀏覽器訪問(wèn)則會(huì)切換至學(xué)生端。
功能二：教師開(kāi)播
調(diào)整開(kāi)播效果，支持切換攝像頭、麥克風(fēng)設(shè)備，支持開(kāi)啟/關(guān)閉攝像頭、麥克風(fēng)。
白板互動(dòng)，支持涂鴉、文本、直線、激光筆等基礎(chǔ)教具，支持白板分頁(yè)。
文檔共享，支持上傳、播放課件與文檔，支持靜態(tài)、動(dòng)態(tài)轉(zhuǎn)碼，完整保留原文檔字體和動(dòng)畫(huà)效果。
共享屏幕，支持共享指定桌面、窗口、瀏覽器標(biāo)簽頁(yè)畫(huà)面。
多媒體插播，支持播放本地視頻文件。
聊天互動(dòng)，支持設(shè)置全員禁言、刪除群消息。
成員管理，支持將學(xué)生移出教室。
音視頻連麥，大班課中支持1v8音視頻連麥，老師可以邀請(qǐng)學(xué)生上麥，學(xué)生可以舉手申請(qǐng)上麥。
功能三：助教登錄指定教室
設(shè)定教室號(hào)。
設(shè)定昵稱(chēng)。
助教端需要使用桌面設(shè)備瀏覽器打開(kāi)，例如Windows系統(tǒng)的Chrome瀏覽器。如果使用移動(dòng)設(shè)備瀏覽器訪問(wèn)則會(huì)切換至學(xué)生端。
功能四：助教進(jìn)入教室
助教可使用功能以教師設(shè)置為準(zhǔn)。
成員管理，支持將學(xué)生移出教室。
輔助教學(xué)，白板翻頁(yè)、課件更新。
聊天互動(dòng)，支持設(shè)置全員禁言、刪除群消息。
功能五：學(xué)生登錄指定教室
設(shè)定教室號(hào)。
設(shè)定昵稱(chēng)。
學(xué)生端需使用移動(dòng)端瀏覽器打開(kāi)，例如Android端的釘釘。若使用桌面端瀏覽器訪問(wèn)則會(huì)切換至老師端。
功能六：學(xué)生觀看
直播間觀看，根據(jù)不同班型展示不同布局和畫(huà)面。
聊天互動(dòng)。
音視頻連麥，學(xué)生可以舉手申請(qǐng)和老師連麥，或者接受老師發(fā)來(lái)的連麥邀請(qǐng)。
體驗(yàn)流程
教師端 | 助教端 | 學(xué)生端 |
主題：開(kāi)播與互動(dòng) 平臺(tái)：Windows瀏覽器、macOS瀏覽器 操作步驟：
| 主題：協(xié)助與觀看 平臺(tái)：Windows瀏覽器、macOS瀏覽器 操作步驟：
| 主題：觀看與互動(dòng) 平臺(tái)：Windows瀏覽器、macOS瀏覽器、Android瀏覽器、iOS瀏覽器 操作步驟：
|
遠(yuǎn)程監(jiān)考
Demo體驗(yàn)
平臺(tái) | 角色 | 在線體驗(yàn) |
Web | 監(jiān)考端 | 訪問(wèn)遠(yuǎn)程監(jiān)考考試Demo創(chuàng)建考場(chǎng)，生成監(jiān)考端和學(xué)生端入場(chǎng)鏈接。 |
學(xué)生端 |
功能說(shuō)明
功能一：創(chuàng)建考場(chǎng)
創(chuàng)建考場(chǎng)，Demo將自動(dòng)為您生成含有1個(gè)監(jiān)考老師、5個(gè)考生的考場(chǎng)。您可以根據(jù)實(shí)際需求自定義學(xué)生人數(shù)。
功能二：監(jiān)考端
查看考場(chǎng)內(nèi)所有學(xué)生的畫(huà)面。
進(jìn)行全員靜音，或指定學(xué)生靜音。
進(jìn)行全員實(shí)時(shí)口播。
指定音頻文件進(jìn)行全員系統(tǒng)廣播。
雙擊某個(gè)學(xué)生畫(huà)面后，學(xué)生畫(huà)面由小屏切換至大屏，進(jìn)入高清觀察模式。
進(jìn)入高清觀察模式后，老師可以選擇與學(xué)生開(kāi)啟一對(duì)一連麥。
結(jié)束考試。
功能三：學(xué)生端
自動(dòng)執(zhí)行老師側(cè)的系統(tǒng)指令，如開(kāi)啟連麥、接收口播、播放系統(tǒng)廣播等。
離線錄制，即當(dāng)學(xué)生斷網(wǎng)后，將自動(dòng)開(kāi)啟本地視頻錄制，并在網(wǎng)絡(luò)恢復(fù)后上傳至云端。
體驗(yàn)流程
訪問(wèn)遠(yuǎn)程監(jiān)考考試Demo，輸入考場(chǎng)名稱(chēng)，單擊創(chuàng)建考場(chǎng)，生成監(jiān)考端和學(xué)生端入場(chǎng)鏈接。
監(jiān)考老師和考生可以分別通過(guò)單擊對(duì)應(yīng)的鏈接或掃描二維碼進(jìn)入考場(chǎng)。
監(jiān)考端可以做如下互動(dòng)、操作。
單擊全員口播，監(jiān)考老師可以面向所有學(xué)生開(kāi)啟全員口播。
單擊系統(tǒng)廣播，監(jiān)考老師可以面向所有學(xué)生播放音頻文件。
雙擊某個(gè)已經(jīng)推流的學(xué)生畫(huà)面，彈窗進(jìn)入高清大屏觀察模式。在這個(gè)模式下監(jiān)考老師可以選擇與學(xué)生進(jìn)行一對(duì)一連麥。
在監(jiān)考端單擊右上角結(jié)束考試，然后單擊確認(rèn)，即可結(jié)束并退出考試。
學(xué)生端關(guān)閉瀏覽器即可退出考試。
音視頻通話
Demo體驗(yàn)
平臺(tái) | 角色 | 開(kāi)發(fā)參考 | 在線體驗(yàn) |
Android、iOS | 房間創(chuàng)建者、成員 |
|
功能說(shuō)明
功能一：雙人音視頻通話
1V1雙人通話，支持視頻通話、音頻通話。
通話狀態(tài)切換，支持視頻通話切換為語(yǔ)音通話。
功能二：多人音視頻通話
多人音視頻通話，單個(gè)房間最多支持50人同時(shí)在線。
支持自定義視頻幀率、碼率、分辨率、鏡像等相關(guān)參數(shù)。
房間創(chuàng)建者可設(shè)置單人/全體禁言、踢人、邀請(qǐng)成員。
體驗(yàn)流程
雙人音視頻通話 | 多人音視頻通話 |
|
|
微短劇
Demo體驗(yàn)
平臺(tái) | 開(kāi)發(fā)參考 | App體驗(yàn) |
Android |
| |
iOS |
功能說(shuō)明
短視頻場(chǎng)景
采用豎屏樣式，全屏沉浸式播放，可通過(guò)上下滑動(dòng)進(jìn)行切換。
微短劇場(chǎng)景
提供抽屜式劇集列表，點(diǎn)擊即可跳轉(zhuǎn)至指定劇集。
體驗(yàn)流程
掃描上述Demo二維碼并進(jìn)行下載安裝，完成安裝后打開(kāi)應(yīng)用阿里云播放器。
在播放器首頁(yè)單擊短劇，進(jìn)入播放頁(yè)面。
若觸發(fā)訪問(wèn)媒體等相關(guān)授權(quán)，請(qǐng)同意授權(quán)以便開(kāi)啟對(duì)應(yīng)特性。
觀看劇集，在觀看過(guò)程中您可以做如下互動(dòng)操作。
說(shuō)明下述互動(dòng)操作中，點(diǎn)贊、評(píng)論和分享按鈕在本UI組件中僅用于展示，需要集成方自行對(duì)接業(yè)務(wù)接口實(shí)現(xiàn)完整功能。
單擊播放頁(yè)面，暫?；蜷_(kāi)始播放。
單擊點(diǎn)贊按鈕，對(duì)劇集進(jìn)行點(diǎn)贊或取消點(diǎn)贊。
單擊評(píng)論按鈕，在對(duì)話框鍵入文本并發(fā)布評(píng)論。
單擊分享按鈕，對(duì)劇集進(jìn)行分享。
單擊底部劇集列表入口，展示劇集列表，選擇劇集后將跳轉(zhuǎn)至指定劇集進(jìn)行播放。
單集劇集觀看完成后，會(huì)自動(dòng)播放下一集。