本公開(kāi)實(shí)施例提供一種直播間頁(yè)面顯示方法、電子設(shè)備及計(jì)算機(jī)程序產(chǎn)品，涉及軟件。

背景技術(shù)：

1、直播作為一種新型的內(nèi)容展示形式，受到越來(lái)越多人的青睞，直播間的數(shù)量和種類更是琳瑯滿目，相關(guān)技術(shù)中，用戶在直播間點(diǎn)擊商品貨架列表上的某一款商品后，當(dāng)前的顯示界面會(huì)跳出直播間，并全屏跳轉(zhuǎn)到商品詳情界面。

技術(shù)實(shí)現(xiàn)思路

1、本申請(qǐng)實(shí)施例提供了一種直播間頁(yè)面顯示方法、電子設(shè)備及計(jì)算機(jī)程序產(chǎn)品。所述技術(shù)方案如下：

2、根據(jù)本申請(qǐng)的一方面，提供了一種基于直播間的界面顯示方法，所述界面基于rn框架生成，所述方法包括：

3、在webview頁(yè)面顯示所述直播間界面，所述直播間界面是用于顯示所述直播間的直播內(nèi)容的界面；

4、在所述直播間的直播間界面上的部分區(qū)域以半透明度浮窗的形式疊加顯示商品詳情界面，所述商品詳情界面的內(nèi)容通過(guò)回調(diào)機(jī)制加載所述webview頁(yè)面生成。

5、可選地，所述在所述詳情界面的內(nèi)容通過(guò)回調(diào)機(jī)制加載所述webview頁(yè)面生成之前，所述直播間界面進(jìn)行初始化配置，包括：

6、初始化軟件開(kāi)發(fā)工具包sdk接口；

7、明確多個(gè)手勢(shì)事件對(duì)應(yīng)的sdk事件接口，所述手勢(shì)事件至少包括橫向滑動(dòng)和縱向滑動(dòng)，所述事件接口至少包括滑動(dòng)關(guān)閉界面、滑動(dòng)使得半屏轉(zhuǎn)為全屏顯示。

8、可選地，所述詳情界面的內(nèi)容通過(guò)回調(diào)機(jī)制加載所述web生view頁(yè)面成，包括：

9、為所述多個(gè)手勢(shì)事件注冊(cè)回調(diào)函數(shù)，所述回調(diào)函數(shù)在所述手勢(shì)事件觸發(fā)時(shí)被調(diào)用，以接收所述手勢(shì)事件信息。

10、可選地，所述方法還包括在h5頁(yè)面的根節(jié)點(diǎn)上監(jiān)聽(tīng)所述多個(gè)手勢(shì)事件，響應(yīng)于檢測(cè)到所述手勢(shì)事件，所述sdk創(chuàng)建并分發(fā)自定義事件。

11、可選地，所述回調(diào)機(jī)制支持異步操作，具體包括在回調(diào)中執(zhí)行異步任務(wù)。

12、可選地，所述在所述詳情界面的內(nèi)容通過(guò)回調(diào)機(jī)制加載所述webview頁(yè)面生成之前，所述直播間界面進(jìn)行初始化配置，包括設(shè)置多項(xiàng)屏幕尺寸參數(shù)。

13、可選地，響應(yīng)于針對(duì)所述商品詳情界面的滑動(dòng)操作，全屏顯示所述商品詳情界面或取消顯示所述商品詳情界面。

14、可選地，所述響應(yīng)于針對(duì)所述商品詳情界面的滑動(dòng)操作，全屏顯示所述商品詳情界面或取消顯示所述商品詳情界面，包括：

15、響應(yīng)于針對(duì)所述商品詳情界面的第一上滑操作，全屏顯示所述第一商品的商品詳情界面；和/或，響應(yīng)于針對(duì)所述商品詳情界面的第一下滑操作，取消顯示所述第一商品的商品詳情界面并回到所述直播間界面。

16、根據(jù)本公開(kāi)實(shí)施例的第二方面，提供了一種電子設(shè)備，包括：

17、處理器；

18、用于存儲(chǔ)所述處理器可執(zhí)行指令的存儲(chǔ)器；

19、其中，所述處理器被配置為執(zhí)行所述指令，以實(shí)現(xiàn)如權(quán)利要求1-8的中任一項(xiàng)所述的界面顯示方法。

20、根據(jù)本公開(kāi)實(shí)施例的第三方面，提供了一種計(jì)算機(jī)程序產(chǎn)品，包括：

21、計(jì)算機(jī)指令，所述計(jì)算機(jī)指令存儲(chǔ)在計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中，計(jì)算機(jī)設(shè)備的處理器從所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)讀取所述計(jì)算機(jī)指令，所述處理器執(zhí)行所述計(jì)算機(jī)指令，使得所述計(jì)算機(jī)設(shè)備執(zhí)行如權(quán)利要求1至8任一所述的界面顯示方法。

22、本申請(qǐng)?zhí)峁┑募夹g(shù)方案帶來(lái)的有益效果至少包括：

23、通過(guò)在在webview頁(yè)面顯示所述直播間界面，所述直播間界面是用于顯示所述直播間的直播內(nèi)容的界面；在所述直播間的直播間界面上的部分區(qū)域以半透明度浮窗的形式疊加顯示商品詳情界面，所述商品詳情界面的內(nèi)容通過(guò)回調(diào)機(jī)制加載所述webview頁(yè)面生成。這種方式使得用戶可以在觀看直播的同時(shí)進(jìn)行互動(dòng)，大大提升了用戶體驗(yàn)的流暢度和參與感。用戶不再需要頻繁切換頁(yè)面，可以在同一個(gè)界面內(nèi)同時(shí)享受直播和互動(dòng)的樂(lè)趣。此外，本申請(qǐng)技術(shù)閥桿方案具有高擴(kuò)展性，能夠適用于多平臺(tái)的應(yīng)用需求，滿足不同場(chǎng)景下的用戶需求。

技術(shù)特征：

1.一種基于直播間的界面顯示方法，其特征在于，所述界面基于rn框架生成，所述方法包括：

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述在所述詳情界面的內(nèi)容通過(guò)回調(diào)機(jī)制加載所述webview頁(yè)面生成之前，所述直播間界面進(jìn)行初始化配置，包括：

3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述詳情界面的內(nèi)容通過(guò)回調(diào)機(jī)制加載所述web生view頁(yè)面成，包括：

4.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述方法包括：

5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述回調(diào)機(jī)制支持異步操作，具體包括在回調(diào)中執(zhí)行異步任務(wù)。

6.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述在所述詳情界面的內(nèi)容通過(guò)回調(diào)機(jī)制加載所述webview頁(yè)面生成之前，所述直播間界面進(jìn)行初始化配置，包括設(shè)置多項(xiàng)屏幕尺寸參數(shù)。

7.根據(jù)權(quán)利要求1所述的方法，其特征在于，響應(yīng)于針對(duì)所述商品詳情界面的滑動(dòng)操作，全屏顯示所述商品詳情界面或取消顯示所述商品詳情界面。

8.根據(jù)權(quán)利要求7所述的方法，其特征在于，所述響應(yīng)于針對(duì)所述商品詳情界面的滑動(dòng)操作，全屏顯示所述商品詳情界面或取消顯示所述商品詳情界面，包括：

9.一種電子設(shè)備，其特征在于，包括：

10.一種計(jì)算機(jī)程序產(chǎn)品，其特征在于，所述計(jì)算機(jī)程序產(chǎn)品包括計(jì)算機(jī)指令，所述計(jì)算機(jī)指令存儲(chǔ)在計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中，計(jì)算機(jī)設(shè)備的處理器從所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)讀取所述計(jì)算機(jī)指令，所述處理器執(zhí)行所述計(jì)算機(jī)指令，使得所述計(jì)算機(jī)設(shè)備執(zhí)行如權(quán)利要求1至8任一所述的界面顯示方法。

技術(shù)總結(jié)
本公開(kāi)實(shí)施例提供一種直播間頁(yè)面顯示方法、電子設(shè)備及計(jì)算機(jī)程序產(chǎn)品，涉及軟件技術(shù)領(lǐng)域，該方法包括：在WebView頁(yè)面顯示所述直播間界面，所述直播間界面是用于顯示所述直播間的直播內(nèi)容的界面；在所述直播間的直播間界面上的部分區(qū)域以半透明度浮窗的形式疊加顯示商品詳情界面，所述商品詳情界面的內(nèi)容通過(guò)回調(diào)機(jī)制加載所述WebView頁(yè)面生成。采用該方法能夠提高直播間觀看者對(duì)象獲知直播主題的效率，提高對(duì)象的直播觀看體驗(yàn)，而且開(kāi)發(fā)成本更低。

技術(shù)研發(fā)人員：徐瀚,薛鐵恒,蔣宏光,王傳進(jìn)
受保護(hù)的技術(shù)使用者：北京三快在線科技有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2025/5/15