Information display method and device, equipment and storage medium

Abstract

The invention relates to an information display method and device, equipment and a storage medium, and the method comprises the steps: displaying an information flow page, and playing a media resource in the information flow page; in response to meeting a first element triggering condition, displaying an object element component corresponding to the media resource at a first position in the information flow page; the object element component comprises a first resource element; in response to meeting a second element triggering condition, displaying that the first resource element moves to a second position in the information flow page from the object element component; and in response to a trigger operation on the first resource element located at the second position, displaying a first associated page corresponding to the first resource element. The information transmission and display effect of the object element component or the first resource element in the information flow page is improved, and meanwhile, the information interaction rate of the user object for the first resource element can be improved.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to an information display method, apparatus, device, and storage medium. Background Art

[0002] With the development of Internet technology, more and more media information is displayed through network platforms. In related technologies, the display format of media information is often relatively simple, resulting in poor information display effects, reduced information interaction rate and computer resource utilization. Summary of the Invention

[0003] The present disclosure provides an information display method, apparatus, device, and storage medium to solve at least one technical problem in the related art. The technical solution of the present disclosure is as follows:

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

[0005] Displaying an information stream page, and playing media resources in the information stream page;

[0006] In response to satisfying a first element trigger condition, displaying an object element component corresponding to the media resource at a first position in the information flow page; the object element component includes a first resource element;

[0007] In response to satisfying a second element trigger condition, displaying that the first resource element is moved from the object element component to a second position in the information flow page;

[0008] In response to a triggering operation on the first resource element located at the second position, a first associated page corresponding to the first resource element is displayed.

[0009] In some embodiments, during the process of moving to the second position, the element size of the first resource element gradually increases.

[0010] In some embodiments, after the display of the first resource element is moved from the object element component to the second position in the information flow page, the method further includes:

[0011] In response to satisfying a third element trigger condition, switching the first resource element at the second position to be displayed as a second resource element, where the relevance of the second resource element to the media resource is greater than the relevance of the first resource element to the media resource;

[0012] In response to a triggering operation on the second resource element, a second associated page corresponding to the second resource element is displayed.

[0013] In some embodiments, the first resource element includes a covering element and a second resource element, the covering element being wrapped around the second resource element; and in response to satisfying a third element trigger condition, switching the first resource element at the second position to be displayed as the second resource element comprises:

[0014] In response to satisfying a third element trigger condition, displaying an element switching animation that gradually hides the overlay element and gradually reveals the second resource element;

[0015] In response to the covering element being completely hidden, displaying the second resource element at the second position.

[0016] In some embodiments, the second resource element includes multiple resource sub-elements related to the media resource, and the multiple resource sub-elements carry a variety of different resource content information.

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

[0018] In response to satisfying a first sub-element triggering condition, displaying the second resource element as a plurality of independent resource sub-elements, and moving the first resource sub-element to a target position in the information flow page; the first resource sub-element is a resource sub-element other than the target resource sub-element among the plurality of resource sub-elements;

[0019] Displaying the target resource sub-element and corresponding element guidance information at a second position in the information flow page;

[0020] In response to a triggering operation on the target resource sub-element, a third associated page corresponding to the target resource sub-element is displayed.

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

[0022] In response to satisfying the second sub-element triggering condition, displaying a diffusion animation of expanding the second resource element into a plurality of resource sub-elements in full screen on the information flow page;

[0023] In response to the diffusion animation satisfying an end condition, the second resource element is moved and displayed on the object element component.

[0024] In some embodiments, in response to satisfying a second element trigger condition, showing that the first resource element is moved from the object element component to a second position in the information flow page includes:

[0025] In response to satisfying a second element trigger condition, removing the first resource element from the object element component and hiding other elements in the object element component except the first resource element;

[0026] Demonstrate moving the first resource element to the second position in the information flow page.

[0027] In some embodiments, after switching the first resource element located at the second position to be displayed as the second resource element, the method further includes:

[0028] In response to satisfying a fourth element trigger condition, moving the second resource element to a third position in the rendered object element component, the third position being a display position of the first resource element in the object element component;

[0029] The second resource element is dynamically displayed at the third position.

[0030] In some embodiments, the information flow page includes a description information component located at the first position and related to the media resource;

[0031] In response to satisfying the first element trigger condition, displaying the object element component corresponding to the media resource at the first position in the information flow page includes:

[0032] In response to satisfying the first element trigger condition, the description information component is hidden, and the object element component corresponding to the media resource is displayed at the first position.

[0033] According to another aspect of the present disclosure, there is provided an information display device, comprising:

[0034] A first display module is configured to display an information flow page and play media resources in the information flow page;

[0035] A second display module is configured to display an object element component corresponding to the media resource at a first position in the information flow page in response to satisfying a first element trigger condition; the object element component includes a first resource element;

[0036] A first element moving module is configured to execute, in response to satisfying a second element trigger condition, displaying that the first resource element is moved from the object element component to a second position in the information flow page;

[0037] The third display module is configured to execute a trigger operation in response to the first resource element located at the second position, and display a first associated page corresponding to the first resource element.

[0038] In some embodiments, during the process of moving to the second position, the element size of the first resource element gradually increases.

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

[0040] a switching display module, configured to, in response to satisfying a third element trigger condition, switch the first resource element located at the second position to display a second resource element, wherein the relevance of the second resource element to the media resource is greater than the relevance of the first resource element to the media resource;

[0041] The fourth display module is configured to execute a second associated page corresponding to the second resource element in response to a triggering operation on the second resource element.

[0042] In some embodiments, the first resource element includes a covering element and a second resource element, wherein the covering element is wrapped around the second resource element; and the switching display module includes:

[0043] a first hiding unit configured to execute, in response to satisfying a third element trigger condition, an element switching animation of gradually hiding the cover element and gradually revealing the second resource element;

[0044] The first element display unit is configured to display the second resource element at the second position in response to the covering element being completely hidden.

[0045] In some embodiments, the second resource element includes multiple resource sub-elements related to the media resource, and the multiple resource sub-elements carry a variety of different resource content information.

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

[0047] a second element moving module configured to, in response to satisfying a first sub-element trigger condition, display the second resource element as a plurality of independent resource sub-elements and move the first resource sub-element to a target position in the information flow page; the first resource sub-element being a resource sub-element other than a target resource sub-element among the plurality of resource sub-elements;

[0048] An information display module is configured to execute at a second position in the information flow page and display the target resource sub-element and corresponding element guidance information;

[0049] The fifth display module is configured to execute a trigger operation in response to the target resource sub-element and display a third associated page corresponding to the target resource sub-element.

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

[0051] an element dispersion module configured to execute, in response to satisfying a second sub-element trigger condition, a full-screen display of a diffusion animation in the information flow page that disperses and expands the second resource element into a plurality of resource sub-elements;

[0052] The sixth display module is configured to move and display the second resource element on the object element component in response to the diffusion animation satisfying an end condition.

[0053] In some embodiments, the first element movement module includes:

[0054] an element removing unit, configured to remove the first resource element from the object element component in response to satisfying a second element trigger condition, and hide other elements in the object element component except the first resource element;

[0055] The element moving unit is configured to execute a display to move the first resource element to the second position in the information flow page.

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

[0057] a seventh display module, configured to execute, in response to satisfying a fourth element trigger condition, moving the second resource element to a third position in the presented object element component, the third position being a display position of the first resource element in the object element component;

[0058] The dynamic display module is configured to dynamically display the second resource element at the third position.

[0059] In some embodiments, the information flow page includes a description information component located at the first position and related to the media resource; and the second display module includes:

[0060] The second element display unit is configured to, in response to satisfying the first element trigger condition, hide the description information component and display the object element component corresponding to the media resource at the first position.

[0061] According to another aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device can execute the information display method described in any of the above embodiments.

[0062] According to another aspect of the present disclosure, an electronic device is provided, including:

[0063] processor;

[0064] a memory for storing instructions executable by the processor;

[0065] The processor is configured to execute the instructions to implement the information display method as described in any of the above embodiments.

[0066] According to another aspect of an embodiment of the present disclosure, a computer program product is provided. The computer program product includes a computer program. When the computer program is executed by a processor, the information display method provided in any one of the above embodiments is implemented.

[0067] The technical solutions provided by the embodiments of the present disclosure bring at least the following beneficial effects:

[0068] The disclosed embodiment displays an information flow page and plays a media resource in the information flow page; in response to a first element trigger condition being met, displays an object element component corresponding to the media resource at a first position in the information flow page; the object element component includes a first resource element; in response to a second element trigger condition being met, displays the first resource element moving from the object element component to a second position in the information flow page; and in response to a trigger operation on the first resource element at the second position, displays a first associated page corresponding to the first resource element. In this way, by first displaying the object element component corresponding to the media resource at a first position in the information flow page, and then moving the first resource element in the object element component to a second position in the information flow page, the trigger operation for the information flow page is transferred to the second position through the first resource element. By moving the elements, the information display form on the media resource is enriched, and the first resource element to be transferred to the second position is bound to the object element component, thereby increasing the information linkage between components and elements, improving the information transmission and display effect of the object element component or the first resource element in the information flow page, and at the same time, improving the information interaction rate of the user object with respect to the first resource element and the utilization rate of computer resources used for information display.

[0069] 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 disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0070] The accompanying drawings herein are incorporated into the specification and constitute a part of the present disclosure, 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 an improper limitation to the present disclosure.

[0071] Figure 1 The diagram is a system architecture diagram showing a method for displaying application information according to an exemplary embodiment.

[0072] Figure 2 The figure is a flowchart of an information display method according to an exemplary embodiment.

[0073] Figure 3 The figure is a schematic diagram of an interface showing an information display process according to an exemplary embodiment.

[0074] Figure 4 is a flowchart showing another information display method according to an exemplary embodiment

[0075] Figure 5 It is a schematic diagram of an interface showing another information display process according to an exemplary embodiment.

[0076] Figure 6 It is a schematic diagram of an interface showing another information display process according to an exemplary embodiment.

[0077] Figure 7 It is a schematic diagram of an interface showing another information display process according to an exemplary embodiment.

[0078] Figure 8 It is a schematic diagram of an interface showing another information display process according to an exemplary embodiment.

[0079] Figure 9 The figure is a block diagram of an information display device according to an exemplary embodiment.

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

[0081] 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 with reference to the accompanying drawings.

[0082] It should be noted that the terms "first," "second," and the like in the specification, claims, and drawings of the present disclosure are used to distinguish similar objects and are not necessarily used to describe a specific order or precedence. It should be understood that the terms used in this manner are interchangeable 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 certain aspects of the present disclosure as detailed above.

[0083] Furthermore, the term "at least one" in this disclosure refers to one or more, and the term "more than one" refers to two or more. The term "and / or" describes an association between related objects, indicating that three possible relationships exist. For example, "A and / or B" can mean: A exists alone, A and B exist simultaneously, or B exists alone.

[0084] Figure 1 is an architecture diagram of a system for displaying application information according to an exemplary embodiment. Figure 1, the architecture diagram may include a terminal 110 and a server 120 .

[0085] Terminal 110 may be, but is not limited to, a physical device such as a smartphone, tablet computer, laptop computer, desktop computer, smart speaker, smart wearable device, digital assistant, augmented reality device, virtual reality device, or one or more applications running on the physical device. Terminal 110 may have installed applications with corresponding functions, such as client computers and applets, and may also be equipped with an operating system that supports the running of the applications.

[0086] The server 120 may be, but is not limited to, an independent server, or a server cluster or distributed system composed of multiple physical servers, or may be one or more cloud servers that provide cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, and basic cloud computing services such as big data and artificial intelligence platforms. Optionally, the terminal 110 and the server 120 may be directly or indirectly connected via wired or wireless communication, which is not limited in the embodiments of the present disclosure. Through the communication between the terminal 110 and the server 120, the server 120 can provide corresponding background support for the terminal 110 to realize the information display process.

[0087] The information display method provided in the embodiment of the present disclosure can be executed by an information display device, which can be integrated into an electronic device such as a terminal in the form of hardware or software, or can be executed by the terminal alone, or can be executed collaboratively by the terminal and the server.

[0088] It should be noted that this disclosure involves user information and other related data. When the following embodiments of this disclosure are applied to specific products or technologies, user permission or consent must be obtained, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions.

[0089] Figure 2 is a flow chart showing an information display method according to an exemplary embodiment. Figure 2 As shown, the information display method can be applied to an electronic device, and is described by taking the electronic device as a terminal in the above system architecture as an example, and includes the following steps.

[0090] In step S201, an information flow page is displayed, and media resources are played in the information flow page.

[0091] The information feed page is a page that displays resource content to the user. The information feed page can continuously update and display different resource content, which can be displayed in chronological order or in a recommended order. For example, the content format of the resource content can include, but is not limited to, videos, live broadcasts, images, and text.

[0092] In this embodiment, the terminal displays an information flow page in response to a trigger operation of the page entrance. The information flow page may include a content display area, a first interactive area, and a second interactive area. Among them, the content playback area is used to play media resources, and the media resources here may include but are not limited to at least one form such as video, live broadcast, and picture. The first interactive area can display interactive controls for user objects for media resources. Optionally, interactive controls may include but are not limited to buttons for realizing functions such as likes, forwarding, collections, and comments. The second interactive area can display descriptive information components related to media resources. Optionally, the descriptive information components may include but are not limited to at least one of the publishing account information of the media resource, the resource profile information of the media resource, the tag information involved in the media resource, and music information.

[0093] It should be noted that the specific display locations of the content display area, the first interactive area, and the second interactive area are not specifically limited. Figure 3 As shown in (a), the content display area 311 can be the full-screen visible area of ​​the information flow page 310, and the first interactive area 312 and the second interactive area 313 can be displayed over the content display area. The first interactive area and the second interactive area can be located at any position around the information flow page. For example, Figure 3 As shown in (a), the first interactive area 312 can be located on the right side of the information flow page 310, and the second interactive area 313 can be located on the bottom side of the information flow page 310.

[0094] In step S203, in response to the first element triggering condition being met, the object element component corresponding to the media resource is displayed at the first position in the information flow page; the object element component includes the first resource element.

[0095] Among them, the first element trigger condition refers to the trigger condition for displaying the object element component in the information flow page. Optionally, the first element trigger condition may include but is not limited to the playback time of the media resource meeting the first preset time, the user object triggering the first preset trigger operation, etc. Exemplarily, the first preset time can be a preset n seconds, where n can be any value from 0 to 30. The first preset trigger operation may include but is not limited to triggering at least one interactive operation such as like, forward, comment, and favorite.

[0096] Optionally, the object element component can be associated with a media resource and can be used to point to a recommended object corresponding to the media resource. Optionally, the object element component can be presented in a form such as a card or pop-up window. The shape of the card can include, but is not limited to, at least one of rectangular, irregular, and circular shapes.

[0097] Optionally, the object element component includes a first resource element. The element style of the first resource element may match the recommended object corresponding to the media resource. In this embodiment, the shape of the first resource element is a cube. Of course, in other embodiments, the shape of the first resource element may be a plane or other three-dimensional shape.

[0098] Optionally, the object element component may further include a viewing control, which can be triggered to display the recommended object corresponding to the media resource, so as to view the object information or detailed content of the recommended object.

[0099] In this embodiment, when the terminal plays a media resource in the information flow page, if the playback duration of the media resource meets the first preset duration, it is determined that the first element trigger condition is met. In response to meeting the first element trigger condition, the terminal displays the object element component corresponding to the media resource at the first position in the information flow page. The object element component can be presented in the form of a special-shaped card. The object element component includes a first resource element. Optionally, the first position can be the location of the second interactive area in the information flow page. Exemplarily, the first position can be any position around the information flow page. For example, the first position can be the bottom position of the information flow page. Of course, in other embodiments, the first position can be other suitable positions in the information flow page.

[0100] In some embodiments, the information flow page includes a description information component located in a first position and related to the media resource. Optionally, the description information component may include, but is not limited to, at least one of the following: publishing account information of the media resource, resource profile information of the media resource, tag information related to the media resource, music information, etc.

[0101] In this case, in response to satisfying the first element trigger condition, displaying the object element component corresponding to the media resource at the first position in the information flow page includes:

[0102] In response to satisfying the first element trigger condition, the description information component is hidden, and the object element component corresponding to the media resource is displayed at the first position.

[0103] In this embodiment, in response to the first element trigger condition being met, the terminal hides the description information component originally located at the first position in the information flow page, and replaces the object element component corresponding to the display media resource at the first position.

[0104] For example, if Figure 3 As shown in (a), in the initial state, the first position in the information flow page 310 originally displays a description information component 314, which includes information such as the publishing account information of the media resource, the resource profile information of the media resource, and the tag information related to the media resource. Afterwards, when it is determined that the information flow page 310 meets the first element trigger condition, the description information component 314 is hidden, and the object element component 320 corresponding to the media resource is displayed in the first position instead, as shown in FIG. Figure 3 As shown in (b).

[0105] The above embodiment, by directly replacing the description information component located in the first position with the object element component corresponding to the media resource, not only reduces the information loading amount of the information flow page, but also reduces the interference of the object element component on the display of the played media resources. At the same time, it can also reduce the display blocking of the object element component displayed at the first position, and increase the effective display time and user interaction rate of the object element component.

[0106] In step S205 , in response to satisfying the second element trigger condition, the first resource element is displayed and moved from the object element component to the second position in the information flow page.

[0107] Among them, the second element trigger condition refers to the trigger condition for moving the first resource element in the information flow page. Optionally, the second element trigger condition may include but is not limited to the playback time of the media resource meeting the second preset time, the user object triggering the second preset trigger operation, etc. Exemplarily, the value of the second preset time is greater than the value of the first preset time, and the difference between the second preset time and the value of the first preset time is t1, and t1 is any value from 1 to 30. The second preset trigger operation may include but is not limited to operations such as clicks, preset gestures, etc.

[0108] In this embodiment, after displaying the object element component containing the first resource element, if it is detected that the playback time of the media resource meets the second preset time, it is determined that the second element trigger condition is met. In response to meeting the second element trigger condition, the terminal displays the first resource element, moves it out of the object element component, and moves it to the second position in the information flow page. The second position is a suitable position in the information flow page that is different from the first position. Optionally, the position importance of the second position in the information flow page is greater than the position importance of the first position in the information flow page. Exemplarily, the first position is the bottom side position of the information flow page, and the second position can be the center area position in the information flow page.

[0109] In some embodiments, the element size of the first resource element gradually increases during movement to the second position. Specifically, during movement from the first position to the second position, the element size of at least one side of the first resource element gradually increases. In this embodiment, during movement from the first resource element to the second position, the element size of each side of the first resource element gradually increases, so that a larger first resource element appears in the second position. It should be noted that the multiple by which the element size is increased is not specifically limited.

[0110] For example, if Figure 3 As shown in (b), an object element component 320 is displayed in the information flow page. The object element component 320 includes a first resource element 321, a viewing control 322 and related description text information. The first resource element 321 is a cube shape related to the media resource. Figure 3 As shown in (b), (c) and (d), it shows the process of moving the first resource element from the first position to the second position in the information flow page. In the process of moving the first resource element, the element size of the first resource element gradually increases. Specifically, Figure 3 The size of the first resource element 330 shown in (c) is larger than Figure 3 The size of the first resource element 321 shown in (b) is Figure 3 The size of the first resource element 340 shown in (d) is larger than Figure 3 The size of the first resource element 330 is shown in (c).

[0111] In the above embodiment, by gradually increasing the size of the first resource element during the process of moving the first resource element, the user object's attention to the first resource element can be increased, thereby increasing the frequency of interaction with the first resource element.

[0112] In some embodiments, part of the first resource element is displayed outside the object element component. Figure 3 As shown in (b), the first resource element 321 is not entirely displayed within the object element component 320, but partially breaks through the border of the object element component 320. That is, a portion of the first resource element 321 is displayed on the object element component 320, and another portion is displayed outside the object element component 320. In this way, by setting the first resource element to break through the border of the object element component it hosts and highlighting the display position of the first resource element, the user's attention to the first resource element is further increased, thereby increasing the frequency of interaction with the first resource element.

[0113] In step S207 , in response to a triggering operation on the first resource element located at the second position, a first associated page corresponding to the first resource element is displayed.

[0114] In this embodiment, the user object can perform a trigger operation (such as a click operation) on the first resource element located at the second position, and the terminal responds to the trigger operation by displaying the first associated page corresponding to the first resource element. Exemplarily, the first associated page can describe the details page corresponding to the first resource element. The first associated page can be a page displayed after jumping from the information flow page, or it can be a page displayed in the information flow page in the form of a pop-up window, a floating window, an overlay, etc.

[0115] In some embodiments, as Figure 4 As shown, after the first resource element is moved from the object element component to the second position in the information flow page, the method further includes:

[0116] In step S401, in response to the third element trigger condition being met, the first resource element at the second position is switched to be displayed as a second resource element, and the relevance of the second resource element to the media resource is greater than the relevance of the first resource element to the media resource.

[0117] Among them, the third element trigger condition refers to the trigger condition for switching to display the second resource element in the information flow page. Optionally, the third element trigger condition may include but is not limited to the playback time of the media resource meeting the third preset time, the user object triggering the third preset trigger operation, etc. Exemplarily, the value of the third preset time is greater than the value of the second preset time, and the difference with the value of the third preset time is t2, and t2 is any value from 1 to 30. The third preset trigger operation may include but is not limited to operations such as clicks, preset gestures, etc.

[0118] In this embodiment, after the first resource element is displayed at the second position of the information flow page, if it is detected that the playback time of the media resource meets the third preset time, it is determined that the third element trigger condition is met. In response to meeting the third element trigger condition, the terminal switches the first resource element located at the second position to be displayed as a second resource element. The relevance of the second resource element to the media resource is greater than the relevance of the first resource element to the media resource. Exemplarily, the first resource element may include k1 resource description elements of the media resource, and the second resource element may include k2 resource description elements of the media resource, where the value of k2 is greater than the value of k1, and k1 is a positive integer. These resource description elements can be displayed on the outer surface of the first resource element or the second resource element in the form of text, pictures, materials, etc.

[0119] In some embodiments, the first resource element includes a covering element and a second resource element, wherein the covering element is wrapped around the second resource element. In response to satisfying a third element trigger condition, switching the first resource element at the second position to be displayed as the second resource element includes:

[0120] In step S4011, in response to the third element triggering condition being met, an element switching animation is displayed that gradually hides the cover element and gradually reveals the second resource element.

[0121] In step S4013, in response to the covering element being completely hidden, a second resource element is displayed at a second position.

[0122] In this embodiment, in response to the satisfaction of the third element trigger condition, the terminal displays an element switching animation at the second position in the information flow page that gradually hides the cover element and gradually reveals the second resource element. Optionally, the gradual hiding of the cover element can be achieved by any method such as splitting, tearing, and melting. The second resource element is wrapped in the content by the cover element. In the process of gradually hiding the cover element, the part of the cover element that is hidden gradually presents the second resource element. Afterwards, in response to the cover element being completely hidden, the terminal displays the completely unobstructed second resource element at the second position.

[0123] For example, if Figure 5 As shown, the first resource element includes a covering element 510 and a second resource element 520. The covering element 510 is wrapped outside the second resource element 520. The covering element 510 in the first resource element is gradually hidden in the form of tearing, and the second resource element 520 inside the first resource element is gradually revealed until the covering element 510 is completely hidden and displayed in the second position as shown. Figure 5 The second resource element 520 shown in (b).

[0124] Alternatively, as Figure 6 As shown, after displaying the second resource element, the second resource element 620 may be displayed at a third position on the object element component 620 , where the third position is the display position of the first resource element in the object element component.

[0125] In the above embodiment, by setting the first resource element to include a covering element and a second resource element wrapped therein, and presenting the second resource element in the form of a hidden covering element, a smooth transition from the first resource element to the second resource element is achieved, the display effect of the second resource element is increased, and the interaction rate for the second resource element is thereby improved.

[0126] In step S403, in response to the triggering operation on the second resource element, a second associated page corresponding to the second resource element is displayed.

[0127] In this embodiment, the user object can perform a trigger operation (such as a click or other operation) on the second resource element, and the terminal responds to the trigger operation by displaying a second associated page corresponding to the second resource element. Exemplarily, the second associated page can describe the details page corresponding to the second resource element. The second associated page can be a page displayed after jumping from the information flow page, or it can be a page displayed in the information flow page in the form of a pop-up window, a floating window, a mask, etc. It should be noted that the second associated page can be the same page as the first associated page, or it can be a page different from the first associated page.

[0128] In the above embodiment, by switching the first resource element in the second position to display a second resource element with greater relevance to the media resource, the second resource element can convey more resource information about the media resource, thereby improving the effectiveness of information transmission. In addition, by transitioning from the first resource element to the second resource element and triggering the second resource element to display the corresponding second associated page, different trigger operation responses can be achieved through the combination of resource elements within the same information flow page, increasing the flexibility and diversity of information transmission and facilitating increased interaction with the second resource element.

[0129] In some embodiments, the second resource element includes multiple resource sub-elements related to the media resource, and the multiple resource sub-elements carry a variety of different resource content information.

[0130] In this embodiment, the second resource element can be composed of multiple resource sub-elements related to the media resource. The multiple resource sub-elements are used to carry a variety of different resource content information. The resource content information corresponding to the multiple resource sub-elements can be at least partially different or completely different.

[0131] For example, continue as Figure 5 As shown, the second resource element 520 is a box, which is composed of 8 small boxes inside. These 8 small boxes are multiple resource sub-elements. Multiple resource sub-elements can be composed of at least one of images, materials, text, etc. The components of at least two resource sub-elements can be different, and the components of at least two sides of the same resource sub-element can be different. Various resource content information can be conveyed through each resource sub-element.

[0132] In the above embodiment, the second resource element is set to include multiple resource sub-elements related to media resources, and the multiple resource sub-elements carry a variety of different resource content information, thereby increasing the information carrying capacity and diversity of the second resource element, which is conducive to improving the interaction rate of each resource sub-element in the second resource element.

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

[0134] In response to the second sub-element triggering condition being met, a diffusion animation of expanding the second resource element into a plurality of resource sub-elements is displayed in full screen on the information flow page;

[0135] In response to the diffusion animation satisfying an end condition, the second resource element is moved and displayed on the object element component.

[0136] In this embodiment, in response to the second sub-element triggering condition being met, the terminal displays a diffusion animation of the second resource element dispersed into multiple resource sub-elements in the full screen on the information flow page. Figure 7 As shown, a diffusion animation 710 is displayed on the full screen of the information flow page, which disperses the second resource element into multiple resource sub-elements. Among them, the second sub-element triggering condition can be that the display duration of the second resource element meets the second display duration, etc. Then, in response to the diffusion animation meeting the end condition, the terminal displays the second resource element at the third position on the object element component. Figure 7 As shown, when the diffusion animation 710 meets the end condition, the second resource element 730 is displayed at the third position on the object element component 720. The third position is the display position of the first resource element in the object element component. In this way, by introducing a full-screen diffusion animation, the linkage between components or elements is strengthened, further improving the diversity of information display and the effectiveness of information transmission.

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

[0138] In response to satisfying the first sub-element triggering condition, displaying the second resource element as multiple independent resource sub-elements and moving the first resource sub-element to a target position in the information flow page; the first resource sub-element is a resource sub-element other than the target resource sub-element in the multiple resource sub-elements;

[0139] In the second position of the information flow page, the target resource sub-element and the corresponding element guidance information are displayed;

[0140] In response to the triggering operation on the target resource sub-element, a third associated page corresponding to the target resource sub-element is displayed.

[0141] In this embodiment, in response to the first sub-element trigger condition being met, the terminal displays the second resource element as multiple independent resource sub-elements and moves the first resource sub-element to a target location in the information flow page. The first resource sub-element is a resource sub-element other than the target resource sub-element among the multiple resource sub-elements. The first sub-element trigger condition may include, for example, that the display duration of the second resource element meets the first display duration. The target location refers to a location other than the second location. Exemplarily, the target location may be at least one side of the four sides of the information flow page, such as the bottom, top, or side. Subsequently, the target resource sub-element and corresponding element guidance information are displayed at a second location in the information flow page. Optionally, the element guidance information may be prompt content for executing a trigger operation for the target resource sub-element. Next, in response to the trigger operation for the target resource sub-element, the terminal displays a third associated page corresponding to the target resource sub-element. This third associated page may be displayed after a redirect from the information flow page, or it may be displayed within the information flow page as a pop-up window, floating window, or overlay.

[0142] For example, if Figure 8 As shown, the second resource element 810 is displayed in full screen on the information flow page, and is dispersed and displayed as multiple independent resource sub-elements 820. The target resource sub-element 830 and the corresponding element guide information 850 are displayed at the second position of the information flow page, and the animation form of dropping the first resource sub-element 840 to the bottom of the information flow page is displayed.

[0143] In the above embodiment, the second resource element is displayed separately as the first resource sub-element and the target resource sub-element, and the target resource sub-element is retained at the second position, while the element guidance information corresponding to the target resource sub-element is displayed. By highlighting the transmission information carried by the target resource sub-element, the information transmission effect and the interaction rate for the target resource sub-element are improved.

[0144] In some embodiments, in step S401 above, in response to satisfying the second element trigger condition, displaying that the first resource element is moved from the object element component to the second position in the information flow page includes:

[0145] In response to satisfying the second element trigger condition, removing the first resource element from the object element component and hiding other elements in the object element component except the first resource element;

[0146] The first resource element is shown moved to a second position in the information flow page.

[0147] In this embodiment, in response to the second element trigger condition being met, the terminal removes the first resource element from the object element component and hides all other elements in the object element component except the first resource element. Subsequently, an element movement effect is displayed on the information flow page, indicating that the first resource element has been moved to the second position in the information flow page.

[0148] The above embodiment ensures the consistency and smoothness of the elements by setting the first resource element to be moved out of the object element component and to the second position, and utilizing the style of the element breaking the frame from the object element component, so that the elements of the object element component partially or completely break through the border restrictions of the information flow page, creating a three-dimensional and dynamic visual effect, and extending the image, text or animation in the object element component beyond the border of the object element component, organically integrating it with the media resources, and improving the overall display effect of the information.

[0149] In some embodiments, after switching the first resource element at the second position to be displayed as the second resource element, the method further includes:

[0150] In response to satisfying the fourth element trigger condition, moving the second resource element to a third position in the rendered object element component, the third position being the display position of the first resource element in the object element component;

[0151] The second resource element is dynamically displayed at the third position.

[0152] Among them, the fourth element trigger condition refers to the trigger condition for moving the second resource element to the object element component. Optionally, the fourth element trigger condition may include but is not limited to the playback time of the media resource meeting the fourth preset time, the user object triggering the fourth preset trigger operation, etc. Exemplarily, the value of the fourth preset time is greater than the value of the third preset time, and the difference between the values ​​of the fourth preset time and the third preset time is t3, and t3 is any value from 1 to 30. The fourth preset trigger operation may include but is not limited to operations such as clicks, preset gestures, etc.

[0153] In this embodiment, after the second resource element is displayed at the second position of the information flow page, if the playback duration of the media resource is detected to meet the fourth preset duration, it is determined that the fourth element trigger condition is met. In response to the fourth element trigger condition being met, the terminal moves the second resource element to the third position in the presented object element component, which is the display position of the first resource element in the object element component, that is, the object element component is re-presented in the second area of ​​the information flow page, and the second resource element is replaced and displayed at the third position in the object element component, as shown in FIG. Figure 6As shown. It should be noted that if the second resource element is enlarged during its movement to the second position, it is necessary to reduce the size of the second resource element when moving it from the second position to the third position so that the reduced second resource element can be moved and displayed on the object element component. Afterwards, the second resource element can be displayed in a dynamic form at the third position in the object element component. Optionally, the dynamic form includes but is not limited to at least one of twisting, rotating, and swinging.

[0154] In the above embodiment, by moving the second resource element to the initial display position of the first resource element within the object element component, the second resource element's presence in the second position reduces interference with the media resource display. Furthermore, by dynamically displaying the moved second resource element, user attention to the second resource element is increased, improving information delivery and boosting engagement with the second resource element.

[0155] The above embodiment, by first displaying the object element component corresponding to the media resource at the first position in the information flow page, and moving the first resource element in the object element component to the second position in the information flow page, so as to transfer the trigger operation for the information flow page to the second position through the first resource element, enriches the information display form on the media resource by moving the elements, and binds the first resource element that needs to be transferred to the second position with the object element component, thereby increasing the information linkage between the components and the elements, improving the information transmission and display effect of the object element component or the first resource element in the information flow page, and at the same time, can improve the information interaction rate of the user object for the first resource element and the utilization rate of computer resources used for information display.

[0156] Furthermore, optimizations have been made to the information display path to provide users with a smoother interactive experience. By setting up multiple interactive methods, such as allowing users to click on broken frames to trigger specific animation effects, link jumps, or obtain coupons, and clicking on the large card area within the object element component can also trigger the display of related pages, the interaction between the user object and the recommended objects of the media resource is enhanced, improving the effectiveness and efficiency of information delivery.

[0157] Figure 9 FIG. 1 is a block diagram of another information display device according to an exemplary embodiment. Figure 9 , the apparatus may include:

[0158] A first display module 910 is configured to display an information flow page and play media resources in the information flow page;

[0159] The second display module 920 is configured to display an object element component corresponding to the media resource at a first position in the information flow page in response to satisfying a first element trigger condition; the object element component includes a first resource element;

[0160] A first element moving module 930 is configured to execute, in response to satisfying a second element trigger condition, displaying that the first resource element is moved from the object element component to a second position in the information flow page;

[0161] The third display module 940 is configured to execute a trigger operation in response to the first resource element located at the second position, and display a first associated page corresponding to the first resource element.

[0162] In some embodiments, during the process of moving to the second position, the element size of the first resource element gradually increases.

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

[0164] a switching display module, configured to, in response to satisfying a third element trigger condition, switch the first resource element located at the second position to display a second resource element, wherein the relevance of the second resource element to the media resource is greater than the relevance of the first resource element to the media resource;

[0165] The fourth display module is configured to execute a second associated page corresponding to the second resource element in response to a triggering operation on the second resource element.

[0166] In some embodiments, the first resource element includes a covering element and a second resource element, wherein the covering element is wrapped around the second resource element; and the switching display module includes:

[0167] a first hiding unit configured to execute, in response to satisfying a third element trigger condition, an element switching animation of gradually hiding the cover element and gradually revealing the second resource element;

[0168] The first element display unit is configured to display the second resource element at the second position in response to the covering element being completely hidden.

[0169] In some embodiments, the second resource element includes multiple resource sub-elements related to the media resource, and the multiple resource sub-elements carry a variety of different resource content information.

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

[0171] a second element moving module configured to, in response to satisfying a first sub-element trigger condition, display the second resource element as a plurality of independent resource sub-elements and move the first resource sub-element to a target position in the information flow page; the first resource sub-element being a resource sub-element other than a target resource sub-element among the plurality of resource sub-elements;

[0172] An information display module is configured to execute at a second position in the information flow page and display the target resource sub-element and corresponding element guidance information;

[0173] The fifth display module is configured to execute a trigger operation in response to the target resource sub-element and display a third associated page corresponding to the target resource sub-element.

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

[0175] an element dispersion module configured to execute, in response to satisfying a second sub-element trigger condition, a full-screen display of a diffusion animation in the information flow page that disperses and expands the second resource element into a plurality of resource sub-elements;

[0176] The sixth display module is configured to move and display the second resource element on the object element component in response to the diffusion animation satisfying an end condition.

[0177] In some embodiments, the first element moving module 930 includes:

[0178] an element removing unit, configured to remove the first resource element from the object element component in response to satisfying a second element trigger condition, and hide other elements in the object element component except the first resource element;

[0179] The element moving unit is configured to execute a display to move the first resource element to the second position in the information flow page.

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

[0181] a seventh display module, configured to execute, in response to satisfying a fourth element trigger condition, moving the second resource element to a third position in the presented object element component, the third position being a display position of the first resource element in the object element component;

[0182] The dynamic display module is configured to dynamically display the second resource element at the third position.

[0183] In some embodiments, the information flow page includes a description information component located at the first position and related to the media resource; and the second display module includes:

[0184] The second element display unit is configured to, in response to satisfying the first element trigger condition, hide the description information component and display the object element component corresponding to the media resource at the first position.

[0185] Figure 10 FIG. 1 is a block diagram of an electronic device according to an exemplary embodiment. Figure 10 , the electronic device includes a processor; a memory for storing instructions executable by the processor; wherein, when the processor is configured to execute the instructions stored in the memory, the steps of any information display method in the above embodiments are implemented.

[0186] The electronic device may be a terminal, a server or a similar computing device. Taking the electronic device as a terminal as an example, Figure 10 This is a block diagram of an electronic device for information display according to an exemplary embodiment. Specifically:

[0187] The terminal may include components such as an RF (Radio Frequency) circuit 1410, a memory 1420 including one or more computer-readable storage media, an input unit 1430, a display unit 1440, a sensor 1450, an audio circuit 1460, a WiFi (wireless fidelity) module 1470, a processor 1480 including one or more processing cores, and a power supply 1490. It will be understood by those skilled in the art that Figure 10 The terminal structure shown in the figure does not constitute a limitation on the terminal, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0188] RF circuitry 1410 can be used to receive and transmit signals during information transmission or calls. Specifically, it receives downlink information from the base station and transmits it to one or more processors 1480 for processing. Furthermore, it transmits uplink data to the base station. Typically, RF circuitry 1410 includes, but is not limited to, an antenna, at least one amplifier, a tuner, one or more oscillators, a subscriber identity module (SIM) card, a transceiver, a coupler, an LNA (Low Noise Amplifier), a duplexer, and the like. Furthermore, RF circuitry 1410 can communicate with the network and other terminals via wireless communication. Such wireless communication can utilize any communication standard or protocol, including but not limited to GSM (Global System of Mobile Communications), GPRS (General Packet Radio Service), CDMA (Code Division Multiple Access), WCDMA (Wideband Code Division Multiple Access), LTE (Long Term Evolution), email, and SMS (Short Messaging Service).

[0189] Memory 1420 can be used to store software programs and modules. Processor 1480 executes various functional applications and data processing by running the software programs and modules stored in memory 1420. Memory 1420 may primarily include a program storage area and a data storage area. The program storage area may store an operating system, application programs required for functions, and the like; the data storage area may store data generated based on the use of the terminal. In addition, memory 1420 may include high-speed random access memory and non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device. Accordingly, memory 1420 may also include a memory controller to provide access to memory 1420 by processor 1480 and input unit 1430.

[0190] Input unit 1430 can be used to receive input digital or character information and generate keyboard, mouse, joystick, optical, or trackball signal input related to user settings and function control. Specifically, input unit 1430 may include a touch-sensitive surface 1431 and other input devices 1432. Touch-sensitive surface 1431, also known as a touch display or touchpad, can detect user touch operations on or near it (such as operations performed by a user using a finger, stylus, or any other suitable object or accessory on or near touch-sensitive surface 1431) and drive corresponding connected devices according to pre-set programs. Optionally, touch-sensitive surface 1431 may include a touch detection device and a touch controller. The touch detection device detects the user's touch direction and detects the signals generated by the touch operation, transmitting the signals to the touch controller. The touch controller receives the touch information from the touch detection device, converts it into touch point coordinates, and then sends it to processor 1480. It can also receive and execute commands from processor 1480. In addition, the touch-sensitive surface 1431 can be implemented using various types such as resistive, capacitive, infrared, and surface acoustic wave. In addition to the touch-sensitive surface 1431, the input unit 1430 can also include other input devices 1432. Specifically, the other input devices 1432 can include, but are not limited to, one or more of a physical keyboard, function keys (such as volume control keys, power keys, etc.), a trackball, a mouse, a joystick, and the like.

[0191] The display unit 1440 can be used to display information input by the user or information provided to the user, as well as various graphical user interfaces of the terminal. These graphical user interfaces can be composed of graphics, text, icons, videos, and any combination thereof. The display unit 1440 may include a display panel 1441. Optionally, the display panel 1441 can be configured in the form of an LCD (Liquid Crystal Display), an OLED (Organic Light-Emitting Diode), or the like. Furthermore, the touch-sensitive surface 1431 can cover the display panel 1441. When the touch-sensitive surface 1431 detects a touch operation on or near it, it transmits the information to the processor 1480 to determine the type of touch event. The processor 1480 then provides a corresponding visual output on the display panel 1441 based on the type of touch event. The touch-sensitive surface 1431 and the display panel 1441 can be two independent components to implement input and output functions. However, in some embodiments, the touch-sensitive surface 1431 and the display panel 1441 can also be integrated to implement input and output functions.

[0192] The terminal may also include at least one sensor 1450, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor may adjust the brightness of the display panel 1441 according to the brightness of the ambient light, and the proximity sensor may turn off the display panel 1441 and / or the backlight when the terminal is moved to the ear. As a type of motion sensor, the gravity acceleration sensor can detect the magnitude of acceleration in all directions (generally three axes), and can detect the magnitude and direction of gravity when stationary. It can be used for applications that identify the terminal posture (such as horizontal and vertical screen switching, related games, magnetometer posture calibration), vibration recognition related functions (such as pedometer, tapping), etc.; as for other sensors that the terminal can also be configured with, such as gyroscopes, barometers, hygrometers, thermometers, infrared sensors, etc., they will not be described here.

[0193] Audio circuit 1460, speaker 1461, and microphone 1462 provide an audio interface between the user and the terminal. Audio circuit 1460 converts received audio data into electrical signals and transmits them to speaker 1461, which then converts them into sound signals for output. Microphone 1462, on the other hand, converts collected sound signals into electrical signals, which are then received by audio circuit 1460 and converted into audio data. The audio data is then processed by processor 1480 and transmitted via RF circuit 1410 to, for example, another terminal. Alternatively, the audio data may be output to memory 1420 for further processing. Audio circuit 1460 may also include an earphone jack to allow communication between an external headset and the terminal.

[0194] WiFi is a short-range wireless transmission technology. The terminal can help users send and receive emails, browse web pages and access streaming media through the WiFi module 1470, which provides users with wireless broadband Internet access. Figure 10 A WiFi module 1470 is shown, but it is understandable that it is not an essential component of the terminal and can be omitted as needed without changing the essence of the invention.

[0195] Processor 1480 is the terminal's control center, connecting all components of the terminal using various interfaces and circuits. By running or executing software programs and / or modules stored in memory 1420 and accessing data stored in memory 1420, it executes various terminal functions and processes data, thereby providing overall terminal monitoring. Optionally, processor 1480 may include one or more processing cores; preferably, processor 1480 may integrate an application processor and a modem processor. The application processor primarily handles the operating system, user interface, and application programs, while the modem processor primarily handles wireless communications. It is understood that the modem processor may not be integrated into processor 1480.

[0196] The terminal also includes a power supply 1490 (e.g., a battery) for supplying power to various components. Preferably, the power supply can be logically connected to the processor 1480 via a power management system, thereby enabling the power management system to manage charging, discharging, and power consumption. The power supply 1490 can also include any of one or more DC or AC power supplies, a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator, and other arbitrary elements.

[0197] Although not shown, the terminal may also include a camera, a Bluetooth module, etc., which will not be described in detail here. Specifically in this embodiment, the terminal also includes a memory and one or more programs, wherein one or more programs are stored in the memory and configured to be executed by one or more processors. The one or more programs include instructions for executing the method provided in the above method embodiment.

[0198] In an exemplary embodiment, a computer storage medium is further provided. When instructions in the computer storage medium are executed by a processor of an electronic device, the electronic device is enabled to perform the steps of the method provided in any one of the above embodiments.

[0199] In an exemplary embodiment, a computer program product is also provided, comprising a computer program / instructions that, when executed by a processor, implements the method provided in any of the above-described embodiments. Optionally, the computer program is stored in a computer-readable storage medium. A processor of an electronic device reads the computer program from the computer-readable storage medium and executes the computer program, causing the electronic device to perform the method provided in any of the above-described embodiments.

[0200] Those skilled in the art will appreciate that all or part of the processes in the above-mentioned embodiment methods can be implemented by instructing the relevant hardware through a computer program, which can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM) or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in various forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).

[0201] Other embodiments of the present disclosure will readily occur to those skilled in the art after considering the specification and practicing the invention disclosed herein. This application 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 not disclosed herein. The description and examples are to be considered as exemplary only, with the true scope and spirit of the present disclosure being indicated by the following claims.

[0202] 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 can be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An information display method, characterized in that: include: Displaying an information stream page, and playing media resources in the information stream page; In response to satisfying a first element trigger condition, displaying an object element component corresponding to the media resource at a first position in the information flow page; the object element component includes a first resource element; In response to satisfying a second element trigger condition, displaying that the first resource element is moved from the object element component to a second position in the information flow page; In response to a triggering operation on the first resource element located at the second position, a first associated page corresponding to the first resource element is displayed.

2. The method according to claim 1, characterized in that During the process of moving to the second position, the element size of the first resource element gradually increases.

3. The method according to claim 1, characterized in that After the display of the first resource element is moved from the object element component to the second position in the information flow page, the method further includes: In response to satisfying a third element trigger condition, switching the first resource element at the second position to be displayed as a second resource element, where the relevance of the second resource element to the media resource is greater than the relevance of the first resource element to the media resource; In response to a triggering operation on the second resource element, a second associated page corresponding to the second resource element is displayed.

4. The method according to claim 3, characterized in that The first resource element includes a covering element and a second resource element, wherein the covering element is wrapped around the second resource element; and in response to satisfying a third element trigger condition, switching the first resource element at the second position to be displayed as the second resource element comprises: In response to satisfying a third element trigger condition, displaying an element switching animation that gradually hides the overlay element and gradually reveals the second resource element; In response to the covering element being completely hidden, displaying the second resource element at the second position.

5. The method according to claim 3, characterized in that The second resource element includes multiple resource sub-elements related to the media resource, and the multiple resource sub-elements carry a variety of different resource content information.

6. The method according to claim 5, characterized in that The method further comprises: In response to satisfying a first sub-element triggering condition, displaying the second resource element as a plurality of independent resource sub-elements, and moving the first resource sub-element to a target position in the information flow page; the first resource sub-element is a resource sub-element other than the target resource sub-element among the plurality of resource sub-elements; Displaying the target resource sub-element and corresponding element guidance information at a second position in the information flow page; In response to a triggering operation on the target resource sub-element, a third associated page corresponding to the target resource sub-element is displayed.

7. The method according to claim 5, characterized in that The method further comprises: In response to satisfying the second sub-element triggering condition, displaying a diffusion animation of expanding the second resource element into a plurality of resource sub-elements in full screen on the information flow page; In response to the diffusion animation satisfying an end condition, the second resource element is moved and displayed on the object element component.

8. The method according to claim 3, characterized in that In response to satisfying a second element trigger condition, showing that the first resource element is moved from the object element component to a second position in the information flow page includes: In response to satisfying a second element trigger condition, removing the first resource element from the object element component and hiding other elements in the object element component except the first resource element; Demonstrate moving the first resource element to the second position in the information flow page.

9. The method according to claim 8, characterized in that After switching the first resource element located at the second position to be displayed as the second resource element, the method further includes: In response to satisfying a fourth element trigger condition, moving the second resource element to a third position in the rendered object element component, the third position being a display position of the first resource element in the object element component; The second resource element is dynamically displayed at the third position.

10. The method according to any one of claims 1 to 9, characterized in that: The information flow page includes a description information component located at the first position and related to the media resource; In response to satisfying the first element trigger condition, displaying the object element component corresponding to the media resource at the first position in the information flow page includes: In response to satisfying the first element trigger condition, the description information component is hidden, and the object element component corresponding to the media resource is displayed at the first position.

11. An information display device, characterized in that: include: A first display module is configured to display an information flow page and play media resources in the information flow page; A second display module is configured to display an object element component corresponding to the media resource at a first position in the information flow page in response to satisfying a first element trigger condition; the object element component includes a first resource element; A first element moving module is configured to execute, in response to satisfying a second element trigger condition, displaying that the first resource element is moved from the object element component to a second position in the information flow page; The third display module is configured to execute a trigger operation in response to the first resource element located at the second position, and display a first associated page corresponding to the first resource element.

12. An electronic device, characterized in that: include: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the information display method according to any one of claims 1 to 10. 13 . A computer-readable storage medium, wherein when instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the information presentation method according to claim 1 .

Images