Information display method and device, electronic equipment, storage medium and program product

Abstract

The invention provides an information display method and device, electronic equipment, a storage medium and a program product. The information display method comprises the steps of displaying a playing page, wherein media resources are displayed on the playing page; in the process of playing the media resource, multiple cards are displayed in a card display position of the playing page in a preset animation effect, the multiple cards comprise a target card, the target card is used for displaying a virtual red envelope, and the target card is associated with a virtual resource; and in response to the triggering of the target card, switching from the playing page to a landing page of the virtual resource. By using the information display method, the user can be prompted to click the target card associated with the virtual resource and then jump to the landing page of the virtual resource associated with the target card, so that the transmission efficiency of the virtual resource can be improved.

Description

Technical Field

[0001] This application relates to the field of Internet application technologies, and particularly to an information display method, device, electronic device, storage medium, and program product. Background Art

[0002] With the rapid development of Internet and mobile communication technologies, media playback services provided for mobile terminals such as mobile phones and tablet computers have been widely applied. During the process of playing media resources using a terminal device, cards associated with virtual resources can be displayed in a card display position, thereby transmitting the virtual resources. With the increase in the content of virtual resources, how to improve the transmission efficiency of virtual resources is a problem that needs to be solved. Summary of the Invention

[0003] This application provides an information display method, device, electronic device, storage medium, and program product to improve the transmission efficiency of virtual resources.

[0004] In a first aspect, an information display method is provided, including: displaying a playback page on which media resources are presented; during the process of playing the media resources, displaying multiple cards in a card display position on the playback page with a preset animation effect, where the multiple cards include a target card for displaying a virtual red envelope, and the target card is associated with a virtual resource; in response to the target card being triggered, switching from the playback page to a landing page of the virtual resource.

[0005] By displaying a virtual red envelope and adding an animation effect to the virtual red envelope, it can prompt a user to click on the target card associated with the virtual resource, and then jump to the landing page of the virtual resource associated with the target card, which can improve the transmission efficiency of the virtual resource.

[0006] In some implementation manners, the preset animation effect includes: the multiple cards move along a preset direction, so that the multiple cards appear in the card display position cyclically, and at the end of the preset animation effect, the target card is displayed in the card display position.

[0007] The multiple cards appear in the card display position cyclically and finally stop at the target card for displaying the virtual red envelope. This design method of the animation effect will present a visual effect of drawing a red envelope to the user, thereby improving the interactivity and further improving the transmission efficiency of the virtual resource.

[0008] In some implementation manners, the target card belongs to a first type of card among the multiple cards, the first type of card is used to display a virtual red envelope, the multiple cards further include a second type of card, the second type of card is used to display text information, and in the card display position, the display positions of the first type of card and the second type of card are arranged in a cross pattern.

[0009] The first type of card is a red envelope card, and the second type of card is a copywriting card. The red envelope cards and the copywriting cards are arranged alternately and appear alternately in the card display position by moving, which will present a richer visual effect to the user and further improve the transmission efficiency of virtual resources.

[0010] In some implementation manners, the color of the target card is different from that of the remaining cards among the multiple cards except the target card.

[0011] Setting the target card and the remaining cards to have different colors can highlight the target card, guide the user to click on the target card, and is beneficial to improving the transmission efficiency of the virtual resources associated with the target card.

[0012] In some implementation manners, the method further includes: when the movement of the multiple cards ends, displaying a virtual special effect for the target card.

[0013] Displaying a virtual special effect for the target card can highlight the target card, guide the user to click on the target card, and thus improve the transmission efficiency of the virtual resources associated with the target card.

[0014] In some implementation manners, the virtual special effect includes at least one of the following special effects: the jitter special effect of the target card, displaying an atmosphere element around the target card, and displaying a sticker on the target card.

[0015] In some implementation manners, the method further includes: in response to the target card not being triggered within a preset time period, replaying the preset animation effect at the card display position.

[0016] The user does not trigger the target card, which may not be that the user is not interested in it, but may be other situations such as the user's inattention. Therefore, replaying the preset animation effect can re - prompt the user to pay attention to the target card, guide the user to click on the target card again, and thus improve the transmission efficiency of virtual resources.

[0017] In some implementation manners, the method further includes: before playing the preset animation effect, displaying copywriting related to the virtual resources and / or a first page element at the card display position, where the first page element is used to indicate the playing time of the preset animation effect.

[0018] Prompting the user the playing time of the preset animation effect before playing the preset animation effect can increase the probability of the user waiting for the preset animation effect to play, thereby improving the transmission efficiency of virtual resources.

[0019] In some implementations, the method further includes: before playing the copywriting related to the virtual resource, displaying a second page element at the card display position, where the second page element is used to display virtual red envelopes, and the virtual red envelopes displayed on the second page element have different styles from the virtual red envelopes displayed on the target card.

[0020] In a second aspect, there is provided an information display device, including: an event monitoring unit configured to monitor a trigger event of a target card; an interface display unit configured to: display a playback page on which media resources are presented; during the playback of the media resources, display multiple cards at the card display position of the playback page with a preset animation effect, where the multiple cards include a target card, and the target card is used to display a virtual red envelope and is associated with a virtual resource; and in response to the target card being triggered, switch from the playback page to the landing page of the virtual resource.

[0021] In a third aspect, there is provided a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, it implements the method described in the first aspect or any implementation manner in the first aspect.

[0022] In a fourth aspect, there is provided an electronic device, including: one or more processors; and a memory associated with the one or more processors, where the memory is used to store program instructions, and when the program instructions are read and executed by the one or more processors, they execute the method described in the first aspect or any implementation manner in the first aspect.

[0023] In a fifth aspect, there is provided a computer program product, including a computer program, and when the computer program is executed by a processor, it implements the method described in the first aspect or any implementation manner in the first aspect. Description of the Drawings

[0024] To more clearly illustrate the technical solutions in the embodiments of the present application or related technologies, the following will briefly introduce the drawings required for use in the embodiments. It should be understood that the drawings described below are only some embodiments of the present application, and those of ordinary skill in the art can also obtain other drawings based on these drawings.

[0025] Figure 1 It is a system architecture diagram applicable to the embodiments of the present application.

[0026] Figure 2A It is an example diagram of the card style displayed on the playback page.

[0027] Figure 2B It is another example diagram of the card style displayed on the playback page.

[0028] Figure 3 Schematic flowchart of the information display method provided by the embodiment of the present application.

[0029] Figure 4 Example diagram of the card provided by the embodiment of the present application.

[0030] Figure 5 Example diagram of the media resource playing process provided by the embodiment of the present application.

[0031] Figure 6 Another example diagram of the media resource playing process provided by the embodiment of the present application.

[0032] Figure 7 Another example diagram of the media resource playing process provided by the embodiment of the present application.

[0033] Figure 8 Another example diagram of the media resource playing process provided by the embodiment of the present application.

[0034] Figure 9 Another example diagram of the media resource playing process provided by the embodiment of the present application.

[0035] Figure 10 Another example diagram of the media resource playing process provided by the embodiment of the present application.

[0036] Figure 11 Schematic block diagram of the information display device provided by the embodiment of the present application.

[0037] Figure 12 Schematic block diagram of the electronic device provided by the embodiment of the present application. Detailed implementation manners

[0038] Next, the technical solutions in the embodiments of the present application will be clearly and completely described in conjunction with the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art shall fall within the protection scope of the present application.

[0039] To facilitate the understanding of the embodiments of the present application, the system architecture to which the embodiments of the present application can be applied will be described by way of example first. Figure 1 An exemplary system architecture to which the embodiments of the present application can be applied is shown. As Figure 1 shown, the system architecture may include: a terminal device 110 and a server 120. The terminal device 110 may be connected to the server 120 through a wireless network or a wired network. It should be understood that Figure 1The numbers of the terminal device 110 and the server 120 in [it] are merely illustrative. According to the implementation requirements, the system architecture based on the embodiments of the present application may have any number of terminal devices 110 and servers 120.

[0040] The terminal device 110 may include, but is not limited to, intelligent mobile terminals, wearable devices, personal computers (PCs), smart home devices, etc. Among them, intelligent mobile devices may include, such as, mobile phones, tablet computers, laptop computers, personal digital assistants (PDAs), Internet car terminals, etc. Wearable devices may include, such as, smart watches, smart glasses, smart bracelets, virtual reality (VR) devices, augmented reality (AR) devices, mixed reality devices (i.e., devices that can support virtual reality and augmented reality), and so on. Smart home devices may include, such as, smart TVs, smart refrigerators with displays, etc.

[0041] A client 112 may be set in the terminal device 110. The client 112 involved in the embodiments of the present application may be an application (APP) running on the terminal device, a small program, or a Web program running through a browser, etc. The client 112 may interact with the server 120 through a network, request and obtain media resources from the server 120, and thus play the media resources on the display interface of the client 112.

[0042] The server 120 may be a platform providing media resource playback services. The server 120 may be a single server, or a server group composed of multiple servers, or a cloud server. A cloud server, also known as a cloud computing server or a cloud host, is a host product in the cloud computing service system to solve the defects of difficult management and weak service scalability existing in traditional physical hosts and virtual private server (VPS) services.

[0043] The server 120 may send media resources to the client 112 in a streaming transmission manner, and the client 112 plays the media resources while downloading the media stream. Or, the server 120 may also adopt a progressive sending method, that is, send the media resources to the client 112, and the client 112 plays after downloading the entire media resources. In addition, the server 120 may also adopt other methods to transmit media resources to the client 112. For example, the server 120 may provide media resources based on a content delivery network (CDN) and transmit them to the client 112.

[0044] During the process of a user watching media resources through a client, cards can be shown to the user. These cards are usually associated with virtual resources. For example, during the process of a user watching media resources through a client, cards can be displayed at the card display position in the lower left corner of the playback page. Once the user clicks on a card in the card display position, the playback page can be switched (or jumped) to the landing page of the virtual resource, and the corresponding virtual resource will be displayed on the landing page of the virtual resource.

[0045] Figure 2A Fig. shows a card style provided by the related art. Refer to Figure 2A , during the process of playing media resources using playback page 22, the card display position 24 of this playback page shows a card with "XX Game" displayed. The card display position 24 adopts a simple card style in the design of the card style. That is, "pattern + copywriting" is displayed in a static form on the card, and a download button 26 is provided to the user. If the user is interested in the game displayed on this card, they can click the download button 26. In response to the download button 26 being clicked, the display interface will jump from the playback page 22 to the landing page of the virtual resource associated with the card (not shown in the figure), that is, the download page of "XX Game", for the user to download "XX Game".

[0046] Figure 2B Fig. shows another card style provided by the related art. Refer to Figure 2B , during the process of playing media resources using playback page 22, the card display position 24 of this playback page shows information related to XX company's shoes. The card display position 24 adopts multiple cards 28 in the design of the card style, and each card 28 promotes XX company's shoes in the form of an upper picture and lower text. These cards can rotate uniformly from left to right at a certain speed, so as to display the copywriting related to the virtual resource to the user. If the user is interested in XX company's shoes, they can click the button 26. In response to the button 26 being clicked, the display interface will jump from the playback page 22 to the product shopping page (not shown in the figure). The product shopping page will display detailed information of various shoe products for the user to select or purchase.

[0047] The card styles provided by the related art are relatively traditional, lacking novelty and interactivity, resulting in poor transmission efficiency of virtual resources. Therefore, when users browse cards, they tend to ignore such cards, and the transmission effect of the virtual resources associated with the cards is also not satisfactory. For example, Figure 2A The card style shown in Fig. is the most common card style adopted by the related art. This kind of card style adopts a single card and prompts users to click on the card based on the copywriting on the card. However, this single card may be difficult to prompt users to click, resulting in low transmission efficiency of the virtual resources associated with the card. Figure 2B The card style shown in Fig. is compared withFigure 2A There are improvements. However, each card in this card style adopts the same form, with the figure above and the text below. Such a card style is still difficult to improve the transmission efficiency of the virtual resources associated with the cards. In addition, Figure 2B In the card style shown, the card is located above the click button, and this layout will reduce the display space of the card.

[0048] In view of the above problems, in the embodiments of the present application, a virtual red envelope with an animation effect (animated red envelope) is introduced at the card display position. In this way, it can prompt the user to click on the target card associated with the virtual resources, and then jump to the landing page of the virtual resources associated with the target card, thereby improving the transmission efficiency of the virtual resources.

[0049] For ease of understanding, the embodiments of the present application will be described in more detail with reference to Figure 3 for more specific examples.

[0050] Figure 3 FIG. is a schematic flowchart of the information display method provided by the embodiments of the present application. Figure 3 The method can be executed by a terminal device, and the terminal device can be Figure 1 the terminal device 110 shown. As a more specific example, Figure 3 the method can be executed by a client installed on the terminal device (which can be an application (APP) that supports media resource playback, a mini-program, or a Web program run through a browser). The following will introduce each step in Figure 3 in detail.

[0051] Referring to Figure 3 , in step S310, a playback page is displayed. Media resources are presented on the playback page. The media resources involved in the embodiments of the present application can be videos, pictures in a picture album, etc. Among them, the video can be a long video or a short video. The pictures in the picture album can be ordinary pictures or long pictures. An ordinary picture usually refers to a single, static image, and the user can view the complete content of the ordinary picture without additional operations. A long picture is usually a special form of picture composed of continuous images, and the user needs to scroll or slide to view the entire content of the long picture. A long picture usually combines multiple image elements to form a coherent content.

[0052] In step S320, during the playback of the media resources, multiple cards are displayed at the card display position on the playback page. The card display position on the playback page refers to the display area on the playback page for displaying cards. This display area can be located at any position on the playback page. For example, this card display position can be located in the lower left corner area of the playback page.

[0053] Multiple cards displayed in the card display position may include the target card. The target card is used to display virtual red envelopes. For example, the target card is an icon in the shape of a red envelope. Or rather, the target card can be a card in the form of a red envelope. The display process of the multiple cards can be accompanied by a preset animation effect. That is to say, virtual red envelopes with a preset animation effect can be displayed in the card display position. By displaying virtual red envelopes and adding animation effects to them, it can prompt users to click on the target card associated with virtual resources, and then jump to the landing page of the virtual resources associated with the target card, thereby improving the transmission efficiency of virtual resources. The present application embodiment does not specifically limit the form of the preset animation effect. For example, the movement mode of page elements containing virtual red envelopes can be designed to present a visual experience of drawing red envelopes for users, enhance users' sense of participation, and improve the interactivity of the cards.

[0054] The target card can be associated with virtual resources. After the user clicks on the target card, they can jump to the virtual resources associated with the target card. For example, the virtual resources can be information related to items. Another example is that the virtual resources can be relevant information. The landing page of the virtual resources can be used to display the virtual resources. For example, the landing page of the virtual resources can be the shopping page where the item is located, and the shopping page can display detailed information including the price of the item for users to choose. Another example is that the landing page of the virtual resources can be the introduction and download page of the APP.

[0055] In step S330, in response to the target card being triggered, switch from the playback page to the landing page of the virtual resources associated with the target card. There can be multiple ways to trigger the target card. For example, the user can trigger the target card by clicking on the target card. Another example is that the user can trigger the target card through a certain gesture (such as swiping at the seam of the virtual red envelope presented on the target card to simulate the opening process of the red envelope). After the target card is triggered, it can be switched to (or jumped to) the landing page of the virtual resources associated with the target card. The landing page of the virtual resources usually displays the corresponding virtual resources. Users can obtain the virtual resources on the landing page of the virtual resources and can perform actions related to the virtual resources based on the virtual resources. For example, taking the virtual resources as information related to items as an example, the landing page of the virtual resources can be the shopping page where the item is located, and the shopping page can display detailed information including the price of the item for users to choose. Another example is taking the virtual resources as information related to the APP as an example, the landing page of the virtual resources can be the introduction and download page of the APP. Through the landing page of the virtual resources, users can understand, download, and install the relevant APP.

[0056] As described above, in the embodiment of the present application, an animated red envelope is added to the card display position, which can improve the transmission efficiency of virtual resources and the interactive experience. On this basis, the probability of a user clicking on the target card can be increased, thereby improving the transmission efficiency of the virtual resources associated with the target card. In addition, since the embodiment of the present application guides the user to trigger the target card where the virtual red envelope is located, rather than setting a separate click button in the card display position as in the related art shown in Figure 2A or Figure 2B (see the button 26 in Figure 2A and Figure 2B ), the embodiment of the present application can omit the click button, so that the space of the card display position can be utilized more fully.

[0057] The embodiment of the present application does not limit the specific form of the card style (appearance and / or layout) and the preset animation effect of the card display position, as long as the information content finally presented in the card display position includes an animated red envelope. However, for different design methods of the animated red envelope, the transmission efficiency of virtual resources may be different. In order to improve the transmission efficiency of virtual resources, the card style and animation effect provided by the embodiment of the present application are illustrated in more detail below.

[0058] In some implementation manners, the preset animation effect may include: multiple cards move along a preset direction, so that the multiple cards appear in the card display position cyclically (or, the multiple cards rotate along the preset direction), and at the end of the preset animation effect, the target card is displayed in the card display position (such as being displayed in the middle position of the card display position). That is to say, the multiple cards move along the preset direction and finally stop on the target card. Since the virtual red envelope is displayed on the target card, the above preset animation effect will present a visual effect of drawing a red envelope to the user, which helps to increase the probability of the user clicking on the target card, thereby improving the transmission efficiency of virtual resources.

[0059] The embodiment of the present application does not specifically limit the information displayed on the other cards except the target card among the multiple cards. The content on the other cards can be customized according to requirements, such as patterns, texts, logos of merchants, etc. can be displayed.

[0060] In some implementations, multiple cards can be divided into a first type of card and a second type of card. The first type of card can be used to display virtual red envelopes (therefore, the first type of card can also be called a red envelope card, and the target card mentioned above is one of the red envelope cards in this first type of card), and the second type of card can be used to display copywriting information (therefore, the second type of card can also be called a copywriting card). The copywriting information mentioned here can be, for example, a phrase containing a blessing semantics (or called copywriting content), such as "surprise", "good luck", "fortune", etc. Such phrases (or called copywriting content) can guide users to click on the target card, thereby improving the transmission efficiency of virtual resources associated with the target card. Of course, the copywriting information on the second type of card can also be product feature introduction information or other text information related to the product.

[0061] Furthermore, in some implementations, in the card display position, the display positions of the first type of card and the second type of card can be arranged alternately. That is to say, multiple cards are arranged in the form of: "first type of card - second type of card - first type of card - second type of card". The red envelope cards and the copywriting cards are arranged alternately and appear alternately in the card display position by moving, which will present a richer visual effect to the user, thereby improving the transmission efficiency of virtual resources.

[0062] Exemplarily, referring to Figure 4 , the first type of card can include card 42a, card 42b, and card 42c. Among them, the virtual red envelopes are displayed on card 42a, card 42b, and card 42c. The second type of card can include card 44a, card 44b, and card 44c. Among them, the copywriting information displayed on card 44a is copywriting 1, the copywriting information displayed on card 44b is copywriting 2, and the copywriting information displayed on card 44c is copywriting 3. These copywritings are a series of phrases with blessing semantics, thereby prompting users to click on the target card. Figure 4 The 6 cards shown are played in a loop in the card display position. That is to say, the card played after card 42c is card 44a, and so on in a cycle. In addition, the space of the card display position is limited, Figure 4 the 6 cards shown are not displayed simultaneously in the card display position of the playing page, but appear alternately in the card display position by moving. Taking Figure 5 as an example, at time t1, the cards displayed in the card display position 52 from left to right are: copywriting 1 card - red envelope card - copywriting 2 card. At time t2, the cards displayed in the card display position 52 from left to right are: copywriting 2 card - red envelope card - copywriting 3 card, and so on. The 6 cards appear alternately in the card display position according to a certain movement trajectory, which will present a visual effect of drawing a red envelope to the user.

[0063] As mentioned above, after the preset animation effect stops, the card that finally stays in the card display position is the target card. In order to highlight the target card, the target card and the remaining cards among the multiple cards except the target card can be set to cards with different colors. Still taking Figure 4 as an example, in the example of Figure 4 , the target card is card 42c. It can be seen from Figure 4 that the background filling method of the target card 42c is different from that of the remaining cards, indicating that they have different colors. During the movement of multiple cards, due to the unique color of the target card, it can prompt the user to click on the target card, thereby improving the transmission efficiency of virtual resources. For example, the color of the target card can be set to gold, and the colors of the remaining cards can be set to red.

[0064] As mentioned above, the preset animation effect includes the movement of multiple cards along a preset direction. The movement of multiple cards along a preset direction can include a linear deceleration movement along the preset direction (at this time, multiple cards seem to be making a planar rotation deceleration movement). That is to say, multiple cards can initially move quickly along a straight line, with the speed gradually decreasing, and finally stay on the target card that displays the virtual red envelope. By moving multiple cards quickly at the beginning, the text information and red envelopes on multiple cards will alternately appear in the card display position at a relatively fast speed, providing a rich visual effect for the user.

[0065] As mentioned above, when the preset animation effect ends, the target card (with a virtual red envelope, such as a gold virtual red envelope, displayed on the target card) will be displayed in the card display position. In order to increase the probability of user interaction with the target card (such as clicking on the target card), virtual special effects can be displayed for the target card when the movement of multiple cards ends. Displaying virtual special effects for the target card can highlight the target card, guide the user to trigger the page elements where the target card is located, and then trigger the target card.

[0066] In some implementation manners, the virtual special effect can include: a jitter special effect of the target card. That is to say, when the preset animation effect ends, the target card can jitter once, thereby increasing the probability of the user clicking on the red envelope (such as a gold red envelope) represented by the target card. Taking Figure 6 as an example, when the preset animation effect ends, the gold red envelope card (the color is not shown in the figure) jitters around the time from t3 to t4, and then returns to the vertical position (not shown in the figure), thereby guiding the user to click on the gold red envelope card.

[0067] In some implementation manners, the virtual special effect can include: displaying atmosphere elements around the target card. The atmosphere elements mentioned here can, for example, include displaying fireworks, gold stars, etc. around the target card. Taking Figure 7For example, at the end of the preset animation effect, golden stars 72 can be displayed on both sides of the golden red envelope card (this color is not shown in the figure), thus bringing a rich visual experience to the user and increasing the probability of the user clicking on the golden red envelope card.

[0068] In some implementation manners, the virtual special effect may include: displaying a sticker on the target card. Phrases related to benefit information can be displayed on the sticker. For Figure 7 example, at the end of the preset animation effect, a sticker special effect 74 can be displayed on the upper side of the golden red envelope card, and the word "Surprise" is displayed on the sticker, thereby guiding the user to click on the golden red envelope card.

[0069] After the preset animation effect ends, if the user does not trigger the target card (such as not clicking on the golden red envelope card), the preset animation effect can be replayed at the card display position. The user may not pay attention to the preset animation effect at the card display position due to some reason (such as inattentiveness). In this case, rotating the preset animation effect helps to prompt the user to click on the target card.

[0070] During the process of playing the media resource based on the playback page, the preset animation effect mentioned above can be directly displayed at the card display position. However, suddenly starting to play the preset animation effect at the card display position will give a sense of abruptness. Therefore, in some implementation manners, before playing the preset animation effect, a first page element can be displayed at the card display position. The first page element (which can be a control) is used to indicate the playback time of the preset animation effect. For example, the first page element can display a countdown, and after the countdown ends, the preset animation effect starts to be played. As mentioned above, the preset animation effect can be designed as an animation effect of drawing a red envelope. In this case, the first page element is equivalent to indicating the start time of drawing the red envelope. In addition to displaying the second page information, copy related to the virtual resource can also be displayed simultaneously, so that the user can understand which items or benefits the next-played preset animation effect is related to.

[0071] Exemplarily, referring to Figure 8 , before playing the preset animation effect, the first page element 82 shown in Figure 8 can be played at the card display position. It is shown on the first page element 82 that the playback time of the preset animation effect is after 3s. In addition, in the Figure 8 example, copy 84 related to the virtual resource is also shown inside the first page element 82. Through the copy 84 related to the virtual resource, the user can understand that if participating in the next red envelope draw (preset animation effect), some shopping price discounts can be enjoyed.

[0072] If the copywriting related to virtual resources mentioned above is directly displayed during the playback of media resources, it often causes users to quickly scroll past the media resources, thereby reducing the user experience of watching media resources. Therefore, in some implementation manners, before displaying the copywriting related to virtual resources on the playback page, the second page element can be displayed in the card display position first. The second page element can be used to display virtual red envelopes, for example, and the virtual red envelopes displayed on the second page element can be virtual red envelopes with different styles from the virtual red envelopes displayed on the target card mentioned above. For example, the virtual red envelope displayed on the second page element can be a small red envelope icon to avoid overly blocking the media resources, while the virtual red envelope displayed on the target card can be a large red envelope card. When the second page element is first displayed, the copywriting related to virtual resources is not displayed, and users will think that the second page element is part of the playback page. If the display time of the second page element exceeds a certain time, then display the copywriting related to virtual resources mentioned above to the user. On the one hand, it can avoid reducing the viewing experience of media resources, and on the other hand, it helps to prompt users to click on the target card.

[0073] Exemplarily, refer to Figure 9 , during the playback of media resources, the second page element 92 (virtual red envelope, refer to Figure 9 the left figure in) can be first displayed on the playback page. Then, when the media resource is played for a certain time (such as when it is played to 1 / 4 or 1 / 3 of the total playback duration of the media resource), the copywriting related to virtual resources can be displayed on the playback page (refer to Figure 9 the right figure in). When the user's viewing duration of the media resource reaches a certain length, displaying the copywriting related to virtual resources to the user can prompt the user to click on the card.

[0074] Next, the embodiments of the present application will be described in more detail with specific examples. It should be noted that Figure 10 the examples are only for helping those skilled in the art to understand the embodiments of the present application, rather than limiting the embodiments of the present application to the specific numerical values or specific scenarios illustrated. Those skilled in the art can obviously make various equivalent modifications or changes according to the Figure 10 examples given, and such modifications or changes also fall within the scope of the embodiments of the present application.

[0075] After the user starts the client, the display interface displays the playback page and plays the media resource on the playback page. The user can switch between different media resources by sliding the playback page up and down. At time ta, a certain media resource is played on the playback page, and a virtual red envelope icon (corresponding to the second page element mentioned above) is displayed in the card display position at the lower left corner of the playback page. After the media resource is played for a period of time (such as when it is played to 1 / 3 of the total playback duration of the media resource, that is Figure 10At the moment tb) in it, a control is displayed in the card display position (see the gray area in the lower left corner of the playback page corresponding to the moment tb, and this control corresponds to the first page element mentioned above). Copy related to the virtual resource is displayed in the control, and it is prompted that there will be a welfare given out after 3 seconds. Then, after 3 seconds, the red envelope drawing (corresponding to the preset animation effect mentioned above) starts to play. During the process of drawing the red envelope, the blessing card and the red envelope card alternately appear in the card display position in a planar rotation manner, presenting an overall visual effect of planar rotation for drawing the red envelope. At the beginning, multiple cards rotate quickly, and then the rotation speed gradually slows down until it stops at the final golden red envelope card (i.e., the card in the middle at the moment td, Figure 10 the animation process of drawing the red envelope is not shown, nor is the color of the red envelope). After the golden red envelope card stops, the special effect of the golden red envelope card shaking can be played ( Figure 10 not shown in it), and then atmosphere elements such as golden stars are displayed around the golden red envelope card, and a surprise sticker is pasted on the top of the golden red envelope card, so as to prompt the user to click on the golden red envelope card. After the golden red envelope card is clicked, it enters the landing page of the virtual resource, such as the item introduction page.

[0076] It should be noted that the "play" involved in the embodiments of the present application refers to converting the content of the media resource into images, sounds, or a combination of both that can be directly perceived by humans.

[0077] It should be noted that the limitations such as "first", "second", etc. involved in the embodiments of the present application do not have limitations in terms of size, order, quantity, etc., and are only used to distinguish in name. For example, "the second page element" and "the third page element" are used to distinguish different page elements in name.

[0078] It also should be noted that the client can pre-register a callback function or method for the event to be monitored (such as the triggering event of the target card mentioned above), and this function or method contains the logic code that needs to be executed in response to this event. Once this event is triggered, the client automatically calls the corresponding callback function or method. For example, a callback function is pre-registered for the triggering event of the target card, and this callback function triggers the client to switch from the playback page to the landing page of the virtual resource. The response to events in the embodiments of the present application can all be implemented in this way, and will not be elaborated one by one later.

[0079] The terms used in the embodiments of the present application are only for the purpose of describing specific embodiments, and are not intended to limit the protection scope of the present application. The singular forms of "a", "the", and "said" used in the embodiments of the present application and the appended claims are also intended to include the plural forms, unless the context clearly indicates otherwise.

[0080] It should be understood that the term "and / or" used herein is merely a description of the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B may represent three situations: A exists alone, A and B exist simultaneously, and B exists alone. Additionally, the character " / " in this text generally indicates that the associated objects before and after are in an "or" relationship.

[0081] Depending on the context, the word "if" as used herein may be interpreted as "when" or "while" or "in response to". Similarly, depending on the context, the phrase "if it is determined" or "if a (stated condition or event) is detected" may be interpreted as "when it is determined" or "in response to the determination" or "when a (stated condition or event) is detected" or "in response to the detection of a (stated condition or event)".

[0082] It should also be noted that the page elements involved in the embodiments of the present application generally refer to the visual elements on the playback page, which may include text, icons, images, videos, components, and so on. The so-called components refer to the objects obtained by simply encapsulating data and methods, and may also be referred to as controls. It may include, for example, buttons, input boxes, dropdown menus, dialog boxes, navigation bars, cards, interactive icons, and so on.

[0083] As described above in conjunction with Figures 1 to 10 , the method embodiments of the present application have been described in detail. Below, in conjunction with Figures 11 to 12 , the apparatus embodiments of the present application will be described in detail. It should be understood that the descriptions of the method embodiments and the apparatus embodiments correspond to each other. Therefore, for the parts not described in detail, reference may be made to the previous method embodiments.

[0084] Figure 11 FIG. is a schematic structural diagram of an information display apparatus provided for an embodiment of the present application. Figure 11 The information display apparatus 1100 shown includes an event monitoring unit 1110 and an interface display unit 1120. The event monitoring unit 1110 is configured to monitor the trigger event of the target card; the interface display unit 1120 is configured to: display a playback page on which a media resource is presented; during the playback of the media resource, display multiple cards in a preset animation effect at the card display position on the playback page, the multiple cards including the target card, the target card being used to display a virtual red envelope, and the target card being associated with a virtual resource; in response to the target card being triggered, switch from the playback page to the landing page of the virtual resource.

[0085] In some implementation manners, the preset animation effect includes: the multiple cards move along a preset direction, such that the multiple cards appear in the card display position cyclically, and at the end of the preset animation effect, the target card is displayed in the card display position.

[0086] In some implementations, the target card belongs to the first type of cards among the multiple cards. The first type of cards is used to display virtual red envelopes. The multiple cards further include a second type of cards, which is used to display copywriting information. In the card display position, the display positions of the first type of cards and the second type of cards are arranged in a staggered manner.

[0087] In some implementations, the target card has a different color from the remaining cards among the multiple cards except the target card.

[0088] In some implementations, the interface display unit 1120 is further configured to: when the movement of the multiple cards ends, display a virtual special effect for the target card.

[0089] In some implementations, the virtual special effect includes at least one of the following special effects: a jitter special effect of the target card, displaying atmosphere elements around the target card, and displaying stickers on the target card.

[0090] In some implementations, the interface display unit 1120 is further configured to: in response to the target card not being triggered within a preset duration, replay the preset animation effect in the card display position.

[0091] In some implementations, the interface display unit 1120 is further configured to: before playing the preset animation effect, display copywriting related to the virtual resource and / or a first page element in the card display position, and the first page element is used to indicate the playback time of the preset animation effect.

[0092] In some implementations, the interface display unit 1120 is further configured to: before playing the copywriting related to the virtual resource, display a second page element in the card display position, and the second page element is used to display a virtual red envelope, and the virtual red envelope displayed on the second page element has a different style from the virtual red envelope displayed on the target card.

[0093] Each embodiment in this specification is described in a progressive manner. For the same or similar parts among the embodiments, reference can be made to each other, and the key point of each embodiment is to illustrate the differences from other embodiments. In particular, for system or device embodiments, since they are basically similar to method embodiments, the description is relatively simple, and reference can be made to the relevant parts of the method embodiments for the relevant content. The system and device embodiments described above are only illustrative. The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed to multiple network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the solution of this embodiment. A person of ordinary skill in the art can understand and implement it without creative work.

[0094] 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 for analysis, stored data, displayed data, etc.) involved in this application are all information and data that have been authorized by the user or fully authorized by all parties. And the collection, use, and processing of relevant data need to comply with the relevant laws, regulations, and standards of relevant countries and regions, and corresponding operation entrances are provided for users to choose to authorize or refuse.

[0095] In addition, the embodiments of this application also provide a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, it implements the method described in any one of the foregoing method embodiments.

[0096] In addition, the embodiments of this application also provide an electronic device, including:

[0097] One or more processors; and

[0098] A memory associated with the one or more processors, the memory is used to store program instructions, and when the program instructions are read and executed by the one or more processors, they execute the method described in any one of the foregoing method embodiments.

[0099] This application also provides a computer program product, including a computer program, and when the computer program is executed by a processor, it implements the method described in any one of the foregoing method embodiments.

[0100] Among them, Figure 12Exemplarily shows the architecture of an electronic device, which may specifically include a processor 1210, a video display adapter 1211, a disk drive 1212, an input / output interface 1213, a network interface 1214, and a memory 1220. The above-mentioned processor 1210, video display adapter 1211, disk drive 1212, input / output interface 1213, network interface 1214, and the memory 1220 can be communicatively connected via a communication bus 1230.

[0101] Among them, the processor 1210 can be implemented in ways such as a general-purpose central processing unit (CPU), a microprocessor, an application specific integrated circuit (ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in this application.

[0102] The memory 1220 can be implemented in forms such as a read only memory (ROM), a random access memory (RAM), a static storage device, a dynamic storage device, etc. The memory 1220 can store an operating system 1221 for controlling the operation of the electronic device 1200, and a basic input output system (BIOS) 1222 for controlling the low-level operations of the electronic device 1200. Additionally, it can also store a web browser 1223, a data storage management system 1224, a media file playback processing device 1225, and so on. The above-mentioned media file playback processing device 1225 can be the application program that specifically implements the operations of the foregoing steps in the embodiments of this application. In summary, when implementing the technical solutions provided in this application through software or firmware, the relevant program codes are stored in the memory 1220 and are called and executed by the processor 1210.

[0103] The input / output interface 1213 is used to connect to an input / output module to achieve information input and output. The input / output module can be configured as a component in the device (not shown in the figure) or externally connected to the device to provide corresponding functions. Among them, the input devices can include a keyboard, a mouse, a touch screen, a microphone, various sensors, etc., and the output devices can include a display, a speaker, a vibrator, an indicator light, etc.

[0104] The network interface 1214 is used to connect to a communication module (not shown in the figure) to enable communication and interaction between this device and other devices. The communication module can achieve communication through wired means (such as universal serial bus (USB), network cable, etc.) or wireless means (such as mobile network, wireless fidelity (WIFI), Bluetooth, etc.).

[0105] The bus 1230 includes a path for transmitting information between various components of the device (such as the processor 1210, video display adapter 1211, disk drive 1212, input / output interface 1213, network interface 1214, and memory 1220).

[0106] It should be noted that although the above device only shows the processor 1210, video display adapter 1211, disk drive 1212, input / output interface 1213, network interface 1214, memory 1220, bus 1230, etc., in the specific implementation process, the device may also include other components necessary for normal operation. In addition, those skilled in the art can understand that the above device may also only include the components necessary to implement the solution of this application, and does not necessarily include all the components shown in the figure.

[0107] From the description of the above embodiments, those skilled in the art can clearly understand that this application can be implemented by means of software plus a necessary general hardware platform. Based on such an understanding, the technical solution of this application, in essence or the part that contributes to the prior art, can be embodied in the form of a computer program product. The computer program product can be stored in a storage medium, such as ROM / RAM, magnetic disk, optical disc, etc., and includes several instructions to enable a computer device (which can be a personal computer, server, or network device, etc.) to execute the methods described in various embodiments or some parts of the embodiments of this application.

[0108] The above has introduced the technical solution provided by this application in detail. Specific examples are used in this article to elaborate on the principle and implementation manner of this application. The description of the above embodiments is only used to help understand the method and its core idea of this application; at the same time, for those of ordinary skill in the art, according to the idea of this application, there will be changes in the specific implementation manner and application scope. In summary, the content of this specification should not be construed as a limitation to this application.

Claims

1. An information display method, characterized in that, including: displaying a playback page on which media resources are presented; during the process of playing the media resources, multiple cards are displayed in a card display position on the playback page with a preset animation effect, the multiple cards include a target card, the target card is used to display a virtual red envelope, and the target card is associated with virtual resources; in response to the target card being triggered, switching from the playback page to the landing page of the virtual resources.

2. The method according to claim 1, wherein: the preset animation effect includes: the multiple cards move along a preset direction, so that the multiple cards appear in the card display position cyclically, and at the end of the preset animation effect, the target card is displayed in the card display position.

3. The method according to claim 2, wherein the target card belongs to the first type of cards among the multiple cards, the first type of cards is used to display virtual red envelopes, the multiple cards further include a second type of cards, the second type of cards is used to display text information, and in the card display position, the display positions of the first type of cards and the second type of cards are arranged in a staggered manner.

4. The method according to claim 2, wherein the target card has a different color from the remaining cards among the multiple cards except the target card.

5. The method according to claim 2, wherein The method further includes: when the movement of the multiple cards ends, displaying virtual special effects for the target card.

6. The method according to claim 5, wherein the virtual special effects include at least one of the following special effects: the jitter special effect of the target card, displaying atmosphere elements around the target card, and displaying stickers on the target card.

7. The method according to claim 1 or 2, characterized in that, The method further includes: in response to the target card not being triggered within a preset duration, replaying the preset animation effect in the card display position.

8. The method according to claim 1 or 2, characterized in that, The method further includes: before playing the preset animation effect, displaying text related to the virtual resources and / or a first page element in the card display position, the first page element is used to indicate the playback time of the preset animation effect.

9. The method according to claim 8, wherein The method further includes: before playing the text, displaying a second page element in the card display position, the second page element is used to display a virtual red envelope, and the virtual red envelope displayed on the second page element has a different style from the virtual red envelope displayed on the target card.

10. An information display device, characterized in that, including: an event monitoring unit configured to monitor the triggering event of the target card; an interface display unit configured to: display a playback page on which media resources are presented; during the process of playing the media resources, multiple cards are displayed in a card display position on the playback page with a preset animation effect, the multiple cards include a target card, the target card is used to display a virtual red envelope, and the target card is associated with virtual resources; in response to the target card being triggered, switching from the playback page to the landing page of the virtual resources.

11. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the program is executed by a processor, it implements the method according to any one of claims 1 to 9.

12. An electronic device, characterized in that, including: one or more processors; and a memory associated with the one or more processors, the memory is used to store program instructions, and when the program instructions are read and executed by the one or more processors, the method according to any one of claims 1 to 9 is executed.

13. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the method according to any one of claims 1 to 9.

Images