Resource display method and device, electronic equipment and storage medium

Abstract

The invention relates to a resource display method and device, electronic equipment and a storage medium, and the method comprises the steps: when a resource display page meets a first display condition of a preset resource, displaying a card of a preset style in the resource display page, displaying a resource carrier element in a preset region of the card, and displaying a resource main body element in the preset region of the card, the resource carrier element and the resource main body element are first associated elements of the preset resource. According to the embodiment of the invention, more information can be displayed on the page within limited time, the service resources are utilized more fully, the maximum utilization of the service resources is realized, and meanwhile, the information display efficiency can be improved and the page interactivity can be increased through different forms of display of the information.

Description

Technical Field

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

[0002] With the rapid development of the current mobile Internet, the dissemination of information based on mobile terminals has become more and more mature. Usually, information can be disseminated through various websites or applications embedded in the terminal.

[0003] However, the current forms of information dissemination are relatively simple, and such simple forms of information dissemination will lead to a poor interactive experience, resulting in low utilization of resources supporting information dissemination. Summary of the invention

[0004] The present disclosure provides a resource display method, device, electronic device and storage medium. The technical solution of the present disclosure is as follows:

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

[0006] When the resource display page meets the first display condition of the preset resource, a card of the preset style is displayed on the resource display page;

[0007] Display resource carrier elements in the preset area of ​​the card;

[0008] The resource main element is displayed in the preset area of ​​the card; the resource carrier element and the resource main element are both the first associated elements of the preset resource.

[0009] In some possible embodiments, displaying a resource carrier element in a preset area of ​​a card includes:

[0010] The resource carrier elements in the first state and the resource carrier elements in the second state are displayed alternately in a preset area of ​​the card.

[0011] In some possible embodiments, displaying the resource main body element in a preset area of ​​the card includes:

[0012] When the card meets the second display condition, the resource main body element is displayed in a preset area of ​​the card.

[0013] In some possible embodiments, when a card satisfies the second display condition, displaying a resource main body element in a preset area of ​​the card includes:

[0014] When the display duration of the resource carrier element in the preset area meets the first preset duration, the resource main element is displayed in the preset area of ​​the card, or the first type of resource main element and the second type of resource main element are alternately displayed in the preset area of ​​the card;

[0015] or;

[0016] In response to the resource body display instruction triggered based on the card, the resource body elements are displayed in the preset area of ​​the card, or the first type of resource body elements and the second type of resource body elements are alternately displayed in the preset area of ​​the card.

[0017] In some possible embodiments, when the resource display page meets the first display condition of the preset resource, before the resource display page displays the card of the preset style, the method further includes:

[0018] The multimedia playback information is displayed on the resource display page; the multimedia playback information is associated with the preset resources;

[0019] A viewing prompt control of a preset resource is displayed at a preset position on the resource display page; the viewing prompt control displays a dynamic indication mark of the preset resource.

[0020] In some possible embodiments, the viewing prompt control also displays a dynamic countdown component;

[0021] When the resource display page meets the first display condition of the preset resource, a card of a preset style is displayed on the resource display page, including:

[0022] When the countdown of the dynamic countdown component ends, a card with a preset style is displayed on the resource display page;

[0023] or;

[0024] In response to a card display instruction triggered based on the viewing prompt control, a card of a preset style is displayed on the resource display page.

[0025] In some possible embodiments, after displaying the resource body element in the preset area of ​​the card, the method further includes:

[0026] If no preset interactive operation is detected within the second preset time, a second associated element of the preset resource is displayed on the upper layer of the multimedia playback information played on the resource display page; the second associated element is an associated element in a dynamic form or a static form.

[0027] In some possible embodiments, after the second associated element of the preset resource is displayed on the upper layer of the multimedia playback information played on the resource display page, the method further includes:

[0028] In response to the resource display instruction triggered based on the second associated element, display the resource operation space corresponding to the preset resource;

[0029] The resource operation space includes the resource operation page, resource details page or resource live broadcast room corresponding to the preset resources.

[0030] In some possible embodiments, in response to a resource display instruction triggered based on the second associated element, displaying a resource operation space corresponding to a preset resource includes:

[0031] In response to the resource display instruction triggered by the second associated element, a pop-up window displays resource description information of the preset resource;

[0032] When the display duration of the resource description information meets the third preset duration, the resource operation space corresponding to the preset resource is displayed.

[0033] In some possible embodiments, a display size of the second associated element is larger than a display size of the first associated element.

[0034] According to a second aspect of an embodiment of the present disclosure, there is provided a resource display device, including:

[0035] A first display module is configured to display a card of a preset style on the resource display page when the resource display page meets a first display condition of a preset resource;

[0036] A second display module is configured to display the resource carrier element in a preset area of ​​the card;

[0037] The third display module is configured to display the resource main element in the preset area of ​​the card; the resource carrier element and the resource main element are both first associated elements of the preset resource.

[0038] In some possible embodiments, the second display module is configured to execute:

[0039] The resource carrier elements in the first state and the resource carrier elements in the second state are displayed alternately in a preset area of ​​the card.

[0040] In some possible embodiments, the third display module is configured to execute:

[0041] When the card meets the second display condition, the resource main body element is displayed in a preset area of ​​the card.

[0042] In some possible embodiments, the third display module is configured to execute:

[0043] When the display duration of the resource carrier element in the preset area meets the first preset duration, the resource main element is displayed in the preset area of ​​the card, or the first type of resource main element and the second type of resource main element are alternately displayed in the preset area of ​​the card;

[0044] or;

[0045] In response to the resource body display instruction triggered based on the card, the resource body elements are displayed in the preset area of ​​the card, or the first type of resource body elements and the second type of resource body elements are alternately displayed in the preset area of ​​the card.

[0046] In some possible embodiments, the device further includes a fourth display module, and the fourth display module is configured to execute:

[0047] The multimedia playback information is displayed on the resource display page; the multimedia playback information is associated with the preset resources;

[0048] A viewing prompt control of a preset resource is displayed at a preset position on the resource display page; the viewing prompt control displays a dynamic indication mark of the preset resource.

[0049] In some possible embodiments, the viewing prompt control also displays a dynamic countdown component;

[0050] The first display module is configured to execute:

[0051] When the countdown of the dynamic countdown component ends, a card with a preset style is displayed on the resource display page;

[0052] or;

[0053] In response to a card display instruction triggered based on the viewing prompt control, a card of a preset style is displayed on the resource display page.

[0054] In some possible embodiments, the device further includes a fifth display module, and the fifth display module is configured to execute:

[0055] If no preset interactive operation is detected within the second preset time, a second associated element of the preset resource is displayed on the upper layer of the multimedia playback information played on the resource display page; the second associated element is an associated element in a dynamic form or a static form.

[0056] In some possible embodiments, the fifth display module is configured to execute:

[0057] In response to the resource display instruction triggered based on the second associated element, display the resource operation space corresponding to the preset resource;

[0058] The resource operation space includes the resource operation page, resource details page or resource live broadcast room corresponding to the preset resources.

[0059] In some possible embodiments, the fifth display module is configured to execute:

[0060] In response to the resource display instruction triggered by the second associated element, a pop-up window displays resource description information of the preset resource;

[0061] When the display duration of the resource description information meets the third preset duration, the resource operation space corresponding to the preset resource is displayed.

[0062] In some possible embodiments, a display size of the second associated element is larger than a display size of the first associated element.

[0063] According to a third aspect of an embodiment of the present disclosure, there is provided an electronic device, comprising: a processor; and a memory for storing processor-executable instructions; wherein the processor is configured to execute instructions to implement a method as described in any one of the first aspects above.

[0064] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute any one of the methods in the first aspect of the embodiment of the present disclosure.

[0065] According to the fifth aspect of an embodiment of the present disclosure, a computer program product is provided, the computer program product comprising a computer program, the computer program being stored in a readable storage medium, at least one processor of a computer device reading and executing the computer program from the readable storage medium, so that the computer device performs any one of the methods in the first aspect of the embodiment of the present disclosure.

[0066] The technical solution provided by the embodiments of the present disclosure brings at least the following beneficial effects:

[0067] When the resource display page meets the first display condition of the preset resource, a card of a preset style is displayed on the resource display page, a resource carrier element is displayed in a preset area of ​​the card, and a resource main element is displayed in a preset area of ​​the card, and both the resource carrier element and the resource main element are first associated elements of the preset resource. The embodiment of the present application can display more information on the page within a limited time, make more full use of service resources, and maximize the utilization of service resources. At the same time, the display of information in different forms can improve the efficiency of information display and increase page interactivity.

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

[0069] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0070] Figure 1is a schematic diagram of an application environment of a resource display method according to an exemplary embodiment;

[0071] Figure 2 is a flow chart of a resource display method according to an exemplary embodiment;

[0072] Figure 3 A schematic diagram of a resource display page according to an exemplary embodiment Figure 1 ;

[0073] Figure 4 A schematic diagram of a resource display page according to an exemplary embodiment Figure 2 ;

[0074] Figure 5 A schematic diagram of a resource display page according to an exemplary embodiment Figure 3 ;

[0075] Figure 6 A schematic diagram of a resource display page according to an exemplary embodiment Figure 4 ;

[0076] Figure 7 A schematic diagram of a resource display page according to an exemplary embodiment Figure 5 ;

[0077] Figure 8 A schematic diagram of a resource display page according to an exemplary embodiment Figure 6 ;

[0078] Fig. 9 A schematic diagram of a resource display page according to an exemplary embodiment Figure 7 ;

[0079] Fig.10 A schematic diagram of a resource display page according to an exemplary embodiment Figure 8 ;

[0080] Fig.11 is a block diagram of a resource display device according to an exemplary embodiment;

[0081] Fig.12 It is a block diagram of an electronic device for displaying resources according to an exemplary embodiment. DETAILED DESCRIPTION

[0082] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present invention.

[0083] 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 first objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0084] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for display, data for analysis, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

[0085] See also Figure 1 , Figure 1 is a schematic diagram showing an application environment of a resource display method according to an exemplary embodiment. Figure 1 As shown, the application environment may include a server 011 and a client 012 .

[0086] In some possible embodiments, the server 011 may include an independent physical server, or a server cluster or distributed 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. The operating system running on the server may include but is not limited to Android, IOS, Linux, Windows, Unix, etc.

[0087] In some possible embodiments, the client 012 may include but is not limited to smartphones, desktop computers, tablet computers, laptop computers, smart speakers, digital assistants, augmented reality (AR) / virtual reality (VR) devices, smart wearable devices, and other image-type clients. It may also be software running on the client, such as applications, applets, etc. Optionally, the operating system running on the client may include but is not limited to Android, IOS, Linux, Windows, Unix, etc.

[0088] In some possible embodiments, when the resource display page meets the first display condition of the preset resource, the client displays a card of a preset style on the resource display page, displays the resource carrier element in the preset area of ​​the card, and displays the resource body element in the preset area of ​​the card, and both the resource carrier element and the resource body element are the first associated elements of the preset resource. The embodiment of the present application can display more information on the page within a limited time, make more full use of service resources, and maximize the use of service resources. At the same time, the display of information in different forms can improve the efficiency of information display and increase page interactivity.

[0089] In an exemplary embodiment, the databases corresponding to the client and the server can both be node devices in the blockchain system, and can share the acquired and generated information with other node devices in the blockchain system, thereby realizing information sharing among multiple node devices. Multiple node devices in the blockchain system can be configured with the same blockchain, which is composed of multiple blocks, and the adjacent blocks have an association relationship, so that when the data in any block is tampered, it can be detected by the next block, thereby preventing the data in the blockchain from being tampered with, and ensuring the security and reliability of the data in the blockchain.

[0090] Figure 2 It is a flowchart of a resource display method according to an exemplary embodiment. It should be noted that this specification provides method operation steps as described in the embodiment or flowchart, but more or fewer operation steps may be included based on conventional or non-creative labor. The order of steps listed in the embodiment is only one way of executing the steps among many orders, and does not represent the only order of execution. When the actual system or product is executed, it can be executed in sequence or in parallel according to the method shown in the embodiment or the accompanying drawings (for example, in a parallel processor or multi-threaded processing environment). Specifically, Figure 2 As shown, the flow chart at least includes the following steps S201-S205:

[0091] In step S201, when the resource display page meets the first display condition of the preset resource, a card of a preset style is displayed on the resource display page.

[0092] In the embodiment of the present application, the execution subject of steps S201 to S205 and the embodiments extended by steps S201 to S205 may be a client, and a user account created by a certain user may exist on the client.

[0093] Optionally, the resource display page may be a page on a client corresponding to a certain application, and the application may include an instant messaging application, a short video application, a life service application, or a shopping application, etc.

[0094] In some possible embodiments, when a resource display page meets the first display condition of a preset resource, before the resource display page displays a card of a preset style, the client can display multimedia playback information on the resource display page, and at the same time, can display a viewing prompt control of the preset resource at a preset position on the resource display page.

[0095] Figure 3 A schematic diagram of a resource display page according to an exemplary embodiment Figure 1 ,like Figure 3 As shown, it includes a resource display page 300 , and multimedia play information 301 , a viewing prompt control 302 , and multimedia content information 303 on the resource display page 300 .

[0096] In the embodiment of the present application, the multimedia playback information 301 may include video, audio and video, audio, graphics or picture collection. Optionally, the multimedia content information 303 is text edited by the publisher of the multimedia playback information to describe the multimedia playback information. For example, the multimedia content information is a summary of the entire multimedia playback information, which may also include the topic information involved, etc.

[0097] In the embodiment of the present application, the viewing prompt control 302 can be displayed at a preset position on the resource display page, such as Figure 3 The view prompt control 302 is a control corresponding to the preset resource, and the view prompt control can be triggered to display relevant information of the preset resource.

[0098] In some possible embodiments, the preset resources involved in the present application may be certain virtual resources, such as "red envelopes", "coupons", etc.

[0099] In other possible embodiments, the preset resources involved in the present application may be certain physical commodity resources, such as an electronic product, such as "headphones", "mobile phone", etc., or certain cosmetics, such as "lipstick", "face cream", etc.

[0100] In some possible embodiments, text information may be displayed on the viewing prompt control, such as Figure 3 As shown in the “Get XXX”, the “XXX” can be configured according to the actual preset resources.

[0101] Furthermore, in addition to displaying text information on the viewing prompt control, the user may also be prompted by setting an indicator of a preset resource at the end of the viewing prompt control. Figure 3 As shown, assuming that the preset resource is a "red envelope", it can be represented by an indicator mark or pattern of a "red envelope". For another example, assuming that the preset resource is a "lipstick", it can be represented by an indicator mark or pattern of a "gift box".

[0102] In some optional embodiments, the indicator mark may be a statically presented pattern. In other optional embodiments, the indicator mark may be a dynamically presented image, that is, a dynamic indicator mark. For example, it may be a "twisting red envelope", "red envelope rain", "a gift box with gold coins coming out", etc.

[0103] In this way, it is possible to display the information of preset resources by viewing the prompt control, and the client can also prompt the user by viewing the information displayed on the prompt control, so that the user can know in advance what resources the preset resources actually include, thereby conveying more information through the page, improving the efficiency of information transmission and the interactivity of the page.

[0104] In the embodiment of the present application, the multimedia playback information may be associated with the preset resources.

[0105] Optionally, the association between the multimedia playback information and the preset resource is a usage association, that is, the preset resource can be used in the object in the multimedia playback information. Assuming that the preset resource is a virtual resource, such as the "red envelope" mentioned above, the multimedia playback information can be a video information introducing a product to which the "red envelope" can be applied.

[0106] Optionally, the association between the multimedia play information and the preset resource is an introduction association, that is, the preset resource is the object introduced in the multimedia play information. Assuming that the preset resource is a physical commodity resource, the multimedia play information can be a video information introducing the physical commodity.

[0107] In this way, by associating multimedia playback information with preset resources, all content displayed on the resource display page can be related to the preset resources, that is, the preset resources can be displayed in multiple forms, multiple contents, and multiple angles, thereby maximizing the utilization of service resources and improving information display efficiency.

[0108] In the embodiment of the present application, the first display condition may include multiple situations, such as countdown, executing a preset operation on certain information on the page, or executing a preset operation on the device where the client is located.

[0109] In an optional embodiment, the client may display a card of a preset style on the resource display page in response to a card display instruction triggered based on a viewing prompt control.

[0110] Optionally, the card display instruction is triggered based on a preset operation performed on the view prompt control. Specifically, when the client detects that any position of the view prompt control is clicked, it can trigger the generation of a card display instruction, and display a preset style card on the resource display page based on the card display instruction.

[0111] Optionally, the card display instruction is triggered by executing a preset operation on the indicator mark of the preset resource on the viewing prompt control. Specifically, when the client detects that any position of the indicator mark of the preset resource is clicked, it can trigger the generation of a card display instruction, and display a card of a preset style on the resource display page based on the card display instruction.

[0112] In the embodiment of the present application, the preset operation performed on the viewing prompt control or the preset operation performed on the indicator of the preset resource on the viewing prompt control can be a click operation, a double-click operation, a slide operation, etc. The preset operations listed above are some exemplary operations and do not completely summarize all executable preset operations.

[0113] Optionally, the card display instruction is triggered based on a preset operation performed on the device where the client is located. Specifically, when the client detects that a preset operation is performed on the device where the client is located, it can trigger the generation of a card display instruction, and based on the card display instruction, a card of a preset style is displayed on the resource display page. Optionally, the preset operation performed on the device can be twisting, swinging, shaking, etc.

[0114] Optionally, the card display instruction is triggered based on a preset operation performed on certain components of the device where the client is located. Specifically, when the client detects that a preset operation is performed on certain components of the device where the client is located, it can trigger the generation of a card display instruction, and based on the card display instruction, a card of a preset style is displayed on the resource display page. Optionally, certain components of the device can be buttons, and the preset operation performed on certain components of the device can be a long press, a single press, a double press, etc.

[0115] Figure 4 A schematic diagram of a resource display page according to an exemplary embodiment Figure 2 ,like Figure 4As shown, the resource display page 300 includes before and after the card display, wherein the resource display page 300 includes multimedia playback information 301, the resource display page 300 before the card display also includes a viewing prompt control 302 and multimedia content information 303, and the resource display page 300 after the card display also includes a card 400 and a first associated element 401.

[0116] In an optional embodiment, if Figure 4 As shown, the viewing prompt control 302 in the resource display page 300 before the card display also includes a countdown component, which will display a countdown number, such as Figure 4 The “3S” in the figure means the countdown is 3 seconds. Optionally, when the countdown of the dynamic countdown component ends, the client can display a card 400 of a preset style on the resource display page.

[0117] Optionally, the card style can be regular, such as a rectangle or an ellipse. Optionally, the card style can be irregular, such as Figure 4 The special-shaped card shown has an upper right corner that is curved.

[0118] Optionally, the card may be located on an upper layer of the multimedia playback information.

[0119] The above can trigger the display of cards on the resource display page in various forms such as countdown triggering and user-initiated triggering, which can improve the interactivity of the page.

[0120] In step S203, the resource carrier element is displayed in a preset area of ​​the card.

[0121] In step S205, the resource main element is displayed in a preset area of ​​the card; the resource carrier element and the resource main element are both first associated elements of the preset resource.

[0122] In the embodiment of the present application, when the client displays a card of a preset style on a resource display page, the first associated element of the preset resource in multiple forms can be replaced on the card.

[0123] In an optional embodiment, the plurality of forms of first association elements include two forms of association elements: resource carrier elements and resource body elements.

[0124] In the embodiment of the present application, the resource carrier element refers to the item element that stores the resource, and the resource body element refers to the resource itself. For example, assuming that the preset resource is a "red envelope", the resource carrier element can be the red envelope cover, and the resource body element can be the coupon removed from the red envelope cover. For another example, assuming that the preset resource is "earphones", the resource carrier element can be an earphone gift box, and the resource body element can be the earphones removed from the earphone gift box.

[0125] Based on this, the client can display the resource carrier element and the resource main element on the card. Optionally, the client can display the resource carrier element and the resource main element on the card in turn, or in other words, display the resource carrier element and the resource main element alternately. In this way, the client can present a dynamic display of the first associated element on the card, thereby increasing the fun of the card display.

[0126] In an optional embodiment, the first association elements in multiple forms include resource carrier elements in one form or multiple forms, and resource body elements in one form or multiple forms.

[0127] Optionally, the client may first display one form of resource carrier elements in a preset area of ​​the card, and then display multiple forms of resource body elements in the preset area of ​​the card.

[0128] Optionally, the client may first display resource carrier elements of multiple forms in a preset area of ​​the card, and then display resource body elements of one form in a preset area of ​​the card.

[0129] Optionally, the client may first display resource carrier elements in various forms in a preset area of ​​the card, and then display resource body elements in various forms in a preset area of ​​the card.

[0130] Figure 5 A schematic diagram of a resource display page according to an exemplary embodiment Figure 3 ,like Figure 5 As shown, a resource display page 300 includes resource carrier elements in various forms, wherein the resource display page 300 includes multimedia playback information 301 and a card 400 , wherein the card includes resource carrier elements in different forms for representing a first associated element 401 .

[0131] Optionally, the resource carrier elements in various forms may be resource carrier elements in various states. The client may alternately display the resource carrier element in a first state and the resource carrier element in a second state on the card.

[0132] like Figure 5As shown, the resource carrier element in the first state is the red envelope cover in the sealed state, and the resource carrier element in the second state is the red envelope cover in the open state. For example, the client can first display the red envelope cover in the sealed state on the card, then display the red envelope cover in the open state, and then display the red envelope cover in the sealed state... In this way, a dynamic display of a resource carrier element is formed.

[0133] Figure 6 A schematic diagram of a resource display page according to an exemplary embodiment Figure 4 ,like Figure 6 As shown, a resource display page 300 includes resource carrier elements in various forms, wherein the resource display page 300 includes multimedia playback information 301 and a card 400 , wherein the card includes resource carrier elements in different forms for representing a first associated element 401 .

[0134] Optionally, the resource carrier elements in various forms may be resource carrier elements in various states. The client may alternately display the resource carrier element in a first state and the resource carrier element in a second state on the card.

[0135] like Figure 6 As shown, the resource carrier element in the first state is an unopened gift box, and the resource carrier element in the second state is an opened gift box. For example, the client can first display an unopened gift box on the card, then display an opened gift box, and then display an unopened gift box... In this way, a dynamic display of a resource carrier element is formed.

[0136] Figure 7 A schematic diagram of a resource display page according to an exemplary embodiment Figure 5 ,like Figure 7 As shown, a resource display page 300 under a resource main element in a form is included, wherein the resource display page 300 contains multimedia play information 301 and a card 400 , wherein the card includes a resource main element for representing a first associated element 401 .

[0137] like Figure 7 As shown, the resource body element is a coupon separated from the resource carrier element. Optionally, the resource body element can be dynamic, such as the coupon twisting, or the coupon emitting light.

[0138] Figure 8 A schematic diagram of a resource display page according to an exemplary embodiment Figure 6 ,like Figure 8As shown, a resource display page 300 includes resource main elements in various forms, wherein the resource display page 300 includes multimedia playback information 301 and a card 400 , wherein the card 400 includes resource main elements in different forms for representing a first associated element 401 .

[0139] Optionally, the multiple forms of resource subject elements may be resource subject elements of multiple types. The client may alternately display a first type of resource subject element and a second type of resource subject element on the card.

[0140] like Figure 8 As shown, the first type of resource main element is the first type of lipstick, and the second state of the resource main element is the second type of lipstick. For example, the client can first display the first type of lipstick on the card, then display the second type of lipstick, and then display the first type of lipstick... In this way, a dynamic display of the resource main element is formed.

[0141] In the embodiment of the present application, the first associated element of the preset resource, including the resource carrier element and the resource body element, can be configured and displayed at any position of the card. Figure 4-Figure 8 , which can be displayed in the preset area in the upper left corner of the card.

[0142] In some possible embodiments, after the client displays the resource carrier element in the preset area of ​​the card, when the card meets the second display condition, the client may display the resource body element in the preset area of ​​the card.

[0143] In the embodiment of the present application, the second display condition may include multiple situations, such as countdown, executing a preset operation on certain information on the page, or executing a preset operation on the device where the client is located.

[0144] In an optional embodiment, the client may display resource body elements in a preset area of ​​the card in response to a resource body display instruction triggered by a card, or the client may display resource body elements of the first type and resource body elements of the second type alternately in a preset area of ​​the card in response to a resource body display instruction triggered by a card.

[0145] Optionally, the resource body display instruction is triggered based on a preset operation performed on the resource carrier element. Specifically, when the client detects that any position of the resource carrier element is clicked, it can trigger the generation of the resource body display instruction, and display the resource body element in a preset area of ​​the card based on the resource body display instruction.

[0146] In the embodiment of the present application, the preset operation performed on the resource carrier element may be a click operation, a double-click operation, a slide operation, etc. The preset operations listed above are some exemplary operations and do not completely summarize all executable preset operations.

[0147] Optionally, the resource body display instruction is triggered based on a preset operation performed on the device where the client is located. Specifically, when the client detects that the device where the client is located is subjected to a preset operation, it can trigger the generation of a resource body display instruction, and display the resource body element in a preset area of ​​the card based on the resource body display instruction. Optionally, the preset operation performed on the device can be twisting, swinging, shaking, etc.

[0148] Optionally, the display of the resource main element in the preset area of ​​the card is triggered based on the execution of preset operations on certain components of the device where the client is located. Specifically, when the client detects that certain components of the device where the client is located are executed with preset operations, it can trigger the generation of resource main display instructions, and display the resource main element sheet in the preset area of ​​the card based on the resource main display instructions. Optionally, certain components of the device can be buttons, and the preset operations executed on certain components of the device can be long press, single press, double press, etc.

[0149] In another optional embodiment, when the display duration of the resource carrier element in the preset area meets the first preset duration, the client may display the resource body element in the preset area of ​​the card, or alternately display the first type of resource body element and the second type of resource body element in the preset area of ​​the card.

[0150] The embodiment of the present application not only fully and comprehensively displays the preset resources through various forms of first associated elements related to the preset resources, but also fully reflects the continuity in the process of information display, thereby increasing the efficiency of information transmission.

[0151] In an embodiment of the present application, after displaying the first associated element of the preset resource on the card, if no preset interactive operation is detected within a second preset time period, the client can display the second associated element of the preset resource on the upper layer of the multimedia playback information played on the resource display page.

[0152] like Figure 4-Figure 8 As shown, the card 400 also includes card description information "YYYYYYYYYYYYYY" and a "View Details" control. The "View Details" control is used to be triggered to jump to the resource operation space corresponding to the preset resource.

[0153] In the embodiment of the present application, the undetected preset interactive operation may be a triggering operation for the "view details" control, such as click, double-click, slide, etc. That is, after the first associated element of the preset resource is displayed on the card, if the intention to view the specific content of the preset resource is not detected within the second preset time, the second associated element of the preset resource may be displayed on the upper layer of the multimedia playback information played on the resource display page.

[0154] Optionally, the second association element is an association element in a dynamic form or a static form.

[0155] Fig. 9 A schematic diagram of a resource display page according to an exemplary embodiment Figure 7 ,like Fig. 9 As shown, it includes a resource display page 300 , wherein the resource display page 300 includes multimedia play information 301 , a second associated element 500 and a card 400 , wherein the card includes a first associated element 401 . Fig. 9 The second associated element shown is a dynamically captured red envelope element corresponding to the "red envelope" preset resource.

[0156] Fig.10 A schematic diagram of a resource display page according to an exemplary embodiment Figure 8 ,like Fig.10 As shown, it includes a resource display page 300 , wherein the resource display page 300 includes multimedia play information 301 , a second associated element 500 and a card 400 , wherein the card includes a first associated element 401 . Fig. 9 The second associated element shown is a picture of a preset resource, for example, the headphone element that dynamically plays songs corresponding to the "headphone" preset resource.

[0157] In some possible embodiments, the display size of the second associated element may be larger than the display size of the first associated element.

[0158] In this way, after the preset interactive operation is not detected, the embodiment of the present application can enrich the information to be transmitted by displaying the associated elements of the preset resources in more forms and different sizes, so that the information can fully reflect the continuity during the display process and increase the communication efficiency.

[0159] In an embodiment of the present application, in response to a resource display instruction triggered based on a second associated element, a resource operation space corresponding to a preset resource is displayed, wherein the resource operation space includes a resource operation page, a resource details page, or a resource live broadcast room corresponding to the preset resource.

[0160] In some possible embodiments, combined with Fig.10To explain, if the client detects that the headphone element that dynamically plays the song is clicked, the resource operation space corresponding to the preset resource "headphone" can be displayed.

[0161] In some other possible embodiments, in response to a resource display instruction triggered by the second associated element, the client may display a pop-up window to display resource description information of a preset resource. When the display duration of the resource description information meets a third preset duration, the client may display a resource operation space corresponding to the preset resource. Fig. 9 To explain, if the client detects that the dynamically captured red envelope element is clicked, a pop-up window can be displayed to display resource description information, such as the specific information on the coupon in the red envelope, and the application scenario of the coupon. When the display duration of the resource description information meets the third preset duration, the client can display the resource operation space corresponding to the preset resource. Optionally, the resource operation space includes a resource operation page, a resource details page, or a resource live broadcast room corresponding to the preset resource.

[0162] In an embodiment of the present application, when the preset resource is a virtual resource, such as a "red envelope", the resource operation page can be a store page or a product page to which the coupon in the red envelope can be applied, the resource details page can be a coupon page corresponding to the coupon in the red envelope, and the resource live broadcast room can be a live broadcast room page to which the coupon in the red envelope can be applied.

[0163] When the preset resource is a physical commodity resource, such as headphones, the resource operation page may be an order page for the headphones, the resource details page may be a product page for the headphones, and the resource live broadcast room may be a live broadcast room page corresponding to the headphones.

[0164] In summary, the present application can display preset resources from multiple aspects, in an all-round and continuous manner by providing associated information of preset resources in different forms, thereby achieving full display of resources and efficient transmission of information.

[0165] Fig.11 The block diagram of a resource display device according to an exemplary embodiment is shown. The device has the function of implementing the data processing method in the above method embodiment, and the function can be implemented by hardware or by hardware executing corresponding software.

[0166] Reference Fig.11 , the device includes a first display module 1101, a second display module 1102 and a third display module 1103:

[0167] The first display module 1101 is configured to display a card of a preset style on the resource display page when the resource display page meets the first display condition of the preset resource;

[0168] The second display module 1102 is configured to display the resource carrier element in a preset area of ​​the card;

[0169] The third display module 1103 is configured to display the resource main element in the preset area of ​​the card; the resource carrier element and the resource main element are both first associated elements of the preset resource.

[0170] In some possible embodiments, the second display module is configured to execute:

[0171] The resource carrier elements in the first state and the resource carrier elements in the second state are displayed alternately in a preset area of ​​the card.

[0172] In some possible embodiments, the third display module is configured to execute:

[0173] When the card meets the second display condition, the resource main body element is displayed in a preset area of ​​the card.

[0174] In some possible embodiments, the third display module is configured to execute:

[0175] When the display duration of the resource carrier element in the preset area meets the first preset duration, the resource main element is displayed in the preset area of ​​the card, or the first type of resource main element and the second type of resource main element are alternately displayed in the preset area of ​​the card;

[0176] or;

[0177] In response to the resource body display instruction triggered based on the card, the resource body elements are displayed in the preset area of ​​the card, or the first type of resource body elements and the second type of resource body elements are alternately displayed in the preset area of ​​the card.

[0178] In some possible embodiments, the device further includes a fourth display module, and the fourth display module is configured to execute:

[0179] The multimedia playback information is displayed on the resource display page; the multimedia playback information is associated with the preset resources;

[0180] A viewing prompt control of a preset resource is displayed at a preset position on the resource display page; the viewing prompt control displays a dynamic indication mark of the preset resource.

[0181] In some possible embodiments, the viewing prompt control also displays a dynamic countdown component;

[0182] The first display module is configured to execute:

[0183] When the countdown of the dynamic countdown component ends, a card with a preset style is displayed on the resource display page;

[0184] or;

[0185] In response to a card display instruction triggered based on the viewing prompt control, a card of a preset style is displayed on the resource display page.

[0186] In some possible embodiments, the device further includes a fifth display module, and the fifth display module is configured to execute:

[0187] If no preset interactive operation is detected within the second preset time, a second associated element of the preset resource is displayed on the upper layer of the multimedia playback information played on the resource display page; the second associated element is an associated element in a dynamic form or a static form.

[0188] In some possible embodiments, the fifth display module is configured to execute:

[0189] In response to the resource display instruction triggered based on the second associated element, display the resource operation space corresponding to the preset resource;

[0190] The resource operation space includes the resource operation page, resource details page or resource live broadcast room corresponding to the preset resources.

[0191] In some possible embodiments, the fifth display module is configured to execute:

[0192] In response to the resource display instruction triggered based on the second associated element, a pop-up window displays resource description information of the preset resource;

[0193] When the display duration of the resource description information meets the third preset duration, the resource operation space corresponding to the preset resource is displayed.

[0194] It should be noted that the device provided in the above embodiment, when implementing its functions, is only illustrated by the division of the above functional modules. In actual applications, the above functions can be assigned to different functional modules as needed, 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 device and method embodiments provided in the above embodiment belong to the same concept, and the specific implementation process is detailed in the method embodiment, which will not be repeated here.

[0195] Fig.12 3000 is a block diagram of a device 3000 for resource display according to an exemplary embodiment. For example, the device 3000 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0196] Reference Fig.12, the device 3000 may include one or more of the following components: a processing component 3002 , a memory 3004 , a power component 3006 , a multimedia component 3008 , an audio component 3010 , an input / output (I / O) interface 3012 , a sensor component 3014 , and a communication component 3016 .

[0197] The processing component 3002 generally controls the overall operation of the device 3000, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 3002 may include one or more processors 3020 to execute instructions to complete all or part of the steps of the above-mentioned method. In addition, the processing component 3002 may include one or more modules to facilitate the interaction between the processing component 3002 and other components. For example, the processing component 3002 may include a multimedia module to facilitate the interaction between the multimedia component 3008 and the processing component 3002.

[0198] The memory 3004 is configured to store data of various image types to support operations on the device 3000. Examples of such data include instructions for any application or method operating on the device 3000, contact data, phone book data, messages, pictures, videos, etc. The memory 3004 can be implemented by any image type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk or optical disk.

[0199] The power supply component 3006 provides power to the various components of the device 3000. The power supply component 3006 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the device 3000.

[0200] The multimedia component 3008 includes a screen that provides an output interface between the device 3000 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 3008 includes a front camera and / or a rear camera. When the device 3000 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.

[0201] The audio component 3010 is configured to output and / or input audio signals. For example, the audio component 3010 includes a microphone (MIC), and when the device 3000 is in an operating mode, such as a call mode, a recording mode, and a speech recognition mode, the microphone is configured to receive an external audio signal. The received audio signal can be further stored in the memory 3004 or sent via the communication component 3016. In some embodiments, the audio component 3010 also includes a speaker for outputting audio signals.

[0202] I / O interface 3012 provides an interface between processing component 3002 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include but are not limited to: home button, volume button, start button, and lock button.

[0203] The sensor assembly 3014 includes one or more sensors for providing various aspects of status assessment for the device 3000. For example, the sensor assembly 3014 can detect the open / closed state of the device 3000, the relative positioning of components, such as the display and keypad of the device 3000, and the sensor assembly 3014 can also detect changes in the position of the device 3000 or a component of the device 3000, the presence or absence of user contact with the device 3000, the orientation or acceleration / deceleration of the device 3000, and the temperature change of the device 3000. The sensor assembly 3014 may include a proximity sensor configured to detect the presence of a nearby object without any physical contact. The sensor assembly 3014 may also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 3014 may also include an accelerometer, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0204] The communication component 3016 is configured to facilitate wired or wireless communication between the device 3000 and other devices. The device 3000 can access a wireless network based on a communication standard, such as WiFi, a carrier network (such as 2G, 3G, 4G or 5G), or a combination thereof. In an exemplary embodiment, the communication component 3016 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 3016 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

[0205] In an exemplary embodiment, the apparatus 3000 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors or other electronic components to perform the above method.

[0206] An embodiment of the present invention also provides a computer-readable storage medium, which can be set in an electronic device to store at least one instruction or at least one program related to implementing a resource display method. The at least one instruction or the at least one program is loaded and executed by the processor to implement the resource display method provided by the above method embodiment.

[0207] In an exemplary embodiment, a storage medium including instructions is also provided, such as a memory 3004 including instructions, and the instructions can be executed by the processor 3020 of the device 3000 to complete the above method. Optionally, the storage medium can be a non-transitory computer-readable storage medium, for example, the non-transitory computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0208] An embodiment of the present invention also provides a computer-readable storage medium. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device can execute any method in the first aspect or the second aspect of the embodiment of the present disclosure.

[0209] An embodiment of the present invention further provides a computer program product, which includes a computer program stored in a readable storage medium, and at least one processor of a computer device reads and executes the computer program from the readable storage medium, so that the computer device performs any method of the first aspect or the second aspect of the embodiment of the present disclosure.

[0210] It should be noted that the sequence of the above embodiments of the present invention is for description only and does not represent the advantages and disadvantages of the embodiments. The above describes specific embodiments of this specification. Other embodiments are within the scope of the attached claims. In some cases, the actions or steps recorded in the claims can be performed in an order different from that in the embodiments and still achieve the desired results. In addition, the processes depicted in the accompanying drawings do not necessarily require the specific order or continuous order shown to achieve the desired results. In some embodiments, resource display and parallel processing are also possible or may be advantageous.

[0211] Each embodiment in this specification is described in a progressive manner, and the same or similar parts between the embodiments can be referred to each other, and each embodiment focuses on the differences from other embodiments. In particular, for the device embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the partial description of the method embodiment.

[0212] A person skilled in the art will understand that all or part of the steps to implement the above embodiments may be accomplished by hardware or by instructing related hardware through a program, and the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a disk or an optical disk, etc.

[0213] The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims

1. A resource display method, characterized in that: include: When the resource display page meets the first display condition of the preset resource, a card of a preset style is displayed on the resource display page; Displaying the resource carrier element in a preset area of ​​the card; Displaying the resource main body element in a preset area of ​​the card; The resource carrier element and the resource body element are both first associated elements of the preset resource.

2. The resource display method according to claim 1, characterized in that: The displaying of the resource carrier element in the preset area of ​​the card includes: The resource carrier element in the first state and the resource carrier element in the second state are displayed alternately in a preset area of ​​the card.

3. The resource display method according to claim 1, characterized in that: The displaying of the resource main element in the preset area of ​​the card includes: When the card meets the second display condition, the resource main body element is displayed in a preset area of ​​the card.

4. The resource display method according to claim 3, characterized in that: When the card satisfies the second display condition, displaying the resource main element in a preset area of ​​the card includes: When the display duration of the resource carrier element in the preset area satisfies a first preset duration, the resource main element is displayed in the preset area of ​​the card, or the resource main element of the first type and the resource main element of the second type are displayed alternately in the preset area of ​​the card; or; In response to a resource body display instruction triggered based on the card, the resource body elements are displayed in a preset area of ​​the card, or the resource body elements of the first type and the resource body elements of the second type are alternately displayed in the preset area of ​​the card.

5. The resource display method according to claim 1, characterized in that: When the resource display page meets the first display condition of the preset resource, before the resource display page displays a card of a preset style, the method further includes: Displaying multimedia playback information on the resource display page; the multimedia playback information and the preset resource are associated; A viewing prompt control of a preset resource is displayed at a preset position on the resource display page; the viewing prompt control displays a dynamic indication mark of the preset resource.

6. The resource display method according to claim 5, characterized in that: The viewing prompt control also displays a dynamic countdown component; When the resource display page meets the first display condition of the preset resource, displaying a card of a preset style on the resource display page includes: When the countdown of the dynamic countdown component ends, a card of a preset style is displayed on the resource display page; or; In response to a card display instruction triggered based on the viewing prompt control, a card of a preset style is displayed on the resource display page.

7. The resource display method according to any one of claims 1, 5-6, characterized in that: After displaying the resource main element in the preset area of ​​the card, the method further includes: If no preset interactive operation is detected within the second preset time, a second associated element of the preset resource is displayed on the upper layer of the multimedia playback information played on the resource display page; the second associated element is an associated element in a dynamic form or a static form.

8. The resource display method according to claim 7, characterized in that: After the second associated element of the preset resource is displayed on the upper layer of the multimedia playback information played on the resource display page, the method further includes: In response to a resource display instruction triggered based on the second associated element, display a resource operation space corresponding to the preset resource; The resource operation space includes a resource operation page, a resource details page or a resource live broadcast room corresponding to the preset resource.

9. The resource display method according to claim 8, characterized in that: The displaying of the resource operation space corresponding to the preset resource in response to the resource display instruction triggered based on the second associated element includes: In response to the resource display instruction triggered based on the second associated element, a pop-up window displays resource description information of the preset resource; When the display duration of the resource description information meets the third preset duration, the resource operation space corresponding to the preset resource is displayed.

10. The resource display method according to claim 7, characterized in that: The display size of the second associated element is larger than the display size of the first associated element.

11. A resource display device, characterized in that: include: A first display module is configured to display a card of a preset style on the resource display page when the resource display page meets a first display condition of a preset resource; A second display module is configured to display the resource carrier element in a preset area of ​​the card; A third display module is configured to display the resource main element in a preset area of ​​the card; The resource carrier element and the resource body element are both first associated elements of the preset resource.

12. An electronic device, characterized in that: include: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the resource display method according to any one of claims 1 to 10.

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

14. A computer program product, characterized in that The computer program product comprises a computer program, which is stored in a readable storage medium. At least one processor of a computer device reads and executes the computer program from the readable storage medium, so that the device executes the resource display method according to any one of claims 1 to 10.

Images