日本熟妇hd丰满老熟妇,中文字幕一区二区三区在线不卡 ,亚洲成片在线观看,免费女同在线一区二区

AI 助理
備案控制臺
文檔
輸入文檔關鍵字查找
首頁 音視頻終端 SDK 快速入門 Demo 體驗Demo AUI Kits

AUI Kits

更新時間：
產品詳情
我的收藏

AUI Kits是一個低代碼應用方案，專注于提供互動直播、互動課堂、遠程監考場景化的音視頻應用UI組件，公開源碼支持定制化修改。您可以基于Demo源碼進行二次開發，可有效節約您的開發時間和成本。

互動直播

Demo體驗

場景

樣式

平臺

角色

開發參考

體驗入口

互動直播

豎屏樣式

Android

  • 主播端

  • 觀眾端

Android端豎屏樣式接入

image

iOS

  • 主播端

  • 觀眾端

iOS端豎屏樣式接入

Web

觀眾端

Web端豎屏樣式接入

-

微信小程序

觀眾端

微信小程序接入

-

橫屏樣式

Windows

主播端

Windows開播小助手使用說明

-

macOS

主播端

macOS開播小助手使用說明

-

Android

觀眾端

Android端橫屏樣式接入

image

iOS

觀眾端

iOS端橫屏樣式接入

Web

觀眾端

Web端橫屏樣式接入

-

功能說明

功能一：直播間列表

展示應用下所有的直播間，以及直播間的標題、封面圖、主播昵稱、狀態、熱度。

界面預覽

image.png

功能二：主播端開播

  • 調整開播效果，支持調節美顏特效、攝像頭方向。

  • 聊天互動，支持設置全員禁言。

  • 連麥管理，支持接受/拒絕連麥申請；連麥過程中支持管理觀眾的設備，例如攝像頭、麥克風等。

豎屏樣式（互動直播）

豎屏樣式封裝了直播間創建功能，支持設定直播間標題、公告、類型。

image.png

橫屏樣式（企業直播）

橫屏樣式封裝了共享屏幕功能，支持采集指定桌面畫面進行推流。

image.png

image.png

功能三：觀眾端觀看

  • 直播間觀看，若直播已結束，支持觀看回放。

  • 聊天互動。

豎屏樣式（互動直播）

豎屏樣式封裝了若干場景UI組件，僅作交互展示，需要您對接業務系統。

  • 關注主播

  • 點贊直播間

  • 分享直播

image.png

橫屏樣式（企業直播）

移動設備套件封裝了若干場景UI組件，僅作交互展示，需要您對接業務系統。

  • 點贊直播間

  • 分享直播

圖片4.png

功能四：主播端-觀眾端音視頻連麥

  • 申請連麥，若主播同意連麥，則觀眾二次確認后上麥。

  • 連麥互動，支持調節美顏特效，管理設備，例如攝像頭、麥克風等。

豎屏樣式（互動直播）

image.png

橫屏樣式（企業直播）

圖片5.png

圖片6.png

體驗流程

豎屏樣式（互動直播）

主播端

觀眾端

主題：開播與互動

平臺：Android、iOS

操作步驟：

  1. 掃描上述Demo二維碼并進行下載安裝，完成安裝后打開應用互動直播。

  2. 在登錄頁面輸入用戶昵稱，單擊進入，進入直播間列表頁面。

  3. 在直播間列表頁面單擊創建直播間，進入直播間創建頁面。

  4. 在創建直播間頁面填入直播間標題，選擇直播間類型，單擊“創建直播間”，進入直播預覽頁面。

    若需要體驗連麥功能，需要選擇連麥直播。

  5. 在直播預覽頁面內單擊開始直播，待3秒倒計時后開始推流。

    在開始直播之前，您可以單擊美顏調節美顏特效，單擊翻轉設定攝像頭方向，

  6. 進入開播頁面后，您可以做如下互動、設定操作。

    單擊對話框鍵入文本發布聊天消息。

    單擊美顏按鈕調節美顏特效。

    單擊菜單按鈕進行直播間管理。

  7. 當有觀眾申請連麥時，在主播端會展示詢問彈窗，單擊確認即可邀請觀眾開始連麥。

    連麥過程中可以單擊連麥按鈕管理連麥狀態。

  8. 在開播頁面單擊關閉圖標，然后單擊確認，即可結束并退出直播間。

主題：觀看與互動

平臺：Android、iOS、Web、微信小程序

操作步驟：

  1. 掃描上述Demo二維碼并進行下載安裝，完成安裝后打開應用互動直播。

  2. 在登錄頁面輸入用戶昵稱，單擊進入，進入直播間列表頁面。

  3. 在直播間列表頁面單擊任意直播間，進入觀看頁面。

  4. 進入觀看頁面后，您可以做如下互動、設定操作。

    單擊對話框鍵入文本發布聊天消息，若直播已結束或處于禁用狀態，則無法發送消息。

    若直播已結束，單擊查看回放開始回放直播內容。

  5. 單擊連麥圖標向主播申請連麥，主播同意連麥請求后上麥；若直播已結束或當前直播間類型為普通直播，則無該功能。

    連麥過程中可以單擊連麥按鈕管理連麥狀態，單擊美顏按鈕調節美顏特效。

  6. 在觀看頁面單擊關閉圖標，然后單擊確認，即可結束并退出直播間。

橫屏樣式（企業直播）

主播端

觀眾端

主題：開播與互動

平臺：Windows、macOS

操作步驟：

  1. 部署AppServer后生成喚端URL，詳情參見服務端集成。

  2. 下載并安裝Windows開播小助手。

  3. 打開開播小助手，輸入步驟 1中獲取的喚端URL，單擊進入直播間跳轉到直播預覽頁面。

  4. 在直播預覽頁面內單擊開始直播，待3秒倒計時后開始推流。

    您可以單擊設置，跳轉到推流的分辨率、幀率、碼率檔位。

  5. 進入開播頁面后，您可以做如下設定、互動操作。

    • 單擊麥克風圖標開關麥克風，或單擊右側菜單切換麥克風設備。

    • 單擊攝像頭圖標開關攝像頭，或單擊右側菜單切換攝像頭設備。

    • 單擊美顏調節美顏特效。

    • 單擊共享屏幕激活或關閉錄屏功能，在彈窗中選擇對應的桌面進行采集推流。

  6. 當有觀眾申請連麥時，在主播端會展示詢問彈窗，點擊確認即可邀請觀眾開始連麥。

    • 連麥過程中可以單擊演講者視圖/宮格視圖切換連麥合流的布局。

    • 連麥過程中可以單擊連麥按鈕管理連麥狀態。

  7. 在開播頁面單擊結束直播，然后單擊確認，即可結束并退出直播間。

主題：觀看與互動

平臺：Android、iOS、Web

操作步驟：

  1. 掃描上述Demo二維碼并進行下載安裝，完成安裝后打開應用企業直播。

  2. 在登錄頁面輸入用戶昵稱，單擊進入，進入直播間列表頁面。

  3. 在直播間列表頁面單擊任意直播間，進入觀看頁面。

  4. 進入觀看頁面后，您可以做如下互動、設定操作。

    • 點擊對話框鍵入文本發布聊天消息，若直播已結束或處于禁用狀態，則無法發送消息。

    • 若直播已結束，單擊查看回放開始回放直播內容。

  5. 單擊連麥圖標向主播申請連麥，主播同意連麥請求后上麥；若直播已結束或當前直播間類型為普通直播，則無該功能。

    連麥過程中可以單擊連麥按鈕管理連麥狀態，單擊美顏按鈕調節美顏特效。

  6. 在觀看頁面點擊關閉圖標，然后單擊確認，即可結束并退出直播間。

互動課堂

Demo體驗

平臺

角色

開發參考

在線體驗

Web

教師端

Web端接入

桌面端瀏覽器（推薦使用Chrome）請訪問互動課堂。

助教端

桌面端瀏覽器（推薦使用Chrome）請訪問互動課堂。

學生端

  • 桌面端瀏覽器（推薦使用Chrome）請訪問互動課堂。

  • 移動端請掃描訪問：image

功能說明

功能一：教師登錄并創建教室

  • 設定角色，支持“教師”、“助教”和“學生”三種角色。

  • 設定班型，支持“公開課”和“大班課”，若需要音視頻連麥請選“大班課”，否則請選“公開課”。

  • 設定教室號。

  • 設定昵稱。

  • 設定助教權限（不需要則關閉該功能）。

說明

老師端需使用桌面端瀏覽器打開，例如Windows系統的Chrome瀏覽器。若使用移動設備瀏覽器訪問則會切換至學生端。

界面預覽

image

功能二：教師開播

  • 調整開播效果，支持切換攝像頭、麥克風設備，支持開啟/關閉攝像頭、麥克風。

  • 白板互動，支持涂鴉、文本、直線、激光筆等基礎教具，支持白板分頁。

  • 文檔共享，支持上傳、播放課件與文檔，支持靜態、動態轉碼，完整保留原文檔字體和動畫效果。

  • 共享屏幕，支持共享指定桌面、窗口、瀏覽器標簽頁畫面。

  • 多媒體插播，支持播放本地視頻文件。

  • 聊天互動，支持設置全員禁言、刪除群消息。

  • 成員管理，支持將學生移出教室。

  • 音視頻連麥，大班課中支持1v8音視頻連麥，老師可以邀請學生上麥，學生可以舉手申請上麥。

界面預覽

image

功能三：助教登錄指定教室

  • 設定教室號。

  • 設定昵稱。

說明

助教端需要使用桌面設備瀏覽器打開，例如Windows系統的Chrome瀏覽器。如果使用移動設備瀏覽器訪問則會切換至學生端。

界面預覽

image

功能四：助教進入教室

說明

助教可使用功能以教師設置為準。

  • 成員管理，支持將學生移出教室。

  • 輔助教學，白板翻頁、課件更新。

  • 聊天互動，支持設置全員禁言、刪除群消息。

界面預覽

image

功能五：學生登錄指定教室

  • 設定教室號。

  • 設定昵稱。

界面預覽

學生端需使用移動端瀏覽器打開，例如Android端的釘釘。若使用桌面端瀏覽器訪問則會切換至老師端。

1111.png

功能六：學生觀看

  • 直播間觀看，根據不同班型展示不同布局和畫面。

  • 聊天互動。

  • 音視頻連麥，學生可以舉手申請和老師連麥，或者接受老師發來的連麥邀請。

界面預覽

圖片1.png

圖片2.png

圖片3.png

體驗流程

教師端

助教端

學生端

主題：開播與互動

平臺：Windows瀏覽器、macOS瀏覽器

操作步驟：

  1. 使用桌面端瀏覽器（推薦使用Chrome）訪問互動課堂。

  2. 選擇班型并輸入用戶昵稱，單擊進入教室，若之前已創建了教室，請輸入教室號。

  3. 進入教室后，在頁面左上角獲取教室號發給學生用戶，以便學生端登錄至指定教室。

  4. 進入開播頁面后，您可以做如下設定、互動操作。

    • 系統默認創建互動白板作為主畫面，您可以繪制或添加白板頁面。

    • 單擊麥克風圖標開關麥克風，或點擊右側菜單切換麥克風設備。

    • 單擊攝像頭圖標開關攝像頭，或點擊右側菜單切換攝像頭設備。

    • 單擊共享屏幕/結束共享激活或關閉錄屏功能，在彈窗中選擇對應的桌面、窗口或瀏覽器標簽頁進行采集推流。

    • 單擊課件選擇本地文檔課件，上傳并轉碼完成后即可播放指定文檔內容。

  5. 調試好音視頻設備后，單擊右下角開始上課。

  6. 單擊右下角結束課程，然后單擊確認，即可結束并退出課堂。

主題：協助與觀看

平臺：Windows瀏覽器、macOS瀏覽器

操作步驟：

  1. 使用桌面端瀏覽器（推薦使用Chrome）訪問互動課堂。

  2. 選擇助教角色，輸入教室號，輸入用戶昵稱（例如assistant），單擊進入教室。

    1. 若該教室未啟用助教功能，或當前用戶昵稱與該教室助教昵稱不符，則無法進入教室。

  3. 進入教室后，在頁面左上角獲取教室ID發給學生用戶，用于學生端登錄至指定教室。

  4. 進入開播頁面后，您可以做如下設定、互動操作：

    1. 系統默認創建互動白板并作為主畫面，您可以繪制或添加白板頁面（需要教師端開啟該權限）。

    2. 您可以點擊課件選擇本地文檔課件，上傳轉碼完成后即可播放指定文檔內容（需要教師端開啟該權限）。

    3. 成員管理，將學生移除教室（需要教師端開啟該權限）。

    4. 聊天互動，支持設置全員靜音、刪除群消息（需要教師端開啟該權限）。

主題：觀看與互動

平臺：Windows瀏覽器、macOS瀏覽器、Android瀏覽器、iOS瀏覽器

操作步驟：

  1. 掃描上述Demo二維碼，打開學生端登錄頁面。

  2. 在登錄頁面輸入教室號與用戶昵稱，單擊進入教室。

  3. 進入教室后，您可以做如下互動、設定操作。

    • 系統自動拉取直播畫面，若未能自動播放需要手動單擊播放控件；若老師端尚未開播，請等待開播后觀看。

    • 單擊對話框鍵入文本發布聊天消息；若直播已結束或處于禁用狀態，則無法發送消息。

  4. 關閉瀏覽器即可退出課堂。

遠程監考

Demo體驗

平臺

角色

在線體驗

Web

監考端

訪問遠程監考考試Demo創建考場，生成監考端和學生端入場鏈接。

學生端

功能說明

功能一：創建考場

創建考場，Demo將自動為您生成含有1個監考老師、5個考生的考場。您可以根據實際需求自定義學生人數。

功能二：監考端

  • 查看考場內所有學生的畫面。

  • 進行全員靜音，或指定學生靜音。

  • 進行全員實時口播。

  • 指定音頻文件進行全員系統廣播。

  • 雙擊某個學生畫面后，學生畫面由小屏切換至大屏，進入高清觀察模式。

  • 進入高清觀察模式后，老師可以選擇與學生開啟一對一連麥。

  • 結束考試。

功能三：學生端

  • 自動執行老師側的系統指令，如開啟連麥、接收口播、播放系統廣播等。

  • 離線錄制，即當學生斷網后，將自動開啟本地視頻錄制，并在網絡恢復后上傳至云端。

界面預覽

圖片12.png

圖片13.png

體驗流程

  1. 訪問遠程監考考試Demo，輸入考場名稱，單擊創建考場，生成監考端和學生端入場鏈接。

  2. 監考老師和考生可以分別通過單擊對應的鏈接或掃描二維碼進入考場。

  3. 監考端可以做如下互動、操作。

    • 單擊全員口播，監考老師可以面向所有學生開啟全員口播。

    • 單擊系統廣播，監考老師可以面向所有學生播放音頻文件。

    • 雙擊某個已經推流的學生畫面，彈窗進入高清大屏觀察模式。在這個模式下監考老師可以選擇與學生進行一對一連麥。

  4. 在監考端單擊右上角結束考試，然后單擊確認，即可結束并退出考試。

    學生端關閉瀏覽器即可退出考試。

音視頻通話

Demo體驗

平臺

角色

開發參考

在線體驗

Android、iOS

房間創建者、成員

image.png

功能說明

功能一：雙人音視頻通話

  • 1V1雙人通話，支持視頻通話、音頻通話。

  • 通話狀態切換，支持視頻通話切換為語音通話。

功能二：多人音視頻通話

  • 多人音視頻通話，單個房間最多支持50人同時在線。

  • 支持自定義視頻幀率、碼率、分辨率、鏡像等相關參數。

  • 房間創建者可設置單人/全體禁言、踢人、邀請成員。

體驗流程

雙人音視頻通話

多人音視頻通話

  1. 掃描Demo二維碼，下載apk，完成安裝后打開應用選擇互動直播>1V1音視頻通話。

  2. 在登錄頁面輸入用戶ID，支持字母、數字、下劃線，單擊登錄。

  3. 輸入呼叫用戶ID，根據需求選擇視頻通話或語音通話后，單擊開始通話。

  4. 在語音通話接通前和接通后，您可以進行掛斷、開啟/關閉麥克風、開啟/關閉揚聲器等操作。

  5. 在視頻通話接通前，您可以進行掛斷、切換至語音、攝像頭翻轉等操作。

  6. 在視頻通話接通后，您可以看到被呼叫人的小窗畫面，并可進行掛斷、開啟/關閉麥克風、開啟/關閉揚聲器、開啟/關閉攝像頭、切換至語音、攝像頭翻轉、收起主屏幕操作項等操作。

  1. 掃描Demo二維碼，下載apk，完成安裝后打開應用選擇互動直播>多人音視頻通話。

  2. 在登錄頁面輸入用戶ID，支持字母、數字、下劃線，單擊下一步。

  3. 在列表頁面單擊創建房間或加入房間，進入房間創建（加入）和設備調試頁面。

  4. 在房間創建（加入）和設備參數設置頁面可提前對設備進行開啟/關閉麥克風、開啟/關閉揚聲器、開啟/關閉攝像頭及高級設置（視頻分辨率、幀率碼率）等操作。

  5. 設備設置完后可單擊創建房間或加入房間，進入多人音視頻通話頁面。在音視頻通話過程中您可以進行開啟/關閉麥克風、開啟/關閉揚聲器、開啟/關閉攝像頭、攝像頭翻轉和鏡像、查看成員、邀請成員、結束會議等操作，房間創建者除上述操作外可額外進行移除成員、開啟/解除靜音等操作。

  6. 在通話頁面，若是房間創建者單擊右上角結束按鈕可直接結束會議，若是房間加入者單擊右上角結束按鈕可直接離開會議。

微短劇

Demo體驗

平臺

開發參考

App體驗

Android

Android端集成

Demo體驗-裁剪后.png

iOS

iOS端集成

功能說明

  • 短視頻場景

    采用豎屏樣式，全屏沉浸式播放，可通過上下滑動進行切換。

  • 微短劇場景

    提供抽屜式劇集列表，點擊即可跳轉至指定劇集。

體驗流程

  1. 掃描上述Demo二維碼并進行下載安裝，完成安裝后打開應用阿里云播放器。

  2. 在播放器首頁單擊短劇，進入播放頁面。

    若觸發訪問媒體等相關授權，請同意授權以便開啟對應特性。

  3. 觀看劇集，在觀看過程中您可以做如下互動操作。

    說明

    下述互動操作中，點贊、評論和分享按鈕在本UI組件中僅用于展示，需要集成方自行對接業務接口實現完整功能。

    • 單擊播放頁面，暫?；蜷_始播放。

    • 單擊點贊按鈕，對劇集進行點贊或取消點贊。

    • 單擊評論按鈕，在對話框鍵入文本并發布評論。

    • 單擊分享按鈕，對劇集進行分享。

    • 單擊底部劇集列表入口，展示劇集列表，選擇劇集后將跳轉至指定劇集進行播放。

  4. 單集劇集觀看完成后，會自動播放下一集。