AUI Kits低代碼應用方案提供互動直播場景的音視頻應用UI組件,您可以根據業務需求復用AUI Kits低代碼應用方案中的功能模塊,快速搭建互動直播場景,有效降低研發成本和周期,提升業務效果。
場景概述
互動直播場景包含直播、錄制回放、互動消息、音視頻連麥等豐富功能,適用于常見的直播業務。該套件包含“豎屏樣式”和“橫屏樣式”兩套AUI組件。兩組AUI組件的核心區別在于側重的場景不同。豎屏樣式的娛樂性較強,互動更直接,及時性更強。觀眾可以直接申請視頻連麥與主播進行視頻溝通,主播可以通過移動端設備進行開啟直播。而橫屏樣式更加專業,要求主播在PC端開啟直播,主播可以共享屏幕和多媒體文件,但是橫屏只提供彈幕聊天的互動方式。根據上述區別,開發者可以針對不同的直播需求選擇合適的樣式和功能。接下來,本文按照不同的樣式對其進行詳細介紹。
豎屏樣式
應用場景
場景一:電商直播
項目中提供的源代碼并未實現該部分功能,需要用戶參考通過自定義互動消息實現送禮、彈商品卡片的互動實現。主播通過手機、直播一體機等設備開播,全方位地展示商品信息,刺激消費者購買欲望。觀眾可以連麥砍價或點擊商品卡片進行購買。通過超低延時直播、互動消息可以實現音視頻與消息同頻互動。
場景二:娛樂直播
主播通過手機、直播一體機等設備開播,與觀眾或其他主播互動。
支持主播與觀眾連麥。
支持調節美顏特效。
支持百萬并發直播推流,千萬用戶并發觀看的穩定流暢直播服務。
支持錄制回放。
支持的平臺
豎屏樣式:主播端支持Android平臺和iOS平臺,觀眾端支持Android、iOS、Web和微信小程序。
樣式 | 平臺 | 角色 | 開發參考 |
豎屏樣式 | Android |
| |
iOS |
| ||
Web | 觀眾端 | ||
微信小程序 | 觀眾端 |
效果展示
直播間列表
用戶登錄后,展示應用下所有的直播間,以及直播間的標題、封面圖、主播昵稱、狀態、熱度。
主播端創建直播間
創建直播間時可以設置直播間的標題和公告。同時可以設置直播間的屬性,如果選擇基礎直播則觀眾無法連麥;如果選擇連麥直播的直播間觀眾可以申請與主播視頻連麥。
主播端開啟直播
主播在直播間開始直播后支持如下功能。
調整開播效果,支持調節美顏特效、攝像頭方向。
聊天互動,支持設置全員禁言。
連麥管理,支持接受/拒絕連麥申請;連麥過程中支持管理觀眾的設備,例如攝像頭、麥克風等。
觀眾端觀看直播或者回放
觀眾進入直播間后支持如下功能。
直播間觀看,若直播已結束,支持觀看回放。
聊天互動。
移動端觀看。
Web端觀看。
微信小程序端觀看。
主播端-觀眾端音視頻連麥
連麥直播間支持如下功能。
觀眾申請連麥,若主播同意連麥,則觀眾二次確認后上麥。
項目連麥互動,支持調節美顏特效,管理設備,例如攝像頭、麥克風等。
橫屏樣式
應用場景
場景:企業直播
主講人通過電腦、直播一體機等設備開播,結合屏幕共享對觀眾進行宣講。觀眾可以通過聊天彈幕與主講人互動。
支持多端觀看,提升傳播效率。
支持錄制回放,方便直播中、直播后二次傳播。
支持調節美顏特效。
支持的平臺
橫屏樣式:主播端支持Windows平臺和macOS平臺,觀眾端支持Android、iOS和Web。
樣式 | 平臺 | 角色 | 開發參考 |
橫屏樣式 | Windows | 主播端 | |
macOS | 主播端 | ||
Android | 觀眾端 | ||
iOS | 觀眾端 | ||
Web | 觀眾端 |
效果展示
主播端獲取直播鏈接
橫屏樣式主播需要先macOS開播小助手,將鏈接填入到應用中然后點擊進入直播間。
主播端開啟直播
橫屏樣式相對于豎屏樣式封裝了共享屏幕功能,支持采集指定桌面畫面進行推流。
觀眾端觀看直播或者回放
分別支持移動設備和PC端Web接入觀看。
運行環境
角色 | 平臺 | 兼容要求 | 推薦設備 | ||||
主播 | Android | 支持Android 5及以上版本。 | 建議使用Android中高端機型,運行內存3GB及以上。 | ||||
iOS | 支持iOS 10及以上版本的iPhone或iPad。 |
| |||||
Windows | 支持Windows 10及以上64位版本的操作系統。 |
| |||||
macOS | 支持macOS 10.14及以上版本。 | 推薦使用2017年發布及后續發布機型。 | |||||
觀眾 | Android | 支持Android 5及以上版本。 | 建議使用Android中高端機型,運行內存3GB及以上。 | ||||
iOS | 支持iOS 10及以上版本的iPhone或iPad。 |
| |||||
H5 | 若需要使用超低延時直播播放,則瀏覽器版本最低要求如下:
| 為保證最佳的用戶體驗,建議用戶通過以下設備使用H5觀眾端:
| |||||
Web | 若需要使用超低延時直播播放,則瀏覽器版本最低要求如下:
| 為保證最佳的用戶體驗,強烈推薦用戶在桌面端使用Google Chrome 瀏覽器官方最新版本上使用Web觀眾端。 | |||||
微信小程序 |
|
功能介紹
功能 | 說明 | ||||||
視頻直播 | 支持超低延時直播(RTS)、普通直播(flv、hls)等協議,并且支持回放。 | ||||||
音視頻連麥 | 主播邀請觀眾連麥,或觀眾主動申請與主播連麥,其他用戶都可以實時觀看連麥畫面。 | ||||||
美顏特效 | 支持配置美顏美型、濾鏡貼紙、背景摳圖等功能,提升直播效果。 | ||||||
聊天彈幕 | 直播間內的主播和觀眾可使用文字進行互動交流。 | ||||||
房間信息 | 展示直播間標題、封面、主播昵稱、熱度等信息。 | ||||||
二次開發 | 開放UI組件源碼,允許集成方按需二次開發。 |
聯系我們
更多產品方案問題或使用支持,歡迎通過釘釘搜索群號35685013712聯系我們。