本公開涉及多媒體，特別涉及一種頁(yè)面顯示方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)。

背景技術(shù)：

1、隨著多媒體技術(shù)的發(fā)展，人們可以通過(guò)短視頻應(yīng)用觀看各種類型的多媒體作品，如視頻類作品、圖文類作品(圖集，長(zhǎng)圖)等。為了豐富作品內(nèi)容，提升用戶的觀看體驗(yàn)，在短視頻應(yīng)用播放多媒體作品的過(guò)程中，通常能夠在多媒體作品的播放頁(yè)面顯示多媒體作品關(guān)聯(lián)的資源卡片。資源卡片用于以圖片的形式展示多媒體作品中的物品對(duì)象。然而，目前資源卡片中僅能顯示一張靜態(tài)圖片，顯示形式較為單一，導(dǎo)致人機(jī)交互效率較低。因此，如何豐富資源卡片的顯示形式以提高人機(jī)交互效率，是一個(gè)亟待解決的技術(shù)問(wèn)題。

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

1、本公開提供一種頁(yè)面顯示方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)，不僅能夠豐富資源卡片的顯示形式，提升用戶對(duì)資源卡片的觀看體驗(yàn)，還能通過(guò)改變電子設(shè)備的姿態(tài)，直接在資源卡片內(nèi)展示目標(biāo)對(duì)象的對(duì)象信息，無(wú)需用戶對(duì)資源卡片執(zhí)行相關(guān)操作，從而提高了人機(jī)交互效率。本公開的技術(shù)方案如下：

2、根據(jù)本公開實(shí)施例的一方面，提供一種頁(yè)面顯示方法，包括：

3、顯示第一頁(yè)面，所述第一頁(yè)面播放有包括目標(biāo)對(duì)象的多媒體資源；

4、在播放所述多媒體資源的過(guò)程中，在所述第一頁(yè)面上懸浮顯示資源卡片，所述資源卡片顯示有包括所述目標(biāo)對(duì)象的目標(biāo)圖像，所述目標(biāo)圖像包括第一圖層和至少一個(gè)第二圖層，所述第一圖層為所述目標(biāo)對(duì)象所在的圖層，所述第二圖層為所述目標(biāo)對(duì)象關(guān)聯(lián)的素材對(duì)象所在的圖層；

5、響應(yīng)于電子設(shè)備的姿態(tài)發(fā)生變化，在所述電子設(shè)備的姿態(tài)變化方式滿足第一條件的情況下，在所述資源卡片內(nèi)按照預(yù)設(shè)方式移動(dòng)所述至少一個(gè)第二圖層，以產(chǎn)生所述目標(biāo)對(duì)象與至少一個(gè)素材對(duì)象之間相對(duì)移動(dòng)的動(dòng)態(tài)效果。

6、根據(jù)本公開實(shí)施例的另一方面，提供一種頁(yè)面顯示裝置，包括：

7、第一顯示單元，被配置為顯示第一頁(yè)面，所述第一頁(yè)面播放有包括目標(biāo)對(duì)象的多媒體資源；

8、第二顯示單元，被配置為在播放所述多媒體資源的過(guò)程中，在所述第一頁(yè)面上懸浮顯示資源卡片，所述資源卡片顯示有包括所述目標(biāo)對(duì)象的目標(biāo)圖像，所述目標(biāo)圖像包括第一圖層和至少一個(gè)第二圖層，所述第一圖層為所述目標(biāo)對(duì)象所在的圖層，所述第二圖層為所述目標(biāo)對(duì)象關(guān)聯(lián)的素材對(duì)象所在的圖層；

9、第一移動(dòng)單元，被配置為響應(yīng)于電子設(shè)備的姿態(tài)發(fā)生變化，在所述電子設(shè)備的姿態(tài)變化方式滿足第一條件的情況下，在所述資源卡片內(nèi)按照預(yù)設(shè)方式移動(dòng)所述至少一個(gè)第二圖層，以產(chǎn)生所述目標(biāo)對(duì)象與至少一個(gè)素材對(duì)象之間相對(duì)移動(dòng)的動(dòng)態(tài)效果。

10、在一些實(shí)施例中，所述第二顯示單元，包括：

11、第一顯示子單元，被配置為在播放所述多媒體資源的過(guò)程中，在所述第一頁(yè)面上懸浮顯示所述多媒體資源的文本描述信息；

12、第二顯示子單元，被配置為響應(yīng)于所述多媒體資源的播放時(shí)長(zhǎng)大于時(shí)長(zhǎng)閾值，取消顯示所述文本描述信息，在所述文本描述信息的顯示區(qū)域顯示所述資源卡片。

13、在一些實(shí)施例中，所述第二顯示子單元，被配置為響應(yīng)于所述多媒體資源的播放時(shí)長(zhǎng)大于時(shí)長(zhǎng)閾值，顯示所述文本描述信息從所述顯示區(qū)域向所述第一頁(yè)面的邊緣滑動(dòng)，直至完全滑出所述第一頁(yè)面；在所述文本描述信息完全滑出所述第一頁(yè)面的情況下，顯示所述資源卡片向所述顯示區(qū)域滑動(dòng)，直至完全滑入所述顯示區(qū)域。

14、在一些實(shí)施例中，所述第一移動(dòng)單元，包括：

15、第一確定子單元，被配置為響應(yīng)于電子設(shè)備的姿態(tài)發(fā)生變化，基于所述電子設(shè)備的姿態(tài)變化方式，確定所述電子設(shè)備在姿態(tài)變化過(guò)程中的旋轉(zhuǎn)角度；

16、移動(dòng)子單元，被配置為在所述旋轉(zhuǎn)角度小于預(yù)設(shè)角度的情況下，在所述資源卡片內(nèi)按照預(yù)設(shè)方式移動(dòng)所述至少一個(gè)第二圖層。

17、在一些實(shí)施例中，所述至少一個(gè)第二圖層包括背景層、中景層以及裝飾層，所述第一圖層分別與所述裝飾層和所述中景層相鄰，所述中景層與所述背景層相鄰；

18、所述第一移動(dòng)單元，被配置為在所述資源卡片內(nèi)向第一方向移動(dòng)所述背景層和所述裝飾層，向第二方向移動(dòng)所述中景層，所述第一方向與所述第二方向相反；或，在所述資源卡片內(nèi)向所述第一方向移動(dòng)所述背景層和所述中景層，向所述第二方向移動(dòng)所述裝飾層。

19、在一些實(shí)施例中，所述至少一個(gè)第二圖層包括背景層和裝飾層，所述第一圖層分別與所述背景層和所述裝飾層相鄰；

20、所述第一移動(dòng)單元，被配置為在所述資源卡片內(nèi)向第一方向移動(dòng)所述背景層，向第二方向移動(dòng)所述裝飾層，所述第一方向與所述第二方向相反。

21、在一些實(shí)施例中，所述裝置還包括：

22、第三顯示單元，被配置為在所述電子設(shè)備的姿態(tài)變化方式滿足第二條件的情況下，顯示所述多媒體資源關(guān)聯(lián)的第二頁(yè)面，所述第二頁(yè)面顯示有所述目標(biāo)對(duì)象的對(duì)象信息；或，在所述電子設(shè)備的姿態(tài)變化方式滿足所述第一條件的情況下，響應(yīng)于對(duì)所述資源卡片的觸發(fā)操作，顯示所述多媒體資源關(guān)聯(lián)的第二頁(yè)面。

23、在一些實(shí)施例中，所述第三顯示單元，包括：

24、第二確定子單元，被配置為基于所述電子設(shè)備的姿態(tài)變化方式，確定所述電子設(shè)備在姿態(tài)變化過(guò)程中的旋轉(zhuǎn)角度；

25、第三顯示子單元，被配置為在所述旋轉(zhuǎn)角度不小于預(yù)設(shè)角度的情況下，顯示所述多媒體資源關(guān)聯(lián)的第二頁(yè)面。

26、在一些實(shí)施例中，所述第三顯示單元，被配置為在按照所述預(yù)設(shè)方式移動(dòng)所述至少一個(gè)第二圖層的過(guò)程中，放大所述目標(biāo)對(duì)象的顯示比例；在所述目標(biāo)對(duì)象的顯示比例到達(dá)預(yù)設(shè)比例的情況下，顯示所述第二頁(yè)面。

27、在一些實(shí)施例中，所述第三顯示單元，被配置為在所述目標(biāo)對(duì)象的顯示比例到達(dá)預(yù)設(shè)比例的情況下，在所述第一頁(yè)面顯示目標(biāo)特效，所述目標(biāo)特效的顯示樣式與所述目標(biāo)特效的顯示時(shí)間和所述目標(biāo)對(duì)象的對(duì)象類型中的至少一項(xiàng)關(guān)聯(lián)；在所述目標(biāo)特效顯示結(jié)束的情況下，顯示所述第二頁(yè)面。

28、在一些實(shí)施例中，所述預(yù)設(shè)方式為所述至少一個(gè)第二圖層在所述電子設(shè)備的姿態(tài)變化方向?yàn)榈谝环较驎r(shí)的移動(dòng)方式，所述裝置還包括：

29、第二移動(dòng)單元，被配置為在按照所述預(yù)設(shè)方式移動(dòng)所述至少一個(gè)第二圖層的過(guò)程中，在所述電子設(shè)備的姿態(tài)變化方向從所述第一方向改變?yōu)榈诙较虻那闆r下，在所述資源卡片內(nèi)按照目標(biāo)方式移動(dòng)，所述目標(biāo)方式為所述至少一個(gè)第二圖層在所述電子設(shè)備的姿態(tài)變化方向?yàn)樗龅诙较驎r(shí)的移動(dòng)方式，所述第一方向與所述第二方向相反，所述第二圖層在所述目標(biāo)方式中的移動(dòng)方向與在所述預(yù)設(shè)方式中的移動(dòng)方向相反。

30、在一些實(shí)施例中，所述第一移動(dòng)單元，還被配置為在所述電子設(shè)備的姿態(tài)未發(fā)生變化的情況下，在所述資源卡片內(nèi)保持所述第一圖層和所述至少一個(gè)第二圖層靜止不動(dòng)；或，

31、所述第二顯示單元，還被配置為響應(yīng)于對(duì)所述資源卡片內(nèi)取消顯示控件的觸發(fā)操作，取消顯示所述資源卡片，在所述資源卡片的顯示區(qū)域顯示所述多媒體資源的文本描述信息。

32、根據(jù)本公開實(shí)施例的另一方面，提供一種電子設(shè)備，該電子設(shè)備包括：

33、一個(gè)或多個(gè)處理器；

34、用于存儲(chǔ)該處理器可執(zhí)行程序代碼的存儲(chǔ)器；

35、其中，該處理器被配置為執(zhí)行該程序代碼，以實(shí)現(xiàn)上述頁(yè)面顯示方法。

36、根據(jù)本公開實(shí)施例的另一方面，提供一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，當(dāng)該計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中的程序代碼由電子設(shè)備的處理器執(zhí)行時(shí)，使得電子設(shè)備能夠執(zhí)行上述頁(yè)面顯示方法。

37、根據(jù)本公開實(shí)施例的另一方面，提供了一種計(jì)算機(jī)程序產(chǎn)品，包括計(jì)算機(jī)程序，該計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述頁(yè)面顯示方法。

38、本公開實(shí)施例提供了一種頁(yè)面顯示方法，在第一頁(yè)面播放多媒體資源的過(guò)程中，通過(guò)在第一頁(yè)面顯示資源卡片，使得在電子設(shè)備的姿態(tài)發(fā)生變化時(shí)，電子設(shè)備能夠在姿態(tài)變化方式滿足第一條件時(shí)，控制資源卡片內(nèi)顯示的目標(biāo)圖像中的至少一個(gè)第二圖層按照預(yù)設(shè)方式移動(dòng)，以產(chǎn)生目標(biāo)圖像中的目標(biāo)對(duì)象與至少一個(gè)第二圖層中的素材對(duì)象之間相對(duì)移動(dòng)的動(dòng)態(tài)效果。上述過(guò)程不僅能夠豐富資源卡片的顯示形式，提升用戶對(duì)資源卡片的觀看體驗(yàn)，還能通過(guò)改變電子設(shè)備的姿態(tài)，直接在資源卡片內(nèi)展示目標(biāo)對(duì)象的對(duì)象信息，無(wú)需用戶對(duì)資源卡片執(zhí)行相關(guān)操作，從而提高了人機(jī)交互效率。

39、應(yīng)當(dāng)理解的是，以上的一般描述和后文的細(xì)節(jié)描述僅是示例性和解釋性的，并不能限制本公開。