Interactive method, device, equipment, medium and program product of banner card

Abstract

The present application provides an interactive method, device, equipment, medium and program product for a banner card, which belongs to the field of human-computer interaction technology. The method includes: displaying a background interface and at least two banner cards, wherein the first banner card of the at least two banner cards is in a cursor selected state; receiving a card switching operation of the banner card; in response to the card switching operation, switching the banner card in the cursor selected state from the first banner card to the second banner card, and displaying dynamic video content corresponding to the second banner card in the background interface, wherein the dynamic video content is associated with the program function after the second banner card is triggered. The method allows the user to understand the program function corresponding to the banner card through the dynamic video content corresponding to the banner card displayed on the background interface, thereby improving the efficiency of the user in obtaining the program function corresponding to the banner card and also improving the efficiency of human-computer interaction.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of human-computer interaction technology, and in particular to an interactive method, device, equipment, medium and program product for a banner card. Background Art

[0002] On the program interface of a system program or an application program, multiple banner cards may be displayed. For example, the main interface of a game software may display banner cards for multiple games.

[0003] A representative picture of the game is displayed on each banner card. If you want to know the details of a game, you need to click on the banner card of the game to enter the details page and get the detailed content of the game on the details page.

[0004] In the above-mentioned method of obtaining game details, when a user wants to obtain detailed content of multiple games, the user needs to repeatedly perform the operations of entering and returning, which reduces the efficiency of human-computer interaction. Summary of the invention

[0005] The embodiments of the present application provide a banner card interactive method, device, equipment, medium and program product, so that users can understand the program function corresponding to the banner card through the dynamic video content corresponding to the banner card displayed on the background interface, which improves the efficiency of users to know the program function corresponding to the banner card and also improves the efficiency of human-computer interaction. The technical solution is as follows:

[0006] On the one hand, an embodiment of the present application provides an interactive method for a banner card, the method comprising:

[0007] Displaying a background interface and at least two banner cards, wherein a first banner card of the at least two banner cards is in a cursor-selected state;

[0008] Receive a card switching operation of the banner card;

[0009] In response to the card switching operation, the banner card in the cursor selected state is switched from the first banner card to the second banner card, and dynamic video content corresponding to the second banner card is displayed in the background interface, and the dynamic video content is associated with the program function after the second banner card is triggered.

[0010] On the other hand, an embodiment of the present application provides an interactive device for a banner card, the device comprising:

[0011] A display module, used for displaying a background interface and at least two banner cards, wherein a first banner card of the at least two banner cards is in a cursor selected state;

[0012] A receiving module, used for receiving a card switching operation of the banner card;

[0013] A switching module is used to switch the banner card in the cursor selected state from the first banner card to the second banner card in response to the card switching operation, and to display dynamic video content corresponding to the second banner card in the background interface, wherein the dynamic video content is associated with the program function after the second banner card is triggered.

[0014] On the other hand, an embodiment of the present application provides a computer device, which includes a processor and a memory, wherein at least one program is stored in the memory, and the at least one program is loaded and executed by the processor to implement the interactive method of the banner card as described above.

[0015] On the other hand, an embodiment of the present application provides a computer-readable storage medium, in which at least one program is stored. The at least one program is loaded and executed by a processor to implement the interactive method of the banner card as described above.

[0016] In another aspect, an embodiment of the present application provides a computer program product (or computer program), the computer program product (or computer program) including computer instructions, the computer instructions being stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the interactive method of the banner card as described above.

[0017] The beneficial effects brought by the technical solution provided by the embodiment of the present application include at least:

[0018] In the interactive method of banner cards, if a banner card switches from a cursor unselected state to a cursor selected state, the dynamic video content corresponding to the banner card is displayed in the background interface. This dynamic video content is dynamic video content associated with the program function after the banner card is triggered. The user can learn about the program function corresponding to the banner card through this dynamic video content. In this way, the user only needs to switch the cursor selection state to understand the details of the program function corresponding to the banner card, and does not need to click on the banner card to enter the details page, which improves the efficiency of human-computer interaction, especially for the scenario of viewing the program functions corresponding to multiple banner cards, and there is no need to repeatedly perform enter and return operations.

[0019] In addition, compared with the method of disseminating detailed content through fixed text and pictures, this method displays the dynamic video content of the banner card in the background interface, which enables users to gain an immersive experience of the program functions of the banner card. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] In order to more clearly illustrate the technical solutions in the embodiments of the present application, 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 application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0021] Figure 1 A schematic diagram showing an interface display provided by an exemplary embodiment of the present application is shown;

[0022] Figure 2 A block diagram of a computer system provided by an exemplary embodiment of the present application is shown;

[0023] Figure 3 A flowchart of an interactive method for a banner card provided by an exemplary embodiment of the present application is shown;

[0024] Figure 4 A schematic diagram showing the structure of an interface provided by an exemplary embodiment of the present application is shown;

[0025] Figure 5 A schematic diagram showing an interface display provided by another exemplary embodiment of the present application is shown;

[0026] Figure 6 A schematic diagram showing an interface display provided by another exemplary embodiment of the present application is shown;

[0027] Figure 7 A schematic diagram showing an interface display provided by another exemplary embodiment of the present application is shown;

[0028] Figure 8 A schematic diagram showing an interface display provided by another exemplary embodiment of the present application is shown;

[0029] Fig. 9 A flowchart of an interactive method for a banner card provided by another exemplary embodiment of the present application is shown;

[0030] Fig.10 A flowchart of interaction between an electronic device and a server provided by an exemplary embodiment of the present application is shown;

[0031] Fig.11 A block diagram of an interactive device for a banner card provided by an exemplary embodiment of the present application is shown;

[0032] Fig.12 A schematic diagram of the structure of a computer device provided by an exemplary embodiment of the present application is shown. DETAILED DESCRIPTION

[0033] In order to make the objectives, technical solutions and advantages of the present application clearer, the implementation methods of the present application will be further described in detail below in conjunction with the accompanying drawings.

[0034] First, the nouns involved in the embodiments of the present application are introduced:

[0035] Cloud gaming, also known as gaming on demand, is an online gaming technology based on cloud computing technology. Cloud gaming technology enables thin clients with relatively limited graphics processing and data computing capabilities to run high-quality games. In a cloud gaming scenario, the game is not played on the player's game terminal, but on a cloud server, which renders the game scene into a video and audio stream and transmits it to the player's game terminal over the network. The player's game terminal does not need to have powerful graphics computing and data processing capabilities, but only needs to have basic streaming media playback capabilities and the ability to obtain player input commands and send them to the cloud server.

[0036] Exemplarily, the interactive method of the above-mentioned banner card can be applied to cloud applications. For example, the above-mentioned cloud game is installed and run on the TV end, and multiple banner cards are displayed on the main interface 100 of the cloud game, including a banner card of the cloud game, a banner card of the live broadcast, and a banner card of shopping, such as Figure 1 As shown; the banner card 102 of the cloud game "Game: YDZY" is in the cursor selected state, and the banner card 103 of the game "Mutation" is in the cursor unselected state; for the banner card 102, when it switches from the cursor unselected state to the cursor selected state, the cloud game responds to the state switching operation and plays a game screen of the game "Game: YDZY" in the background interface 104. This game screen can be a game promotion animation of "Game: YDZY", so that users can quickly understand the details of the cloud game "Game: YDZY" without entering the details page, thereby improving the efficiency of human-computer interaction; and it also allows users to gain an immersive experience of the details of the cloud game "Game: YDZY".

[0037] Figure 2 The structural framework diagram of a computer system provided by an exemplary embodiment of the present application is shown. The computer system includes an electronic device (ie, user device) 210 and a server 220 .

[0038] The electronic device 210 has an application installed and running. For example, the application may be a cloud application, such as cloud games, cloud live broadcasts, cloud videos, etc., but is not limited thereto. For example, a user account is logged into the application on the electronic device 210. For example, the electronic device 210 may include a smart phone, a tablet computer, an e-book reader, a television (TeleVision, TV), an MP3 player (Moving Picture Experts Group Audio Layer III, Moving Picture Experts Compression Standard Audio Layer 3), an MP4 (Moving Picture Experts Group Audio Layer IV, Moving Picture Experts Compression Standard Audio Layer 4) player, a laptop computer, a desktop computer, etc., but is not limited thereto.

[0039] The electronic device 210 and the server 220 are directly or indirectly connected via a wireless network or a wired network.

[0040] The server 220 is used to provide background services for system programs or applications. Exemplarily, the server 220 can be 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, content delivery networks (CDNs), and big data and artificial intelligence platforms.

[0041] Exemplarily, the server 220 undertakes the main computing work and the electronic device 210 undertakes the secondary computing work; or, the server 220 undertakes the secondary computing work and the electronic device 210 undertakes the main computing work; or, a distributed computing architecture is used between the server 220 and the electronic device 210 for collaborative computing.

[0042] Exemplarily, the above wireless network or wired network uses standard communication technology and / or protocol. The network is usually the Internet, but it can also be any network, including but not limited to any combination of local area network (LAN), metropolitan area network (MAN), wide area network (WAN), mobile, wired or wireless network, private network or virtual private network. In some embodiments, the data exchanged through the network is represented by technology and / or format including Hyper Text Mark-up Language (HTML), Extensible Markup Language (XML), etc. In addition, conventional encryption technologies such as Secure Socket Layer (SSL), Transport Layer Security (TLS), Virtual Private Network (VPN), Internet Protocol Security (IPsec) can also be used to encrypt all or some links. In other embodiments, customized and / or dedicated data communication technology can also be used to replace or supplement the above data communication technology.

[0043] Those skilled in the art will appreciate that the number of the above terminals may be more or less. For example, the above terminal may be only one, or the above terminals may be dozens or hundreds, or more. The embodiment of the present application does not limit the number of terminals and device types.

[0044] The interactive method of banner cards provided in this application can be applied to the above-mentioned computer system. For example, the electronic device 210 displays a background interface and at least two banner cards. When the cursor selects a banner card (that is, the banner card switches to the cursor selected state), the server 220 is requested to display the dynamic video content corresponding to the banner card, and then the dynamic video content corresponding to the banner card is displayed in the background interface. The detailed implementation of the method can refer to the following embodiments.

[0045] Figure 3 A flowchart of an interactive method for a banner card provided by an exemplary embodiment of the present application is shown, which is applied to Figure 2 Taking the electronic device shown in the figure as an example, the method includes:

[0046] Step 310, displaying a background interface and at least two banner cards, wherein a first banner card of the at least two banner cards is in a cursor selected state.

[0047] The electronic device displays a background interface and at least two banner cards in a system program, or displays a background interface and at least two banner cards in an application program.

[0048] Exemplarily, a cloud application is installed and running on the electronic device, and a background interface and at least two banner cards are displayed in the cloud application. Figure 4 , the program interface of the cloud application includes a background layer (also known as the background interface) and a user interface (UI) layer; when the first banner card among at least two banner cards is in a cursor selected state, the dynamic video content corresponding to the first banner card is displayed in the background layer; and at least two banner display positions 401 are displayed in the UI layer, and at least two banner cards are displayed correspondingly on the at least two banner display positions.

[0049] Exemplarily, when the first banner card is in a cursor selected state, if the first duration of the first banner card in the cursor selected state is greater than the second duration of the dynamic video content corresponding to the first banner card, the electronic device may repeatedly play the dynamic video content corresponding to the first banner card in the background layer; or, the electronic device may play the dynamic video content corresponding to the first banner card once in the background layer, and display the picture corresponding to the first banner card after the playback is completed. For example, the picture may be a promotional picture corresponding to the first banner card, or it may be the last frame of the above-mentioned dynamic video content.

[0050] If the first duration is less than the second duration, the dynamic video content corresponding to the first banner card is played in the background layer until the first duration, that is, when the first banner card switches from the cursor selected state to the cursor unselected state, the dynamic video content corresponding to the first banner card is no longer played.

[0051] For example, Figure 4 The program interface also includes a texture layer, a mask layer and a color adjustment layer. The electronic device sets the display texture, the background upper layer mask and the background display tone on the program interface based on the preset background display parameters. The above-mentioned background display parameters include at least one of texture parameters, mask parameters and color adjustment parameters.

[0052] Exemplarily, when the first banner card is in a cursor-selected state, the electronic device can also display detailed content such as pictures and / or texts corresponding to the first banner card in the background layer.

[0053] Step 320: Receive a card switching operation of the banner card.

[0054] Exemplarily, the card switching operation may be triggered by a control device, such as a remote control device such as a mouse, a remote controller or a game controller, or a control panel on a computer. Exemplarily, the electronic device receives a cursor movement operation on a banner card, and the cursor moves from a first banner card to a second banner card, i.e., a card switching operation of the banner card occurs. At this time, the first banner card switches from a cursor selected state to a cursor unselected state, and the second banner card switches from a cursor unselected state to a cursor selected state.

[0055] Step 330, in response to the card switching operation, the banner card in the cursor selected state is switched from the first banner card to the second banner card, and the dynamic video content corresponding to the second banner card is displayed in the background interface, and the dynamic video content is associated with the program function after the second banner card is triggered.

[0056] The electronic device displays the dynamic video content corresponding to the first banner card in the background interface, and then in response to the card switching operation, switches the dynamic video content corresponding to the first banner card displayed in the background interface to the dynamic video content corresponding to the second banner card.

[0057] Optionally, the electronic device displays the dynamic video content corresponding to the second banner card in the entire interface area of ​​the background interface; illustratively, Figure 1 , the electronic device displays the dynamic video content of “Game: YDZY” in the background interface 104 .

[0058] For example, when the second banner card is a start-up entry for a game function, the electronic device displays a game animation corresponding to the game function in the entire interface area of ​​the background interface. Figure 5 , the electronic device displays banner cards in the UI layer, including banner card 501; and displays the game animation of the game function corresponding to banner card 501 on the entire interface area of ​​background interface 502. Afterwards, the electronic device receives a start operation on the start entry of the game function and enters the game corresponding to the second banner card, such as Figure 5 The electronic device receives a confirmation operation on the banner card 501 and displays a start interface 503 of the game function of the banner card 501 .

[0059] Optionally, the electronic device displays the game animation of the latest game content in the game archive corresponding to the game function in the entire interface area of ​​the background interface. Exemplarily, a user account is logged in to the cloud game, and the electronic device archives the game content to the above user account at the end of each game. The archive can be performed in the electronic device or in the cloud server corresponding to the cloud game; before the electronic device displays the game screen corresponding to the game function, the electronic device reads the file for the user account in the above electronic device or the above cloud server, obtains the game animation of the latest game content under the user account, and plays the game animation of the above latest game content in the background interface.

[0060] Exemplarily, the game animation may be a promotional animation corresponding to the latest game content, such as a promotional animation corresponding to the game level; or it may be a wonderful animation clip generated by user operation in the latest game content, such as a wonderful animation clip corresponding to the double kill moment triggered by the user operating the virtual character in the last game; or it may be a promotional animation of the recent update content of the game function, such as a promotional animation of a new task line in the game; or it may be a promotional animation of the same type of game function, such as a promotional animation of the second game that belongs to the same dress-up game as the first game. That is, the dynamic video content corresponding to the banner card may be various types of dynamic video content set according to user needs.

[0061] Exemplarily, in the case where the second banner card is a viewing entrance for an online video, the electronic device displays a video clip corresponding to the online video in the entire interface area of ​​the background interface.

[0062] Optionally, the electronic device intercepts a video clip in the first time period after the first playback progress from the online video, and the first playback progress refers to the progress of playing the online video under the user account logged in in the cloud application; the video clip in the first time period is played in the entire interface area of ​​the background interface. Exemplarily, in the process of playing the online video, the electronic device records the playback progress of each online video played under the user account, and records it in the memory of the electronic device or in the cloud server corresponding to the cloud application; before the electronic device displays the video clip corresponding to the online video, the electronic device reads the first playback progress of the online video from the above-mentioned memory or cloud server; if there is a first playback progress, the video clip in the first time period after the first playback progress is intercepted from the online video; if there is no first playback progress, it means that the electronic device has not played the online video, and the video clip in the first time period is randomly intercepted from the online video. Exemplarily, the electronic device can also intercept a video clip in a third time period from the online video, and the third time period includes a first preset time length before the first playback progress and a second preset time length after the first playback progress, and the third time period includes the moment corresponding to the first playback progress.

[0063] For example, when the second banner card is a viewing entrance for an online video, the electronic device can also display a wonderful video clip corresponding to the online video in the entire interface area of ​​the background interface. The wonderful video clip can be manually captured, or a wonderful video clip with the highest playback rate in the online video determined based on big data.

[0064] Exemplarily, when the second banner card is the entrance to the live broadcast room of the network live broadcast, the electronic device displays the live broadcast room picture corresponding to the network live broadcast in the entire interface area of ​​the background interface. Optionally, the electronic device displays the real-time picture of the live broadcast room corresponding to the network live broadcast in the entire interface area of ​​the background interface. Figure 6 , the electronic device displays multiple banner cards in the UI layer; if the second banner card 601 is the entrance to the live broadcast room of the network live broadcast, the live broadcast room screen corresponding to the network live broadcast can be displayed in the entire interface area of ​​the background interface 602. After that, the electronic device receives a confirmation operation on the second banner card 601, and enters the live broadcast interface 603 of the live broadcast room corresponding to the second banner card 601; Figure 6 As shown, the live studio picture displayed on the background interface can be a real-time live picture.

[0065] Optionally, the electronic device intercepts a video clip in the second time period after the second playback progress from the live stream of the live webcast, and the second playback progress refers to the progress of playing the live webcast under the user account logged in to the cloud application; in the entire interface area of ​​the background interface, the live studio screen in the video clip in the second time period is displayed. Exemplarily, in the process of playing the live webcast, the electronic device records the playback progress of each live webcast played under the user account, and records it in the memory of the electronic device or in the cloud server corresponding to the cloud application; before the electronic device displays the live studio screen corresponding to the live webcast, the electronic device reads the second playback progress of the live webcast from the above-mentioned memory or cloud server; if there is a second playback progress, the video clip in the second time period after the second playback progress is intercepted from the live stream of the live webcast; if there is no second playback progress, it means that the electronic device has not played the live webcast, and the video clip in the second time period is randomly intercepted from the live stream of the live webcast. Exemplarily, the electronic device can also intercept a video clip in the fourth time period from the online video, and the fourth time period includes the third preset time length before the second playback progress and the fourth preset time length after the second playback progress, and the fourth time period includes the moment corresponding to the second playback progress. The first, second, third and fourth preset durations are preset by backend technicians, or may be customized by the user.

[0066] Exemplarily, in the case where the second banner card is a purchase entry for an online product, the electronic device displays an advertisement video corresponding to the online product in the entire interface area of ​​the background interface.

[0067] Exemplarily, when the second banner card is a purchase entry for an online product, the electronic device displays an explanation segment corresponding to the online product in the entire interface area of ​​the background interface. For example, the explanation segment may be an explanation segment of the online product captured in a live broadcast stream.

[0068] Exemplarily, when the second banner card is a purchase entrance for online products, the electronic device displays a real-time live studio screen corresponding to the online product in the entire interface area of ​​the background interface. The live studio screen is a live screen generated when the online product is explained during the live broadcast.

[0069] Exemplarily, in the case where the second banner card is the purchase entrance of the online product, if the promotion of the online product is in an effective state, the electronic device displays the advertising video corresponding to the promotion in the entire interface area of ​​the background interface. For example, the electronic device pulls the advertising business data from the server, and the above advertising business data records the promotion corresponding to the online product. It is determined that the promotion is in an effective state, that is, it is determined that the promotion is still in a participatory state after the triggering moment of the card switching operation, and then the advertising video corresponding to the promotion is obtained accordingly, and the advertising video corresponding to the promotion is displayed in the entire interface area of ​​the background interface. Exemplarily, the effective state refers to the state in which the promotion can be participated after the triggering moment of the card switching operation. For example, the effective state refers to the state in which the promotion can be participated within the specified time after the triggering moment of the card switching operation; the above specified time can be 1 second, 1 minute, 15 minutes, half an hour, etc., which is not limited in this embodiment.

[0070] For example, when the second banner card is a purchase entry for a network product, the electronic device displays the details corresponding to the network product in the entire interface area of ​​the background interface; Figure 7 When the second banner card 701 is the online product purchase entrance, the electronic device displays the details 702 corresponding to the online product on the background interface; thereafter, the electronic device can also receive a confirmation operation on the second banner card 701 and enter the details page 703 of the online product.

[0071] For example, when the second banner card is the activity entrance of the network operation activity, the electronic device displays the details corresponding to the network operation activity in the entire interface area of ​​the background interface. If the network operation activity is a reservation activity, the second banner card is the reservation activity entrance 801 of the network operation activity, and the electronic device displays the reservation introduction 802 corresponding to the network operation activity in the entire interface area of ​​the background interface. Figure 8 Afterwards, the electronic device receives the confirmation operation on the second banner card 801 and enters the reservation interface 803 of the network operation activity.

[0072] To summarize, the interactive method of the banner card provided in this embodiment is that if a banner card is switched from an unselected cursor state to a selected cursor state, the dynamic video content corresponding to the banner card is displayed in the background interface. This dynamic video content is a dynamic video content associated with the program function after the banner card is triggered. The user can learn about the program function corresponding to the banner card through this dynamic video content. In this way, the user only needs to switch the cursor selection state to understand the details of the program function corresponding to the banner card, and does not need to click on the banner card to enter the details page, thereby improving the efficiency of human-computer interaction. In particular, when viewing the details of the program functions corresponding to multiple banner cards, there is no need to repeatedly perform the enter and return operations.

[0073] In addition, compared with the method of disseminating detailed content through fixed text and pictures, this method displays the dynamic video content of the banner card in the background interface, which enables users to gain an immersive experience of the program functions of the banner card.

[0074] like Fig. 9 , for displaying at least two banner cards, the following two steps can also be used to implement it, namely Figure 3 Step 310 in the embodiment can be implemented by the following steps 312 to 316:

[0075] Step 312, display the background interface.

[0076] Step 314: Mix and arrange the first-category banner cards and the second-category banner cards to obtain at least two mixed banner cards.

[0077] The electronic device displays at least two banner cards, and the at least two banner cards include a first type of banner card and a second type of banner card. The category of the banner card is determined by the function type of the program function corresponding to the banner card, that is, the program function corresponding to the first type of banner card and the program function corresponding to the second type of banner card belong to different function types of the same program or different programs; for example, one type of banner card corresponds to the live broadcast function, another type of banner card corresponds to the game function, another type of banner card corresponds to the event reservation function, another type of banner card corresponds to the purchase function, and another type of banner card corresponds to the video playback function, and at least two banner cards correspond to at least two types of functions. The electronic device mixes at least two banner cards of different function types to obtain at least two mixed banner cards. Exemplarily, if there are two banner cards belonging to the same program, then when the two banner cards are triggered, the interface jumps to two program interfaces, and the two program interfaces still belong to the same program; if there are two banner cards belonging to different programs, then when the two banner cards are triggered, the interface jumps to two program interfaces, and the two program interfaces belong to different programs. For example, when banner card 1 is triggered, it jumps to the game interface of the first cloud application; when banner card 2 is triggered, it jumps to the live broadcast interface of the first cloud application; the two types of program functions corresponding to banner card 1 and banner card 2 belong to different function types of the same program; when banner card 3 is triggered, it jumps to the live broadcast interface of the second cloud application; the two types of program functions corresponding to banner card 1 and banner card 3 belong to different function types of different programs.

[0078] The electronic device can mix the first category banner cards and the second category banner cards according to the number of clicks on the banner cards to obtain at least two mixed banner cards.

[0079] Alternatively, the first category of banner cards and the second category of banner cards are mixed according to the priorities of the banner cards to obtain at least two mixed banner cards. The priorities of the above banner cards may be preset in the background; or may be user-defined; or may be determined based on the priority of the user-defined function type, for example, the game function has the highest priority, and a certain banner card corresponds to the game function, and this banner card has the highest priority in the sorting.

[0080] Alternatively, the first type of banner cards and the second type of banner cards are randomly mixed to obtain at least two mixed banner cards.

[0081] Exemplarily, the electronic device can also obtain historical browsing information under the user account, perform user interest analysis on the historical browsing information, thereby obtaining user interests (including user long-term interests), and mix at least two banner cards that provide different content (such as game content, online product content, live broadcast content, etc.) based on user interests.

[0082] Exemplarily, the types of the first banner card and the second banner card are not limited in this embodiment.

[0083] Step 316, displaying at least two banner cards after mixing.

[0084] The electronic device determines a functional area on the UI layer and displays at least two mixed banner cards on the functional area.

[0085] like Figure 1 As shown, the banner card “Game: YDZY” corresponds to the game function, the banner card “Mutation” also corresponds to the game function, the banner card “XQ Live” corresponds to the live broadcast function, and the banner card “Buy a controller and get a membership for free” corresponds to the purchase function. The four banner cards corresponding to the three function types are mixed and displayed in the function area 101.

[0086] Exemplarily, in response to a card switching operation, the electronic device plays the dynamic video content corresponding to the second banner card in the background interface, while also displaying a third banner card related to the second banner card, wherein the display content corresponding to the third banner card is related to the program function after the second banner card is triggered.

[0087] For example, the electronic device determines other functional areas outside the above functional areas, and displays a third banner card related to the second banner card in the other functional areas.

[0088] Exemplarily, when the second banner card is the launch entrance of a game function, the third banner card may include at least one of a launch entrance for a game of the same type as the game corresponding to the second banner card, an entrance to a live broadcast room for the online live broadcast of the game corresponding to the second banner card, a purchase entrance for related online products of the game corresponding to the second banner card, and an activity entrance for the operating activities of the game corresponding to the second banner card.

[0089] When the second banner card is a viewing entrance for an online video, the third banner card may include at least one of a launch entrance for a game in the online video, a purchase entrance for network products in the online video, and an activity entrance for an operation activity in the online video.

[0090] In the case where the second banner card is the entrance to the live broadcast room of the online live broadcast, the third banner card may include at least one of a launch entrance for a game in the online live broadcast, a purchase entrance for online goods in the online live broadcast, and an activity entrance for operating activities in the online live broadcast.

[0091] In the case where the second banner card is a purchase entrance for an online product, the third banner card may include at least one of an entrance to a live broadcast room corresponding to the online product and a launch entrance to a game corresponding to the online product.

[0092] When the second banner card is the activity entrance of the operation activity, the third banner card may include at least one of the live broadcast room entrance of the live broadcast corresponding to the operation activity, the launch entrance of the game corresponding to the operation activity, the purchase entrance of the online goods corresponding to the operation activity, and the viewing entrance of the online video corresponding to the operation activity.

[0093] For example, Figure 1 When the banner card "Game: YDZY" is in the cursor selected state, a third banner card is displayed on the other function area 105, including the live broadcast room entrance of the anchor 123, the skin purchase entrance, the live broadcast room entrance of the live event, and the game entrance.

[0094] It should be noted that the execution order of step 312 and step 316 is not limited in this embodiment. The electronic device can display the banner card after displaying the background interface, or display the background interface after displaying the banner card, or display the banner card and the background interface at the same time.

[0095] To sum up, the interactive method of the banner card provided in this embodiment can display multiple functional entrances of the same content in the same functional area. For example, the live broadcast room entrance for the live broadcast of a game, the startup entrance of the game, the purchase entrance of online products in the game, etc. can be displayed in the same functional area, so that when the user wants to view the entrances to multiple functions of the same content, there is no need to perform page turning operations or search operations, which makes the user's information acquisition efficiency higher.

[0096] For example, the interaction process between the application (Application, App) and the server in the interactive method of the banner card is described, such as Fig.10 In step 1, the user starts the App on the electronic device by pressing a button on the input device; in step 2, the electronic device starts the App based on the above button, enters the main interface of the App, and displays the game card on the main interface.

[0097] Exemplarily, the App executes step 3 to pull game / video content data from the business server, including data of advertising cards related to the game / video; in step 4, the business server returns the above-mentioned game / video content data to the App; the App also executes step 5 to display a prompt message after the returned data; thereafter, the App executes step 6 to start the game / video and obtain audio and video data from the game / video server, which includes at least one of game cards and live broadcast cards; in step 7, the game / video server pushes the audio and video data; thereby displaying advertising cards, game cards, and live broadcast cards, etc. on the main interface.

[0098] In step 8, the App detects that the user has selected the game card with the cursor through the input device. In step 9, the App sends an instruction to play the game animation to the game server (including the cloud game server) based on the cursor selection operation. The instruction carries the game information corresponding to the game card. In step 10, the game server renders the corresponding game animation according to the game information, or obtains the preset game animation, and sends the corresponding multimedia resources (that is, the above-mentioned game animation) to the App for display in the background layer of the App.

[0099] When a user inputs a card switching instruction to an electronic device through an input device (such as a game controller), the App in the electronic device executes the card switching instruction, switches the game card in the UI layer to a live broadcast card, and at the same time, sends an instruction to play the live broadcast to a video server (also called a live broadcast server), which carries the game information corresponding to the live broadcast; the video server obtains the corresponding live video content based on the game information, and sends the live video content to the App to display the live video content (that is, the live studio screen) on the background layer of the App.

[0100] When the user inputs a viewing instruction to enter the live broadcast room to the electronic device through the input device, the electronic device will switch the controls of the UI layer, such as changing the game card to a control for sending gifts.

[0101] When the user triggers the command to start the game on the game card through the input device, the App will cancel the control of the display UI layer and send the command to start the game to the game server. The game server renders the corresponding game screen and sends it to the App for display.

[0102] When the user selects an advertisement card with the cursor of the input device, the App sends an instruction to play the advertisement to the business server; the business server returns the advertisement video corresponding to the advertisement card and plays the advertisement video on the background layer of the App.

[0103] When the user selects the above-mentioned advertising card through an input device, the App will update the UI controls of the UI layer and display the purchase controls on the UI layer. The user can purchase the online products in the advertising video through the above-mentioned purchase controls.

[0104] Fig.11 A block diagram of an information recommendation device provided by an exemplary embodiment of the present application is shown. The device can be implemented as part or all of a computer device through software, hardware, or a combination of both. The device includes:

[0105] Display module 910, used to display a background interface and at least two banner cards, wherein a first banner card of the at least two banner cards is in a cursor selected state;

[0106] A receiving module 920 is used to receive a card switching operation of a banner card;

[0107] The switching module 930 is used to respond to a card switching operation, switch the banner card in the cursor selected state from the first banner card to the second banner card, and display the dynamic video content corresponding to the second banner card in the background interface, and the dynamic video content is associated with the program function after the second banner card is triggered.

[0108] In some embodiments, displaying the dynamic video content corresponding to the second banner card in the background interface includes:

[0109] In the entire interface area of ​​the background interface, dynamic video content corresponding to the second banner card is displayed.

[0110] In some embodiments, in the entire interface area of ​​the background interface, dynamic video content corresponding to the second banner card is displayed, including:

[0111] In the case where the second banner card is a start-up entry for a game function, a game animation corresponding to the game function is displayed in the entire interface area of ​​the background interface;

[0112] In the case where the second banner card is a viewing entrance for an online video, a video clip corresponding to the online video is displayed in the entire interface area of ​​the background interface;

[0113] In the case where the second banner card is the entrance to the live broadcast room of the network live broadcast, the live broadcast room screen corresponding to the network live broadcast is displayed in the entire interface area of ​​the background interface;

[0114] In the case where the second banner card is a purchase entrance for online products, an advertisement video corresponding to the online products is displayed in the entire interface area of ​​the background interface.

[0115] In some embodiments, in the entire interface area of ​​the background interface, a game animation corresponding to a game function is displayed, including:

[0116] In the entire interface area of ​​the background interface, the game animation of the latest game content in the game archive corresponding to the game function is displayed.

[0117] In some embodiments, applied to a cloud application, a video clip corresponding to an online video is displayed in the entire interface area of ​​the background interface, including:

[0118] Intercepting a video clip within a first time period after a first playback progress from the online video, where the first playback progress refers to the progress of playing the online video under a user account logged in to the cloud application;

[0119] In the entire interface area of ​​the background interface, the video clips in the first time period are played.

[0120] In some embodiments, applied to a cloud application, a live broadcast room screen corresponding to a live broadcast is displayed in the entire interface area of ​​the background interface, including:

[0121] In the entire interface area of ​​the background interface, the real-time picture of the live broadcast room corresponding to the live broadcast is displayed.

[0122] In some embodiments, an advertisement video corresponding to the online product is displayed in the entire interface area of ​​the background interface, including:

[0123] When the promotion of online products is in an effective state, the advertising video corresponding to the promotion is displayed in the entire interface area of ​​the background interface; the effective state refers to the state in which the promotion can be participated after the triggering moment of the card switching operation.

[0124] In some embodiments,

[0125] The switching module 930 is also used to display a third banner card related to the second banner card in response to a card switching operation, and the display content corresponding to the third banner card is related to the program function after the second banner card is triggered.

[0126] In some embodiments, the at least two banner cards include a first type of banner card and a second type of banner card, and the program functions corresponding to the first type of banner card and the program functions corresponding to the second type of banner card belong to different function types of the same program or different programs;

[0127] Display at least two banner cards, including:

[0128] Mixing the first-category banner cards and the second-category banner cards to obtain at least two mixed banner cards;

[0129] Display at least two banner cards after mixing.

[0130] In some embodiments, the first type of banner cards and the second type of banner cards are mixed, including:

[0131] According to the number of clicks on the banner cards, the first-category banner cards and the second-category banner cards are mixed;

[0132] Alternatively, the first type of banner cards and the second type of banner cards are mixed according to the priority of the banner cards; the priority of the banner cards is defined by the user;

[0133] Alternatively, the first category banner cards and the second category banner cards are randomly mixed.

[0134] To sum up, the interactive device of the banner card provided in this embodiment, if a banner card is switched from the cursor unselected state to the cursor selected state, the dynamic video content corresponding to the banner card is displayed in the background interface, and this dynamic video content is the dynamic video content associated with the program function after the banner card is triggered. The user can learn about the program function corresponding to the banner card through this dynamic video content. In this way, the user only needs to switch the cursor selection state to understand the details of the program function corresponding to the banner card, and does not need to click on the banner card to enter the details page, which improves the efficiency of human-computer interaction. In particular, when viewing the details of the program functions corresponding to multiple banner cards, there is no need to repeatedly perform the enter and return operations.

[0135] In addition, compared with the method of disseminating detailed content through fixed text and pictures, the device displays the dynamic video content of the banner card in the background interface, which enables users to gain an immersive experience of the program functions of the banner card.

[0136] Fig.12 A schematic diagram of the structure of a computer device provided by an exemplary embodiment of the present application is shown. The computer device may be an electronic device that executes the interactive method of the banner card provided by the present application. Specifically:

[0137] The computer device 1000 includes a central processing unit (CPU) 1001, a system memory 1004 including a random access memory (RAM) 1002 and a read only memory (ROM) 1003, and a system bus 1005 connecting the system memory 1004 and the central processing unit 1001. The computer device 1000 also includes a basic input / output system (I / O system) 1006 for facilitating information transmission between various components in the computer, and a large-capacity storage device 1007 for storing an operating system 1013, application programs 1014, and other program modules 1015.

[0138] The basic input / output system 1006 includes a display 1008 for displaying information and an input device 1009 such as a mouse and a keyboard for user inputting information. The display 1008 and the input device 1009 are connected to the central processing unit 1001 through an input / output controller 1010 connected to the system bus 1005. The basic input / output system 1006 may also include an input / output controller 1010 for receiving and processing inputs from a plurality of other devices such as a keyboard, a mouse, or an electronic stylus. Similarly, the input / output controller 1010 also provides output to a display screen, a printer, or other types of output devices.

[0139] The mass storage device 1007 is connected to the central processing unit 1001 through a mass storage controller (not shown) connected to the system bus 1005. The mass storage device 1007 and its associated computer readable media provide non-volatile storage for the computer device 1000. That is, the mass storage device 1007 may include a computer readable medium (not shown) such as a hard disk or a compact disc read only memory (CD-ROM) drive.

[0140] Computer readable media may include computer storage media and communication media. Computer storage media include volatile and non-volatile, removable and non-removable media implemented by any method or technology for storing information such as computer readable instructions, data structures, program modules or other data. Computer storage media include RAM, ROM, Erasable Programmable Read Only Memory (EPROM), Electrically Erasable Programmable Read Only Memory (EEPROM), Flash memory or other solid-state storage technologies, CD-ROM, Digital Versatile Disc (DVD) or Solid State Drives (SSD), other optical storage, cassettes, tapes, disk storage or other magnetic storage devices. Among them, random access memory may include resistance random access memory (ReRAM) and dynamic random access memory (DRAM). Of course, those skilled in the art will know that computer storage media are not limited to the above. The above-mentioned system memory 1004 and large-capacity storage device 1007 can be collectively referred to as memory.

[0141] According to various embodiments of the present application, the computer device 1000 can also be connected to a remote computer on the network through a network such as the Internet. That is, the computer device 1000 can be connected to the network 1012 through the network interface unit 1011 connected to the system bus 1005, or the network interface unit 1011 can be used to connect to other types of networks or remote computer systems (not shown).

[0142] The above-mentioned memory also includes one or more programs, and the one or more programs are stored in the memory and configured to be executed by the CPU.

[0143] In an optional embodiment, a computer device is provided, which includes a processor and a memory, wherein the memory stores at least one instruction, at least one program, code set or instruction set, and the at least one instruction, at least one program, code set or instruction set is loaded and executed by the processor to implement the interactive method of the banner card as described above.

[0144] In an optional embodiment, a computer-readable storage medium is provided, in which at least one instruction, at least one program, code set or instruction set is stored, and the at least one instruction, at least one program, code set or instruction set is loaded and executed by a processor to implement the interactive method of the banner card as described above.

[0145] Optionally, the computer readable storage medium may include: a read-only memory (ROM), a random access memory (RAM), a solid state drive (SSD), or an optical disk. Among them, the random access memory may include a resistance random access memory (ReRAM) and a dynamic random access memory (DRAM). The serial numbers of the above embodiments of the present application are only for description and do not represent the advantages and disadvantages of the embodiments.

[0146] 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.

[0147] The present application also provides a computer-readable storage medium, which stores at least one instruction, at least one program, code set or instruction set. The at least one instruction, at least one program, code set or instruction set is loaded and executed by a processor to implement the interactive method of the banner card provided in the above-mentioned method embodiments.

[0148] The present application also provides a computer program product, the computer program product includes computer instructions, and the computer instructions are stored in a computer-readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the interactive method of the banner card as described above.

[0149] It should be understood that the "plurality" mentioned in this article refers to two or more. "And / or" describes the association relationship of the associated objects, indicating that there can be three relationships. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. The character " / " generally indicates that the associated objects are in an "or" relationship.

[0150] 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.

[0151] The above description is only an optional embodiment of the present application and is not intended to limit the present application. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present application shall be included in the protection scope of the present application.

Claims

1. A banner card interactive method, characterized in that: The method comprises: Displaying a background interface and at least two banner cards, wherein a first banner card of the at least two banner cards is in a cursor-selected state; Receive a card switching operation of the banner card; In response to the card switching operation, the banner card in the cursor selected state is switched from the first banner card to the second banner card, and dynamic video content corresponding to the second banner card is displayed in the entire interface area of ​​the background interface, wherein the dynamic video content is associated with a program function after the second banner card is triggered; The displaying of the dynamic video content corresponding to the second banner card in the entire interface area of ​​the background interface includes at least two of the following: In the case where the second banner card is a start-up entry for a game function, a game animation corresponding to the game function is displayed in the entire interface area of ​​the background interface; In the case where the second banner card is a viewing entrance for an online video, a video clip corresponding to the online video is displayed in the entire interface area of ​​the background interface; In the case where the second banner card is the entrance to the live broadcast room of the network live broadcast, the live broadcast room screen corresponding to the network live broadcast is displayed in the entire interface area of ​​the background interface; In the case where the second banner card is a purchase portal for online products, an advertisement video corresponding to the online products is displayed in the entire interface area of ​​the background interface.

2. The method according to claim 1, characterized in that The displaying of the game animation corresponding to the game function in the entire interface area of ​​the background interface includes: In the entire interface area of ​​the background interface, the game animation of the latest game content in the game archive corresponding to the game function is displayed.

3. The method according to claim 1, characterized in that: Applied in cloud applications; displaying a video clip corresponding to the online video in the entire interface area of ​​the background interface, including: intercepting a video clip within a first time period after a first playback progress from the online video, where the first playback progress refers to the progress of playing the online video under a user account logged in to the cloud application; The video clips within the first time period are played in the entire interface area of ​​the background interface.

4. The method according to claim 1, characterized in that: Applied in cloud applications; the live broadcast room screen corresponding to the live broadcast is displayed in the entire interface area of ​​the background interface, including: In the entire interface area of ​​the background interface, the real-time picture of the live broadcast room corresponding to the live broadcast is displayed.

5. The method according to claim 1, characterized in that The step of displaying an advertisement video corresponding to the online product in the entire interface area of ​​the background interface includes: When the promotion activity of the online product is in an effective state, the advertising video corresponding to the promotion activity is displayed in the entire interface area of ​​the background interface; the effective state refers to the state in which the promotion activity can be participated after the triggering moment of the card switching operation.

6. The method according to any one of claims 1 to 5, characterized in that: The method further comprises: In response to the card switching operation, a third banner card related to the second banner card is displayed, and the display content corresponding to the third banner card is related to the program function after the second banner card is triggered.

7. The method according to any one of claims 1 to 5, characterized in that: The at least two banner cards include a first type of banner card and a second type of banner card, and the program functions corresponding to the first type of banner card and the program functions corresponding to the second type of banner card belong to the same program or different function types of different programs; The displaying of at least two banner cards comprises: Mixing the first-category banner card and the second-category banner card to obtain at least two mixed banner cards; The at least two banner cards after the shuffling are displayed.

8. The method according to claim 7, characterized in that The mixing and arranging the first-type banner cards and the second-type banner cards includes: According to the number of clicks on the banner cards, the first-category banner cards and the second-category banner cards are mixed; or, Mixing the first-category banner cards and the second-category banner cards according to the priorities of the banner cards; or, The first category of banner cards and the second category of banner cards are randomly mixed.

9. An interactive device for a banner card, characterized in that: The device comprises: A display module, used for displaying a background interface and at least two banner cards, wherein a first banner card of the at least two banner cards is in a cursor selected state; A receiving module, used for receiving a card switching operation of the banner card; a switching module, configured to switch the banner card in the cursor selected state from the first banner card to a second banner card in response to the card switching operation, and to display dynamic video content corresponding to the second banner card in the entire interface area of ​​the background interface, wherein the dynamic video content is associated with a program function after the second banner card is triggered; The switching module is used to display the dynamic video content corresponding to the second banner card in the entire interface area of ​​the background interface, including at least two of the following: The switching module is used to display a game animation corresponding to the game function in the entire interface area of ​​the background interface when the second banner card is a startup entrance of the game function; The switching module is used to display a video clip corresponding to the online video in the entire interface area of ​​the background interface when the second banner card is a viewing entrance for the online video; The switching module is used to display the live broadcast room screen corresponding to the live broadcast in the entire interface area of ​​the background interface when the second banner card is the live broadcast room entrance of the live broadcast; The switching module is used to display an advertisement video corresponding to the online product in the entire interface area of ​​the background interface when the second banner card is a purchase entrance for the online product.

10. A computer device, characterized in that: The computer device includes a processor and a memory, wherein the memory stores at least one program, and the at least one program is loaded and executed by the processor to implement the interactive method of the banner card as described in any one of claims 1 to 8.

11. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores at least one program, and the at least one program is loaded and executed by a processor to implement the interactive method of the banner card as described in any one of claims 1 to 8.

12. A computer program product, characterized in that The computer program product includes computer instructions, which are stored in a computer-readable storage medium; a processor of a computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the interactive method of the banner card as described in any one of claims 1 to 8.

Images