Media resource display method and device, equipment and storage medium

Abstract

The present disclosure relates to a media resource display method and device, equipment and storage medium, and relates to the technical field of computer, the method comprises: in the process of displaying a first media resource based on an information stream, a new interactive mode is provided by displaying an interactive container related to the first media resource, wherein the interactive container includes an interactive element that can be moved under the action of a first operation, and when the movement form of the interactive element in the interactive container meets the condition, a second media resource related to the interactive container is displayed. It can be seen that the interactive container connects the associated first media resource and second media resource, realizes the connection from displaying the first media resource to displaying the second media resource, through the above interactive mode, not only the display form of the media resource is enriched, the information transmission efficiency is improved, and moreover, the interactive mode based on the interactive container can also increase the interest in the media resource display process, and improve the user experience.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and in particular to a method, apparatus, device and storage medium for displaying media resources. Background Technology

[0002] With the rapid development of internet technology and the widespread use of mobile devices, browsing various media resources through internet applications has become a common form of entertainment, and the forms of media resources are becoming increasingly diverse.

[0003] Taking video as an example of media resources, a terminal can display a video to introduce items, services, or film / television plots. However, the display format of media resources in the above method is relatively simple, resulting in poor information delivery efficiency. Summary of the Invention

[0004] This disclosure provides a method, apparatus, device, and storage medium for displaying media resources, which can enrich the display formats of media resources and improve information transmission efficiency. The technical solution of this disclosure is as follows:

[0005] According to a first aspect of the present disclosure, a method for displaying media resources is provided, the method comprising:

[0006] Based on the information flow, a first media resource and an interactive container are displayed. The interactive container is related to the first media resource and includes at least one interactive element. The interactive element is used to move within the interactive container under the action of a first operation.

[0007] When the movement pattern of at least one interactive element in the interactive container meets certain conditions, a second media resource related to the interactive container is displayed.

[0008] By employing the above method, a new interactive approach is provided during the display of the first media resource based on the information flow by displaying an interactive container related to the first media resource. This interactive container includes interactive elements that can be moved under the influence of a first operation. When the movement pattern of the interactive elements within the container meets certain conditions, the display of the second media resource related to the interactive container is triggered. Thus, the interactive container connects the associated first and second media resources, achieving a seamless transition from displaying the first media resource to displaying the second. This interactive approach not only enriches the display format of media resources and improves information transmission efficiency, but also increases the fun and enhances the user experience during the media resource display process.

[0009] In some embodiments, the method further includes:

[0010] In response to the first operation, an animation is displayed showing the movement of at least one interactive element within the interactive container, the movement pattern of the at least one interactive element being related to the first operation.

[0011] In some embodiments, the first operation is a twisting operation on the terminal, and the movement pattern of the at least one interactive element is related to at least one of the twisting angle, twisting direction, and twisting speed of the twisting operation.

[0012] In some embodiments, when the movement pattern of the at least one interactive element in the interactive container meets certain conditions, displaying a second media resource associated with the interactive container includes any one of the following:

[0013] In response to the twisting angle of the twisting operation reaching a first angle, the movement pattern of the at least one interactive element is triggered to satisfy the condition, and the second media resource is displayed; or,

[0014] In response to the twisting operation being in the first direction, triggering the movement pattern of at least one interactive element to satisfy the condition, the second media resource is displayed; or,

[0015] In response to the twisting speed of the twisting operation reaching a first speed, the movement pattern of the at least one interactive element is triggered to meet the condition, and the second media resource is displayed.

[0016] In some embodiments, the first operation is a drag operation of the at least one interactive element, and the movement pattern of the at least one interactive element is related to the interactive element corresponding to the drag operation.

[0017] In some embodiments, when the movement pattern of the at least one interactive element in the interactive container meets certain conditions, displaying a second media resource associated with the interactive container includes any one of the following:

[0018] In response to the drag operation corresponding to the interactive element being located at the first position, triggering the movement pattern of at least one interactive element to satisfy the condition, the second media resource is displayed; or,

[0019] In response to the drag operation reaching a first number of interactive elements, the movement pattern of at least one interactive element is triggered to meet the condition, and the second media resource is displayed.

[0020] In some embodiments, the method further includes:

[0021] A first prompt message is displayed, instructing the implementation of the first operation to trigger the display of the second media resource.

[0022] In some embodiments, the step of displaying the first media resource and interactive container based on the information stream includes:

[0023] Based on the information stream, the first media resource and the prompt component are displayed;

[0024] If the prompt component meets the display conditions, the interactive container is displayed.

[0025] In some embodiments, the display conditions include at least one of the following:

[0026] The notification component indicates that the countdown for displaying the interactive container has ended;

[0027] A trigger operation is performed on the prompt component.

[0028] In some embodiments, displaying the notification component includes:

[0029] Animations related to the interactive container are displayed in the prompt component.

[0030] In some embodiments, the step of displaying the first media resource and interactive container based on the information stream includes:

[0031] Based on the information flow, the first media resource is displayed, and based on the displayed content of the first media resource, the interactive container is displayed so that the interactive container does not obscure the displayed content of the first media resource.

[0032] In some embodiments, the interactive container is displayed, including:

[0033] Based on the date type to which the current date belongs, the interactive container is displayed according to the display style corresponding to the date type, so that the interactive container is associated with the date type.

[0034] In some embodiments, the method further includes:

[0035] The interactive element displays at least one of the following: resource information of the first media resource, publication information of the first media resource, resource information of the second media resource, and publication information of the second media resource.

[0036] In some embodiments, if the first media resource display ends and the movement pattern of at least one interactive element in the interactive container does not meet the condition, the method further includes any one of the following:

[0037] While maintaining the display of the interactive container, a third media resource is displayed based on the information flow, and the third media resource is related to the first media resource; or...

[0038] While maintaining the display of the interactive container, the first media resource is displayed repeatedly.

[0039] In some embodiments, the method further includes:

[0040] If the display duration of the interactive container reaches the first duration, the second media resource is displayed;

[0041] When the display duration of the interactive container reaches the second duration and a second operation is performed on the interactive container, the second media resource is displayed, and the second operation is different from the first operation.

[0042] In some embodiments, the second media resource is any one of the following:

[0043] Animations related to acquiring virtual resources, wherein the virtual resources are related to the first media resource; or,

[0044] Media resources related to the content displayed by the first media resource; or,

[0045] Media resources related to the target audience of the first media resource.

[0046] According to a second aspect of the present disclosure, a media resource display device is provided, the device comprising:

[0047] The first display unit is configured to perform an information flow-based display of a first media resource and an interactive container. The interactive container is related to the first media resource and includes at least one interactive element. The interactive element is used to move within the interactive container under the action of a first operation.

[0048] The second display unit is configured to display a second media resource associated with the interactive container when the movement pattern of at least one interactive element in the interactive container meets certain conditions.

[0049] In some embodiments, the apparatus further includes: a third display unit configured to perform:

[0050] In response to the first operation, an animation is displayed showing the movement of at least one interactive element within the interactive container, the movement pattern of the at least one interactive element being related to the first operation.

[0051] In some embodiments, the first operation is a twisting operation on the terminal, and the movement pattern of the at least one interactive element is related to at least one of the twisting angle, twisting direction, and twisting speed of the twisting operation.

[0052] In some embodiments, the second display unit is configured to perform any of the following:

[0053] In response to the twisting angle of the twisting operation reaching a first angle, the movement pattern of the at least one interactive element is triggered to satisfy the condition, and the second media resource is displayed; or,

[0054] In response to the twisting operation being in the first direction, triggering the movement pattern of at least one interactive element to satisfy the condition, the second media resource is displayed; or,

[0055] In response to the twisting speed of the twisting operation reaching a first speed, the movement pattern of the at least one interactive element is triggered to meet the condition, and the second media resource is displayed.

[0056] In some embodiments, the first operation is a drag operation of the at least one interactive element, and the movement pattern of the at least one interactive element is related to the interactive element corresponding to the drag operation.

[0057] In some embodiments, the second display unit is configured to perform any of the following:

[0058] In response to the drag operation corresponding to the interactive element being located at the first position, triggering the movement pattern of at least one interactive element to satisfy the condition, the second media resource is displayed; or,

[0059] In response to the drag operation reaching a first number of interactive elements, the movement pattern of at least one interactive element is triggered to meet the condition, and the second media resource is displayed.

[0060] In some embodiments, the apparatus further includes a fourth display unit configured to perform:

[0061] A first prompt message is displayed, instructing the implementation of the first operation to trigger the display of the second media resource.

[0062] In some embodiments, the first display unit is configured to perform:

[0063] Based on the information stream, the first media resource and the prompt component are displayed;

[0064] If the prompt component meets the display conditions, the interactive container is displayed.

[0065] In some embodiments, the display conditions include at least one of the following:

[0066] The notification component indicates that the countdown for displaying the interactive container has ended;

[0067] A trigger operation is performed on the prompt component.

[0068] In some embodiments, displaying the notification component includes:

[0069] Animations related to the interactive container are displayed in the prompt component.

[0070] In some embodiments, the first display unit is configured to perform:

[0071] Based on the information flow, the first media resource is displayed, and based on the displayed content of the first media resource, the interactive container is displayed so that the interactive container does not obscure the displayed content of the first media resource.

[0072] In some embodiments, the first display unit is configured to perform:

[0073] Based on the date type to which the current date belongs, the interactive container is displayed according to the display style corresponding to the date type, so that the interactive container is associated with the date type.

[0074] In some embodiments, the first display unit is configured to perform:

[0075] The interactive element displays at least one of the following: resource information of the first media resource, publication information of the first media resource, resource information of the second media resource, and publication information of the second media resource.

[0076] In some embodiments, if the first media resource display ends and the movement pattern of at least one interactive element in the interactive container does not meet the condition, the first display unit is further configured to perform any of the following:

[0077] While maintaining the display of the interactive container, a third media resource is displayed based on the information flow, and the third media resource is related to the first media resource; or...

[0078] While maintaining the display of the interactive container, the first media resource is displayed repeatedly.

[0079] In some embodiments, the second display unit is further configured to perform:

[0080] If the display duration of the interactive container reaches the first duration, the second media resource is displayed;

[0081] When the display duration of the interactive container reaches the second duration and a second operation is performed on the interactive container, the second media resource is displayed, and the second operation is different from the first operation.

[0082] In some embodiments, the second media resource is any one of the following:

[0083] Animations related to acquiring virtual resources, wherein the virtual resources are related to the first media resource; or,

[0084] Media resources related to the content displayed by the first media resource; or,

[0085] Media resources related to the target audience of the first media resource.

[0086] According to a third aspect of the present disclosure, an electronic device is provided, the electronic device comprising:

[0087] One or more processors;

[0088] Memory used to store the executable program code of the processor;

[0089] The processor is configured to execute the program code to implement the aforementioned media resource display method.

[0090] According to a fourth aspect of the present disclosure, a computer-readable storage medium is provided, the computer-readable storage medium comprising: when program code in the computer-readable storage medium is executed by a processor of an electronic device, enabling the electronic device to perform the media resource display method described above.

[0091] According to a fifth aspect of the present disclosure, a computer program product is provided, including a computer program that, when executed by a processor, implements the above-described media resource display method.

[0092] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description

[0093] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure, and are not intended to unduly limit this disclosure.

[0094] Figure 1 This is a schematic diagram of an implementation environment provided by an embodiment of this disclosure;

[0095] Figure 2 This is a flowchart of a media resource display method provided in an embodiment of this disclosure;

[0096] Figure 3 This is a schematic diagram of a media resource display method provided in an embodiment of this disclosure;

[0097] Figure 4 This is a flowchart of another media resource display method provided in this embodiment of the disclosure;

[0098] Figure 5 This is a schematic diagram of another media resource display method provided in this embodiment of the disclosure;

[0099] Figure 6 This is a schematic diagram of another media resource display method provided in this embodiment of the disclosure;

[0100] Figure 7 This is a schematic diagram of another media resource display method provided in this embodiment of the disclosure;

[0101] Figure 8 This is a schematic diagram illustrating yet another method for displaying media resources provided in this embodiment of the disclosure;

[0102] Figure 9 This is a block diagram of a media resource display device provided in an embodiment of this disclosure;

[0103] Figure 10 This is a structural block diagram of a terminal provided in an embodiment of this disclosure. Detailed Implementation

[0104] To enable those skilled in the art to better understand the technical solutions of this disclosure, the technical solutions in the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings.

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

[0106] It should be noted that all 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 authorized by the user or fully authorized by all parties, and the collection, use, and processing of related data must comply with the relevant laws, regulations, and standards of the relevant countries and regions. For example, the media resources and prompt information involved in the embodiments of this disclosure are obtained under full authorization. In some embodiments, the embodiments of this disclosure provide a permission inquiry page, which is used to inquire whether permission to obtain the above information is granted. The permission inquiry page displays an consent / deny control and a denial control. When a trigger operation on the consent / deny control is detected, the media resource display method provided in the embodiments of this disclosure is used to obtain the above information.

[0107] Figure 1 This is a schematic diagram of an implementation environment provided by an embodiment of this disclosure. See also: Figure 1 The implementation environment includes: terminal 101 and server 102. Terminal 101 and server 102 are connected directly or indirectly through wired or wireless communication, and there is no limitation on this.

[0108] Terminal 101 can be at least one of the following devices: smartphone, smartwatch, desktop computer, laptop, virtual reality terminal, augmented reality terminal, wireless terminal, and laptop computer. Terminal 101 has communication capabilities and can access wired or wireless networks. Terminal 101 can refer to one of multiple terminals; this embodiment uses terminal 101 as an example only. Those skilled in the art will understand that the number of terminals can be more or less. Indicatively, a target application runs on terminal 101. This target application provides media resource display functions. The target application may be, for example, a video application, an audio application, a social application, etc., and is not limited thereto. For example, the target application may take the form of a web application, a microprogram, or a client, and this disclosure is not limited to these. A microprogram refers to a program that runs in conjunction with other applications, such as a small program.

[0109] Server 102 can be a standalone physical server, a server cluster consisting of multiple physical servers, or a distributed file system. It can also be a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms. In some embodiments, server 102 and terminal 101 are directly or indirectly connected via wired or wireless communication, which is not limited in this embodiment. Optionally, the number of servers 102 can be more or less, which is not limited in this embodiment. Illustratively, server 102 is used to provide background services for target applications running on terminal 101. For example, in response to a display operation of media resources, terminal 101 obtains the corresponding media resources from server 102 for display. Of course, server 102 may also include other functional servers to provide more comprehensive and diversified services.

[0110] Figure 2 This is a flowchart of a media resource display method provided in an embodiment of this disclosure. Figure 2 As shown, the method is described using the terminal as an example. Schematic, the method includes the following steps 201 and 202.

[0111] In step 201, the terminal displays a first media resource and an interactive container based on the information flow. The interactive container is related to the first media resource and includes at least one interactive element, which is used to move within the interactive container under the action of the first operation.

[0112] In this embodiment of the disclosure, a target application runs on the terminal. This target application provides media resource display functionality. A related description of the target application is provided above and will not be repeated here. The media resources include at least one of the following: video (e.g., short dramas, relatively brief theatrical or film works; videos introducing items or services; videos documenting daily life, etc.; this disclosure is not limited to these), live streams, images, text, or web pages. This disclosure does not limit the types of media resources. Indicatively, the terminal displays the application interface of the target application, on which the first media resource and an interactive container are displayed based on an information flow.

[0113] An information stream comprises multiple media resources. Displaying the first media resource on a terminal based on this information stream means that the terminal sequentially plays multiple media resources within the information stream, where the first media resource is any one of them. The terminal can play another media resource from the information stream after the current media resource finishes playing, or it can switch the currently playing media resource to another media resource from the same information stream in response to a media resource switching operation. For example, the terminal can switch the currently playing media resource to another media resource from the same information stream in response to a media resource switching operation performed on the application interface (such as a vertical swipe).

[0114] An interactive container is an information component with human-computer interaction capabilities. It can take the form of a card, control, floating window, widget, etc., and this disclosure does not limit its application. Interactive containers are related to primary media resources and include at least one of the following:

[0115] (1) The information presented by the interactive container is related to the content displayed by the first media resource, and / or the information presented by the interactive container is related to the publishing object of the first media resource. For example, if the first media resource is a video introducing item A, the interactive elements in the interactive container display the name of item A or the object information of the publishing object. Or, for example, if the first media resource is an episode of a short drama, the interactive elements in the interactive container display screenshots of the plot.

[0116] (2) The information bound to the interactive container is related to the content displayed by the first media resource, and / or the information bound to the interactive container is related to the publishing object of the first media resource. For example, if the first media resource is a video introducing item A, the interactive container can trigger the display of other media resources related to item A. Or, if the first media resource is an episode of a short drama, the interactive container can trigger the display of the sequel, etc. This disclosure does not limit this.

[0117] Furthermore, the interactive container includes at least one interactive element. The interactive element moving within the interactive container under the influence of a first operation means that, by implementing the first operation, a display effect of the interactive element moving within the interactive container can be presented. This disclosure does not limit the shape of the interactive container, the number of interactive elements within it, or their shapes. For example, the number of interactive elements can be one or more; the shape of the interactive element can be a cube, sphere, circle, square, or other irregular shape, etc. Illustratively, taking a square card as the interactive container and a sphere as the interactive element as an example, by implementing the first operation, a display effect of the sphere moving within the card can be presented. It should be noted that the first operation is a trigger operation performed on the interactive container, its function being to achieve the display effect of the interactive element moving within the interactive container. This disclosure does not limit the specific implementation method of the first operation; for example, it could be a twisting operation on the terminal, a dragging operation on the interactive element within the interactive container, etc. In practical applications, it can be set according to business needs.

[0118] In some embodiments, the terminal overlays and displays an interactive container on the first media resource. In other embodiments, the terminal divides the application interface of the target application into multiple areas, and displays the first media resource and the interactive container in different areas respectively; this disclosure does not limit this.

[0119] Taking the display of an interactive container overlaid on a first media resource by a terminal as an example, in some embodiments, the terminal adds a mask to display the interactive container on the basis of displaying the first media resource. The transparency of the mask is greater than a first threshold, wherein the first threshold is a preset threshold that can be set according to needs. For example, the first threshold can be set to 80% (this is only an example and does not constitute a limitation of this disclosure). In this way, the interactive container is clearly displayed without affecting the display effect of the first media resource. That is, by setting the transparency of the mask to be greater than the first threshold, both the first media resource and the interactive container can be clearly displayed, ensuring the display effect of the first media resource and the interactive container.

[0120] In other embodiments, the terminal displays an interactive container in addition to displaying the first media resource. The transparency of the interactive container is greater than that of the interactive element. For example, the transparency of the interactive container is set to 100%, and the transparency of the interactive element is set to 0%. In this way, the interactive element can be clearly displayed while reducing the amount of space occupied by the interactive container on the application interface and improving the resource utilization of the interface.

[0121] In some other embodiments, the terminal displays an interactive container based on the content displayed by the first media resource, so that the interactive container does not obscure the content displayed by the first media resource. That is, the display position of the interactive container can be adaptively adjusted according to the content displayed by the currently displayed media resource to avoid obscuring the media resource, thereby clearly displaying the interactive container without affecting the display effect of the first media resource.

[0122] In other embodiments, the terminal displays the interactive container by: displaying the interactive container according to the display style corresponding to the date type to which the current date belongs, thereby associating the interactive container with the date type. The interactive container has multiple display styles, each corresponding to a different date type; for example, holiday A corresponds to display style 1, holiday B corresponds to display style 2, and so on. Illustratively, the terminal obtains the current date, determines the date type to which the current date belongs, and displays the interactive container according to the display style corresponding to that date type. By combining the display style of the interactive container with the current date type in this way, the interactive container's appeal is increased, a festive atmosphere is created, and thus the display effect of the interactive container is improved, enhancing the user experience.

[0123] In step 202, if the movement pattern of at least one interactive element in the interactive container meets the conditions, the terminal displays a second media resource related to the interactive container.

[0124] In this embodiment of the disclosure, the condition that the movement pattern of at least one interactive element in the interactive container satisfies the condition means that during the process of the interactive element moving in the interactive container under the action of the first operation, the movement pattern (such as the movement direction and / or movement speed) of the interactive element satisfies certain conditions.

[0125] The second media resource related to the terminal display and interactive container refers to the interactive container provided in this disclosure, which can be understood as an information component bound to the second media resource. Users can perform a first operation to interact with the interactive container, causing interactive elements to move within it. When the movement pattern of the interactive elements meets certain conditions during the interaction, the terminal is triggered to display the second media resource. Indicatively, the second media resource can be any of the following:

[0126] (1) Animations related to acquiring virtual resources, whereby the virtual resources are related to the first media resource. A virtual resource is a resource distributed to an object in a target application and associated with the first media resource, used by the object to participate in interactive operations related to the first media resource. In some embodiments, a virtual resource refers to a virtual resource associated with the content displayed by the first media resource. For example, exchanging virtual resources for items, services, or film / TV plots introduced by the first media resource, etc., this disclosure is not limited thereto. In other embodiments, a virtual resource refers to a virtual resource associated with the object that publishes the first media resource. For example, transferring virtual resources to the object that publishes the first media resource to express liking for the first media resource, etc., this disclosure is not limited thereto. In this way, the user performs a first operation and interacts with the interactive container. When the movement pattern of the interactive element meets the conditions during the interaction, the terminal is triggered to display animations related to acquiring virtual resources, making it easier for the user to intuitively understand the acquisition method, acquisition channel, usage method, etc., of the virtual resources. This increases the fun of the media resource display process and improves the efficiency of information transmission.

[0127] (2) Media resources related to the content displayed by the first media resource. For example, if the first media resource is a video introducing item A, then the second media resource could be the details page of item A. Or, if the first media resource is a short drama, then the second media resource could be behind-the-scenes footage, Easter eggs, or a sequel. Or, if the first media resource is a video introducing service B, then the second media resource could be a webpage or interface used to provide service B, etc., and this disclosure does not limit this. In this way, the user performs a first operation and interacts with the interactive container. When the movement of the interactive element meets certain conditions during the interaction, the terminal is triggered to display media resources related to the content displayed by the first media resource, making it easier for the user to continue learning about the content displayed by the first media resource, etc. This increases the fun of the media resource display process and improves the efficiency and coherence of information transmission.

[0128] (3) Media resources related to the target audience of the first media resource. For example, if the first media resource is a video recording of daily life, then the second media resource could be the target audience's homepage, or other videos recording daily life of the target audience. In this way, the user performs the first operation and interacts with the interactive container. When the movement of the interactive element meets the conditions during the interaction, the terminal is triggered to display media resources related to the target audience of the first media resource, making it easier for the user to further understand the relevant information of the target audience. This not only increases the fun of the media resource display process but also improves the efficiency of information transmission.

[0129] Furthermore, based on the aforementioned step 201, it is known that the interactive container is not only related to the second media resource, but also to the first media resource. It can be seen that the interactive container connects the related first and second media resources. Through the above-mentioned interaction with the interactive container, the connection from displaying the first media resource to displaying the second media resource is realized. This not only increases the fun in the media resource display process and improves the user experience, but also improves the efficiency of information transmission.

[0130] Based on this, in some embodiments, the terminal can also display various types of information in the interactive container to further enrich the information conveyed by the interactive container. Indicatively, the terminal displays the interactive container, including: displaying resource information of a first media resource, publication information of the first media resource, and resource information and publication information of a second media resource on the interactive elements. It should be understood that in practical applications, the information displayed on the interactive elements can be personalized according to needs to enrich the information conveyed by the interactive container, thereby improving the information transmission efficiency of the interactive container; this disclosure does not limit this.

[0131] The following is for reference. Figure 3 The media resource display methods shown in steps 201 and 202 above will be illustrated with examples. Figure 3 This is a schematic diagram of a media resource display method provided in an embodiment of this disclosure. Figure 3 As shown, the terminal displays the application interface 300 of the target application, showcasing a first media resource 301 and an interactive container 302 (composed of a box and a ball as shown in the figure) based on an information flow. The terminal displays the first media resource 301 while simultaneously covering the interactive container 302. For example, the interactive container 302 is located in the lower left corner of the application interface 300, without obscuring the content displayed by the first media resource 301. The interactive container 302 includes interactive elements 3021 (as shown by the ball). Indicatively, in response to a first operation, such as a twisting operation, the terminal triggers an animation showing the interactive element 3021 moving left and right within the interactive container 302 as the terminal twists. When the movement of the interactive element 3021 meets certain conditions, such as the ball moving to the right side of the interactive container, the terminal is triggered to display a second media resource 303, such as an animation related to acquiring virtual resources.

[0132] It should be noted that, Figure 3 The examples shown are merely illustrative and do not constitute a limitation of this disclosure. For instance, the layout of the application interface, the form of the labels, the form of the interactive container (e.g., the shapes of the interactive elements in the interactive container can also be other shapes), animation effects, and the conditions that the movement of interactive elements must meet, etc., can all be set according to business needs.

[0133] In summary, in the media resource display method provided in this embodiment, during the process of displaying the first media resource based on the information flow, a new interactive method is provided by displaying an interactive container related to the first media resource. The interactive container includes interactive elements that can move under the action of a first operation. When the movement pattern of the interactive elements in the interactive container meets the conditions, the display of the second media resource related to the interactive container is triggered. Thus, the interactive container connects the associated first and second media resources, realizing the connection from displaying the first media resource to displaying the second media resource. Through this interactive method, not only are the display forms of media resources enriched and the efficiency of information transmission improved, but the interactive method based on the interactive container also increases the fun of the media resource display process and enhances the user experience.

[0134] After the above Figure 2 and Figure 3 This document provides a brief introduction to the methods for displaying media resources provided in this public disclosure. Please refer to the following: Figure 4 The embodiments of this disclosure will be described in detail below.

[0135] Figure 4 This is a flowchart of another media resource display method provided in this embodiment of the disclosure. Figure 4 As shown, the method is applied to a terminal and includes the following steps 401 to 404.

[0136] 401. The terminal displays primary media resources and prompt components based on the information flow.

[0137] In this embodiment, the process of the terminal displaying the first media resource based on the information stream is the same as the corresponding content in step 201 above, and will not be repeated here. In this step, the terminal displays a prompt component while displaying the first media resource. The prompt component is an information component used to convey information, which can prompt the interactive method of displaying the second media resource based on the interactive container. The prompt component can be in the form of a control, floating window, widget, card, etc., and this disclosure does not limit it. Schematic, the terminal can overlay the prompt component on the first media resource, or it can divide the application interface of the target application into multiple areas and display the first media resource and the prompt component in different areas, etc., and this disclosure does not limit it.

[0138] Schematic, the prompt component prompts for the interactive method of displaying a second media resource based on the interactive container in at least one of the following ways:

[0139] (1) Display a countdown timer for the interactive container in the prompt component. That is, use the prompt component to countdown for the start of the interactive container display, so as to remind the user that the interactive container is about to be displayed and trigger the display of the second media resource.

[0140] (2) Display a prompt message in the prompt component to indicate the interactive method for displaying the second media resource through the interactive container.

[0141] This disclosure does not limit the manner in which the prompt component implements the prompt function. Furthermore, this disclosure does not limit the timing at which the terminal displays the prompt component. For example, the terminal may display the prompt component simultaneously with the start of displaying the first media resource, or it may display the prompt component when the display duration of the first media resource reaches a preset duration, and so on.

[0142] In some embodiments, the terminal displays animations related to the interactive container within the prompt component, such as animations related to interactive elements within the interactive container. This method achieves a seamless connection between the prompt component and the interactive container, improving the continuity from displaying the prompt component to displaying the interactive container and enhancing the user experience.

[0143] In step 402, when the terminal prompts that the display conditions are met, it displays an interactive container. The interactive container is related to the first media resource and includes at least one interactive element. The interactive element is used to move within the interactive container under the action of the first operation.

[0144] In this embodiment, the interactive container is analogous to the corresponding content in step 201 above, and therefore will not be described again. In this step, the terminal displays the interactive container when the prompt component meets the display conditions. The display conditions include at least one of the following:

[0145] (1) The prompt component indicates that the countdown to the display of the interactive container has ended. For example, if the countdown is 3 seconds, the prompt component indicates "XX will be displayed in 3 seconds to obtain YY" (YY is, for example, a virtual resource related to the first media resource). After the countdown ends, the terminal is triggered to display the interactive container.

[0146] (2) Triggering operation on the prompt component. For example, the prompt component displays the prompt message "Click to participate in the interaction and get YY" (YY is, for example, a virtual resource related to the first media resource). The terminal responds to the triggering operation on the prompt component and displays the interactive container.

[0147] It should be understood that the above two display conditions can also be combined. For example, the prompt component may display a prompt message such as "XX will be displayed in 3 seconds to obtain YY," or "Click to participate in the interaction and obtain YY." This disclosure does not limit this. It should be noted that this disclosure does not limit the content displayed by the prompt component. In some embodiments, the prompt component may also display resource information of the first media resource, object information of the publishing object, etc.

[0148] In some embodiments, when the prompt component meets the display conditions, the terminal uses a transition animation effect to switch the prompt component into an interactive container. That is, this disclosure provides a transition method for switching between a prompt component and an interactive container. By using a transition animation effect, the continuity between the prompt component and the interactive container is increased; in other words, associating the prompt component with the interactive container avoids abrupt transitions, thereby improving the interface display effect. Illustratively, the terminal uses a transition animation effect to switch the prompt component into an interactive container, including any of the following methods:

[0149] (1) An animation showing the prompt component moving out of the display interface of the first media resource in the target direction and the interactive container moving into the display interface in the target direction. The target direction is a preset direction that can be set according to actual needs. For example, if the target direction is to the right, the terminal will display an animation of the prompt component moving out of the interface to the right and the interactive container moving into the interface to the right, thereby achieving a transition animation effect.

[0150] (2) Animation in which the display prompt component fades into the display interface and the interactive container gradually appears in the display interface. For example, the transparency of the terminal display prompt component increases while the transparency of the interactive container decreases, thereby achieving a transition animation effect. It should be noted that the above implementation method of transition animation effect is only an example and does not constitute a limitation of this disclosure. Any other transition animation used to implement the transition between the prompt component and the interactive container can be applied to this disclosure.

[0151] Indicatively, for reference Figure 5 , Figure 5 This is a schematic diagram of another media resource display method provided in this embodiment of the disclosure. Figure 5 As shown, the terminal displays the application interface 500 of the target application, and displays a first media resource 501 and a prompt component 502 based on the information flow. The prompt component 502 indicates "Display XX in 3 seconds to obtain YY", and displays an animation 5021 related to the interactive container on the prompt component 502. After the countdown ends, the terminal switches the prompt component 502 to the interactive container 503. In addition, taking a video as an example, the terminal can pause or continue displaying the first media resource during the display of the interactive container, and this disclosure does not limit this.

[0152] In step 403, the terminal responds to the first operation by displaying an animation of at least one interactive element moving within the interactive container, the movement pattern of the at least one interactive element being related to the first operation.

[0153] In this disclosed embodiment, based on the foregoing Figure 2As shown in the embodiments, interactive elements in the interactive container can move under the action of a first operation, thus presenting a display effect of interactive elements moving within the interactive container. Illustratively, the movement pattern of at least one interactive element being related to the first operation means that the operation method of the first operation is related to the movement speed and / or movement path of the interactive element within the interactive container. In the embodiments of this disclosure, the following implementation methods of the first operation are provided:

[0154] (1) The first operation is a twisting operation on the terminal. Based on this, the movement pattern of at least one interactive element is related to at least one of the twisting angle, twisting direction, and twisting speed of the twisting operation. The terminal has a gravity sensor that can detect the terminal's orientation, rotation angle, gravitational acceleration, etc., to perceive the device's tilt, movement, and other states. Schematic, the terminal responds to the twisting operation on the terminal through the gravity sensor, and triggers the display of an animation showing at least one interactive element moving in the interactive container based on at least one of the twisting angle, twisting direction, and twisting speed corresponding to the twisting operation. For example, the interactive element moves in the interactive container according to the twisting direction and twisting angle of the twisting operation. For example, when the twisting direction of the twisting operation is to the left and the angle is 60 degrees, the interactive element moves to the left in the interactive container with a larger tilt angle. Or, for example, when the twisting direction of the twisting operation is to the right and the angle is 10 degrees, the interactive element moves to the right in the interactive container with a smaller tilt angle. For example, interactive elements move within an interactive container depending on the twisting speed, angle, and direction. For instance, if the twisting operation involves repeated left and right movements at a frequency of twice per second and a twisting angle of 60 degrees, then the interactive element will move rapidly left and right within the interactive container with a large tilt angle.

[0155] By implementing a twisting operation on the terminal to move interactive elements within the interactive container, two advantages are achieved. First, the dynamic movement of the interactive elements within the container better matches the movement of the terminal, making the user feel as if they are controlling the movement of the interactive elements, thus increasing the fun of the operation. Second, using simple twisting operations to move interactive elements can improve the efficiency of human-computer interaction. For example, when a user holds the terminal with one hand and is browsing primary media resources, the terminal displays an interactive container. The user does not need to change their holding posture but can simply twist the terminal to move the interactive elements and participate in the interactive methods provided by the interactive container, effectively improving the user experience.

[0156] (2) The first operation is a drag operation on at least one interactive element. Based on this, the movement pattern of at least one interactive element is related to the interactive element corresponding to the drag operation. The interactive element corresponding to the drag operation can be one or more. For example, a user can drag interactive element A with a single finger, or drag interactive elements B and C with two fingers; this disclosure does not limit this. Furthermore, a drag operation on an interactive element can be, for example, a long press operation that moves the interactive element. The user can drag the corresponding interactive element to a corresponding position, such as dragging the interactive element out of the interactive container, or dragging the interactive element to a specified position within the interactive container, etc. It should be noted that a drag operation on an interactive element can be a continuous long press operation (such as continuously long-pressing the interactive element to move it in multiple directions), or a multiple long press operation (such as long-pressing the interactive element to move it in direction A, releasing the press, and then long-pressing the interactive element again to move it in direction B, where directions A and B are different); this disclosure does not limit this.

[0157] The interactive elements can be moved by dragging and dropping, which is convenient and efficient and improves the efficiency of human-computer interaction.

[0158] In some embodiments, the terminal displays a first prompt message instructing the user to perform a first operation on the interactive container to trigger the display of a second media resource. This serves to promptly remind the user. Indicatively, the terminal may display the first prompt message overlay on the interactive container or at an adjacent location; this disclosure does not limit this. Furthermore, the terminal may simultaneously display the first prompt message while displaying the interactive container in step 402 to remind the user to perform the first operation. After the user performs the first operation, the display of the first prompt message is canceled to avoid the first prompt message occupying the interface display space for an extended period.

[0159] Indicatively, for reference Figure 6 , Figure 6 This is a schematic diagram of another media resource display method provided in this embodiment of the disclosure. Figure 6 As shown, the terminal displays the application interface 600 of the target application. The application interface 600 displays a first media resource 601 and an interactive container 602, which includes multiple interactive elements 603. In response to a first operation (such as a twisting operation), the terminal displays an animation of the multiple interactive elements moving within the interactive container. For example, if the twisting direction is to the right, the animation of the multiple interactive elements moving to the right within the interactive container is displayed; if the twisting direction is to the left, the animation of the multiple interactive elements moving to the left within the interactive container is displayed.

[0160] Indicatively, for reference Figure 7 , Figure 7 This is a schematic diagram of another media resource display method provided in this embodiment of the disclosure. Figure 7 As shown, the terminal displays the application interface 700 of the target application. The application interface 700 displays a first media resource 701 and an interactive container 702, which includes multiple interactive elements 703. In response to a first operation (such as a drag-and-drop operation), the terminal displays an animation of the interactive element A corresponding to the drag operation moving within the interactive container. For example, the user performs a drag operation, dragging interactive element A to position 1, or dragging interactive element A out of the interactive container.

[0161] In step 404, if the movement pattern of at least one interactive element in the interactive container meets the conditions, the terminal displays a second media resource related to the interactive container.

[0162] In this embodiment, the terminal can display the second media resource on the current interface or jump to another interface from the current interface to display the second media resource; this disclosure does not limit this. Illustratively, taking the display interface of the first media resource as an example, the terminal displays the first media resource and an interactive container on the first interface. When the movement pattern of at least one interactive element in the interactive container meets certain conditions, the terminal jumps from the first interface to the second interface, where the second media resource is displayed.

[0163] In some embodiments, the second media resource is used to trigger the display of a third interface. Indicatively, the terminal displays the second media resource on the first interface where the first media resource is located. In response to a triggering operation on the second media resource, the terminal jumps from the first interface to the third interface, where information related to the first media resource is displayed. For example, taking a video introducing item A as the first media resource, the terminal displays the first media resource on the first interface and displays an interactive container to provide an interactive method for triggering the display of the second media resource. When the movement pattern of at least one interactive element in the interactive container meets a certain condition, the terminal displays the second media resource. The second media resource, for example, is a transition animation used to trigger the display of the third interface. In response to a triggering operation on the second media resource, the terminal jumps from the first interface to the third interface, where relevant information about item A is displayed.

[0164] The condition satisfied by the movement pattern of at least one interactive element in the interactive container is a condition for triggering the display of a second media resource. It can also be understood as a specific implementation of the interactive method provided by the interactive container, which can be customized according to actual needs. Based on the aforementioned step 403, the first operation involved in this disclosure can be a twisting operation or a dragging operation. Correspondingly, different conditions can be set according to different types of first operations. Indicatively, step 404 includes the following situations:

[0165] Scenario 1: The first operation is a twisting operation. Illustratively, when the movement pattern of at least one interactive element within the interactive container satisfies certain conditions, a second media resource associated with the interactive container is displayed, including any of the following:

[0166] (1) In response to the twisting operation reaching a first angle, at least one interactive element's movement pattern meets the condition, and a second media resource is displayed. The first angle is a preset angle that can be set according to actual needs; for example, the first angle is 60 degrees, and this disclosure does not limit this setting. This process involves obtaining the twisting angle when a twisting operation is detected. Since the movement pattern of an interactive element is related to the twisting angle, when the twisting angle reaches the first angle, the movement pattern of the interactive element also meets the condition, triggering the display of the second media resource.

[0167] (2) In response to the twisting operation, if the twisting direction is a first direction, at least one interactive element's movement pattern meets the condition, and the second media resource is displayed. The first direction is a preset direction that can be set according to actual needs; for example, the first direction could be left, but this disclosure does not limit this. This process involves obtaining the twisting direction when a twisting operation is detected. Since the movement pattern of an interactive element is related to the twisting direction, when the twisting direction is the first direction, the movement pattern of the interactive element also meets the condition, triggering the display of the second media resource.

[0168] (3) In response to the twisting speed of the twisting operation reaching a first speed, the movement pattern of at least one interactive element is triggered to meet the condition, and the second media resource is displayed. The first speed is a preset speed that can be set according to actual needs; for example, the first speed is approximately two twists per second, which is not limited in this disclosure. This process involves obtaining the twisting speed of the twisting operation when it is detected. Since the movement pattern of the interactive element is related to the twisting speed, when the twisting speed reaches the first speed, the movement pattern of the interactive element also meets the condition, triggering the display of the second media resource.

[0169] Scenario 2: The first operation is a drag-and-drop operation. Illustratively, when the movement pattern of at least one interactive element within the interactive container meets certain conditions, a second media resource associated with the interactive container is displayed, including any of the following:

[0170] (1) In response to the drag operation corresponding to the interactive element being located at the first position, triggering the movement pattern of at least one interactive element to meet the condition, and displaying the second media resource. The first position is a preset position that can be set according to actual needs. For example, the interactive container includes 9 positions, each of which can display an interactive element, with position 1 being the first position. This disclosure does not limit this. This process involves obtaining the position of the interactive element corresponding to the drag operation within the interactive container when a drag operation is detected. Since the movement pattern of the interactive element is related to the interactive element corresponding to the drag operation, when the interactive element corresponding to the drag operation is located at the first position, the movement pattern of the interactive element also meets the condition, triggering the display of the second media resource.

[0171] (2) In response to the drag operation corresponding to a first number of interactive elements, the movement pattern of at least one interactive element is triggered to meet the condition, and the second media resource is displayed. The first number is a preset number that can be set according to actual needs. For example, if the interactive container includes 5 interactive elements, the first number is 3; this disclosure does not limit this. This process, taking the drag operation that can drag an interactive element outside the interactive container as an example, when a drag operation is detected, the position of the interactive element corresponding to the drag operation is obtained. Since the movement pattern of the interactive element is related to the interactive element corresponding to the drag operation, when the interactive element corresponding to the drag operation is outside the interactive container, the number of interactive elements in the current interactive container is determined. When the number of interactive elements in the interactive container reaches the first number, the movement pattern of the interactive element also meets the condition, triggering the display of the second media resource.

[0172] It should be noted that the above-mentioned conditions for triggering the display of a second media resource through the movement of interactive elements are merely illustrative examples and do not constitute a limitation of this application. In practical applications, the conditions for triggering the display of a second media resource through the movement of interactive elements can be set according to requirements.

[0173] In steps 401 to 404 above, an interaction method based on an interactive container is provided, wherein, under the action of the first operation, when the movement pattern of the interactive element in the interactive container meets the conditions, the terminal is triggered to display a second media resource. In some embodiments, the terminal can also be triggered to display the second media resource in any of the following ways:

[0174] Method 1: Display the second media resource when the interactive container's display duration reaches the first set duration. The first set duration is a preset duration that can be set according to actual needs, for example, 5 seconds. In other words, the terminal automatically displays the second media resource when the interactive container's display duration reaches the first set duration.

[0175] Method 2: When the display duration of the interactive container reaches the second duration and a second operation is performed on the interactive container, a second media resource is displayed. The second operation differs from the first operation. The second duration is a preset duration that can be set according to actual needs, for example, 10 seconds. The second operation is, for example, a click. In other words, when the display duration of the interactive container reaches the second duration, the terminal can trigger the display of the second media resource by responding to the user's second operation. For example, when the display duration of the interactive container reaches the second duration, the terminal can display a second prompt message instructing the user to perform the second operation on the interactive container to trigger the display of the second media resource. In this way, the user is promptly notified.

[0176] As can be seen, in this embodiment of the disclosure, multiple ways to trigger the display of a second media resource are provided on the basis of displaying the interactive container, enriching the interactive form of the interactive container and improving the user experience. For example, in step 403 above, the user performs the first operation but does not cause the movement form of the interactive element to meet the condition. Based on this, when the display duration of the interactive container reaches the second duration, the user can perform a second operation to trigger the display of the second media resource.

[0177] Furthermore, if the display of the first media resource ends and the movement pattern of at least one interactive element in the interactive container does not meet the conditions, the terminal can maintain the display of the interactive container to avoid interruption of the user's interaction with the interactive container and ensure the user's interactive experience. Illustratively, the terminal can display a third media resource based on the information flow while maintaining the display of the interactive container. This third media resource is related to the first media resource. That is, while maintaining the display of the interactive container, the terminal continues to display other media resources related to the first media resource, maintaining the continuity between the content displayed by the media resources. The terminal can also repeatedly display the first media resource while maintaining the display of the interactive container; this embodiment of the present disclosure does not limit this.

[0178] The following is for reference. Figure 8 The method for displaying media resources as shown in steps 401 to 404 above will be illustrated with examples. (Reference) Figure 8 , Figure 8 This is a schematic diagram illustrating yet another method for displaying media resources provided in this disclosure. For example... Figure 8As shown, the terminal displays the application interface 800 of the target application, showcasing a first media resource 801 and a prompt component 802 based on an information flow. The prompt component 802 indicates "Show XX in 3 seconds to obtain YY" (YY is, for example, a virtual resource related to the first media resource). An animation related to the interactive container 803 is displayed on the prompt component 802. After the countdown of the prompt component 802 ends (i.e., the prompt component meets the display conditions), the terminal displays the interactive container 803. Then, the terminal displays a first prompt message 804, prompting the user to perform a first operation on the interactive container 803 to trigger the display of a second media resource. In response to the first operation, such as a twisting operation, an animation of the interactive element moving within the interactive container is displayed. During this process, if the movement pattern of the interactive element within the interactive container meets the conditions (e.g., the twisting angle of the twisting operation reaches 60 degrees), the second media resource 805 is displayed, such as the animation of obtaining YY. If the movement pattern of the interactive element within the interactive container does not meet the conditions, or if the display duration of the interactive container reaches the preset duration, the terminal displays a second prompt message 806 on the interactive container 803 to prompt for a second operation, such as a click operation. In response to the second operation, a second media resource 805 is displayed. Additionally, in some scenarios, the second media resource 805 is used to trigger the display of other interfaces. Indicatively, in response to the trigger operation on the second media resource 805, the terminal jumps from the application interface 800 to other interfaces, displaying information related to the first media resource 801 on those other interfaces.

[0179] In summary, the media resource display method disclosed herein provides a new interactive approach by displaying an interactive container related to the first media resource during the process of displaying the first media resource based on an information flow. The interactive container includes interactive elements that can be moved under the action of a first operation. When the movement pattern of the interactive elements in the interactive container meets certain conditions, the display of a second media resource related to the interactive container is triggered. Thus, the interactive container connects the associated first and second media resources, achieving a seamless transition from displaying the first media resource to displaying the second media resource. This interactive approach not only enriches the display format of media resources and improves information transmission efficiency, but also increases the fun and enhances the user experience during the media resource display process.

[0180] Figure 9 This is a block diagram of a media resource display device provided in an embodiment of this disclosure. (Refer to...) Figure 9 The device includes a first display unit 901 and a second display unit 902.

[0181] The first display unit 901 is configured to perform an information flow-based display of a first media resource and an interactive container. The interactive container is associated with the first media resource and includes at least one interactive element. The interactive element is used to move within the interactive container under the action of a first operation.

[0182] The second display unit 902 is configured to display a second media resource associated with the interactive container when the movement mode of at least one interactive element in the interactive container meets the conditions.

[0183] In some embodiments, the apparatus further includes: a third display unit configured to perform:

[0184] In response to the first action, display an animation of at least one interactive element moving within the interactive container, the movement pattern of the at least one interactive element being related to the first action.

[0185] In some embodiments, the first operation is a twisting operation on the terminal, and the movement pattern of at least one interactive element is related to at least one of the twisting angle, twisting direction and twisting speed of the twisting operation.

[0186] In some embodiments, the second display unit 902 is configured to perform any of the following:

[0187] When the twist angle in response to the twist operation reaches a first angle, triggering at least one interactive element to meet a certain condition in its movement pattern, a second media resource is displayed; or,

[0188] In response to a twisting operation, if the twisting direction is a first direction, and the movement pattern of at least one interactive element meets a certain condition, a second media resource is displayed; or,

[0189] When the twisting speed of the twisting operation reaches a first speed, the movement mode of at least one interactive element meets the condition, and the second media resource is displayed.

[0190] In some embodiments, the first operation is a drag operation on at least one interactive element, and the movement pattern of the at least one interactive element is related to the interactive element corresponding to the drag operation.

[0191] In some embodiments, the second display unit 902 is configured to perform any of the following:

[0192] In response to a drag-and-drop operation where the corresponding interactive element is in the first position, triggering a condition that at least one interactive element's movement pattern meets the criteria, a second media resource is displayed; or,

[0193] When the number of interactive elements corresponding to the drag operation reaches a first number, triggering the movement mode of at least one interactive element to meet the condition, the second media resource is displayed.

[0194] In some embodiments, the apparatus further includes a fourth display unit configured to perform:

[0195] Display a first prompt message, which instructs you to perform a first action to trigger the display of a second media resource.

[0196] In some embodiments, the first display unit 901 is configured to perform:

[0197] Based on the information flow, display the primary media resources and prompt components;

[0198] If the prompt component meets the display conditions, the interactive container is displayed.

[0199] In some embodiments, the display conditions include at least one of the following:

[0200] The prompt component indicates that the countdown for the interactive container to be displayed has ended;

[0201] Perform a trigger operation on the prompt component.

[0202] In some embodiments, the notification component includes:

[0203] Display animations related to the interactive container in the prompt component.

[0204] In some embodiments, the first display unit 901 is configured to perform:

[0205] Based on the information flow, the primary media resource is displayed. Based on the content displayed by the primary media resource, an interactive container is displayed so that the interactive container does not obscure the content displayed by the primary media resource.

[0206] In some embodiments, the first display unit 901 is configured to perform:

[0207] Based on the date type of the current date, display the interactive container according to the display style corresponding to the date type, so that the interactive container is associated with the date type.

[0208] In some embodiments, the first display unit 901 is configured to perform:

[0209] Display at least one of the following on the interactive element: resource information of the first media resource, release information of the first media resource, resource information of the second media resource, and release information of the second media resource.

[0210] In some embodiments, when the first media resource display ends and the movement pattern of at least one interactive element in the interactive container does not meet the conditions, the first display unit 901 is further configured to perform any of the following:

[0211] While maintaining the interactive display container, third-party media resources are displayed based on an information flow; these third-party media resources are related to the first-party media resources. Alternatively...

[0212] While maintaining the interactive display container, the first media resource is displayed repeatedly.

[0213] In some embodiments, the second display unit 902 is further configured to perform:

[0214] If the interactive container has been displayed for the first duration, then display the second media resource.

[0215] If the display duration of the interactive container reaches the second duration and a second operation is performed on the interactive container, a second media resource is displayed. The second operation is different from the first operation.

[0216] In some embodiments, the second media resource is any one of the following:

[0217] Animations related to acquiring virtual resources, where the virtual resources are related to primary media resources; or,

[0218] Media resources related to the content displayed on the primary media resource; or,

[0219] Media resources related to the target audience of the primary media resource.

[0220] Through the aforementioned device, a new interactive method is provided during the display of the first media resource based on the information flow by displaying an interactive container related to the first media resource. The interactive container includes interactive elements that can be moved under the action of the first operation. When the movement pattern of the interactive elements in the interactive container meets the conditions, the display of the second media resource related to the interactive container is triggered. It can be seen that the interactive container connects the related first and second media resources, realizing the connection from displaying the first media resource to displaying the second media resource. Through the above interactive method, not only are the display forms of media resources enriched and the efficiency of information transmission improved, but the interactive method based on the interactive container can also increase the fun in the media resource display process and improve the user experience.

[0221] It should be noted that the media resource display device provided in the above embodiments is only illustrated by the division of the above functional modules when displaying media resources. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above. In addition, the media resource display device and the media resource display method embodiments provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiments, which will not be repeated here.

[0222] Figure 10 This is a structural block diagram of a terminal provided in an embodiment of this disclosure. The terminal 1000 can be: a smartphone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III), an MP4 player (Moving Picture Experts Group Audio Layer IV), a laptop computer, or a desktop computer. The terminal 1000 may also be referred to as a user device, a portable terminal, a laptop terminal, a desktop terminal, or other names.

[0223] Typically, terminal 1000 includes a processor 1001 and a memory 1002.

[0224] Processor 1001 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 1001 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). Processor 1001 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 1001 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content required to be displayed on the screen. In some embodiments, processor 1001 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0225] The memory 1002 may include one or more computer-readable storage media, which may be non-transitory. The memory 1002 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 1002 is used to store at least one program code, which is executed by the processor 1001 to implement the terminal execution process in the media resource display method provided in the method embodiments of this application.

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

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

[0228] The radio frequency (RF) circuit 1004 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 1004 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 1004 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals back into electrical signals. Optionally, the RF 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, etc. The RF circuit 1004 can communicate with other terminals via at least one wireless communication protocol. This wireless communication protocol includes, but is not limited to: metropolitan area networks (MANs), various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks (WLANs), and / or WiFi (Wireless Fidelity) networks. In some embodiments, the RF circuit 1004 may also include circuitry related to NFC (Near Field Communication), which is not limited in this application.

[0229] Display screen 1005 is used to display a UI (User Interface). This UI may include graphics, text, icons, videos, and any combination thereof. When display screen 1005 is a touch display screen, it also has the ability to collect touch signals on or above its surface. These touch signals can be input as control signals to processor 1001 for processing. In this case, display screen 1005 can also be used to provide virtual buttons and / or a virtual keyboard, also known as soft buttons and / or a soft keyboard. In some embodiments, there may be one display screen 1005, disposed on the front panel of terminal 1000; in other embodiments, there may be at least two display screens, disposed on different surfaces of terminal 1000 or in a folded design; in still other embodiments, display screen 1005 may be a flexible display screen, disposed on a curved or folded surface of terminal 1000. Furthermore, display screen 1005 may be configured as a non-rectangular, irregular shape, i.e., a non-rectangular screen. The display screen 1005 can be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light Emitting Diode).

[0230] The camera assembly 1006 is used to acquire images or videos. Optionally, the camera assembly 1006 includes a front-facing camera and a rear-facing camera. Typically, the front-facing camera is located on the front panel of the terminal, and the rear-facing camera is located on the back of the terminal. In some embodiments, there are at least two rear-facing cameras, which are any one of a main camera, a depth-sensing camera, a wide-angle camera, and a telephoto camera, to achieve background blurring by fusion of the main camera and the depth-sensing camera, panoramic shooting by fusion of the main camera and the wide-angle camera, VR (Virtual Reality) shooting, or other fusion shooting functions. In some embodiments, the camera assembly 1006 may also include a flash. The flash can be a single-color temperature flash or a dual-color temperature flash. A dual-color temperature flash refers to a combination of a warm-light flash and a cool-light flash, which can be used for light compensation at different color temperatures.

[0231] 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, converting the sound waves into electrical signals that are input to the processor 1001 for processing, or input to the radio frequency circuit 1004 for voice communication. For stereo sound acquisition or noise reduction purposes, multiple microphones may be used, each positioned at a different location on the terminal 1000. The microphone may also be an array microphone or an omnidirectional microphone. The speaker is used to convert electrical signals from the processor 1001 or the radio frequency circuit 1004 into sound waves. The speaker may be a conventional diaphragm speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can convert electrical signals not only into audible sound waves but also into inaudible sound waves for purposes such as distance measurement. In some embodiments, the audio circuit 1007 may also include a headphone jack.

[0232] The positioning component 1008 is used to locate the current geographical location of the terminal 1000 in order to enable navigation or LBS (Location Based Service).

[0233] The power supply 1009 is used to power the various components in the terminal 1000. The power supply 1009 can be AC ​​power, DC power, a disposable battery, or a rechargeable battery. When the power supply 1009 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.

[0234] In some embodiments, the terminal 1000 further includes one or more sensors 1010. The one or more sensors 1010 include, but are not limited to: an accelerometer 1011, a gyroscope 1012, a pressure sensor 1013, a fingerprint sensor 1014, an optical sensor 1015, and a proximity sensor 1016.

[0235] Accelerometer 1011 can detect the magnitude of acceleration along the three coordinate axes of a coordinate system established by terminal 1000. For example, accelerometer 1011 can be used to detect the components of gravitational acceleration along the three coordinate axes. Processor 1001 can control display screen 1005 to display the user interface in either a landscape or portrait view based on the gravitational acceleration signal acquired by accelerometer 1011. Accelerometer 1011 can also be used for games or for acquiring user motion data.

[0236] The gyroscope sensor 1012 can detect the orientation and rotation angle of the terminal 1000. The gyroscope sensor 1012, in conjunction with the accelerometer sensor 1011, can collect 3D motion data from the user on the terminal 1000. Based on the data collected by the gyroscope sensor 1012, the processor 1001 can perform the following functions: motion sensing (e.g., changing the UI based on the user's tilt), image stabilization during shooting, game control, and inertial navigation.

[0237] The pressure sensor 1013 can be disposed on the side bezel of the terminal 1000 and / or on the lower layer of the display screen 1005. When the pressure sensor 1013 is disposed on the side bezel of the terminal 1000, it can detect the user's grip signal on the terminal 1000, and the processor 1001 can perform left / right hand recognition or quick operation based on the grip signal collected by the pressure sensor 1013. When the pressure sensor 1013 is disposed on the lower layer of the display screen 1005, the processor 1001 can control the operable controls on the UI interface based on the user's pressure operation on the display screen 1005. The operable controls include at least one of button controls, scroll bar controls, icon controls, and menu controls.

[0238] The fingerprint sensor 1014 is used to collect a user's fingerprint. The processor 1001 identifies the user based on the fingerprint collected by the fingerprint sensor 1014, or vice versa. When the user's identity is identified as trusted, the processor 1001 authorizes the user to perform relevant sensitive operations, including unlocking the screen, viewing encrypted information, downloading software, making payments, and changing settings. The fingerprint sensor 1014 can be located on the front, back, or side of the terminal 1000. When the terminal 1000 has physical buttons or a manufacturer's logo, the fingerprint sensor 1014 can be integrated with the physical buttons or manufacturer's logo.

[0239] An optical sensor 1015 is used to collect ambient light intensity. In one embodiment, the processor 1001 can control the display brightness of the display screen 1005 based on the ambient light intensity collected by the optical sensor 1015. Specifically, when the ambient light intensity is high, the display brightness of the display screen 1005 is increased; when the ambient light intensity is low, the display brightness of the display screen 1005 is decreased. In another embodiment, the processor 1001 can also dynamically adjust the shooting parameters of the camera assembly 1006 based on the ambient light intensity collected by the optical sensor 1015.

[0240] The proximity sensor 1016, also known as a distance sensor, is typically mounted on the front panel of the terminal 1000. The proximity sensor 1016 is used to detect the distance between the user and the front of the terminal 1000. In one embodiment, when the proximity sensor 1016 detects that the distance between the user and the front of the terminal 1000 is gradually decreasing, the processor 1001 controls the display screen 1005 to switch from a screen-on state to a screen-off state; when the proximity sensor 1016 detects that the distance between the user and the front of the terminal 1000 is gradually increasing, the processor 1001 controls the display screen 1005 to switch from a screen-off state to a screen-on state.

[0241] Those skilled in the art will understand that Figure 10 The structure shown does not constitute a limitation on terminal 1000 and may include more or fewer components than shown, or combine certain components, or use different component arrangements.

[0242] In an exemplary embodiment, a computer-readable storage medium including program code is also provided, such as a memory including program code, which can be executed by the processor 1001 of the terminal 1000 to complete the media resource display method described above. Optionally, the computer-readable storage medium may be read-only memory (ROM), random access memory (RAM), compact-disc read-only memory (CD-ROM), magnetic tape, floppy disk, and optical data storage device, etc.

[0243] In an exemplary embodiment, a computer program product is also provided, including a computer program that, when executed by a processor, implements the media resource display method described above.

[0244] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the following claims.

[0245] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.

Claims

1. A method for displaying media resources, characterized in that, The method includes: Based on the information flow, a first media resource and a prompt component are displayed on the first interface. The prompt component displays animations related to interactive elements in the interactive container. The interactive container has multiple display styles, and different display styles correspond to different date types. When the prompt component meets the display conditions, a transition animation effect is used to switch the prompt component to the interactive container associated with the first media resource; the display style of the interactive container corresponds to the date type of the current date, so that the interactive container is associated with the date type; the display conditions include at least one of the following: the prompt component indicates that the display countdown of the interactive container has ended, or a trigger operation is performed on the prompt component; the transition animation effect includes any one of the following: the prompt component moves out of the first interface in a target direction and the interactive container moves into the first interface in the target direction, or the prompt component fades into the first interface and the interactive container appears in the first interface. The interactive element displays at least one of the resource information and publication information of the second media resource; in response to a drag operation on the at least one interactive element, an animation of the at least one interactive element moving within the interactive container is displayed; the movement pattern of the at least one interactive element is related to the interactive element corresponding to the drag operation, the drag operation includes dragging one interactive element with a single finger and dragging two interactive elements with two fingers, and the drag operation includes at least one of the following: long-pressing an interactive element to move it out of the interactive container, long-pressing an interactive element to move it to a specified position within the interactive container. If the drag operation causes the movement of at least one interactive element to meet the conditions, the second media resource associated with the interactive container is displayed; if the drag operation fails to cause the movement of at least one interactive element to meet the conditions, when the display duration of the interactive container reaches a second duration, a second prompt message is displayed indicating that a second operation is performed on the interactive container to trigger the display of the second media resource, the second operation being different from the drag operation; in response to the second operation performed on the interactive container, the second media resource is displayed. In response to a trigger operation on the second media resource, the user is redirected from the first interface to the third interface, where information related to the first media resource is displayed. If the display of the first media resource ends and the movement pattern of the at least one interactive element does not meet the conditions, the interactive container is displayed so that the interaction process with the interactive container is not interrupted, and a third media resource related to the first media resource is displayed based on the information flow.

2. The media resource display method according to claim 1, characterized in that, When the drag operation causes the movement of at least one interactive element to meet certain conditions, displaying the second media resource associated with the interactive container includes any of the following: In response to the drag operation being located at a first position, the movement pattern of at least one interactive element is triggered to meet the condition, and the second media resource is displayed; or, In response to the drag operation reaching a first number of interactive elements, the movement pattern of at least one interactive element is triggered to meet the condition, and the second media resource is displayed.

3. The media resource display method according to claim 1, characterized in that, The method further includes: A first prompt message is displayed, instructing the drag operation to trigger the display of the second media resource.

4. The media resource display method according to claim 1, characterized in that, The process of displaying interactive containers includes: Based on the content displayed by the first media resource, the interactive container is displayed so that the interactive container does not obscure the content displayed by the first media resource.

5. The media resource display method according to claim 1, characterized in that, The method further includes: The interactive element also displays at least one of the following: resource information of the first media resource and publication information of the first media resource.

6. The media resource display method according to claim 1, characterized in that, The second media resource is any one of the following: Animations related to acquiring virtual resources, wherein the virtual resources are related to the first media resource; or, Media resources related to the content displayed by the first media resource; or, Media resources related to the target audience of the first media resource.

7. A media resource display device, characterized in that, The device includes: The first display unit is configured to perform an information flow-based display of a first media resource and a prompt component on a first interface. The prompt component displays animations related to interactive elements in an interactive container. The interactive container has multiple display styles, each corresponding to a different date type. When the prompt component meets the display conditions, a transition animation effect is used to switch the prompt component to the interactive container related to the first media resource. The display style of the interactive container corresponds to the date type of the current date, so that the interactive container is associated with the date type. The display conditions include at least one of the following: the prompt component indicates that the display countdown of the interactive container has ended; or a trigger operation is performed on the prompt component. The transition animation effect includes any one of the following: the prompt component moves out of the first interface in a target direction and the interactive container moves into the first interface in the target direction; or the prompt component fades out of the first interface and the interactive container gradually appears on the first interface. The interactive element displays at least one of the resource information and publication information of the second media resource; the third display unit is configured to perform an animation of at least one interactive element moving within the interactive container in response to a drag operation on the at least one interactive element; the movement pattern of the at least one interactive element is related to the interactive element corresponding to the drag operation, the drag operation includes dragging one interactive element with a single finger and dragging two interactive elements with two fingers, and the drag operation includes at least one of the following: long-pressing an interactive element to move the interactive element out of the interactive container, long-pressing an interactive element to move the interactive element to a specified position within the interactive container. The second display unit is configured to display the second media resource associated with the interactive container when the drag operation causes the movement mode of the at least one interactive element to meet the conditions. The second display unit is further configured to, when the drag operation fails to make the movement pattern of the at least one interactive element meet the conditions, and when the display duration of the interactive container reaches a second duration, display an instruction to perform a second operation on the interactive container to trigger the display of a second prompt message for a second media resource, wherein the second operation is different from the drag operation; and in response to the second operation performed on the interactive container, display the second media resource. A unit configured to perform the following steps: in response to a triggering operation on the second media resource, jump from the first interface to a third interface, and display information related to the first media resource on the third interface; The first display unit is further configured to, when the display of the first media resource ends and the movement pattern of the at least one interactive element does not meet the conditions, continue to display the interactive container so that the interaction process with the interactive container is not interrupted, and display a third media resource related to the first media resource based on the information flow.

8. An electronic device, characterized in that, The electronic device includes: One or more processors; Memory used to store the executable program code of the processor; The processor is configured to execute the program code to implement the media resource display method as described in any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that, When the program code in the computer-readable storage medium is executed by the processor of the electronic device, the electronic device is able to perform the media resource display method as described in any one of claims 1 to 6.

10. A computer program product, characterized in that, The computer program product includes a computer program that, when executed by a processor of an electronic device, enables the electronic device to perform the media resource display method as described in any one of claims 1 to 6.

Images