本公開涉及多媒體,特別涉及一種頁面顯示方法、裝置、電子設備及存儲介質。
背景技術:
1、隨著多媒體技術的發展,人們可以通過短視頻應用觀看各種類型的多媒體作品,如視頻類作品、圖文類作品(圖集,長圖)等。為了豐富作品內容,提升用戶的觀看體驗,在短視頻應用播放多媒體作品的過程中,通常能夠在多媒體作品的播放頁面顯示多媒體作品關聯的資源卡片。資源卡片用于以圖片的形式展示多媒體作品中的物品對象。然而,目前資源卡片中僅能顯示一張靜態圖片,顯示形式較為單一,導致人機交互效率較低。因此,如何豐富資源卡片的顯示形式以提高人機交互效率,是一個亟待解決的技術問題。
技術實現思路
1、本公開提供一種頁面顯示方法、裝置、電子設備及存儲介質,不僅能夠豐富資源卡片的顯示形式,提升用戶對資源卡片的觀看體驗,還能通過改變電子設備的姿態,直接在資源卡片內展示目標對象的對象信息,無需用戶對資源卡片執行相關操作,從而提高了人機交互效率。本公開的技術方案如下:
2、根據本公開實施例的一方面,提供一種頁面顯示方法,包括:
3、顯示第一頁面,所述第一頁面播放有包括目標對象的多媒體資源;
4、在播放所述多媒體資源的過程中,在所述第一頁面上懸浮顯示資源卡片,所述資源卡片顯示有包括所述目標對象的目標圖像,所述目標圖像包括第一圖層和至少一個第二圖層,所述第一圖層為所述目標對象所在的圖層,所述第二圖層為所述目標對象關聯的素材對象所在的圖層;
5、響應于電子設備的姿態發生變化,在所述電子設備的姿態變化方式滿足第一條件的情況下,在所述資源卡片內按照預設方式移動所述至少一個第二圖層,以產生所述目標對象與至少一個素材對象之間相對移動的動態效果。
6、根據本公開實施例的另一方面,提供一種頁面顯示裝置,包括:
7、第一顯示單元,被配置為顯示第一頁面,所述第一頁面播放有包括目標對象的多媒體資源;
8、第二顯示單元,被配置為在播放所述多媒體資源的過程中,在所述第一頁面上懸浮顯示資源卡片,所述資源卡片顯示有包括所述目標對象的目標圖像,所述目標圖像包括第一圖層和至少一個第二圖層,所述第一圖層為所述目標對象所在的圖層,所述第二圖層為所述目標對象關聯的素材對象所在的圖層;
9、第一移動單元,被配置為響應于電子設備的姿態發生變化,在所述電子設備的姿態變化方式滿足第一條件的情況下,在所述資源卡片內按照預設方式移動所述至少一個第二圖層,以產生所述目標對象與至少一個素材對象之間相對移動的動態效果。
10、在一些實施例中,所述第二顯示單元,包括:
11、第一顯示子單元,被配置為在播放所述多媒體資源的過程中,在所述第一頁面上懸浮顯示所述多媒體資源的文本描述信息;
12、第二顯示子單元,被配置為響應于所述多媒體資源的播放時長大于時長閾值,取消顯示所述文本描述信息,在所述文本描述信息的顯示區域顯示所述資源卡片。
13、在一些實施例中,所述第二顯示子單元,被配置為響應于所述多媒體資源的播放時長大于時長閾值,顯示所述文本描述信息從所述顯示區域向所述第一頁面的邊緣滑動,直至完全滑出所述第一頁面;在所述文本描述信息完全滑出所述第一頁面的情況下,顯示所述資源卡片向所述顯示區域滑動,直至完全滑入所述顯示區域。
14、在一些實施例中,所述第一移動單元,包括:
15、第一確定子單元,被配置為響應于電子設備的姿態發生變化,基于所述電子設備的姿態變化方式,確定所述電子設備在姿態變化過程中的旋轉角度;
16、移動子單元,被配置為在所述旋轉角度小于預設角度的情況下,在所述資源卡片內按照預設方式移動所述至少一個第二圖層。
17、在一些實施例中,所述至少一個第二圖層包括背景層、中景層以及裝飾層,所述第一圖層分別與所述裝飾層和所述中景層相鄰,所述中景層與所述背景層相鄰;
18、所述第一移動單元,被配置為在所述資源卡片內向第一方向移動所述背景層和所述裝飾層,向第二方向移動所述中景層,所述第一方向與所述第二方向相反;或,在所述資源卡片內向所述第一方向移動所述背景層和所述中景層,向所述第二方向移動所述裝飾層。
19、在一些實施例中,所述至少一個第二圖層包括背景層和裝飾層,所述第一圖層分別與所述背景層和所述裝飾層相鄰;
20、所述第一移動單元,被配置為在所述資源卡片內向第一方向移動所述背景層,向第二方向移動所述裝飾層,所述第一方向與所述第二方向相反。
21、在一些實施例中,所述裝置還包括:
22、第三顯示單元,被配置為在所述電子設備的姿態變化方式滿足第二條件的情況下,顯示所述多媒體資源關聯的第二頁面,所述第二頁面顯示有所述目標對象的對象信息;或,在所述電子設備的姿態變化方式滿足所述第一條件的情況下,響應于對所述資源卡片的觸發操作,顯示所述多媒體資源關聯的第二頁面。
23、在一些實施例中,所述第三顯示單元,包括:
24、第二確定子單元,被配置為基于所述電子設備的姿態變化方式,確定所述電子設備在姿態變化過程中的旋轉角度;
25、第三顯示子單元,被配置為在所述旋轉角度不小于預設角度的情況下,顯示所述多媒體資源關聯的第二頁面。
26、在一些實施例中,所述第三顯示單元,被配置為在按照所述預設方式移動所述至少一個第二圖層的過程中,放大所述目標對象的顯示比例;在所述目標對象的顯示比例到達預設比例的情況下,顯示所述第二頁面。
27、在一些實施例中,所述第三顯示單元,被配置為在所述目標對象的顯示比例到達預設比例的情況下,在所述第一頁面顯示目標特效,所述目標特效的顯示樣式與所述目標特效的顯示時間和所述目標對象的對象類型中的至少一項關聯;在所述目標特效顯示結束的情況下,顯示所述第二頁面。
28、在一些實施例中,所述預設方式為所述至少一個第二圖層在所述電子設備的姿態變化方向為第一方向時的移動方式,所述裝置還包括:
29、第二移動單元,被配置為在按照所述預設方式移動所述至少一個第二圖層的過程中,在所述電子設備的姿態變化方向從所述第一方向改變為第二方向的情況下,在所述資源卡片內按照目標方式移動,所述目標方式為所述至少一個第二圖層在所述電子設備的姿態變化方向為所述第二方向時的移動方式,所述第一方向與所述第二方向相反,所述第二圖層在所述目標方式中的移動方向與在所述預設方式中的移動方向相反。
30、在一些實施例中,所述第一移動單元,還被配置為在所述電子設備的姿態未發生變化的情況下,在所述資源卡片內保持所述第一圖層和所述至少一個第二圖層靜止不動;或,
31、所述第二顯示單元,還被配置為響應于對所述資源卡片內取消顯示控件的觸發操作,取消顯示所述資源卡片,在所述資源卡片的顯示區域顯示所述多媒體資源的文本描述信息。
32、根據本公開實施例的另一方面,提供一種電子設備,該電子設備包括:
33、一個或多個處理器;
34、用于存儲該處理器可執行程序代碼的存儲器;
35、其中,該處理器被配置為執行該程序代碼,以實現上述頁面顯示方法。
36、根據本公開實施例的另一方面,提供一種計算機可讀存儲介質,當該計算機可讀存儲介質中的程序代碼由電子設備的處理器執行時,使得電子設備能夠執行上述頁面顯示方法。
37、根據本公開實施例的另一方面,提供了一種計算機程序產品,包括計算機程序,該計算機程序被處理器執行時實現上述頁面顯示方法。
38、本公開實施例提供了一種頁面顯示方法,在第一頁面播放多媒體資源的過程中,通過在第一頁面顯示資源卡片,使得在電子設備的姿態發生變化時,電子設備能夠在姿態變化方式滿足第一條件時,控制資源卡片內顯示的目標圖像中的至少一個第二圖層按照預設方式移動,以產生目標圖像中的目標對象與至少一個第二圖層中的素材對象之間相對移動的動態效果。上述過程不僅能夠豐富資源卡片的顯示形式,提升用戶對資源卡片的觀看體驗,還能通過改變電子設備的姿態,直接在資源卡片內展示目標對象的對象信息,無需用戶對資源卡片執行相關操作,從而提高了人機交互效率。
39、應當理解的是,以上的一般描述和后文的細節描述僅是示例性和解釋性的,并不能限制本公開。