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