Media resource display method and device, equipment and storage medium

Abstract

The invention relates to a media resource display method and device, equipment and a storage medium, and relates to the technical field of computers, and the method comprises the steps: providing a new interaction mode through displaying an interaction container related to a first media resource in a process of displaying the first media resource based on an information flow, the interaction container comprises an interaction element capable of moving under the action of the first operation, when the moving form of the interaction element in the interaction container meets the condition, the second media resource related to the interaction container is displayed, and it can be seen that the interaction container communicates the first media resource and the second media resource which are related; according to the method and the device, the connection from displaying the first media resource to displaying the second media resource is realized, through the interaction mode, the display forms of the media resources are enriched, the information transmission efficiency is improved, and the interaction mode based on the interaction container can also increase the interestingness in the media resource display process and improve the user experience.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technologies, and particularly to a method, apparatus, device, and storage medium for media resource display. Background Art

[0002] With the rapid development of Internet technologies and the wide popularity of mobile terminals, browsing various media resources through Internet applications has become a common entertainment method, and the forms of media resources have become increasingly rich.

[0003] Taking a video as an example of a media resource, a terminal can display a video to introduce contents such as an item, a service, or a movie plot. However, in the above method, the display form of the media resource is relatively single, resulting in poor information transmission efficiency. Summary of the Invention

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

[0005] According to a first aspect of an embodiment of the present disclosure, there is provided a method for media resource display, the method including:

[0006] Based on an information stream, display a first media resource and an interaction container, where the interaction container is related to the first media resource, and the interaction container includes at least one interaction element for moving in the interaction container under the action of a first operation;

[0007] When the movement form of the at least one interaction element in the interaction container meets a condition, display a second media resource related to the interaction container.

[0008] Through the above method, in the process of displaying a first media resource based on an information stream, by displaying an interaction container related to the first media resource, a new interaction method is provided. Among them, the interaction container includes interaction elements that can move under the action of a first operation. When the movement form of the interaction elements in the interaction container meets a condition, it triggers the display of a second media resource related to the interaction container. It can be seen that the interaction container connects the associated first media resource and the second media resource, realizing the connection from displaying the first media resource to displaying the second media resource. Through the above interaction method, not only is the display form of media resources enriched, the information transmission efficiency is improved, but also the interaction method based on the interaction container can increase the interest during the media resource display process and improve the user experience.

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

[0010] In response to the first operation, an animation showing the at least one interactive element moving in the interactive container is presented, and the moving form of the at least one interactive element is related to the first operation.

[0011] In some embodiments, the first operation is a twisting operation on the terminal, and the moving form 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 moving form of the at least one interactive element in the interactive container meets the condition, a second media resource related to the interactive container is presented, including any of the following:

[0013] In response to the twisting angle of the twisting operation reaching a first angle, triggering the moving form of the at least one interactive element to meet the condition, and presenting the second media resource; or,

[0014] In response to the twisting direction of the twisting operation being a first direction, triggering the moving form of the at least one interactive element to meet the condition, and presenting the second media resource; or,

[0015] In response to the twisting speed of the twisting operation reaching a first speed, triggering the moving form of the at least one interactive element to meet the condition, and presenting the second media resource.

[0016] In some embodiments, the first operation is a dragging operation on the at least one interactive element, and the moving form of the at least one interactive element is related to the interactive element corresponding to the dragging operation.

[0017] In some embodiments, when the moving form of the at least one interactive element in the interactive container meets the condition, a second media resource related to the interactive container is presented, including any of the following:

[0018] In response to the interactive element corresponding to the dragging operation being at a first position, triggering the moving form of the at least one interactive element to meet the condition, and presenting the second media resource; or,

[0019] In response to the interactive element corresponding to the dragging operation reaching a first quantity, triggering the moving form of the at least one interactive element to meet the condition, and presenting the second media resource.

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

[0021] Presenting a first prompt message, where the first prompt message indicates performing the first operation to trigger the presentation of the second media resource.

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

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

[0024] When the prompt component meets the display condition, display the interactive container.

[0025] In some embodiments, the display condition includes at least one of the following:

[0026] The prompt component indicates that the display countdown of the interactive container has expired;

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

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

[0029] Display an animation related to the interactive container in the prompt component.

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

[0031] Based on the information stream, display the first media resource, and based on the display content of the first media resource, display the interactive container so that the interactive container does not block the display content of the first media resource.

[0032] In some embodiments, displaying the interactive container includes:

[0033] Based on the date type to which the current date belongs, 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.

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

[0035] On the interactive element, display at least one of the resource information of the first media resource, the release information of the first media resource, the resource information of the second media resource, and the release information of the second media resource.

[0036] In some embodiments, when the display of the first media resource ends and the moving form 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] On the basis of keeping the interactive container displayed, display a third media resource related to the first media resource based on the information stream; or,

[0038] While maintaining the display of the interactive container, repeat the display of the first media resource.

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

[0040] When the display duration of the interactive container reaches a first duration, display the second media resource;

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

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

[0043] An animation related to obtaining a virtual resource, where the virtual resource is related to the first media resource; or,

[0044] A media resource related to the display content of the first media resource; or,

[0045] A media resource related to the release object of the first media resource.

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

[0047] A first display unit configured to perform, based on an information stream, display a first media resource and an interactive container, where the interactive container is related to the first media resource, and the interactive container includes at least one interactive element for moving in the interactive container under the action of a first operation;

[0048] A second display unit configured to perform, when the movement form of the at least one interactive element in the interactive container meets a condition, display a second media resource related to the interactive container.

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

[0050] In response to the first operation, display an animation of the at least one interactive element moving in the interactive container, where the movement form of the at least one interactive element is related to the first operation.

[0051] In some embodiments, the first operation is a twisting operation of the terminal, and the movement form 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 one of the following:

[0053] In response to the twisting angle of the twisting operation reaching a first angle, trigger the moving form of the at least one interactive element to meet the condition, and display the second media resource; or,

[0054] In response to the twisting direction of the twisting operation being a first direction, trigger the moving form of the at least one interactive element to meet the condition, and display the second media resource; or,

[0055] In response to the twisting speed of the twisting operation reaching a first speed, trigger the moving form of the at least one interactive element to meet the condition, and display the second media resource.

[0056] In some embodiments, the first operation is a dragging operation on the at least one interactive element, and the moving form of the at least one interactive element is related to the interactive element corresponding to the dragging operation.

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

[0058] In response to the interactive element corresponding to the dragging operation being located at a first position, trigger the moving form of the at least one interactive element to meet the condition, and display the second media resource; or,

[0059] In response to the interactive element corresponding to the dragging operation reaching a first quantity, trigger the moving form of the at least one interactive element to meet the condition, and display the second media resource.

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

[0061] Display a first prompt message, where the first prompt message indicates to perform 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, display the first media resource and a prompt component;

[0064] When the prompt component meets the display condition, display the interactive container.

[0065] In some embodiments, the display condition includes at least one of the following:

[0066] The prompt component indicates that the display countdown of the interactive container has expired;

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

[0068] In some embodiments, presenting the prompt component includes:

[0069] Presenting an animation related to the interaction container in the prompt component.

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

[0071] Based on the information stream, presenting the first media resource, and based on the presentation content of the first media resource, presenting the interaction container so that the interaction container does not block the presentation content of the first media resource.

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

[0073] Based on the date type to which the current date belongs, presenting the interaction container according to the presentation style corresponding to the date type so that the interaction container is associated with the date type.

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

[0075] Presenting at least one of the resource information of the first media resource, the release information of the first media resource, the resource information of the second media resource, and the release information of the second media resource on the interaction element.

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

[0077] On the basis of keeping the interaction container presented, presenting a third media resource based on the information stream, where the third media resource is related to the first media resource; or,

[0078] On the basis of keeping the interaction container presented, repeating the presentation of the first media resource.

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

[0080] Presenting the second media resource when the presentation duration of the interaction container reaches a first duration;

[0081] Presenting the second media resource when the presentation duration of the interaction container reaches a second duration and a second operation is performed on the interaction container, where the second operation is different from the first operation.

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

[0083] Animation related to obtaining virtual resources, where the virtual resources are related to the first media resource; or,

[0084] Media resources related to the display content of the first media resource; or,

[0085] Media resources related to the release object of the first media resource.

[0086] According to the third aspect of the embodiments of the present disclosure, there is provided an electronic device, which includes:

[0087] One or more processors;

[0088] A memory for storing program code executable by the processor;

[0089] Wherein, the processor is configured to execute the program code to implement the above-mentioned media resource display method.

[0090] According to the fourth aspect of the embodiments of the present disclosure, there is provided a computer-readable storage medium, which includes: when the program code in the computer-readable storage medium is executed by the processor of the electronic device, the electronic device can execute the above-mentioned media resource display method.

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

[0092] It should be understood that the above general description and the following detailed description are only exemplary and explanatory, and cannot limit the present disclosure. Description of the Drawings

[0093] The drawings herein are incorporated into the specification and constitute a part of this specification, showing embodiments consistent with the present disclosure, and are used together with the specification to explain the principles of the present disclosure and do not constitute an improper limitation to the present disclosure.

[0094] Figure 1 It is a schematic diagram of an implementation environment provided by an embodiment of the present disclosure;

[0095] Figure 2 It is a flowchart of a media resource display method provided by an embodiment of the present disclosure;

[0096] Figure 3 It is a schematic diagram of a media resource display method provided by an embodiment of the present disclosure;

[0097] Figure 4 It is a flowchart of another media resource display method provided by an embodiment of the present disclosure;

[0098] Figure 5 It is a schematic diagram of another method for displaying media resources provided by an embodiment of the present disclosure;

[0099] Figure 6 It is a schematic diagram of another method for displaying media resources provided by an embodiment of the present disclosure;

[0100] Figure 7 It is a schematic diagram of another method for displaying media resources provided by an embodiment of the present disclosure;

[0101] Figure 8 It is a schematic diagram of yet another method for displaying media resources provided by an embodiment of the present disclosure;

[0102] Figure 9 It is a block diagram of a media resource display device provided by an embodiment of the present disclosure;

[0103] Figure 10 It is a block diagram of the structure of a terminal provided by an embodiment of the present disclosure. Detailed implementation manners

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

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

[0106] It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data for analysis, stored data, displayed data, etc.) and signals involved in this disclosure are all authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data need to comply with relevant laws, regulations and standards of relevant countries and regions. For example, the media resources, prompt information, etc. involved in the embodiments of this disclosure are all obtained under sufficient authorization. In some embodiments, the embodiments of this disclosure provide a permission inquiry page, which is used to inquire whether to grant the permission to obtain the above information. In this permission inquiry page, an agree authorization control and a refuse authorization control are displayed. When a trigger operation on the agree authorization control is detected, the media resource display method provided by the embodiments of this disclosure is used to obtain the above information.

[0107] Figure 1 is a schematic diagram of an implementation environment provided by an embodiment of the present disclosure. Refer to Figure 1 , this implementation environment includes: a terminal 101 and a server 102. The terminal 101 and the server 102 are directly or indirectly connected through a wired or wireless communication method, and no limitation is imposed on this.

[0108] The terminal 101 can be at least one of devices such as a smart phone, a smart watch, a desktop computer, a laptop computer, a virtual reality terminal, an augmented reality terminal, a wireless terminal, and a laptop portable computer. The terminal 101 has a communication function and can access a wired network or a wireless network. The terminal 101 can generally refer to one of multiple terminals, and only the terminal 101 is used as an example in this embodiment. Those skilled in the art can know that the number of the above terminals can be more or less. Schematically, a target application runs on the terminal 101, and this target application is used to provide a media resource display function. The target application is, for example, a video application, an audio application, a social application, etc., and no limitation is imposed on this. For example, the target application adopts forms such as a web application program, a micro program or a client, and the present disclosure is not limited thereto. Among them, a micro program refers to a program that runs relying on other application programs, such as a small program.

[0109] The server 102 may be an independent physical server, a server cluster or a distributed file system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms. In some embodiments, the server 102 is directly or indirectly connected to the terminal 101 by wired or wireless communication means, and the embodiments of the present disclosure do not limit this. Optionally, the number of the above-mentioned servers 102 may be more or less, and the embodiments of the present disclosure do not limit this. Schematically, the server 102 is used to provide background services for the target application running on the terminal 101. For example, in response to a display operation on a media resource, the terminal 101 obtains the corresponding media resource from the server 102 for display. Of course, the server 102 may also include other functional servers to provide more comprehensive and diverse services.

[0110] Figure 2 is a flowchart of a media resource display method provided by an embodiment of the present disclosure. As Figure 2 shown, taking the execution of this method by the terminal as an example, schematically, this method includes the following steps 201 and 202.

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

[0112] In the embodiments of the present disclosure, a target application runs on the terminal. The target application can provide a media resource display function. For the relevant introduction of the target application, refer to the foregoing content and will not be elaborated here. Among them, the media resource includes at least one of video (such as short plays, a relatively short drama or film and television work, or a video introducing an item or service, or a life recording video, etc., and the present disclosure is not limited thereto), live broadcast, picture, text, or web page. The present disclosure does not limit this. Schematically, the terminal displays the application interface of the target application, and displays the first media resource and the interaction container based on the information stream on the application interface.

[0113] The information stream includes multiple media resources. The terminal displays the first media resource based on the information stream, which means that the terminal sequentially plays multiple media resources based on the multiple media resources in the information stream, and the first media resource is any one of the multiple media resources. Among them, the terminal can play another media resource in the information stream after the current media resource finishes playing, or can respond to a media resource switching operation and switch the currently playing media resource to another media resource in the information stream. For example, the terminal responds to a media resource switching operation (such as a up-and-down sliding operation) on the application interface and switches the currently playing media resource to another media resource in the information stream.

[0114] The interaction container is an information component with human-computer interaction functions, and can be in the form of a card, a control, a floating window, a widget, etc., and the present disclosure does not limit this. The interaction container is related to the first media resource and includes at least one of the following:

[0115] (1) The information presented by the interaction container is related to the content displayed by the first media resource, and / or, the information presented by the interaction container is related to the release object of the first media resource. For example, if the first media resource is a video introducing item A, the name of item A or the object information of the release object is displayed on the interaction element in the interaction container. Another example is that if the first media resource is one episode of a short drama, a plot screenshot is displayed on the interaction element in the interaction container.

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

[0117] In addition, the interactive container includes at least one interactive element. The fact that the interactive element is used to move in the interactive container under the action of the first operation means that by implementing the first operation, a display effect of the interactive element moving in the interactive container can be presented. Among them, the present disclosure does not limit the shape of the interactive container, the number and shape of the interactive elements in the interactive container. For example, the number of interactive elements can be one or multiple; the shape of the interactive elements can be a cube, a sphere, a circle, a square or other irregular shapes, etc. Schematically, taking the interactive container as a square card and the interactive element as a sphere as an example, by implementing the first operation, a display effect of the small ball moving in the card can be presented. It should be noted that the first operation is a triggering operation performed on the interactive container, and its function is to achieve the display effect of the interactive element moving in the interactive container. The present disclosure does not limit the specific implementation manner of the first operation. For example, it is a twisting operation on the terminal, a dragging operation on the interactive element in the interactive container, etc. In practical applications, it can be set according to business requirements.

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

[0119] Taking the terminal covering and displaying the interactive container on the first media resource as an example, in some embodiments, on the basis of displaying the first media resource, the terminal adds a mask layer to display the interactive container. The transparency of the mask layer is greater than the first threshold. Among them, the first threshold is a preset threshold and can be set according to requirements. For example, the first threshold is set to 80% (this is only an example here and does not constitute a limitation to the present disclosure). Thus, on the basis of not affecting the display effect of the first media resource, the interactive container can be clearly displayed. That is, by setting the transparency of the mask layer to be greater than the first threshold, both the first media resource and the interactive container can be clearly displayed, ensuring the display effects of the first media resource and the interactive container.

[0120] In other embodiments, on the basis of displaying the first media resource, the terminal displays the interactive container. Among them, the transparency of the interactive container is greater than the transparency 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, on the basis of clearly displaying the interactive element, the occupation of the application interface by the interactive container can be reduced, and the resource utilization rate of the interface can be improved.

[0121] In some other embodiments, the terminal displays an interactive container based on the display content of the first media resource, so that the interactive container does not block the display content of the first media resource. That is to say, the display position of the interactive container can be adaptively adjusted according to the display content of the media resource currently being displayed, avoiding blocking the media resource, so as to clearly display the interactive container without affecting the display effect of the first media resource.

[0122] In some other embodiments, the terminal displays an interactive container, including: based on the date type to which the current date belongs, displaying the interactive container according to the display style corresponding to the date type, so that the interactive container is associated with the date type. Among them, the interactive container has multiple display styles, and different display styles correspond to different date types. For example, Festival A corresponds to display style 1, Festival B corresponds to display style 2, and so on. Schematically, the terminal obtains the current date, determines the date type to which the current date belongs based on the current date, and displays the interactive container according to the display style corresponding to the date type. In this way, combining the display style of the interactive container with the current date type can increase the interest of the interactive container, render the festival atmosphere, thereby improving the display effect of the interactive container and enhancing the user experience.

[0123] In step 202, when the moving forms of at least one interactive element in the interactive container meet the conditions, the terminal displays a second media resource related to the interactive container.

[0124] In the embodiments of the present disclosure, that the moving forms of at least one interactive element in the interactive container meet the conditions means that during the process of the interactive element in the interactive container moving under the action of the first operation, the moving forms (such as moving direction and / or moving speed, etc.) of the interactive element meet certain conditions.

[0125] That the terminal displays a second media resource related to the interactive container means that the interactive container provided in the present disclosure can be understood as an information component bound to the second media resource. The user can perform a first operation to interact with the interactive container, making the interactive element move in the interactive container. When the moving forms of the interactive element meet the conditions during the interaction process, the terminal is triggered to display the second media resource. Schematically, the second media resource can be any one of the following:

[0126] (1) Animations related to obtaining virtual resources, where the virtual resources are related to the first media resource. Here, the virtual resources are resources distributed to an object in a target application and associated with the first media resource, and are used for the object to participate in interactive operations associated with the first media resource. In some embodiments, the virtual resources refer to virtual resources associated with the content presented by the first media resource. For example, exchanging virtual resources for items, services, or movie / TV plot introduced by the first media resource, etc., and the present disclosure is not limited thereto. In other embodiments, the virtual resources refer to virtual resources associated with the publisher of the first media resource. For example, transferring virtual resources to the publisher of the first media resource to express preference for the first media resource, etc., and the present disclosure is not limited thereto. In this way, when the user performs a first operation to interact with the interaction container, and when the moving form of the interaction element during the interaction meets the conditions, the terminal is triggered to display animations related to obtaining virtual resources, facilitating the user to intuitively understand the obtaining method, obtaining channels, usage methods, etc. of the virtual resources, which not only increases the fun during the display process of the media resources, but also improves the information transmission efficiency.

[0127] (2) Media resources related to the display content of the first media resource. For example, if the first media resource is a video introducing item A, then the second media resource can be the details page of item A. Another example, if the first media resource is a short drama, then the second media resource can be behind-the-scenes footage, Easter eggs, or sequels. Still another example, if the first media resource is a video introducing service B, then the second media resource can be the web page or interface for providing service B, etc., and the present disclosure makes no limitation thereto. In this way, when the user performs a first operation to interact with the interaction container, and when the moving form of the interaction element during the interaction meets the conditions, the terminal is triggered to display media resources related to the display content of the first media resource, facilitating the user to further understand the content presented by the first media resource, etc., which not only increases the fun during the display process of the media resources, but also improves the information transmission efficiency and coherence.

[0128] (3) Media resources related to the publisher of the first media resource. For example, if the first media resource is a life record video, then the second media resource can be the homepage of the publisher, or other life record videos of the publisher, etc. In this way, when the user performs a first operation to interact with the interaction container, and when the moving form of the interaction element during the interaction meets the conditions, the terminal is triggered to display media resources related to the publisher of the first media resource, facilitating the user to further understand the relevant information of the publisher, which not only increases the fun during the display process of the media resources, but also improves the information transmission efficiency.

[0129] In addition, based on the aforementioned step 201, it can be known that the interactive container is not only related to the second media resource, but also related to the first media resource. It can be seen that the interactive container connects the associated first media resource and the second media resource. Through the above-mentioned interactive method of the interactive container, the connection from displaying the first media resource to displaying the second media resource is realized, which not only increases the fun of the media resource display process, 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 transmitted by the interactive container. Schematically, the terminal displays the interactive container, including: displaying resource information of the first media resource, the release information of the first media resource, and at least one of the resource information of the second media resource and the release information of the second media resource on the interactive element. It should be understood that in actual applications, the information displayed on the interactive element can be personalized according to needs to enrich the information transmitted by the interactive container, thereby improving the information transmission efficiency of the interactive container, and the present disclosure does not limit this.

[0131] Reference below Figure 3 , the media resource display method shown in the above step 201 and step 202 is illustrated by example. Figure 3 FIG. 1 is a schematic diagram of a method for displaying media resources provided by an embodiment of the present disclosure. Figure 3 As shown, the terminal displays the application interface 300 of the target application, and displays the first media resource 301 and the interactive container 302 (composed of the boxes and small balls shown in the figure) based on the information flow, wherein the terminal covers and displays the interactive container 302 on the basis of displaying the first media resource 301, for example, the interactive container 302 is in the lower left corner of the application interface 300, and does not block the display content of the first media resource 301. The interactive container 302 includes an interactive element 3021 (such as a small ball in the figure). Schematically, the terminal responds to a first operation, such as a twisting operation of the terminal, to trigger the animation of the interactive element 3021 moving left and right in the interactive container 302 with the twisting operation. When the movement form of the interactive element 3021 meets the conditions, for example, the small balls all move to the right area of ​​the interactive container, the terminal is triggered to display the second media resource 303, for example, an animation related to obtaining virtual resources.

[0132] It should be noted that Figure 3 What is shown is only an example and does not constitute a limitation of the present disclosure. For example, the layout of the application interface, the form of the label, the form of the interactive container (for example, the shape of each interactive element in the interactive container can also be other shapes), the animation effect, the conditions that the movement of the interactive element needs to meet, etc., can all be set according to business needs.

[0133] In summary, in the media resource display method provided in the embodiments of the present disclosure, during the process of displaying the first media resource based on the information stream, a new interaction method is provided by displaying an interaction container related to the first media resource. The interaction container includes an interaction element that can move under the action of a first operation. When the movement form of the interaction element in the interaction container meets the condition, the display of the second media resource related to the interaction container is triggered. It can be seen that the interaction container connects the associated first media resource and the second media resource, realizing the connection from the display of the first media resource to the display of the second media resource. Through the above interaction method, not only the display form of the media resource is enriched, the information transmission efficiency is improved, but also the interaction method based on the interaction container can increase the interest during the media resource display process and improve the user experience.

[0134] After the above Figure 2 and Figure 3 , a brief introduction to the media resource display method provided by the present disclosure has been given. Next, refer to Figure 4 , and the embodiments of the present disclosure will be introduced in detail.

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

[0136] 401. The terminal displays a first media resource and a prompt component based on the information stream.

[0137] In the embodiments of the present disclosure, the process of the terminal displaying the first media resource based on the information stream is the same as the corresponding content in the foregoing step 201 and will not be elaborated here. In this step, during the process of the terminal displaying the first media resource, a prompt component is displayed. The prompt component is an information component for transmitting information and can prompt the interaction method of displaying the second media resource based on the interaction container. The prompt component can be in the form of a control, a floating window, a widget, a card, etc., and the present disclosure does not limit this. Schematically, the terminal can display the prompt component by covering the first media resource, or divide the application interface of the target application into multiple regions and display the first media resource and the prompt component in different regions respectively, etc., and the present disclosure does not limit this.

[0138] Schematically, the prompt component prompts the interaction method of displaying the second media resource based on the interaction container through at least one of the following methods:

[0139] (1) Display a display countdown of the interaction container in the prompt component. That is, a countdown is performed on the start of displaying the interaction container through the prompt component to achieve the purpose of reminding the user that the interaction container will be displayed soon to trigger the display of the second media resource.

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

[0141] The present disclosure does not limit the manner in which the prompt component implements the prompt function. Additionally, the present disclosure does not limit the timing at which the terminal displays the prompt component. For example, the terminal may synchronously display the prompt component when starting to display the first media resource, or 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 an animation related to the interaction container in the prompt component. For example, an animation related to the interaction element in the interaction container is displayed. In this way, the connection between the prompt component and the interaction container is achieved, improving the coherence from the display of the prompt component to the display of the interaction container, and capable of enhancing the user experience.

[0143] In step 402, when the prompt component meets the display condition, the terminal displays the interaction container. The interaction container is related to the first media resource, and the interaction container includes at least one interaction element. The interaction element is used to move in the interaction container under the action of the first operation.

[0144] In the embodiments of the present disclosure, the interaction container is the same as the corresponding content in the foregoing step 201, so details are not described herein again. In this step, when the prompt component meets the display condition, the terminal displays the interaction container. Among them, the display condition includes at least one of the following:

[0145] (1) The prompt component indicates that the display countdown of the interaction container has expired. For example, the countdown is 3s, and the prompt component indicates "XX will be displayed after 3s 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 interaction container.

[0146] (2) A trigger operation is performed on the prompt component. For example, the prompt message "Click to participate in the interaction and obtain YY" (YY is, for example, a virtual resource related to the first media resource) is displayed in the prompt component, and the terminal displays the interaction container in response to the trigger operation on the prompt component.

[0147] It should be understood that the above two display conditions can also be combined. For example, the prompt message "XX will be displayed after 3s to obtain YY, or click to participate in the interaction and obtain YY" is displayed in the prompt component. The present disclosure does not limit this. It should be noted that the present disclosure does not limit the content displayed by the prompt component. In some embodiments, the prompt component can also display the resource information of the first media resource, the object information of the publishing object, and so on.

[0148] In some embodiments, when the terminal determines that the prompt component meets the display condition, it uses a transition animation effect to switch the prompt component to an interaction container. That is, the present disclosure provides a transition method for switching between a prompt component and an interaction container. By using a transition animation effect, the continuity of the connection between the prompt component and the interaction container is increased. Or rather, the prompt component is associated with the interaction container, avoiding the sense of jerk during the switch, thereby improving the interface display effect. Schematically, when the terminal uses a transition animation effect to switch the prompt component to an interaction container, it includes any of the following methods:

[0149] (1) Display an animation in which the prompt component moves out of the display interface of the first media resource in a target direction and the interaction container moves into the display interface in the target direction. The target direction is a preset direction and can be set according to actual needs. For example, when the target direction is to the right, the terminal displays an animation in which the prompt component moves out of the interface to the right and the interaction container moves into the interface to the right, thereby achieving the transition animation effect.

[0150] (2) Display an animation in which the prompt component fades out of the display interface and the interaction container fades in to the display interface. For example, the terminal displays that the transparency of the prompt component becomes higher and higher and the transparency of the interaction container becomes lower and lower, thereby achieving the transition animation effect. It should be noted that the above implementation methods of the transition animation effect are only for illustrative purposes and do not constitute a limitation to the present disclosure. Any other transition animations used to implement the transition between the prompt component and the interaction container can be applied to the present disclosure.

[0151] Schematically, referring to Figure 5 , Figure 5 is a schematic diagram of another media resource display method provided by an embodiment of the present disclosure. As Figure 5 shown, the terminal displays the application interface 500 of the target application, and based on the information stream, displays the first media resource 501 and the prompt component 502. The prompt component 502 indicates "XX will be displayed after 3s to obtain YY", and an animation 5021 related to the interaction container is displayed on the prompt component 502. After the countdown ends, the terminal switches the prompt component 502 to the interaction container 503. In addition, taking the first media resource as a video as an example, when the terminal displays the interaction container, it can pause the display of the first media resource or continue to display it, and the present disclosure does not make a limitation thereto.

[0152] In step 403, the terminal responds to the first operation and displays an animation in which at least one interaction element moves in the interaction container, and the moving form of the at least one interaction element is related to the first operation.

[0153] In the embodiments of the present disclosure, based on the foregoing Figure 2As can be seen from the illustrated embodiments, the interactive elements in the interactive container can move under the action of the first operation, thereby presenting the display effect of the interactive elements moving in the interactive container. Schematically, the movement form of at least one interactive element being related to the first operation means that the operation mode of the first operation is related to the moving speed and / or moving path of the interactive element in the interactive container. In the embodiments of the present disclosure, the following implementation manners of the first operation are provided:

[0154] (1) The first operation is a twisting operation on the terminal. Based on this, the movement form 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. Among them, there is a gravity sensing device on the terminal that can detect the body direction, rotation angle, gravitational acceleration, etc. of the terminal to realize the perception of the states such as the tilt and movement of the device. Schematically, the terminal, through the gravity sensing device, responds to the twisting operation on the terminal, and based on at least one of the twisting angle, twisting direction, and twisting speed corresponding to the twisting operation, triggers the animation showing at least one interactive element moving in the interactive container. For example, the interactive element moves in the interactive container along with 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 and has a larger tilt angle. Another example is that 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 and has a smaller tilt angle. Another example is that the interactive element moves in the interactive container along with the twisting speed, twisting angle, and twisting direction. For example, if the twisting direction of the twisting operation is back and forth left and right with a frequency of 2 times per second and the twisting angle is 60 degrees, the interactive element quickly moves left and right in the interactive container and has a larger tilt angle.

[0155] Realizing the movement of the interactive elements in the interactive container by performing a twisting operation on the terminal, on the one hand, makes the dynamic trend of the interactive elements in the interactive container more in line with the movement of the terminal, so that the user feels that they have controlled the movement direction of the interactive elements, which can increase the fun of the operation; on the other hand, realizing the movement of the interactive elements through a simple twisting operation can improve the human-computer interaction efficiency. For example, when the user holds the terminal with one hand and browses the first media resource, the terminal displays the interactive container. The user does not need to change the holding posture, but realizes the movement of the interactive elements by simply twisting the terminal and participates in the interaction method 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 form of at least one interactive element is related to the interactive element corresponding to the drag operation. Among them, the interactive element corresponding to the drag operation can be one or more. For example, the user can implement a drag operation on interactive element A with a single finger, or implement a drag operation on interactive elements B and C with two fingers. The present disclosure does not limit this. In addition, the drag operation on the interactive element is, for example, a long - press on the interactive element and then moving it. The user can perform the drag operation to drag the corresponding interactive element to the corresponding position. For example, drag the interactive element out of the interactive container, or drag the interactive element to a specified position in the interactive container, etc. It should be noted that the drag operation on the interactive element can be a continuous long - press operation (such as continuously long - pressing the interactive element to move it in multiple directions), or multiple long - press operations (such as long - pressing the interactive element to move it in direction A and then releasing, and then long - pressing the interactive element to move it in direction B, where direction A and direction B are different). The present disclosure does not limit this.

[0157] Implementing the movement of the interactive element by performing a drag operation on the interactive element is convenient and efficient, improving the human - machine interaction efficiency.

[0158] In some embodiments, the terminal displays a first prompt message, which indicates to perform a first operation on the interactive container to trigger the display of a second media resource. In this way, the purpose of timely reminding the user is achieved. Schematically, the terminal can display the first prompt message covering the interactive container, or display the first prompt message at an adjacent position of the interactive container. The present disclosure does not limit this. In addition, when the terminal displays the interactive container in step 402, it can synchronously display the first prompt message to remind the user to perform the first operation. After the user performs the first operation, the display of the first prompt message is cancelled to avoid the first prompt message occupying the display space of the interface for a long time.

[0159] Schematically, referring to Figure 6 , Figure 6 is a schematic diagram of another method for displaying media resources provided by an embodiment of the present disclosure. As Figure 6 shown, the terminal displays the application interface 600 of the target application, and displays the first media resource 601 and the interactive container 602 on the application interface 600. The interactive container 602 includes a plurality of interactive elements 603. Among them, in response to the first operation (such as a twisting operation), the terminal displays an animation of the plurality of interactive elements moving in the interactive container. For example, if the twisting direction of the twisting operation is to the right, an animation of the plurality of interactive elements moving to the right in the interactive container is displayed; if the twisting direction of the twisting operation is to the left, an animation of the plurality of interactive elements moving to the left in the interactive container is displayed.

[0160] Schematically, referring toFigure 7 , Figure 7 is a schematic diagram of another media resource display method provided by an embodiment of the present disclosure. As Figure 7 shown, the terminal displays the application interface 700 of the target application, and displays the first media resource 701 and the interaction container 702 on the application interface 700. The interaction container 702 includes a plurality of interaction elements 703. Among them, in response to the first operation (such as a drag operation), the terminal displays an animation of the movement of the interaction element A corresponding to the drag operation in the interaction container. For example, the user performs a drag operation to drag the interaction element A to position 1. For another example, the interaction element A is dragged out of the interaction container.

[0161] In step 404, when the movement forms of at least one interaction element in the interaction container meet the conditions, the terminal displays the second media resource related to the interaction container.

[0162] In the embodiments of the present disclosure, the terminal may display the second media resource on the current interface, or may jump from the current interface to other interfaces to display the second media resource. The present disclosure does not limit this. Schematically, taking the display interface of the first media resource as the first interface as an example, the terminal displays the first media resource and the interaction container on the first interface. When the movement forms of at least one interaction element in the interaction container meet the conditions, the terminal jumps from the first interface to the second interface and displays the second media resource on the second interface.

[0163] In some embodiments, the second media resource is used to trigger the display of the third interface. Schematically, the terminal displays the second media resource on the first interface where the first media resource is located. In response to the trigger operation on the second media resource, the terminal jumps from the first interface to the third interface and displays the information related to the first media resource on the third interface. For example, taking the first media resource as a video introducing item A as an example, the terminal displays the first media resource on the first interface, and displays the interaction container to provide an interactive way to trigger the display of the second media resource. When the movement forms of at least one interaction element in the interaction container meet the conditions, the terminal displays the second media resource. The second media resource is, for example, a transition animation used to trigger the display of the third interface. The terminal jumps from the first interface to the third interface in response to the trigger operation on the second media resource and displays the relevant information of item A on the third interface.

[0164] The conditions satisfied by the movement forms of at least one interaction element in the interaction container are conditions for triggering the display of the second media resource, and can also be understood as a specific implementation form of the interaction method provided by the interaction container, which can be customized according to actual needs. Based on the foregoing step 403, it can be known that the first operation involved in the present disclosure may be a twisting operation or a drag operation. Correspondingly, different conditions can be set according to different types of first operations. Schematically, step 404 includes the following situations:

[0165] Case 1: The first operation is a twisting operation. Schematically, when the movement pattern of at least one interactive element in the interactive container meets the conditions, the second media resource related to the interactive container is displayed, including any one of the following:

[0166] (1) When the twisting angle of the twisting operation reaches the first angle, it triggers the movement pattern of at least one interactive element to meet the conditions, and the second media resource is displayed. Herein, the first angle is a preset angle that can be set according to actual requirements. For example, the first angle is 60 degrees, and the present disclosure does not limit this. This process is also that when the twisting operation is detected, the twisting angle of the twisting operation is obtained. Since the movement pattern of the 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 conditions, triggering the display of the second media resource.

[0167] (2) When the twisting direction of the twisting operation is the first direction, it triggers the movement pattern of at least one interactive element to meet the conditions, and the second media resource is displayed. Herein, the first direction is a preset direction that can be set according to actual requirements. For example, the first direction is to the left, and the present disclosure does not limit this. This process is also that when the twisting operation is detected, the twisting direction of the twisting operation is obtained. Since the movement pattern of the 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 conditions, triggering the display of the second media resource.

[0168] (3) When the twisting speed of the twisting operation reaches the first speed, it triggers the movement pattern of at least one interactive element to meet the conditions, and the second media resource is displayed. Herein, the first speed is a preset speed that can be set according to actual requirements. For example, the first speed is twisting 2 times per second, and the present disclosure does not limit this. This process is also that when the twisting operation is detected, the twisting speed of the twisting operation is obtained. 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 conditions, triggering the display of the second media resource.

[0169] Case 2: The first operation is a dragging operation. Schematically, when the movement pattern of at least one interactive element in the interactive container meets the conditions, the second media resource related to the interactive container is displayed, including any one of the following:

[0170] (1)In response to the interaction element corresponding to the drag operation being located at the first position, trigger the movement form of at least one interaction element to meet the condition, and display the second media resource. The first position is a preset position and can be set according to actual needs. For example, the interaction container includes 9 positions, and each position can display an interaction element. Position 1 is the first position, and the present disclosure does not limit this. This process is also that when detecting the drag operation, obtain the position of the interaction element corresponding to the drag operation in the interaction container. Since the movement form of the interaction element is related to the interaction element corresponding to the drag operation, when the interaction element corresponding to the drag operation is located at the first position, the movement form of the interaction element also meets the condition, triggering the display of the second media resource.

[0171] (2)In response to the interaction element corresponding to the drag operation reaching the first quantity, trigger the movement form of at least one interaction element to meet the condition, and display the second media resource. The first quantity is a preset quantity and can be set according to actual needs. For example, the interaction container includes 5 interaction elements, and the first quantity is 3, and the present disclosure does not limit this. This process is also taking the example that the interaction element can be dragged outside the interaction container by implementing the drag operation. When detecting the drag operation, obtain the position of the interaction element corresponding to the drag operation. Since the movement form of the interaction element is related to the interaction element corresponding to the drag operation, when the interaction element corresponding to the drag operation is located outside the interaction container, determine the quantity of the interaction elements in the current interaction container. When the quantity of the interaction elements in the interaction container reaches the first quantity, the movement form of the interaction element also meets the condition, triggering the display of the second media resource.

[0172] It should be noted that the above conditions for triggering the display of the second media resource through the movement form of the interaction element are only for illustrative purposes and do not constitute a limitation on this application. In practical applications, the conditions for triggering the display of the second media resource through the movement form of the interaction element can be set according to requirements.

[0173] In the above steps 401 to 404, an interaction method based on an interaction container is provided. Among them, under the action of the first operation, when the movement form of the interaction element in the interaction container meets the condition, trigger the terminal to display the 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 display duration of the interaction container reaches the first duration. The first duration is a preset duration and can be set according to actual needs. For example, the first duration is 5 seconds. This process is also that the terminal can automatically display the second media resource when the display duration of the interaction container reaches the first 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, the second media resource is displayed. The second operation is different from the first operation. Herein, the second duration is a preset duration that can be set according to actual requirements. For example, the second duration is 10 seconds. The second operation is, for example, a click operation. This process means that 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 second operation performed by the user. For example, when the display duration of the interactive container reaches the second duration, the terminal can display a second prompt message, and the second prompt message indicates performing the second operation on the interactive container to trigger the display of the second media resource. In this way, the purpose of timely reminding the user is achieved.

[0176] It can be seen that in the embodiments of the present disclosure, on the basis of displaying the interactive container, multiple ways to trigger the display of the second media resource are provided, enriching the interaction form of the interactive container and enhancing the user experience. For example, in step 403 above, the user performs the first operation but does not make the moving form of the interactive element meet the conditions. Based on this, when the display duration of the interactive container reaches the second duration, the user can perform the second operation to trigger the display of the second media resource.

[0177] In addition, when the display of the first media resource ends and the moving form of at least one interactive element in the interactive container does not meet the conditions, the terminal can keep displaying the interactive container, avoiding interruption of the interaction process between the user and the interactive container and ensuring the user's interaction experience. Schematically, on the basis of keeping the interactive container displayed, the terminal can display a third media resource based on the information flow, and the third media resource is related to the first media resource. That is, on the basis of keeping the interactive container displayed, the terminal continues to display other media resources related to the first media resource, maintaining the coherence of the content displayed by the media resources. The terminal can also repeat the display of the first media resource on the basis of keeping the interactive container displayed. The embodiments of the present disclosure do not limit this.

[0178] Next, with reference to Figure 8 , an example is given to illustrate the method for displaying media resources shown in steps 401 to 404 above. With reference to Figure 8 , Figure 8 is a schematic diagram of another method for displaying media resources provided by the embodiments of the present disclosure. As shown in Figure 8As shown, the terminal displays the application interface 800 of the target application, and based on the information stream, displays the first media resource 801 and the prompt component 802. The prompt component 802 indicates "XX will be displayed in 3s to obtain YY" (YY is, for example, a virtual resource related to the first media resource). Moreover, an animation related to the interaction container 803 is displayed on the prompt component 802. After the countdown of the prompt component 802 ends (that is, the prompt component meets the display condition), the terminal displays the interaction container 803. Then, the terminal displays the first prompt message 804, which is used to prompt to perform a first operation on the interaction container 803 to trigger the display of the second media resource. In response to the first operation, such as a twisting operation, an animation of the movement of the interaction element in the interaction container is displayed. In this process, if the movement form of the interaction element in the interaction container meets the condition (such as the twisting angle of the twisting operation reaches 60 degrees), the second media resource 805, such as an animation of obtaining YY, is displayed. If the movement form of the interaction element in the interaction container does not meet the condition, or the display duration of the interaction container reaches the preset duration, the terminal displays the second prompt message 806 on the interaction container 803, which is used to prompt to perform a second operation, such as a click operation. In response to the second operation, the second media resource 805 is displayed. Additionally, in some scenarios, the second media resource 805 is used to trigger the display of other interfaces. Schematically, the terminal jumps from the application interface 800 to other interfaces in response to the trigger operation on the second media resource 805, and displays information related to the first media resource 801 on the other interfaces.

[0179] In summary, in the media resource display method provided in the present disclosure, during the process of displaying the first media resource based on the information stream, by displaying an interaction container related to the first media resource, a new interaction method is provided. Among them, the interaction container includes an interaction element that can move under the action of the first operation. When the movement form of the interaction element in the interaction container meets the condition, it triggers the display of the second media resource related to the interaction container. It can be seen that the interaction container connects the associated first media resource and the second media resource, realizing the connection from displaying the first media resource to displaying the second media resource. Through the above interaction method, not only the display form of the media resource is enriched, the information transmission efficiency is improved, but also the interaction method based on the interaction container can increase the fun during the media resource display process and improve the user experience.

[0180] Figure 9 is a block diagram of a media resource display device provided by an embodiment of the present disclosure. Referring 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, based on an information flow, displaying a first media resource and an interaction container. The interaction container is related to the first media resource. The interaction container includes at least one interaction element, and the interaction element is used to move in the interaction container under the action of a first operation.

[0182] The second display unit 902 is configured to perform displaying a second media resource related to the interaction container when the movement form of at least one interaction element in the interaction container meets a condition.

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

[0184] In response to the first operation, displaying an animation of at least one interaction element moving in the interaction container, and the movement form of at least one interaction element is related to the first operation.

[0185] In some embodiments, the first operation is a twisting operation on the terminal, and the movement form of at least one interaction 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 one of the following:

[0187] In response to the twisting angle of the twisting operation reaching a first angle, triggering the movement form of at least one interaction element to meet the condition and displaying the second media resource; or,

[0188] In response to the twisting direction of the twisting operation being a first direction, triggering the movement form of at least one interaction element to meet the condition and displaying the second media resource; or,

[0189] In response to the twisting speed of the twisting operation reaching a first speed, triggering the movement form of at least one interaction element to meet the condition and displaying the second media resource.

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

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

[0192] In response to the interaction element corresponding to the dragging operation being located at a first position, triggering the movement form of at least one interaction element to meet the condition and displaying the second media resource; or,

[0193] In response to the interaction element corresponding to the dragging operation reaching a first quantity, triggering the movement form of at least one interaction element to meet the condition and displaying the second media resource.

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

[0195] Display a first prompt message, the first prompt message instructing to perform a first operation 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 stream, display a first media resource and a prompt component;

[0198] When the prompt component meets the display condition, display an interaction container.

[0199] In some embodiments, the display condition includes at least one of the following:

[0200] The prompt component indicates that the display countdown of the interaction container has expired;

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

[0202] In some embodiments, displaying the prompt component includes:

[0203] Display an animation related to the interaction container in the prompt component.

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

[0205] Based on the information stream, display a first media resource, and based on the display content of the first media resource, display an interaction container so that the interaction container does not block the display content of the first media resource.

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

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

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

[0209] On an interaction element, display at least one of the resource information of the first media resource, the release information of the first media resource, the resource information of the second media resource, and the release information of the second media resource.

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

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

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

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

[0214] When the display duration of the interactive container reaches a first duration, a second media resource is displayed;

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

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

[0217] An animation related to obtaining a virtual resource, and the virtual resource is related to the first media resource; or,

[0218] A media resource related to the display content of the first media resource; or,

[0219] A media resource related to the publishing object of the first media resource.

[0220] Through the above device, in the process of displaying the first media resource based on the information stream, by displaying an interactive container related to the first media resource, a new interaction method is provided. Among them, the interactive container includes interactive elements that can move under the action of a first operation. When the movement form of the interactive elements in the interactive container meets the conditions, the display of a second media resource related to the interactive container is triggered. It can be seen that the interactive container connects the associated first media resource and the second media resource, realizing the connection from displaying the first media resource to displaying the second media resource. Through the above interaction method, not only the display form of the media resource is enriched and the information transmission efficiency is improved, but also the interaction method based on the interactive container can increase the interest in the process of displaying the media resource and enhance the user experience.

[0221] It should be noted that: when the above media resource display device displays media resources, only the above division of each functional module is used for illustration. In practical applications, the above functions can be allocated to different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the above media resource display device provided in the embodiment and the media resource display method embodiment belong to the same concept, and the specific implementation process is detailed in the method embodiment, which will not be repeated here.

[0222] Figure 10 It is a structural block diagram of a terminal provided by an embodiment of the present disclosure. The terminal 1000 may be: a smart phone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III), an MP4 (Moving Picture Experts Group Audio Layer IV) player, a notebook computer or a desktop computer. The terminal 1000 may also be referred to by other names such as user equipment, portable terminal, laptop terminal, desktop terminal, etc.

[0223] Generally, the terminal 1000 includes: a processor 1001 and a memory 1002.

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

[0225] The memory 1002 may include one or more computer-readable storage media, and the computer-readable storage media 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 and flash storage devices. In some embodiments, the non-transitory computer-readable storage media in the memory 1002 is used to store at least one program code, and the at least one program code is used to be executed by the processor 1001 to implement the process executed by the terminal in the media resource display method provided by the method embodiment of the present application.

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

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

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

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

[0230] The camera module 1006 is used to capture images or videos. Optionally, the camera module 1006 includes a front camera and a rear camera. Generally, the front camera is disposed on the front panel of the terminal, and the rear camera is disposed on the back of the terminal. In some embodiments, there are at least two rear cameras, which are any one of a main camera, a depth camera, a wide-angle camera, and a telephoto camera, so as to realize the function of background blurring by fusing the main camera and the depth camera, the function of panoramic shooting by fusing the main camera and the wide-angle camera, and the VR (Virtual Reality) shooting function or other fusion shooting functions. In some embodiments, the camera module 1006 may further include a flash. The flash can be a single-color-temperature flash or a two-color-temperature flash. The two-color-temperature flash refers to the combination of a warm-light flash and a cold-light flash, and can be used for light compensation under different color temperatures.

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

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

[0233] The power supply 1009 is used to supply power to each component in the terminal 1000. The power supply 1009 may be alternating current, direct current, a primary battery or a rechargeable battery. When the power supply 1009 includes a rechargeable battery, the rechargeable battery may support wired charging or wireless charging. The rechargeable battery may 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 acceleration sensor 1011, a gyroscope sensor 1012, a pressure sensor 1013, a fingerprint sensor 1014, an optical sensor 1015 and a proximity sensor 1016.

[0235] The acceleration sensor 1011 can detect the magnitude of acceleration on the three coordinate axes of the coordinate system established with the terminal 1000. For example, the acceleration sensor 1011 can be used to detect the components of the gravitational acceleration on the three coordinate axes. The processor 1001 can control the display screen 1005 to display the user interface in a landscape view or a portrait view according to the gravitational acceleration signal collected by the acceleration sensor 1011. The acceleration sensor 1011 can also be used for collecting game or user's motion data.

[0236] The gyroscope sensor 1012 can detect the body direction and rotation angle of the terminal 1000. The gyroscope sensor 1012 can cooperate with the acceleration sensor 1011 to collect the 3D actions of the user on the terminal 1000. Based on the data collected by the gyroscope sensor 1012, the processor 1001 can implement the following functions: motion sensing (such as changing the UI according to the user's tilting operation), image stabilization during shooting, game control, and inertial navigation.

[0237] The pressure sensor 1013 can be disposed on the side frame of the terminal 1000 and / or the lower layer of the display screen 1005. When the pressure sensor 1013 is disposed on the side frame of the terminal 1000, it can detect the holding signal of the user on the terminal 1000, and the processor 1001 can perform left / right hand recognition or quick operation based on the holding 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 according to the pressure operation of the user 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 the fingerprint of the user. The processor 1001 can identify the user's identity based on the fingerprint collected by the fingerprint sensor 1014, or the fingerprint sensor 1014 can identify the user's identity based on the collected fingerprint. When the identified user identity is a trusted identity, the processor 1001 authorizes the user to perform relevant sensitive operations, and the sensitive operations include unlocking the screen, viewing encrypted information, downloading software, making payments, and changing settings, etc. The fingerprint sensor 1014 can be disposed on the front, back, or side of the terminal 1000. When there are physical buttons or manufacturer logos on the terminal 1000, the fingerprint sensor 1014 can be integrated with the physical buttons or manufacturer logos.

[0239] The optical sensor 1015 is used to collect the ambient light intensity. In one embodiment, the processor 1001 can control the display brightness of the display screen 1005 according to 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 module 1006 according to the ambient light intensity collected by the optical sensor 1015.

[0240] The proximity sensor 1016, also known as a distance sensor, is typically disposed on the front panel of the terminal 1000. The proximity sensor 1016 is used to collect 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 the lit state to the 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 the off state to the lit state.

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

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

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

[0244] After considering the specification and practicing the invention disclosed herein, those skilled in the art will readily conceive of other embodiments of the present disclosure. The present disclosure is intended to cover any variations, uses, or adaptations of the present disclosure, which follow the general principles of the present disclosure and include known common knowledge or conventional technical means in the technical field not disclosed in the present disclosure. The specification and embodiments are only regarded as exemplary, and the true scope and spirit of the present disclosure are pointed out by the following claims.

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

Claims

1. A method for displaying media resources, characterized in that, The method includes: Based on the information flow, display a first media resource and an interaction container, where the interaction container is related to the first media resource, and the interaction container includes at least one interaction element, and the interaction element is used to move in the interaction container under the action of a first operation; When the movement form of the at least one interaction element in the interaction container meets the condition, display a second media resource related to the interaction container.

2. The media resource display method according to claim 1, wherein The method further includes: In response to the first operation, display an animation of the at least one interaction element moving in the interaction container, and the movement form of the at least one interaction element is related to the first operation.

3. The media resource display method according to claim 2, wherein The first operation is a twisting operation on the terminal, and the movement form of the at least one interaction element is related to at least one of the twisting angle, twisting direction, and twisting speed of the twisting operation.

4. The media resource display method according to claim 3, wherein The step of displaying a second media resource related to the interaction container when the movement form of the at least one interaction element in the interaction container meets the condition includes any one of the following: In response to the twisting angle of the twisting operation reaching a first angle, trigger the movement form of the at least one interaction element to meet the condition, and display the second media resource; or, In response to the twisting direction of the twisting operation being a first direction, trigger the movement form of the at least one interaction element to meet the condition, and display the second media resource; Or, In response to the twisting speed of the twisting operation reaching a first speed, trigger the movement form of the at least one interaction element to meet the condition, and display the second media resource.

5. The media resource display method according to claim 2, wherein The first operation is a dragging operation on the at least one interaction element, and the movement form of the at least one interaction element is related to the interaction element corresponding to the dragging operation.

6. The media resource display method according to claim 5, wherein, The step of displaying a second media resource related to the interaction container when the movement form of the at least one interaction element in the interaction container meets the condition includes any one of the following: In response to the interaction element corresponding to the dragging operation being located at a first position, trigger the movement form of the at least one interaction element to meet the condition, and display the second media resource; Or, In response to the interaction element corresponding to the dragging operation reaching a first quantity, trigger the movement form of the at least one interaction element to meet the condition, and display the second media resource.

7. The media resource display method according to claim 1, wherein The method further includes: Display a first prompt message, and the first prompt message indicates to perform the first operation to trigger the display of the second media resource.

8. The media resource display method according to claim 1, wherein The step of displaying a first media resource and an interaction container based on the information flow includes: Based on the information flow, display the first media resource and a prompt component; When the prompt component meets the display condition, display the interaction container.

9. The media resource display method according to claim 1, characterized in that The step of displaying a first media resource and an interaction container based on the information flow includes: Based on the information flow, display the first media resource, and based on the display content of the first media resource, display the interaction container so that the interaction container does not block the display content of the first media resource.

10. The media resource display method according to claim 1, characterized in that, Displaying the interaction container includes: Based on the date type to which the current date belongs, 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.

11. The media resource display method according to claim 1, wherein The method further includes: Display at least one of the resource information of the first media resource, the release information of the first media resource, the resource information of the second media resource, and the release information of the second media resource on the interactive element.

12. The media resource display method according to claim 1, wherein In the case where the display of the first media resource ends and the moving form of the at least one interactive element in the interactive container does not meet the condition, the method further includes any one of the following: On the basis of keeping the interactive container displayed, display a third media resource based on the information stream, where the third media resource is related to the first media resource; or, On the basis of keeping the interactive container displayed, repeat the display of the first media resource.

13. The media resource display method according to claim 1, wherein The method further includes: Display the second media resource when the display duration of the interactive container reaches a first duration; Display the second media resource when the display duration of the interactive container reaches a second duration and a second operation is performed on the interactive container, where the second operation is different from the first operation.

14. The media resource display method according to claim 1, wherein The second media resource is any one of the following: An animation related to obtaining a virtual resource, where the virtual resource is related to the first media resource; or, A media resource related to the display content of the first media resource; or, A media resource related to the release object of the first media resource.

15. A media resource display device, characterized in that, The apparatus includes: A first display unit configured to display a first media resource and an interactive container based on an information stream, where the interactive container is related to the first media resource, the interactive container includes at least one interactive element, and the interactive element is configured to move in the interactive container under the action of a first operation; A second display unit configured to display a second media resource related to the interactive container when the moving form of the at least one interactive element in the interactive container meets the condition.

16. An electronic device, characterized in that, The electronic device includes: One or more processors; A memory for storing program code executable by the processor; Wherein, the processor is configured to execute the program code to implement the media resource display method according to any one of claims 1 to 14.

17. 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 enabled to execute the media resource display method according to any one of claims 1 to 14.

18. A computer program product, characterized in that, The computer program product includes a computer program, and when the computer program is executed by the processor of the electronic device, the electronic device is enabled to execute the media resource display method according to any one of claims 1 to 14.

Images