Page display method, device, electronic device and storage medium

Abstract

The present disclosure provides a page display method, apparatus, electronic device, and storage medium, belonging to the field of multimedia technology. The method includes: displaying a first page; during the playback of a multimedia resource, floatingly displaying a resource card on the first page, the resource card displaying a target image including a target object, the target image including a first layer and at least one second layer; in response to a change in the posture of the electronic device, when the posture change mode of the electronic device meets a first condition, moving at least one second layer in the resource card in a preset manner. The above solution can not only enrich the display form of the resource card and improve the user's viewing experience of the resource card, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user performing relevant operations on the resource card, thereby improving the human-computer interaction efficiency.

Description

Technical Field

[0001] The present disclosure relates to the field of multimedia technology, and in particular to a page display method, device, electronic device and storage medium. Background Art

[0002] With the development of multimedia technology, people can watch various types of multimedia works through short video applications, such as video works, graphic works (picture collections, long pictures), etc. In order to enrich the content of the works and improve the user's viewing experience, in the process of playing multimedia works in short video applications, resource cards associated with multimedia works can usually be displayed on the playback page of multimedia works. Resource cards are used to display objects in multimedia works in the form of pictures. However, currently only one static picture can be displayed in a resource card, and the display form is relatively single, resulting in low human-computer interaction efficiency. Therefore, how to enrich the display form of resource cards to improve the efficiency of human-computer interaction is a technical problem that needs to be solved urgently. Summary of the invention

[0003] The present disclosure provides a page display method, device, electronic device and storage medium, which can not only enrich the display form of resource cards and improve the user's viewing experience of resource cards, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user performing related operations on the resource card, thereby improving the efficiency of human-computer interaction. The technical solution of the present disclosure is as follows:

[0004] According to one aspect of an embodiment of the present disclosure, a page display method is provided, including:

[0005] Displaying a first page, wherein the first page plays a multimedia resource including a target object;

[0006] During the playing of the multimedia resource, a resource card is displayed in a floating manner on the first page, wherein the resource card displays a target image including the target object, wherein the target image includes a first layer and at least one second layer, wherein the first layer is a layer where the target object is located, and the second layer is a layer where a material object associated with the target object is located;

[0007] In response to a change in the posture of the electronic device, when the posture change manner of the electronic device satisfies a first condition, the at least one second layer is moved in the resource card in a preset manner to generate a dynamic effect of relative movement between the target object and at least one material object.

[0008] According to another aspect of an embodiment of the present disclosure, there is provided a page display device, including:

[0009] A first display unit is configured to display a first page, wherein the first page plays a multimedia resource including a target object;

[0010] A second display unit is configured to, during the process of playing the multimedia resource, suspend and display a resource card on the first page, wherein the resource card displays a target image including the target object, wherein the target image includes a first layer and at least one second layer, wherein the first layer is a layer where the target object is located, and the second layer is a layer where a material object associated with the target object is located;

[0011] The first moving unit is configured to respond to a change in the posture of the electronic device. When the posture change of the electronic device satisfies a first condition, move the at least one second layer in the resource card in a preset manner to generate a dynamic effect of relative movement between the target object and at least one material object.

[0012] In some embodiments, the second display unit includes:

[0013] A first display subunit is configured to display text description information of the multimedia resource in a suspended manner on the first page during the playing of the multimedia resource;

[0014] The second display subunit is configured to cancel display of the text description information and display the resource card in the display area of ​​the text description information in response to the playback duration of the multimedia resource being greater than a duration threshold.

[0015] In some embodiments, the second display sub-unit is configured to, in response to the playback duration of the multimedia resource being greater than a duration threshold, display the text description information sliding from the display area toward the edge of the first page until it completely slides out of the first page; and in the case where the text description information completely slides out of the first page, display the resource card sliding toward the display area until it completely slides into the display area.

[0016] In some embodiments, the first mobile unit comprises:

[0017] A first determining subunit is configured to determine, in response to a change in the posture of the electronic device, a rotation angle of the electronic device during the posture change process based on the posture change mode of the electronic device;

[0018] The moving subunit is configured to move the at least one second layer in the resource card according to a preset manner when the rotation angle is less than a preset angle.

[0019] In some embodiments, the at least one second layer includes a background layer, a middle layer and a decoration layer, the first layer is adjacent to the decoration layer and the middle layer respectively, and the middle layer is adjacent to the background layer;

[0020] The first moving unit is configured to move the background layer and the decoration layer in a first direction within the resource card, and to move the middle ground layer in a second direction, wherein the first direction is opposite to the second direction; or, to move the background layer and the middle ground layer in the first direction within the resource card, and to move the decoration layer in the second direction.

[0021] In some embodiments, the at least one second layer includes a background layer and a decoration layer, and the first layer is adjacent to the background layer and the decoration layer respectively;

[0022] The first moving unit is configured to move the background layer in a first direction and the decoration layer in a second direction within the resource card, wherein the first direction is opposite to the second direction.

[0023] In some embodiments, the apparatus further comprises:

[0024] The third display unit is configured to display a second page associated with the multimedia resource when the posture change mode of the electronic device satisfies a second condition, and the second page displays object information of the target object; or to display the second page associated with the multimedia resource in response to a triggering operation on the resource card when the posture change mode of the electronic device satisfies the first condition.

[0025] In some embodiments, the third display unit includes:

[0026] A second determining subunit is configured to determine a rotation angle of the electronic device during a posture change process based on a posture change mode of the electronic device;

[0027] The third display subunit is configured to display a second page associated with the multimedia resource when the rotation angle is not less than a preset angle.

[0028] In some embodiments, the third display unit is configured to enlarge the display ratio of the target object during the process of moving the at least one second layer in the preset manner; and display the second page when the display ratio of the target object reaches a preset ratio.

[0029] In some embodiments, the third display unit is configured to display a target special effect on the first page when the display ratio of the target object reaches a preset ratio, and the display style of the target special effect is associated with at least one of the display time of the target special effect and the object type of the target object; when the display of the target special effect ends, the second page is displayed.

[0030] In some embodiments, the preset manner is a movement manner of the at least one second layer when the posture change direction of the electronic device is the first direction, and the device further includes:

[0031] The second moving unit is configured to move in a target manner within the resource card when the posture change direction of the electronic device changes from the first direction to the second direction during the process of moving the at least one second layer in the preset manner, wherein the target manner is the movement manner of the at least one second layer when the posture change direction of the electronic device is the second direction, the first direction is opposite to the second direction, and the movement direction of the second layer in the target manner is opposite to the movement direction in the preset manner.

[0032] In some embodiments, the first moving unit is further configured to keep the first layer and the at least one second layer stationary in the resource card when the posture of the electronic device does not change; or

[0033] The second display unit is further configured to cancel display of the resource card in response to a triggering operation of canceling a display control in the resource card, and display text description information of the multimedia resource in a display area of ​​the resource card.

[0034] According to another aspect of an embodiment of the present disclosure, an electronic device is provided, the electronic device comprising:

[0035] one or more processors;

[0036] A memory for storing program codes executable by the processor;

[0037] The processor is configured to execute the program code to implement the above-mentioned page display method.

[0038] According to another aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When a program code in the computer-readable storage medium is executed by a processor of an electronic device, the electronic device is enabled to execute the above-mentioned page display method.

[0039] According to another aspect of an embodiment of the present disclosure, a computer program product is provided, including a computer program, and when the computer program is executed by a processor, the above-mentioned page display method is implemented.

[0040] The disclosed embodiment provides a page display method, in the process of playing multimedia resources on the first page, by displaying a resource card on the first page, when the posture of the electronic device changes, the electronic device can control at least one second layer in the target image displayed in the resource card to move in a preset manner when the posture change mode satisfies the first condition, so as to produce a dynamic effect of relative movement between the target object in the target image and the material object in at least one second layer. The above process can not only enrich the display form of the resource card and enhance the user's viewing experience of the resource card, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the efficiency of human-computer interaction.

[0041] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0042] The drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute improper limitations on the present disclosure.

[0043] Figure 1 The figure is a schematic diagram of an implementation environment of a page display method according to an exemplary embodiment.

[0044] Figure 2 The figure is a flow chart of a page display method according to an exemplary embodiment.

[0045] Figure 3 The figure is a flow chart of another page display method according to an exemplary embodiment.

[0046] Figure 4 It is a schematic diagram of a first page according to an exemplary embodiment.

[0047] Figure 5 The diagram is a schematic diagram of a resource card according to an exemplary embodiment.

[0048] Figure 6 is a schematic diagram of another resource card according to an exemplary embodiment.

[0049] Figure 7 is a schematic diagram of yet another resource card according to an exemplary embodiment.

[0050] Figure 8 The invention is a block diagram of a page display device according to an exemplary embodiment.

[0051] Fig. 9 It is a block diagram of another page display device according to an exemplary embodiment.

[0052] Fig.10 It is a block diagram of an electronic device according to an exemplary embodiment. DETAILED DESCRIPTION

[0053] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings.

[0054] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0055] It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, stored data, displayed data, etc.) and signals involved in this disclosure are all authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions. For example, the posture change mode and target image of the electronic device involved in this disclosure are obtained with full authorization.

[0056] Figure 1 FIG. 1 is a schematic diagram of an implementation environment of a page display method according to an exemplary embodiment. Figure 1 , the implementation environment specifically includes: a terminal 101 and a server 102. The terminal 101 can be connected to the server 102 via a wireless network or a wired network.

[0057] The terminal 101 can be at least one of a smart phone, a smart watch, a desktop computer, a laptop, an MP3 player (Moving Picture Experts Group Audio Layer III), an MP4 (Moving Picture Experts Group Audio Layer IV) player, and a laptop computer. The terminal 101 is installed with a target application for providing functions such as multimedia playback and multimedia browsing. For example, the application takes the form of a web application, a microprogram, or a client, and the present disclosure does not limit this. Among them, a microprogram refers to a program that relies on other applications to run, such as a small program. Schematically, the server 102 is used to provide background services for the target application running on the terminal 101. For example, in response to a playback operation for a certain multimedia resource, the terminal 101 obtains the corresponding multimedia resource from the server 102 for playback.

[0058] The terminal 101 may generally refer to one of a plurality of terminals. This embodiment is described by taking the terminal 101 as an example. Those skilled in the art may know that the number of the above terminals may be more or less. For example, the above terminals may be several, or the above terminals may be dozens or hundreds, or a greater number. The embodiment of the present disclosure does not limit the number and device type of the terminals.

[0059] The server 102 is at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. Optionally, the number of the above servers may be more or less, which is not limited in the embodiments of the present disclosure. Of course, the server 102 may also include other functional servers to provide more comprehensive and diversified services. In some embodiments, the server 102 undertakes the main computing work, and the terminal 101 undertakes the secondary computing work; or, the server 102 undertakes the secondary computing work, and the terminal 101 undertakes the main computing work; or, the server 102 and the terminal 101 use a distributed computing architecture for collaborative computing. The server 102 can be connected to the terminal 101 and other terminals via a wireless network or a wired network. Optionally, the number of the above servers may be more or less, which is not limited in the embodiments of the present disclosure.

[0060] Figure 2 is a flow chart of a page display method according to an exemplary embodiment, the method is executed by an electronic device, such as Figure 2 As shown, the following steps are included:

[0061] In step 201, the electronic device displays a first page, and the first page plays a multimedia resource including a target object.

[0062] In an embodiment of the present disclosure, an electronic device runs an application that supports a multimedia playback function. The application can be any application in an electronic device, such as a video application, a social application, a shopping application, etc., which is not limited in the embodiment of the present disclosure. During the operation of the application, the electronic device can display a multimedia playback page in the application for the user to watch multimedia resources published by himself or others. Accordingly, the electronic device can display a first page. The first page plays multimedia resources including a target object. Among them, the multimedia resources are used to introduce the characteristics, highlights and other contents of the target object. Multimedia resources can be videos, pictures, texts, etc., and the target object can be goods, services, etc., which are not limited in the embodiment of the present disclosure.

[0063] In step 202, during the process of playing multimedia resources, the electronic device displays a resource card in a floating manner on the first page, and the resource card displays a target image including a target object. The target image includes a first layer and at least one second layer. The first layer is the layer where the target object is located, and the second layer is the layer where the material object associated with the target object is located.

[0064] In an embodiment of the present disclosure, during the process of playing multimedia resources, the electronic device can display a resource card associated with the multimedia resources above the first page in a display form that partially covers the first page. That is, during the process of playing multimedia resources including a target object through the first page, the electronic device can display a resource card in a floating manner on the first page. The resource card displays a target image including the target object. Among them, the resource card is used to introduce the characteristics, highlights, and other contents of the target object in the multimedia resource through the target image. The target image includes a first layer and at least one second layer. The first layer is the layer where the target object is located. The second layer is the layer where the material object associated with the target object is located. The material object is a material used to enrich the display effect of the target image, such as blue sky and white clouds, glaciers and snow peaks, flowers, plants, trees, etc. Optionally, the resource card can be displayed at the edge of the first page to avoid excessively blocking the multimedia resources played on the first page. Such as the lower left corner, lower right corner, etc. of the first page, which is not limited by the embodiment of the present disclosure.

[0065] In step 203, in response to a change in the posture of the electronic device, when the posture change manner of the electronic device satisfies the first condition, the electronic device moves at least one second layer in the resource card in a preset manner to generate a dynamic effect of relative movement between the target object and at least one material object.

[0066] In an embodiment of the present disclosure, during the process of the electronic device floatingly displaying a resource card on the first page, in response to a change in the posture of the electronic device, the electronic device can move at least one second layer of the target image in a preset manner within the resource card when detecting that the posture change method satisfies the first condition. Since the second layer is the layer where the material object associated with the target object is located, the electronic device can produce a dynamic effect of relative movement between the target object and at least one material object by moving at least one second layer within the resource card. Among them, the first condition can be that the rotation angle of the electronic device during the posture change process is within a preset angle range, or it can be that the moving distance of the electronic device during the posture change process is within a preset distance range, and the embodiment of the present disclosure does not limit this.

[0067] The disclosed embodiment provides a page display method, in the process of playing multimedia resources on the first page, by displaying a resource card on the first page, when the posture of the electronic device changes, the electronic device can control at least one second layer in the target image displayed in the resource card to move in a preset manner when the posture change mode satisfies the first condition, so as to produce a dynamic effect of relative movement between the target object in the target image and the material object in at least one second layer. The above process can not only enrich the display form of the resource card and enhance the user's viewing experience of the resource card, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the efficiency of human-computer interaction.

[0068] In some embodiments, during the process of playing the multimedia resource, the resource card is suspended and displayed on the first page, including:

[0069] During the playback of multimedia resources, text description information of the multimedia resources is displayed in a floating manner on the first page;

[0070] In response to the playback duration of the multimedia resource being greater than the duration threshold, the display of the text description information is cancelled, and a resource card is displayed in the display area of ​​the text description information.

[0071] In the disclosed embodiment, by executing the above steps, the electronic device can automatically display the resource card on the first page without user operation when the playback duration is greater than the duration threshold, which not only enriches the display content of the first page and improves the human-computer interaction efficiency, but also can deepen the user's impression of the target object in the process of watching multimedia resources by displaying the target image including the target object on the resource card. And by displaying the resource card in the display area of ​​the text description information, it can avoid excessive occlusion of the multimedia resource by the resource card, and improve the user's viewing experience of the multimedia resource.

[0072] In some embodiments, in response to the playback duration of the multimedia resource being greater than a duration threshold, canceling display of the text description information and displaying a resource card in a display area of ​​the text description information includes:

[0073] In response to the playback duration of the multimedia resource being greater than the duration threshold, displaying the text description information sliding from the display area toward the edge of the first page until completely sliding out of the first page;

[0074] When the text description information completely slides out of the first page, the resource card is displayed and slides toward the display area until it completely slides into the display area.

[0075] In the disclosed embodiment, the electronic device can gradually cancel the display of the text description information by displaying a screen in which the text description information slides from the display area to the edge of the first page. When the text description information completely slides out of the first page, the electronic device can gradually display the resource card in the display area by displaying a screen in which the resource card slides from the edge to the display area. The above process can enrich the display content of the first page while increasing the fun of the user viewing the first page and improving the user's viewing experience.

[0076] In some embodiments, in response to a change in the posture of the electronic device, when the posture change of the electronic device satisfies a first condition, moving at least one second layer in a resource card in a preset manner includes:

[0077] In response to a change in the posture of the electronic device, determining a rotation angle of the electronic device during the posture change process based on the posture change mode of the electronic device;

[0078] When the rotation angle is smaller than the preset angle, at least one second layer is moved in a preset manner within the resource card.

[0079] In the disclosed embodiments, by detecting the rotation angle of the electronic device during the posture change of the electronic device, the electronic device can automatically display the dynamic effect of relative movement between the target object and at least one material object in the resource card when the rotation angle is less than a preset angle. This not only enriches the display form of the resource card, but also directly displays the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the human-computer interaction efficiency and enhancing the user experience.

[0080] In some embodiments, the at least one second layer includes a background layer, a mid-ground layer, and a decoration layer, the first layer is adjacent to the decoration layer and the mid-ground layer, respectively, and the mid-ground layer is adjacent to the background layer;

[0081] Moving at least one second layer in a resource card in a preset manner, including:

[0082] In the resource card, the background layer and the decoration layer are moved in a first direction, and the middle ground layer is moved in a second direction, wherein the first direction is opposite to the second direction; or,

[0083] In the resource card, move the background layer and the mid-ground layer in the first direction, and move the decoration layer in the second direction.

[0084] In the disclosed embodiment, the electronic device can generate a dynamic effect of relative movement between the material objects in the multiple second layers and the target objects in the first layer in the resource card by moving the multiple second layers in the target image in different directions in the resource card. This can not only enrich the display form of the resource card, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the efficiency of human-computer interaction and enhancing the user experience.

[0085] In some embodiments, the at least one second layer includes a background layer and a decoration layer, and the first layer is adjacent to the background layer and the decoration layer, respectively;

[0086] Moving at least one second layer in a resource card in a preset manner, including:

[0087] In the resource card, the background layer is moved in a first direction, and the decoration layer is moved in a second direction, wherein the first direction is opposite to the second direction.

[0088] In the disclosed embodiment, since the first layer is located between the background layer and the decoration layer, the electronic device can generate a dynamic effect of relative movement between the material objects and the target object in the two second layers adjacent to the first layer in the resource card by moving the background layer and the decoration layer in different directions respectively. This can not only enrich the display form of the resource card, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the efficiency of human-computer interaction and enhancing the user experience.

[0089] In some embodiments, the method further comprises:

[0090] When the posture change mode of the electronic device satisfies the second condition, a second page associated with the multimedia resource is displayed, and the second page displays object information of the target object; or,

[0091] When the posture change mode of the electronic device satisfies the first condition, in response to the triggering operation on the resource card, a second page associated with the multimedia resource is displayed.

[0092] In the disclosed embodiment, by executing the above steps, the electronic device can not only display the second page associated with the multimedia resource when the posture change mode satisfies the second condition, but also display the second page when a trigger operation on the resource card is detected. This not only enriches the interaction method between the user and the resource card, but also improves the convenience of the user's interaction with the second page, thereby improving the efficiency of human-computer interaction.

[0093] In some embodiments, when the posture change mode of the electronic device satisfies the second condition, displaying a second page associated with the multimedia resource includes:

[0094] Determine the rotation angle of the electronic device during the posture change process based on the posture change mode of the electronic device;

[0095] When the rotation angle is not less than a preset angle, a second page associated with the multimedia resource is displayed.

[0096] In the disclosed embodiment, by detecting the rotation angle of the electronic device during the posture change of the electronic device, the electronic device can automatically display the second page associated with the multimedia resource when the rotation angle is not less than a preset angle. This not only improves the convenience of the user's interaction with the second page, but also enables the user to further understand the target object in the multimedia resource by displaying the object information of the target object, thereby improving the efficiency of human-computer interaction.

[0097] In some embodiments, displaying a second page associated with a multimedia resource includes:

[0098] In the process of moving at least one second layer in a preset manner, enlarging the display ratio of the target object;

[0099] When the display ratio of the target object reaches a preset ratio, the second page is displayed.

[0100] In the disclosed embodiment, by enlarging the display ratio of the target object in the resource card when the posture change mode of the electronic device satisfies the second condition or a trigger operation on the resource card is detected, not only can the user's impression of the target object be further enhanced before the second page is displayed, but also the dynamic effect of the display of the resource card can be further enriched, the human-computer interaction efficiency can be improved, and thus the user's viewing experience can be enhanced.

[0101] In some embodiments, when the display ratio of the target object reaches a preset ratio, displaying the second page includes:

[0102] When the display ratio of the target object reaches a preset ratio, the target special effect is displayed on the first page, and the display style of the target special effect is associated with at least one of the display time of the target special effect and the object type of the target object;

[0103] When the target special effect display is completed, the second page is displayed.

[0104] In the disclosed embodiment, by displaying target special effects when the target object is enlarged to a preset ratio, the display content of the first page can be enriched, which not only increases the fun of users viewing the first page, but also enriches the display content of the first page and improves the efficiency of human-computer interaction.

[0105] In some embodiments, the preset manner is a movement manner of at least one second layer when the posture change direction of the electronic device is the first direction, and the method further includes:

[0106] In the process of moving at least one second layer in a preset manner, when the posture change direction of the electronic device changes from a first direction to a second direction, it moves in a target manner within the resource card. The target manner is the movement manner of at least one second layer when the posture change direction of the electronic device is the second direction. The first direction is opposite to the second direction, and the movement direction of the second layer in the target manner is opposite to the movement direction in the preset manner.

[0107] In the disclosed embodiment, by changing the movement mode of at least one second layer in the resource card when the posture change direction of the electronic device changes, a dynamic effect can be generated in which the movement direction of at least one material object in the resource card changes with the change direction of the posture change of the electronic device. This not only enriches the display form of the resource card, but also directly displays the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the human-computer interaction efficiency and enhancing the user experience.

[0108] In some embodiments, the method further comprises:

[0109] When the posture of the electronic device does not change, the first layer and at least one second layer in the resource card are kept stationary; or,

[0110] In response to a triggering operation of canceling a display control in a resource card, the resource card is canceled from being displayed, and text description information of the multimedia resource is displayed in a display area of ​​the resource card.

[0111] In the disclosed embodiment, in the process of floating display of resource cards, by keeping each layer still when no change in the posture of the electronic device is detected, or displaying text description information of the multimedia resource when an operation to cancel the display of the resource card is detected, the display content of the first page and the display form of the resource card can be enriched, and the interest of the user in viewing the first page can be increased, thereby improving the efficiency of human-computer interaction and enhancing the user's viewing experience.

[0112] Above Figure 2 A page display process of the present disclosure is shown, and the page display solution provided by the present disclosure is further explained below. Figure 3 is a flow chart of another page display method according to an exemplary embodiment, the method is executed by an electronic device, such as Figure 3 As shown, the following steps are included:

[0113] In step 301, the electronic device displays a first page, and the first page plays a multimedia resource including a target object.

[0114] In an embodiment of the present disclosure, an electronic device runs an application that supports a multimedia playback function. The application can be any application in an electronic device, such as a video application, a social application, a shopping application, etc., and the embodiment of the present disclosure does not limit this. During the operation of the application, the electronic device can display a first page in the application and play multimedia resources including a target object on the first page. Among them, the first page can be the initial page displayed after the application is started, or it can be an application page displayed after the initial page, such as an information flow page. Multimedia resources include, but are not limited to, video resources such as video works and live video, image resources such as picture works and picture and text collections, and text resources such as popular comments and popular novels, and the embodiment of the present disclosure does not limit this. The target object can be any item object that appears in the multimedia resources, and the item object can be a commodity, a service, etc., and the embodiment of the present disclosure does not limit this.

[0115] In step 302, during the process of playing the multimedia resource, the electronic device displays the text description information of the multimedia resource in a floating manner on the first page.

[0116] In an embodiment of the present disclosure, after displaying the first page, the electronic device can play the multimedia resource including the target object on the first page. In the process of playing the multimedia resource through the first page, the electronic device can also display the text description information used to describe the multimedia resource in a floating manner on the first page. The text description information includes the title of the multimedia resource, the copy of the multimedia resource, the label of the multimedia resource, etc. The display area of ​​the text description information can be located at the edge of the first page, such as the lower left corner, the lower right corner, etc. of the first page, and the embodiment of the present disclosure does not limit this.

[0117] Optionally, the electronic device can also display multiple interactive operation controls in a floating manner on the first page, such as like controls, comment controls, share controls, and favorite controls for interacting with multimedia resources, or follow controls, jump controls, and private message controls for interacting with authors of multimedia resources.

[0118] In step 303, in response to the playback duration of the multimedia resource being greater than the duration threshold, the electronic device cancels displaying the text description information and displays a resource card in the display area of ​​the text description information, the resource card displays a target image including a target object, the target image includes a first layer and at least one second layer, the first layer is the layer where the target object is located, and the second layer is the layer where the material object associated with the target object is located.

[0119] In an embodiment of the present disclosure, a multimedia resource including a target object is played on the first page, and text description information of the multimedia resource is displayed in a suspended manner. When the playback duration of the multimedia resource is greater than the duration threshold, the electronic device can cancel the display of the text description information, and after the text description information is canceled, the electronic device can display a resource card associated with the multimedia resource in the display area of ​​the text description information. A target image including the target object is displayed in the resource card. Among them, the duration threshold can be 3 seconds, 5 seconds, etc., and the present disclosure embodiment does not limit this. The target image includes a layer where the target object is located and a layer where at least one material object associated with the target object is located. The material object is a material used to enrich the display effect of the target image, such as blue sky and white clouds, glaciers and snow peaks, flowers, plants and trees, etc., and the present disclosure embodiment does not limit this. By executing the above steps 302 and 303, the electronic device can automatically display the resource card on the first page without user operation when the playback duration is greater than the duration threshold, which not only enriches the display content of the first page and improves the efficiency of human-computer interaction, but also can deepen the user's impression of the target object in the process of watching multimedia resources by displaying the target image including the target object on the resource card. Furthermore, by displaying the resource card in the display area of ​​the text description information, it is possible to avoid excessive obstruction of the multimedia resources by the resource card, thereby improving the user's viewing experience of the multimedia resources.

[0120] Optionally, in order to reduce the production cost of the target image, the electronic device can process the initial image including only the first layer through artificial intelligence technology to obtain the target image including the first layer and at least one second layer. The first layer is the layer where the target object is located, and the second layer is the layer where the material object associated with the target object is located. When processing the initial image, the electronic device can generate at least one material object associated with the target object in the initial image through artificial intelligence, and then generate the target image based on the initial image and the at least one material object.

[0121] In some embodiments, in the process of canceling the display of text description information and displaying resource cards in the display area of ​​the text description information, the electronic device can display a sliding screen of the text description information and the resource card on the first page. Accordingly, in response to the playback time of the multimedia resource being greater than the time threshold, the electronic device can display the text description information sliding from the display area to the edge of the first page until it completely slides out of the first page; then, when the text description information completely slides out of the first page, the electronic device can display the resource card sliding to the display area until the resource card completely slides into the display area. Among them, the sliding direction of the text description information is opposite to the sliding direction of the resource card, that is, the text description information slides from the display area to the edge of the first page, and the resource card slides from the edge to the display area. The electronic device can gradually cancel the display of the text description information by displaying a screen of the text description information sliding from the display area to the edge of the first page. By displaying a screen of the resource card sliding from the edge to the display area when the text description information completely slides out of the first page, the resource card can be gradually displayed in the display area. The above process can enrich the display content of the first page while increasing the fun of the user watching the first page, thereby improving the efficiency of human-computer interaction and enhancing the user's viewing experience.

[0122] Optionally, when the text description information completely slides out of the first page, the electronic device can also display interactive controls on the first page, and the interactive controls are used to guide the user to control the electronic device to perform actions such as tilting, shaking, flipping, and moving to change the posture of the electronic device.

[0123] Optionally, when the electronic device slides the displayed text description information from the display area to the edge of the first page, the transparency of the text description information gradually increases as the text description information slides. Similarly, when the displayed resource card slides from the edge to the display area, the transparency of the resource card gradually decreases as the resource card slides.

[0124] For example, Figure 4 FIG. 1 is a schematic diagram of a first page according to an exemplary embodiment. Figure 4 As shown in (a) of FIG. 4 , a multimedia resource is played on the first page 401. During the process of playing the multimedia resource on the first page 401, the electronic device can suspend and display the text description information 402 of the multimedia resource on the first page. The text description information 402 includes the author user name of the multimedia resource, the text of the multimedia resource, and the label of the multimedia resource. Taking the duration threshold of 3 seconds as an example, the electronic device can display the text description information 402 in the first 3 seconds. After 3 seconds, the electronic device can cancel the display of the text description information 402 and display the following: Figure 4The first page shown in (b) of FIG. The first page displays a resource card 403 and an interactive control 404. The interactive control 404 displays the text "twist the phone" and an image corresponding to the text to guide the user to perform a corresponding operation.

[0125] For example, Figure 5 FIG. 1 is a schematic diagram of a resource card according to an exemplary embodiment. Figure 5 As shown, the resource card displays a target image including a target object. The target object is a beverage. The target image includes a background layer, a middle ground layer, a foreground layer, a product layer, and a decoration layer. Among them, the product layer is the layer where the target object is located, that is, the first layer. The background layer, the middle ground layer, the decoration layer, and the foreground layer are all layers where the material objects associated with the target object are located, that is, the second layer. Figure 5 As shown, the background layer is the layer where the blue sky and white clouds are located, the mid-ground layer is the layer where the glaciers and snow peaks are located, the decoration layer is the layer where the stars are located, and the foreground layer is the layer where the display stand is located.

[0126] In step 304, in response to a change in the posture of the electronic device, when the posture change manner of the electronic device satisfies the first condition, the electronic device moves at least one second layer in the resource card in a preset manner to generate a dynamic effect of relative movement between the target object and at least one material object.

[0127] In an embodiment of the present disclosure, if the electronic device is in a gripping state, the user can control the electronic device to perform actions such as tilting, shaking, flipping, and moving to change the posture of the electronic device. Accordingly, in the process of the electronic device floatingly displaying a resource card on the first page, in response to a change in the posture of the electronic device, the electronic device can move at least one second layer of the target image in a preset manner in the resource card when detecting that the posture change method satisfies the first condition. Since the second layer is the layer where the material object associated with the target object is located, the electronic device can produce a dynamic effect of relative movement between the target object and at least one material object by moving at least one second layer in the resource card. Among them, the first condition can be that the rotation angle of the electronic device during the posture change process is within a preset angle range, or it can be that the moving distance of the electronic device during the posture change process is within a preset distance range, and the embodiment of the present disclosure does not limit this.

[0128] In some embodiments, when the first condition is that the rotation angle of the electronic device during the posture change process is within the preset angle range, when the posture change mode of the electronic device satisfies the first condition, the process of moving at least one second layer includes: in response to the posture change of the electronic device, the electronic device can determine the rotation angle of the electronic device during the posture change process based on the posture change mode of the electronic device; then, when the rotation angle is less than the preset angle, the electronic device can move at least one second layer in the resource card in a preset manner. Among them, the posture change mode can reflect the motion state of the electronic device in the three-dimensional space during the posture change process. Therefore, the electronic device can determine the rotation angle of the electronic device during the posture change process based on the posture change mode, and the rotation angle can be the rotation angle of the electronic device in any direction, and the any direction can be up, down, left, right, front, back, etc. Exemplarily, with the Z axis as the reference, the rotation angle can be the rotation angle of the electronic device to the left or right. When the rotation angle is less than the preset angle, it indicates that the posture change mode of the electronic device satisfies the first condition, so the electronic device can move at least one second layer in the resource card in a preset manner. The preset angle can be 25 degrees, 35 degrees, 45 degrees, etc., and the embodiments of the present disclosure are not limited to this. By detecting the rotation angle of the electronic device during its posture change, the electronic device can automatically display the dynamic effect of relative movement between the target object and at least one material object in the resource card when the rotation angle is less than a preset angle. This not only enriches the display form of the resource card, but also directly displays the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the efficiency of human-computer interaction and enhancing the user experience.

[0129] Optionally, the electronic device can determine the rotation angle of the electronic device and the angular velocity of rotation when tilting when the posture of the electronic device changes. The three-axis angular velocity data refers to the angular velocity components of the electronic device on the X-axis, Y-axis and Z-axis in three-dimensional space. Angular velocity is used to describe the speed of rotation of an object. Based on the three-axis angular velocity data, the electronic device can determine the rotation angle of the electronic device during the posture change process. It can also determine the rotation state of the electronic device and judge the current motion state of the electronic device, whether it is forward, backward, upward, downward, left or right.

[0130] In some embodiments, when the first condition is that the moving distance of the electronic device during the posture change process is within a preset distance range, the electronic device can determine the moving distance of the electronic device during the posture change process based on the posture change mode of the electronic device, and when the moving distance is less than the preset distance, the electronic device can move at least one second layer in the resource card in a preset manner. The moving distance can be the moving distance of the electronic device in any direction, and the embodiments of the present disclosure are not limited to this.

[0131] In some embodiments, when at least one second layer includes a background layer, a middle layer, and a decoration layer, the process of the electronic device moving at least one second layer in a resource card in a preset manner includes: the electronic device can move the background layer and the decoration layer in a first direction in the resource card, and move the middle layer in a second direction, and the first direction is opposite to the second direction; or, the electronic device moves the background layer and the middle layer in a first direction in the resource card, and moves the decoration layer in a second direction. Wherein, the first layer is adjacent to the decoration layer and the middle layer, respectively, and the middle layer is adjacent to the background layer. In the process of moving the background layer, the decoration layer, and the middle layer in a preset manner, in one case, the moving directions of the background layer and the decoration layer are both in the first direction, and the moving direction of the middle layer is the second direction opposite to the first direction. When the electronic device is set to move the background layer, the middle layer, and the decoration layer in the above directions, a dynamic effect of multiple material objects in the background layer, the middle layer, and the decoration layer and the target object in the first image can be generated in the resource card. In another case, the moving directions of the background layer and the middle layer are both in the first direction, and the moving mode of the decoration layer is the second direction. When the electronic device sets the moving background layer, middle ground layer and decoration layer in the above-mentioned directions, a dynamic effect can be generated in the resource card, with the target object as the center, and multiple material objects in the background layer, middle ground layer and decoration layer moving around the target object. The first direction can be left or right, and the embodiments of the present disclosure are not limited to this. Exemplarily, when the first direction is left, the second direction is right, and when the first direction is right, the second direction is left. By moving multiple second layers in the target image in different directions in the resource card, the electronic device can generate a dynamic effect of relative movement between the material objects in the multiple second layers and the target object in the first layer in the resource card, which can not only enrich the display form of the resource card, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the efficiency of human-computer interaction and enhancing the user experience.

[0132] In some embodiments, when at least one second layer includes a background layer and a decoration layer, the process of the electronic device moving at least one second layer in a resource card in a preset manner includes: the electronic device can move the background layer in a first direction and the decoration layer in a second direction in the resource card, and the first direction is opposite to the second direction. Among them, the first layer is adjacent to the background layer and the decoration layer respectively. The first direction can be to the left or to the right, and the embodiment of the present disclosure is not limited to this. Since the first layer is located between the background layer and the decoration layer, the electronic device can generate a dynamic effect of relative movement between the material objects and the target object in two second layers adjacent to the first layer in the resource card by moving the background layer and the decoration layer in different directions respectively, which can not only enrich the display form of the resource card, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the efficiency of human-computer interaction and enhancing the user experience.

[0133] In some embodiments, the preset mode is the movement mode of at least one second layer when the posture change direction of the electronic device is the first direction. Therefore, when the posture change direction of the electronic device changes, the movement mode of at least one layer in the resource card will also change. Correspondingly, in the process of moving at least one second layer in the preset mode, when the posture change direction of the electronic device changes from the first direction to the second direction, the electronic device can move in the resource card in a target mode, and the target mode is the movement mode of at least one second layer when the posture change direction of the electronic device is the second direction. Among them, the first direction is opposite to the second direction, and the first direction can be any direction, such as the front, back, left, right, up, down, etc. The movement direction of any second layer in the target mode is opposite to the movement direction in the preset mode. Taking the first direction as the left as an example, in response to the posture change of the electronic device, when the posture change mode satisfies the first condition and the posture change direction is to the left, the electronic device can move at least one second layer in the preset mode. For example, the decoration layer and the background layer are moved to the left, and the middle ground layer is moved to the right. When the posture change direction of the electronic device changes to the right, the electronic device can move at least one second layer in a target manner, such as moving the decoration layer and the background layer to the right, and moving the middle ground layer to the left. By changing the movement mode of at least one second layer in the resource card when the posture change direction of the electronic device changes, a dynamic effect can be generated in which the movement direction of at least one material object in the resource card changes with the change in the posture change direction of the electronic device. This can not only enrich the display form of the resource card, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the efficiency of human-computer interaction and enhancing the user experience.

[0134] For example, Figure 6 is a schematic diagram of another resource card according to an exemplary embodiment. When the posture of the electronic device does not change, the resource card displayed on the first page by the electronic device is as follows: Figure 6 As shown in (a) of FIG. 1 , the resource card displays a target image including a target object. The target image includes a background layer (blue sky and white clouds), a middle ground layer (glacier and snow peaks), a foreground layer (display stand), a product layer (beverages), and a decoration layer (stars). When the posture of the electronic device changes and the posture change method satisfies the first condition, the electronic device can suspend and display the following on the first page: Figure 6 The resource card shown in (b) or (c) in FIG. That is, the electronic device can move the background layer and the decoration layer in the first direction and the middle ground layer in the second direction in the resource card. When the first direction is rightward, the resource card displayed by the electronic device is as follows: Figure 6 When the first direction is leftward, the resource card displayed by the electronic device is as follows: Figure 6 As shown in (c) in the default mode. Figure 6 In the case of the movement method shown in (b) of FIG. 1 , in the process of moving the background layer, the middle ground layer and the decoration layer in a preset manner, if the posture change direction of the electronic device changes, the electronic device can Figure 6 The moving method shown in (c) moves the background layer, the middle ground layer and the decoration layer.

[0135] Optionally, when the electronic device moves the background layer, the middle ground layer and the decoration layer in a preset manner, the product layer (first layer) where the target object is located and the foreground layer where the display stand for placing the target object is located are both stationary.

[0136] It should be noted that the electronic device can display the second page associated with the multimedia resource when the posture change mode satisfies the second condition or when a trigger operation on the resource card is detected during the posture change. Accordingly, when a trigger operation on the resource card is detected during the posture change, the process of the electronic device displaying the second page can refer to step 305 below; when the posture change mode satisfies the second condition, the process of the electronic device displaying the second page can refer to step 306 below.

[0137] In step 305, when the posture change mode of the electronic device satisfies the first condition, in response to the triggering operation on the resource card, the electronic device displays a second page associated with the multimedia resource, and the second page displays object information of the target object.

[0138] In an embodiment of the present disclosure, when the posture change mode of the electronic device satisfies the first condition, the electronic device can move at least one second layer in the resource card in a preset manner. At this time, if the user performs a trigger operation on any position in the resource card, the electronic device can directly display the second page associated with the multimedia resource. Among them, the second page displays the object information of the target object in the multimedia resource. The object information may include the image and name of the target object and at least one of the virtual resources required to redeem the target object. The target object can be any object that appears in the multimedia resource, such as a commodity, a service, etc. Exemplarily, taking the multimedia resource as a perfume promotion video as an example, the target object is perfume. The second page is a promotion landing page associated with the perfume promotion video, which displays information such as the perfume image, the perfume name, the perfume price, and the perfume promotional slogan.

[0139] Optionally, in addition to displaying the object information of the target object in the multimedia resource played on the first page, the second page can also display the object information of other item objects associated with the target object. The other item objects can be item objects of the same object type as the target object, or item objects belonging to the same store as the target object.

[0140] In step 306, when the posture change mode of the electronic device satisfies the second condition, the electronic device displays a second page associated with the multimedia resource.

[0141] In an embodiment of the present disclosure, during the process of an electronic device moving at least one layer in a resource card in a preset manner, if the posture change mode of the electronic device satisfies the second condition, the electronic device can display the second page associated with the multimedia resource. The second page displays the object information of the target object in the multimedia resource. Among them, the second condition may be that the rotation angle of the electronic device during the posture change process exceeds the preset angle, or it may be that the moving distance of the electronic device during the posture change process exceeds the preset distance, and the embodiment of the present disclosure does not limit this. By executing the above steps 305 and 306, the electronic device can not only display the second page associated with the multimedia resource when the posture change mode satisfies the second condition, but also display the second page when a trigger operation on the resource card is detected, which not only enriches the interaction mode between the user and the resource card, but also improves the convenience of the user interacting with the second page, thereby improving the efficiency of human-computer interaction.

[0142] In some embodiments, when the second condition is that the rotation angle of the electronic device during the posture change process exceeds the preset angle, when the posture change mode of the electronic device satisfies the second condition, the process of displaying the second page includes: the electronic device can determine the rotation angle of the electronic device during the posture change process based on the posture change mode of the electronic device; then, when the rotation angle is not less than the preset angle, the electronic device displays the second page associated with the multimedia resource. Among them, the posture change mode can reflect the motion state of the electronic device in the three-dimensional space during the posture change process. Therefore, the electronic device can determine the rotation angle of the electronic device during the posture change process based on the posture change mode, and the rotation angle can be the rotation angle of the electronic device in any direction. When the rotation angle is less than the preset angle, the electronic device can move at least one second layer in the resource card according to the preset mode. As the electronic device moves, the rotation angle of the electronic device may gradually increase, until the rotation angle increases to the preset angle, the electronic device can cancel the display of the first page and display the second page associated with the multimedia resource played on the first page. The preset angle can be 25 degrees, 35 degrees, 45 degrees, etc., and the embodiments of the present disclosure are not limited to this. By detecting the rotation angle of the electronic device during the posture change of the electronic device, the electronic device can automatically display the second page associated with the multimedia resource when the rotation angle is not less than a preset angle. This not only improves the convenience of the user's interaction with the second page, but also enables the user to further understand the target object in the multimedia resource by displaying the object information of the target object, thereby improving the efficiency of human-computer interaction.

[0143] In some embodiments, when the first condition is that the moving distance of the electronic device during the posture change process exceeds the preset distance, the electronic device can determine the moving distance of the electronic device during the posture change process based on the posture change mode of the electronic device, and when the moving distance is not less than the preset distance, the electronic device can display the second page associated with the multimedia resource. The moving distance can be the moving distance of the electronic device in any direction, and the embodiments of the present disclosure are not limited to this.

[0144] In some embodiments, before displaying the second page, the electronic device can enlarge the target object displayed in the resource card. Accordingly, in the process of moving at least one second layer in a preset manner, the electronic device can enlarge the display ratio of the target object; then, when the display ratio of the target object reaches the preset ratio, the electronic device displays the second page. Wherein, in response to the posture change of the electronic device, when the posture change mode of the electronic device satisfies the first condition, the electronic device can move at least one second layer in the resource card in a preset manner. In the process of moving at least one second layer. If the posture change mode of the electronic device satisfies the second condition or a trigger operation on the resource card is detected, the electronic device can enlarge the target object in the target image in the resource card, and when the display ratio of the target object is enlarged to the preset ratio, display the second page associated with the multimedia resource. The enlarged target object can be located in the resource card or outside the resource card, that is, the target object may gradually exceed the display area of ​​the resource card during the enlargement process. By enlarging the display ratio of the target object in the resource card when the posture change of the electronic device meets the second condition or detects a trigger operation on the resource card, not only can the user's impression of the target object be further enhanced before the second page is displayed, but also the dynamic effect of the display of the resource card can be further enriched, the human-computer interaction efficiency can be improved, and the user's viewing experience can be enhanced.

[0145] In some embodiments, before displaying the second page, the electronic device can also display the target special effect on the first page after the target object is enlarged to a preset ratio. Accordingly, when the display ratio of the target object reaches the preset ratio, the electronic device can display the target special effect on the first page; then, when the display of the target special effect ends, the electronic device displays the second page. Wherein, when the posture change mode of the electronic device satisfies the second condition or a trigger operation on the resource card is detected, the electronic device can first enlarge the target object in the resource card, and when the display ratio of the target object is enlarged to a preset ratio, the target special effect is displayed again, until the target special effect ends, the second page is displayed. The display style of the target special effect is associated with at least one of the display time of the target special effect and the object type of the target object. For example, when the display time is winter, the display style of the target special effect can be snowflakes falling; or, when the display time is Chinese Valentine's Day, the display style of the target special effect can be love falling. When the target object is perfume, the display style of the target special effect can be petals falling, which is not limited in the embodiments of the present disclosure. By displaying the target special effects when the target object is enlarged to a preset ratio, not only the interest of the user viewing the first page is increased, but also the display content of the first page can be enriched, thereby improving the efficiency of human-computer interaction.

[0146] For example, Figure 7 FIG. 1 is a schematic diagram of another resource card according to an exemplary embodiment. Figure 7 As shown in (a) of FIG. 1 , a resource card is displayed on the first page. The resource card displays a target image (beverage) including a target object. The target image includes a background layer (blue sky and white clouds), a middle ground layer (glacier and snow peaks), a foreground layer (display stand), a product layer (beverage) and a decoration layer (stars). When the posture change mode of the electronic device satisfies the second condition or a trigger operation on the resource card is detected, as shown in FIG. Figure 7 As shown in (b), the electronic device can enlarge the display ratio of the target object in the resource card, and when the display ratio of the target object is enlarged to a preset ratio, the electronic device can also display a target special effect. The display style of the target special effect is falling snow.

[0147] In some embodiments, when the posture of the electronic device does not change, the electronic device can keep the first layer and at least one second layer in the resource card stationary; or, in response to a trigger operation to cancel the display control in the resource card, the electronic device cancels the display of the resource card and displays the text description information of the multimedia resource in the display area of ​​the resource card. Wherein, in the process of floating the resource card on the first page, if the posture of the electronic device is not detected to change, the electronic device will not move the second layer in the resource card, that is, the electronic device can keep any layer in the target image stationary. If a trigger operation to cancel the display control in the resource card is detected, the electronic device can cancel the display of the resource card and display the text description information of the multimedia resource in the display area of ​​the resource card. Optionally, in the process of canceling the display of the resource card, the electronic device can display the resource card sliding from the display area to the edge of the first page until the first page is completely slid out. In the process of displaying the text description information, the electronic device can display the text description information sliding from the edge of the first page from the display area of ​​the resource card after the resource card is canceled, until the text description information completely slides the display area. In the process of floating display of resource cards, by keeping each layer still when no change in the posture of the electronic device is detected, or displaying text description information of the multimedia resource when an operation to cancel the display of the resource card is detected, the display content of the first page and the display form of the resource card can be enriched, and the interest of the user in viewing the first page can be increased, thereby improving the efficiency of human-computer interaction and enhancing the user's viewing experience.

[0148] The disclosed embodiment provides a page display method, in the process of playing multimedia resources on the first page, by displaying a resource card on the first page, when the posture of the electronic device changes, the electronic device can control at least one second layer in the target image displayed in the resource card to move in a preset manner when the posture change mode satisfies the first condition, so as to produce a dynamic effect of relative movement between the target object in the target image and the material object in at least one second layer. The above process can not only enrich the display form of the resource card and enhance the user's viewing experience of the resource card, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the efficiency of human-computer interaction.

[0149] All the above optional technical solutions can be arbitrarily combined to form optional embodiments of the present disclosure, and will not be described in detail here.

[0150] Figure 8 FIG. 1 is a block diagram of a page display device according to an exemplary embodiment. Figure 8 As shown, the device includes: a first display unit 801 , a second display unit 802 and a first moving unit 803 .

[0151] The first display unit 801 is configured to display a first page, where the first page plays a multimedia resource including a target object;

[0152] The second display unit 802 is configured to display a resource card in a floating manner on the first page during the playback of the multimedia resource, wherein the resource card displays a target image including a target object, wherein the target image includes a first layer and at least one second layer, wherein the first layer is a layer where the target object is located, and the second layer is a layer where a material object associated with the target object is located;

[0153] The first moving unit 803 is configured to respond to a change in the posture of the electronic device. When the posture change of the electronic device satisfies the first condition, move at least one second layer in the resource card in a preset manner to generate a dynamic effect of relative movement between the target object and at least one material object.

[0154] In some embodiments, Fig. 9 FIG. 1 is a block diagram of another page display device according to an exemplary embodiment. Fig. 9 As shown, the second display unit 802 includes:

[0155] The first display subunit 901 is configured to display text description information of the multimedia resource in a floating manner on the first page during the playback of the multimedia resource;

[0156] The second display subunit 902 is configured to cancel display of the text description information and display a resource card in the display area of ​​the text description information in response to the playback duration of the multimedia resource being greater than a duration threshold.

[0157] In some embodiments, the second display sub-unit 902 is configured to, in response to the playback duration of the multimedia resource being greater than a duration threshold, display the text description information sliding from the display area to the edge of the first page until it completely slides out of the first page; when the text description information completely slides out of the first page, display the resource card sliding toward the display area until it completely slides into the display area.

[0158] In some embodiments, see Fig. 9 , the first mobile unit 803 includes:

[0159] The first determining subunit 903 is configured to determine the rotation angle of the electronic device in the posture change process in response to the posture change of the electronic device and based on the posture change mode of the electronic device;

[0160] The moving subunit 904 is configured to move at least one second layer in a preset manner within the resource card when the rotation angle is smaller than a preset angle.

[0161] In some embodiments, see Fig. 9 , at least one second layer includes a background layer, a middle ground layer and a decoration layer, the first layer is adjacent to the decoration layer and the middle ground layer respectively, and the middle ground layer is adjacent to the background layer;

[0162] The first moving unit 803 is configured to move the background layer and the decoration layer in the first direction within the resource card, and to move the middle ground layer in the second direction, wherein the first direction is opposite to the second direction; or, to move the background layer and the middle ground layer in the first direction within the resource card, and to move the decoration layer in the second direction.

[0163] In some embodiments, see Fig. 9 , at least one second layer includes a background layer and a decoration layer, and the first layer is adjacent to the background layer and the decoration layer respectively;

[0164] The first moving unit 803 is configured to move the background layer in a first direction and the decoration layer in a second direction within the resource card, wherein the first direction is opposite to the second direction.

[0165] In some embodiments, see Fig. 9 , the device further comprises:

[0166] The third display unit 804 is configured to display a second page associated with the multimedia resource when the posture change mode of the electronic device satisfies the second condition, and the second page displays object information of the target object; or, when the posture change mode of the electronic device satisfies the first condition, display the second page associated with the multimedia resource in response to a triggering operation on the resource card.

[0167] In some embodiments, see Fig. 9 , the third display unit 804 includes:

[0168] The second determining subunit 905 is configured to determine the rotation angle of the electronic device during the posture change process based on the posture change mode of the electronic device;

[0169] The third display subunit 906 is configured to display a second page associated with the multimedia resource when the rotation angle is not less than a preset angle.

[0170] In some embodiments, the third display unit 804 is configured to enlarge the display ratio of the target object while moving at least one second layer in a preset manner; and display the second page when the display ratio of the target object reaches a preset ratio.

[0171] In some embodiments, the third display unit 804 is configured to display the target special effect on the first page when the display ratio of the target object reaches a preset ratio, and the display style of the target special effect is associated with at least one of the display time of the target special effect and the object type of the target object; when the display of the target special effect ends, the second page is displayed.

[0172] In some embodiments, see Fig. 9 The preset mode is a movement mode of at least one second layer when the posture change direction of the electronic device is the first direction, and the device further includes:

[0173] The second moving unit 805 is configured to move in a target manner within the resource card when the posture change direction of the electronic device changes from a first direction to a second direction during the process of moving at least one second layer in a preset manner. The target manner is the movement manner of at least one second layer when the posture change direction of the electronic device is the second direction, the first direction is opposite to the second direction, and the movement direction of the second layer in the target manner is opposite to the movement direction in the preset manner.

[0174] In some embodiments, the first moving unit 803 is further configured to keep the first layer and at least one second layer stationary in the resource card when the posture of the electronic device does not change; or,

[0175] The second display unit 802 is further configured to cancel display of the resource card in response to a triggering operation of canceling a display control in the resource card, and display text description information of the multimedia resource in the display area of ​​the resource card.

[0176] The disclosed embodiment provides a page display device, which displays a resource card on the first page during the process of playing multimedia resources on the first page, so that when the posture of the electronic device changes, the electronic device can control at least one second layer in the target image displayed in the resource card to move in a preset manner when the posture change mode satisfies the first condition, so as to produce a dynamic effect of relative movement between the target object in the target image and the material object in at least one second layer. The above process can not only enrich the display form of the resource card and enhance the user's viewing experience of the resource card, but also directly display the object information of the target object in the resource card by changing the posture of the electronic device, without the user having to perform related operations on the resource card, thereby improving the efficiency of human-computer interaction.

[0177] It should be noted that the page display device provided in the above embodiment is only illustrated by the division of the above functional units. In actual applications, the above functions can be assigned to different functional units as needed, that is, the internal structure of the electronic device is divided into different functional units to complete all or part of the functions described above. In addition, the page display device provided in the above embodiment and the page display method embodiment belong to the same concept, and the specific implementation process is detailed in the method embodiment, which will not be repeated here.

[0178] Regarding the page display device in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.

[0179] Fig.10 It is a block diagram of an electronic device according to an exemplary embodiment. Generally, the electronic device 1000 includes: a processor 1001 and a memory 1002 .

[0180] The processor 1001 may include one or more processing cores, such as a 4-core processor, an 8-core processor, etc. The processor 1001 may be implemented in at least one hardware form of DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). The processor 1001 may also include a main processor and a coprocessor. The main processor is a processor for processing data in the awake state, also known as a CPU (Central Processing Unit); the coprocessor is a low-power processor for processing data in the standby state. In some embodiments, the processor 1001 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the display screen. In some embodiments, the processor 1001 may also include an AI (Artificial Intelligence) processor, which is used to process computing operations related to machine learning.

[0181] The memory 1002 may include one or more computer-readable storage media, which may be non-transitory. The memory 1002 may also include a high-speed random access memory, and a non-volatile memory, such as one or more disk storage devices, flash memory storage devices. In some embodiments, the non-transitory computer-readable storage medium in the memory 1002 is used to store at least one program code, which is used to be executed by the processor 1001 to implement the page display method provided in the method embodiment of the present disclosure.

[0182] In some embodiments, the electronic device 1000 may further optionally include: a peripheral device interface 1003 and at least one peripheral device. The processor 1001, the memory 1002 and the peripheral device interface 1003 may be connected via a bus or a signal line. Each peripheral device may be connected to the peripheral device interface 1003 via a bus, a signal line or a circuit board. Specifically, the peripheral device includes: at least one of a radio frequency circuit 1004, a display screen 1005, a camera assembly 1006, an audio circuit 1007 and a power supply 1008.

[0183] The peripheral device interface 1003 may be used to connect at least one peripheral device related to I / O (Input / Output) to the processor 1001 and the memory 1002. In some embodiments, the processor 1001, the memory 1002, and the peripheral device interface 1003 are integrated on the same chip or circuit board; in some other embodiments, any one or two of the processor 1001, the memory 1002, and the peripheral device interface 1003 may be implemented on a separate chip or circuit board, which is not limited in this embodiment.

[0184] The radio frequency circuit 1004 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The radio frequency circuit 1004 communicates with communication networks and other communication devices through electromagnetic signals. The radio frequency circuit 1004 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals into electrical signals. Optionally, the radio frequency circuit 1004 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, and the like. The radio frequency circuit 1004 can communicate with other electronic devices through at least one wireless communication protocol. The wireless communication protocol includes, but is not limited to: a metropolitan area network, various generations of mobile communication networks (2G, 3G, 4G and 5G), a wireless local area network and / or a WiFi (Wireless Fidelity) network. In some embodiments, the radio frequency circuit 1004 may also include circuits related to NFC (Near Field Communication), which is not limited in the present disclosure.

[0185] The display screen 1005 is used to display a UI (User Interface). The UI may include graphics, text, icons, videos, and any combination thereof. When the display screen 1005 is a touch display screen, the display screen 1005 also has the ability to collect touch signals on the surface or above the surface of the display screen 1005. The touch signal can be input to the processor 1001 as a control signal for processing. At this time, the display screen 1005 can also be used to provide virtual buttons and / or virtual keyboards, also known as soft buttons and / or soft keyboards. In some embodiments, the display screen 1005 can be one, and the front panel of the electronic device 1000 is set; in other embodiments, the display screen 1005 can be at least two, which are respectively set on different surfaces of the electronic device 1000 or are folded; in some other embodiments, the display screen 1005 can be a flexible display screen, which is set on the curved surface or folded surface of the electronic device 1000. Even, the display screen 1005 can also be set to a non-rectangular irregular shape, that is, a special-shaped screen. The display screen 1005 can be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).

[0186] The camera assembly 1006 is used to capture images or videos. Optionally, the camera assembly 1006 includes a front camera and a rear camera. Typically, the front camera is arranged on the front panel of the electronic device, and the rear camera is arranged on the back of the electronic device. In some embodiments, there are at least two rear cameras, which are any one of a main camera, a depth of field camera, a wide-angle camera, and a telephoto camera, so as to realize the fusion of the main camera and the depth of field camera to realize the background blur function, the fusion of the main camera and the wide-angle camera to realize the panoramic shooting and VR (Virtual Reality) shooting function or other fusion shooting functions. In some embodiments, the camera assembly 1006 may also include a flash. The flash can be a monochrome temperature flash or a dual-color temperature flash. A dual-color temperature flash refers to a combination of a warm light flash and a cold light flash, which can be used for light compensation at different color temperatures.

[0187] The audio circuit 1007 may include a microphone and a speaker. The microphone is used to collect sound waves from the user and the environment, and convert the sound waves into electrical signals and input them into the processor 1001 for processing, or input them into the radio frequency circuit 1004 to achieve voice communication. For the purpose of stereo acquisition or noise reduction, there may be multiple microphones, which are respectively arranged at different parts of the electronic device 1000. The microphone may also be an array microphone or an omnidirectional acquisition microphone. The speaker is used to convert the electrical signal from the processor 1001 or the radio frequency circuit 1004 into sound waves. The speaker may be a traditional film speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can not only convert the electrical signal into sound waves audible to humans, but also convert the electrical signal into sound waves inaudible to humans for purposes such as ranging. In some embodiments, the audio circuit 1007 may also include a headphone jack.

[0188] The power supply 1008 is used to power various components in the electronic device 1000. The power supply 1008 can be an alternating current, a direct current, a disposable battery, or a rechargeable battery. When the power supply 1008 includes a rechargeable battery, the rechargeable battery can support wired charging or wireless charging. The rechargeable battery can also be used to support fast charging technology.

[0189] Those skilled in the art will understand that Fig.10 The structure shown in the figure does not constitute a limitation on the electronic device 1000, and the electronic device 1000 may include more or less components than those shown in the figure, or combine some components, or adopt a different component arrangement.

[0190] In an exemplary embodiment, a computer-readable storage medium including instructions is also provided, such as a memory 1002 including instructions, and the instructions can be executed by a processor 1001 of an electronic device 1000 to complete the above-mentioned page display method. Optionally, the computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0191] A computer program product includes a computer program, and the computer program implements the above-mentioned page display method when executed by a processor.

[0192] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.

[0193] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A page display method, characterized in that: The method comprises: Displaying a first page, wherein the first page plays a multimedia resource including a target object; During the playing of the multimedia resource, a resource card is displayed in a floating manner on the first page, wherein the resource card displays a target image including the target object, wherein the target image includes a first layer and at least one second layer, wherein the first layer is a layer where the target object is located, and the second layer is a layer where a material object associated with the target object is located; In the case where the first condition is that the rotation angle of the electronic device during the posture change process is within a preset angle range, in response to the posture change of the electronic device, if the rotation angle is less than the preset angle, it is determined that the posture change mode of the electronic device meets the first condition, and the at least one second layer is moved in the resource card according to a preset mode to generate a dynamic effect of relative movement between the target object and the at least one material object; In the process of moving at least one second layer according to the preset mode, when the posture change direction of the electronic device changes from the first direction to the second direction, the at least one second layer is moved in the resource card according to the target mode, the preset mode is the movement mode of the at least one second layer when the posture change direction of the electronic device is the first direction, the target mode is the movement mode of the at least one second layer when the posture change direction of the electronic device is the second direction, the first direction is opposite to the second direction, and the movement direction of any second layer in the target mode is opposite to the movement direction in the preset mode; If the rotation angle is not less than the preset angle, it is determined that the posture change mode of the electronic device satisfies the second condition, and in the process of the electronic device moving at least one layer in the resource card according to the preset mode, the display ratio of the target object is enlarged, and the enlarged target object is located in the resource card or outside the resource card; When the display ratio of the target object reaches a preset ratio, the first page is canceled and a second page associated with the multimedia resource is displayed, where the second page displays the object information of the target object.

2. The page display method according to claim 1, characterized in that: The method of displaying a resource card in a suspended manner on the first page during the playing of the multimedia resource includes: During the playing of the multimedia resource, floatingly displaying text description information of the multimedia resource on the first page; In response to the playback duration of the multimedia resource being greater than a duration threshold, the text description information is canceled from being displayed, and the resource card is displayed in a display area of ​​the text description information.

3. The page display method according to claim 2, characterized in that: In response to the multimedia resource being played for a duration greater than a duration threshold, canceling the display of the text description information and displaying the resource card in the display area of ​​the text description information comprises: In response to the playback duration of the multimedia resource being greater than a duration threshold, displaying the text description information sliding from the display area toward an edge of the first page until completely sliding out of the first page; When the text description information completely slides out of the first page, the resource card is displayed sliding toward the display area until it completely slides into the display area.

4. The page display method according to claim 1, characterized in that: The method further comprises: In response to a change in the posture of the electronic device, a rotation angle of the electronic device during the posture change process is determined based on the posture change mode of the electronic device.

5. The page display method according to any one of claims 1 to 4, characterized in that: The at least one second layer includes a background layer, a middle layer and a decoration layer, the first layer is adjacent to the decoration layer and the middle layer respectively, and the middle layer is adjacent to the background layer; The step of moving the at least one second layer in the resource card according to a preset manner includes: Moving the background layer and the decoration layer in the resource card in the first direction, and moving the mid-ground layer in the second direction; or, The background layer and the mid-ground layer are moved in the first direction within the resource card, and the decoration layer is moved in the second direction.

6. The page display method according to any one of claims 1 to 4, characterized in that: The at least one second layer includes a background layer and a decoration layer, and the first layer is adjacent to the background layer and the decoration layer respectively; The step of moving the at least one second layer in the resource card according to a preset manner includes: The background layer is moved in the first direction and the decoration layer is moved in the second direction within the resource card.

7. The page display method according to claim 1, characterized in that: The method further comprises: When the posture change mode of the electronic device satisfies the first condition, in response to a triggering operation on the resource card, a second page associated with the multimedia resource is displayed.

8. The page display method according to claim 7, characterized in that: The second page displaying the multimedia resource association includes: In the process of moving the at least one second layer in the preset manner, enlarging the display ratio of the target object; When the display ratio of the target object reaches the preset ratio, the second page is displayed.

9. The page display method according to claim 8, characterized in that: When the display ratio of the target object reaches the preset ratio, displaying the second page includes: When the display ratio of the target object reaches the preset ratio, a target special effect is displayed on the first page, and a display style of the target special effect is associated with at least one of a display time of the target special effect and an object type of the target object; When the target special effect display is completed, the second page is displayed.

10. The page display method according to claim 1, characterized in that: The method further comprises: When the posture of the electronic device does not change, the first layer and the at least one second layer are kept stationary in the resource card; or, In response to a triggering operation of canceling a display control in the resource card, the resource card is canceled from being displayed, and the text description information of the multimedia resource is displayed in a display area of ​​the resource card.

11. A page display device, characterized in that: The device comprises: A first display unit is configured to display a first page, wherein the first page plays a multimedia resource including a target object; A second display unit is configured to, during the process of playing the multimedia resource, suspend and display a resource card on the first page, wherein the resource card displays a target image including the target object, wherein the target image includes a first layer and at least one second layer, wherein the first layer is a layer where the target object is located, and the second layer is a layer where a material object associated with the target object is located; A first moving unit is configured to, in response to a change in the posture of the electronic device, determine that the posture change mode of the electronic device meets the first condition if the rotation angle of the electronic device during the posture change process is within a preset angle range, and move the at least one second layer in the resource card in a preset manner to generate a dynamic effect of relative movement between the target object and the at least one material object if the rotation angle is less than the preset angle; A second moving unit is configured to move the at least one second layer in a target manner within the resource card when the posture change direction of the electronic device changes from the first direction to the second direction during the process of moving the at least one second layer in the preset manner, wherein the preset manner is the movement manner of the at least one second layer when the posture change direction of the electronic device is the first direction, and the target manner is the movement manner of the at least one second layer when the posture change direction of the electronic device is the second direction, the first direction is opposite to the second direction, and the movement direction of any second layer in the target manner is opposite to the movement direction in the preset manner; The third display unit is configured to determine that the posture change mode of the electronic device satisfies the second condition if the rotation angle is not less than the preset angle, and to enlarge the display ratio of the target object in the process of the electronic device moving at least one layer in the resource card according to the preset method, and the enlarged target object is located in the resource card or outside the resource card; when the display ratio of the target object reaches the preset ratio, cancel the display of the first page and display the second page associated with the multimedia resource, and the second page displays the object information of the target object.

12. An electronic device, characterized in that: The electronic device comprises: one or more processors; a memory for storing program code executable by the processor; The processor is configured to execute the program code to implement the page display method according to any one of claims 1 to 10.

13. A computer-readable storage medium, characterized in that: When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the page display method as described in any one of claims 1 to 10.

14. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the page display method according to any one of claims 1 to 10 is implemented.

Images