Page display method, device, equipment, memory medium, and program product
The method and device enrich the background display of search result pages by using multiple backgrounds and video cards with additional card areas, addressing the monotony of current display methods and enhancing user engagement.
Patent Information
- Application Number
- JP2024575671
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- Priority Date
- 2022-11-07
- Filing Date
- 2023-11-07
- Publication Date
- 2025-07-15
- Estimated Expiration
- 2043-11-07
AI Technical Summary
Current page display methods for video applications lack diversity in background display, resulting in a monotonous user experience.
A method and device that enrich the background display of search result pages by using multiple backgrounds for different areas of the page, including a first and second page background, and incorporating video cards with additional card areas for enhanced content presentation.
Enhances the visual appeal and functionality of search result pages by providing dynamic background transitions and varied content presentation, improving user engagement.
Smart Images

Figure 2025522568000001_ABST
Abstract
Description
Technical Field
[0001] This application claims the priority of Chinese Patent Application No. 202211387621.0 filed on November 7, 2022, and the entire content disclosed in the above Chinese patent application is incorporated herein by reference.
[0002] Embodiments of the present disclosure relate to a page display method, apparatus, device, storage medium, and program product.
Background Art
[0003] Currently, more and more video applications are emerging according to the situation. In video applications, users can search for information they are interested in, and thereby display the search results on a page.
[0004] In the current page display method, the display method of the page background is single.
Summary of the Invention
Problems to be Solved by the Invention
[0005] Embodiments of the present disclosure provide a page display method, apparatus, device, storage medium, and program product to enrich the display of the background of a search result page.
Means for Solving the Problems
[0006] According to a first aspect, embodiments of the present disclosure provide a page display method, receiving a first search operation for first search target information, wherein the first search target information is associated with a target event, and the target event includes a preset event and / or a target sub-event of the preset event; Responding to the first search operation, displaying a first search result on a search result page, displaying a first page area of the search result page with a first page background, and displaying a second page area of the search result page with a second page background, the first search result matching the first search target information.
[0007] According to a second aspect, embodiments of the present disclosure further provide a page display device. A receiving module used to receive a first search operation for first search target information, the first search target information being associated with a target event, the target event including a preset event and / or a target sub-event of the preset event. A response module used to respond to the first search operation, display a first search result on a search result page, display a first page area of the search result page with a first page background, and display a second page area of the search result page with a second page background, the first search result matching the first search target information.
[0008] According to a third aspect, embodiments of the present disclosure further provide an electronic device. One or more processors. A memory for storing one or more programs, including. When the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the page display method described in the embodiments of the present disclosure.
[0009] According to a fourth aspect, embodiments of the present disclosure further provide a computer-readable storage medium having a computer program stored thereon, which when executed by a processor, implements the page display method described in the embodiments of the present disclosure.
[0010] Referring to the drawings and the following detailed description of the invention, the above and other features, advantages, and aspects of each embodiment of the present disclosure will become more apparent. Throughout the drawings, the same or similar reference numerals indicate the same or similar elements. It should be understood that the drawings are illustrative and the members and elements are not necessarily drawn to scale.
Brief Description of the Drawings
[0011]
Figure 1
Figure 2
Figure 3
Figure 4
Figure 5
Figure 6
Figure 7
Detailed Description of the Invention
[0012] Hereinafter, embodiments of the present disclosure will be described in more detail with reference to the drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments described herein. On the contrary, the provision of these embodiments is for a more detailed and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are merely illustrative and not intended to limit the protection scope of the present disclosure.
[0013] As should be understood, each step described in the embodiments of the method of the present disclosure can be executed in a different order and / or in parallel. Also, the embodiments of the method may include additional steps and / or may omit the execution of the steps shown. The scope of the present disclosure is not limited in this regard.
[0014] As used herein, the term "comprising" and its variations are an open inclusion of "including, but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment", the term "another embodiment" means "at least one another embodiment", and the term "some embodiments" means "at least some embodiments". Related definitions of other terms are given in the following description.
[0015] It should be noted that the concepts such as "first", "second", etc. mentioned in the present disclosure are only for distinguishing different devices, modules or units, and are not for limiting the order or interdependence of the functions executed by these devices, modules or units.
[0016] It should be noted that the modifications of "one" and "a plurality" mentioned in the present disclosure are only illustrative and not restrictive. As should be understood by those skilled in the art, unless specifically pointed out explicitly in the context, it should be understood as "one or a plurality".
[0017] The names of the messages or information that interact between multiple devices in the embodiments of the present disclosure are only used for the purpose of explanation and are not for limiting the scope of these messages or information.
[0018] As can be understood, before using the technical solutions disclosed in each embodiment of the present disclosure, the user should be notified in an appropriate manner based on relevant laws and regulations about the types, scope of use, usage scenarios, etc. of the personal information related to the present disclosure, and the permission of the user must be obtained.
[0019] For example, in response to receiving an active request from a user, presenting information to the user, and clearly presenting to the user that the operation of requesting execution needs to obtain and use the user's personal information. Thereby, based on the presented information, the user can autonomously select whether to provide personal information to software or hardware such as an electronic device, an application program, a server, or a storage medium that executes the technical solution of the present disclosure.
[0020] As a selective and non-limiting implementation form, the method of receiving an active request from a user and sending presented information to the user may be, for example, a pop-up window method. The presented information can be displayed in a text format in the pop-up window. Also, the pop-up window can be equipped with a selection control for the user to select to "agree" or "disagree" to provide personal information to the electronic device.
[0021] As can be understood, the above process of notification and obtaining user permission is merely exemplary, does not limit the implementation forms of the present disclosure, and other methods that comply with relevant laws and regulations can also be applied to the implementation forms of the present disclosure.
[0022] FIG. 1 is a flowchart of a page display method according to an embodiment of the present disclosure. The method may be executed by a page display device, the device may be implemented by software and / or hardware, and may be arranged in an electronic device, for example, arranged in a mobile phone or a tablet computer. The page display method according to an embodiment of the present disclosure is applicable to a scene of displaying a page. As shown in FIG. 1, the page display method according to this embodiment may include the following S110 to S120.
[0023] S110, receiving a first search operation for first search target information, the first search target information being associated with a target event, the target event including a preset event and / or a target sub-event of the preset event.
[0024] The first search target information may refer to the keyword of the information that the user intends to search for. For example, the first search target information may be associated with a target event. The target event may include a preset event and / or a target sub-event of the preset event. The preset event can be understood as a preset event. For example, it is an event that occurs at a preset time or any time. The target sub-event can be considered as a certain event among the preset events. Optionally, the preset event may be a competition, for example, the World Cup or other competitions. The target sub-event of the preset event may refer to a certain match among the preset events. For example, it is a certain match of the World Cup.
[0025] The first search operation may refer to an operation of performing a search on the first search target information. For example, the first search operation may be an operation of triggering and clicking a certain button on the page, or an operation of clicking the enter key in the input box where the first search target information is input, etc.
[0026] In this step, first, the first search operation for the first search target information can be received, and thereby the corresponding search content is displayed. The method of receiving the first search operation is not limited. For example, a search button can be set on the terminal device, and after the user clicks the search button, the first search operation can be received. A search button can also be set in the application program, and after the user clicks the search button, the first search operation can be received. The first search operation for searching information in the application program can be defined, and after the user performs the first search operation in the application program, the terminal device can receive the first search operation for the first search target information.
[0027] S120. In response to the first search operation, display the first search result on the search result page, display the first page area of the search result page with the first page background, display the second page area of the search result page with the second page background, and the first search result matches the first search target information.
[0028] In this embodiment, the search result page may refer to the page that displays the first search result. The first search result is the search result corresponding to the first search operation, that is, the first search result matches the first search target information. The specific content of the first search result is not limited and can be determined based on the actual content of the first search target information.
[0029] The first page area can be considered as an area of the search result page and is used to be displayed with the first page background. The first page background is the background of the first page area. The specific content of the first page background is not limited and can be set by the relevant person based on the actual situation. The second page area can be considered as an area of the search result page and is used to be displayed with the second page background. The second page background is the background of the second page area. The specific content is not limited and can also be set by the relevant person based on the actual situation. The specific positions of the second page area and the first page area in this embodiment are different. For example, the first page area may be the uppermost area of the search result page, and the second page area may be the bottom area of the search result page, etc.
[0030] Specifically, after receiving a first search operation for first search target information, in response to this first search operation, a first search result is displayed on a search result page, a first page area of the search result page is displayed with a first page background, and a second page area of the search result page can be displayed with a second page background, thereby completing the display of the first search result. This step does not limit the page background near the boundary between the first page area and the second page area. For example, the boundary line between the first page area and the second page area can be used as a dividing line, and different first page backgrounds and second page backgrounds can be displayed on both sides of the dividing line. Alternatively, the page background near the boundary between the first page area and the second page area can be displayed in a gradient, that is, the page background near the boundary between the first page area and the second page area can be gradually gradient from the first page background to the second page background.
[0031] FIG. 2 is a schematic diagram of a search result page according to an embodiment of the present disclosure. As shown in FIG. 2, a first search result may be displayed on the search result page (not shown in FIG. 2). The first page area 1 of the search result page is displayed with a first page background, and the second page area 2 of the search result page is displayed with a second page background.
[0032] Embodiments of the present disclosure provide a page display method, which receives a first search operation for first search target information, where the first search target information is associated with a target event, the target event includes a preset event and / or a target sub-event of the preset event, in response to the first search operation, a first search result is displayed on a search result page, a first page area of the search result page is displayed with a first page background, a second page area of the search result page is displayed with a second page background, and the first search result matches the first search target information. By using this method, in response to the first search operation, a first search result can be displayed on the search result page, the first page area of the search result page can be displayed with a first page background, and the second page area of the search result page can be displayed with a second page background, thereby enriching the display of the background of the search result page.
[0033] In one embodiment, a preset page component is further displayed on the search result page, and the component background of the preset page component is associated with the page background at the current display position of the preset page component.
[0034] The preset page component may refer to a preset component, which is displayed within the search result page. For example, the preset page component may be the main topic component of the search results, and different main topic components are used to trigger the display of search results associated with different topics. The component background can be understood as the background of the preset page component.
[0035] In one embodiment, the component background of the preset page component can be associated with the page background at the current display position of the preset page component. For example, the component background of the preset page component is the same as the page background at the current display position of the preset page component at the current time, and can change according to the change of the page background at the display position of the preset page component.
[0036] In FIG. 2, a preset page component 3 is further displayed on the search result page, and the component background of the preset page component 3 is associated with the page background at the current display position of the preset page component 3 at the current time. For example, based on the fusion of the page background at the current display position and the preset component background of the preset page component 3, the actual component background of the preset page component 3 is obtained.
[0037] In one embodiment, the method includes In response to a page content switching operation, control is performed to move the first search result and the page background of the search result page, and further includes the step of updating the component background of the preset page component based on the page background at the current display position of the preset page component, and the display position of the preset page component on the screen does not change.
[0038] The page content switching operation can be considered as an operation for switching page content. For example, the page content switching operation may be an operation of sliding the page upward or downward.
[0039] As can be considered, when the user executes a page content switching operation, the application program or the electronic device responds to this page content switching operation, controls to move the first search result and the page background of the search result page, and can update the component background of the preset page component based on the page background at the current display position of the preset page component, and the display position of the preset page component on the screen does not change. Exemplarily, control is performed such that the first search result moves according to the page content switching operation, the page background of the search result page also moves based on the page content switching operation, and the component background of the preset page component can be updated based on the page background at the current display position of the preset page component.
[0040] In one embodiment, the step of displaying the first page area of the search result page with the first page background and displaying the second page area of the search result page with the second page background is including the step of superimposing a target background layer on the upper layer of the original background layer of the search result page, the second page background is displayed in the original background layer, the first page background is displayed in the target background layer, and the size of the target background layer matches the size of the first page area.
[0041] The original background layer can be considered as the original layer of the search result page. For example, the original background layer may be a single-color layer. The target background layer can be considered as the layer superimposed on the original background layer. For example, the target background layer may be a single-color layer, or may be at least two background layers superimposed, and the size of the target background layer may match the size of the first page area.
[0042] In this embodiment, the target background layer can be superimposed on the upper layer of the original background layer of the search result page. The second page background can be displayed within the original background layer, and the first page background can be displayed within the target background layer, thereby displaying the first page area of the search result page with the first page background and displaying the second page area of the search result page with the second page background.
[0043] In one embodiment, the target background layer includes a first background layer and a second background layer. The step of superimposing the target background layer on the upper layer of the original background layer of the search result page includes: superimposing the first background layer on the upper layer of the original background layer of the search result page, and superimposing the second background layer on the upper layer of the first background layer. Different background colors are displayed on the first background layer and the second background layer. The size of the first background layer matches the size of the first page area, and the size of the second background layer is less than or equal to the size of the first background layer.
[0044] In one embodiment, the target background layer may include a first background layer and a second background layer. Different background colors may be displayed on the first background layer and the second background layer. The sizes of the first background layer and the second background layer are not limited. For example, the size of the first background layer may match the size of the first page area, that is, the size of the first background layer may be equal to the size of the first page area. The size of the second background layer may be less than or equal to the size of the first background layer. Exemplarily, the size of the first background layer can change according to the change in the size of the first area, and the size of the second background layer may be a preset size.
[0045] Optionally, the upper boundary of the second background layer may overlap the upper boundary of the first background layer and the center points of the upper boundaries may overlap. The background color near the boundary between the first background layer and the second background layer may be displayed in a gradient.
[0046] Specifically, the first background layer can be superimposed on the upper layer of the original background layer of the search result page, and the second background layer can be superimposed on the upper layer of the first background layer. Thereby, the first page area of the search result page is displayed with the first page background, and the second page area is displayed with the second page background. Based on this, different page areas of the search result page are displayed with different backgrounds, realizing the atmosphere of the search result page.
[0047] In one embodiment, the method further includes: responding to a second search operation on the second search target information, displaying a second search result on the search result page, and displaying the search result page with a second page background, where the second search target information is different from the first search target information, and the second search result matches the second search target information.
[0048] Note that the second search target information may refer to the keyword of the information that the user intends to search for. The content of the second search target information is different from that of the first search target information. That is, the second search target information has no relation with the target event. In this embodiment, the specific content of the second search target information is not limited. The second search result may refer to the result of matching with the second search target information. The second search operation can be considered as an operation of performing a search on the second search target information. For example, the second search operation may be an operation of triggering and clicking a certain button within a page, etc.
[0049] In this step, in response to the second search operation on the second search target information, the second search result is displayed on the search result page, and the search result page can be displayed with the second page background. Based on this, for different search target information, the corresponding search results are displayed on the search result page, and the search result page is displayed with different page backgrounds is realized.
[0050] FIG. 3 is a flowchart of a page display method according to an embodiment of the present disclosure. The solution means of this embodiment can be combined with one or more selective solution means of the above embodiments. Optionally, the step of displaying the first search result on the search result page is further embodied as displaying the video card of the target event in the first page area of the search result page and displaying the first search result in the second page area of the search result page.
[0051] For the content not described in detail in this embodiment, reference may be made to the above embodiments.
[0052] As shown in FIG. 3, the method includes the following S210 to S220.
[0053] S210, Receive a first search operation on the first search target information.
[0054] S220. In response to the first search operation, display the video card of the target event in the first page area of the search result page, display the first search result in the second page area of the search result page, display the first page area of the search result page with the first page background, display the second page area of the search result page with the second page background, and the first search result matches the first search target information.
[0055] The video card can be considered as a video window related to the target event and is used to play the video related to the target event. Specifically, after receiving the first search operation for the first search target information, the video card of the target event can be displayed in the first page area of the search result page, and the first search result can be displayed in the second page area of the search result page.
[0056] Optionally, the first page area may be from the top of the search result page to the bottom of the video card, and the second page area may be the area excluding the first page area in the search result page.
[0057] FIG. 4 is a schematic diagram of a search result page according to an embodiment of the present disclosure. As shown in FIG. 4, the video card of the target event may be displayed in the first page area 1 of the search result page, the first search result is displayed in the second page area 2 of the search result page, and at the same time, the first page area 1 of the search result page may be displayed with the first page background, and the second page area 2 of the search result page may be displayed with the second page background.
[0058] The page display method according to the embodiment of the present disclosure realizes displaying the content related to the target event in different areas of the search result page by displaying the video card of the target event in the first page area of the search result page and displaying the first search result in the second page area of the search result page, thereby enriching the display of the search result page.
[0059] In one embodiment, the width of the first page area is associated with the width of the search result page, and the height of the first page area is associated with the height of the video card.
[0060] As may be considered, the width of the first page area may be associated with the width of the search result page. For example, the width of the first page area may be the same as the current display width of the search result page, and it changes in response to a change in the display width of the search result page. The height of the first page area may be associated with the height of the video card. For example, the height of the first page area may be the sum of the height of the video card in the search result page and a preset height, and it changes in response to a change in the height of the video card. The preset height can be set according to the actual situation, and this embodiment does not limit this.
[0061] In one embodiment, the step of displaying the video card of the target event in the first page area of the search result page is displaying the video card of the target event in the first page area of the search result page, and including the step of playing the target video in the first card area of the video card, where the target video corresponds to the event state information of the target event.
[0062] The first card area may refer to an area of the video card and is used for playing the target video. For example, the specific position and size of the first card area can be determined based on the actual size of the video card. The target video can be considered as a related video of the target event. For example, the target video can correspond to the event state information of the target event, and the event state information can be used to indicate the state of the target event.
[0063] In one embodiment, if the target event is a preset event, when the state of the preset event is before the game, the target video may be an important video of the preset event before the game; when the state of the preset event is during the game, the target video may be a live video or an important video of the preset event during the game; when the state of the preset event is after the game, the target video may be a live playback of the last game.
[0064] In one embodiment, if the target event is a game with a preset event, before the game, the target video may be a live countdown video or related video (such as game information, etc.) before the game; during the game, the target video may be a live video of the game; after the game, the target video may be a live playback of the game or a game omnibus video.
[0065] Specifically, when displaying the video card of the target event in the first page area of the search result page, the video card of the target event can be displayed in the first page area of the search result page, and the target video can be played in the first card area of the video card.
[0066] In one example, at least one of a second card area, a third card area, and a fourth card area is included in the video card. The second card area is used to display the sub-event status information of at least one sub-event among the preset events. The third card area is used to display the object information of at least one related object of the preset event. The fourth card area is used to display the related prompt information of the target event.
[0067] The second card area may refer to a certain area of the video card and is used to display the sub - event status information of at least one sub - event among preset events. The sub - event may be a certain event among the preset events, for example, a certain game. The sub - event status information is the status information of the sub - event, for example, before the game, during the game, and after the game, and may further include information such as the names of both sides of the game, the result of the game, and / or the time or number of times of the game, etc., and can be displayed when the preset game has not ended.
[0068] The third card area may refer to a certain area of the video card and is used to display the object information of at least one related object of the preset event. Optionally, the object may be a person, or may be other objects, such as articles, etc. The related object may refer to an object related to the preset event, for example, a winner. The object information may be information for indicating the related object, for example, an object image, etc. Exemplarily, the third card area can be used to display the personal information of the winner of the preset game, such as a portrait of a person, the honor obtained, and / or the team to which the person belongs, etc.
[0069] The fourth card area may refer to a certain area of the video card and is used to display the related prompt information of the target event. The related prompt information can be understood as the prompt information related to the target event. For example, the related prompt information may be the result information of the game of the target event, etc.
[0070] In one embodiment, the relevant prompt information can be associated with the event status information of the target event. For example, when the target event is a certain game, the relevant prompt information can be associated with the live status of the course. If there is a playback video, the relevant prompt information may be "watch the live playback", and if there is no playback video, the relevant prompt information may be "display details", thereby viewing other game omnibuses or text versions of the course detail pages.
[0071] In one embodiment, when there is a plurality of relevant prompt information, each relevant prompt information can be switched and displayed in the fourth card area.
[0072] In this embodiment, the specific positions and sizes of the second card area, the third card area, and the fourth card area of the video card are not limited and can be set by the relevant personnel.
[0073] FIG. 5 is a schematic diagram of a search result page according to an embodiment of the present disclosure. As shown in FIG. 5, a video card of a World Cup game (i.e., the target event) is displayed in the first page area 1 of the search result page. A video screen / live screen (i.e., the target video) is being played in the first card area 4 of the video card. The video card further includes a second card area 5, a third card area 6, and a fourth card area 7. The second card area 5 can be used to display the course information of a plurality of games of the World Cup (i.e., the sub-event status information of at least one sub-event). The third card area 6 can display the information of at least one participant (i.e., the object information of at least one related object). Relevant prompt information of the game, such as "Congratulations to Person 1! Playback will be performed", can be displayed in the fourth card area 7. In one embodiment, the corresponding video can be displayed and played by triggering the control 8 (i.e., perform playback).
[0074] In one embodiment, after the step of displaying the video card of the target event in the first page area of the search result page, responding to a trigger operation on the target sub-event status information, and displaying live information of the target sub-event corresponding to the target sub-event status information; responding to a trigger operation on the target object information, and displaying object details of the target related object corresponding to the target object information, and further including at least one of them.
[0075] The target sub-event status information may refer to certain sub-event status information triggered by the user. The target sub-event is the sub-event corresponding to the target sub-event status information. The target object information may refer to certain object information triggered by the user. The target related object is the object information corresponding to the target object information. The trigger operation is an operation to trigger certain information. For example, the trigger operation may be an operation to click on certain sub-event status information.
[0076] In one embodiment, after displaying the video card of the target event in the first page area of the search result page, in response to a trigger operation on the target sub-event status information, live information of the target sub-event corresponding to the target sub-event status information can be displayed. The live information may be related information of the target sub-event live. Optionally, the live information can correspond to the event status information of the target sub-event. For example, the live information may be a live countdown before the game, a live screen during the game, or even a live playback after the game.
[0077] In one embodiment, after displaying the video card of the target event in the first page area of the search result page, further in response to a trigger operation on the target object information, the object details of the target related object corresponding to the target object information can be displayed. For example, when the user clicks on the object information (i.e., the target object information) with a preset event displayed in the third card area of the video card, the electronic device responds to the trigger operation on the target object information and can display the object details of the related object corresponding to the target object information.
[0078] In one embodiment, the object information includes an object image. After the step of displaying the video card of the target event in the first page area of the search result page, it further includes a step of adjusting the display size of the target object image in response to a trigger operation of moving the cursor within the display area where the target object image is located.
[0079] The target object image may refer to the object image of a certain related object. As can be imagined, after displaying the video card of the target event in the first page area of the search result page, further in response to a trigger operation of moving the cursor within the display area where the target object image is located, the display size of the target object image can be adjusted. The means of adjustment may be, for example, enlarging, reducing, or scaling a preset number of times according to a preset frequency. The preset frequency and the preset number of times can be set by the relevant personnel and will not be further described in detail here.
[0080] As can be seen from the above description, the page display method according to this embodiment can insert a video card of a preset event at the top of the search result page, increase the function of setting the background skin, realize the basic ability to use two layers superimposed, and the background skin supports light and dark colors. For example, the search result page can have a dark mode and a light mode, the search result page can be displayed with a dark or light background color, all components can be adapted to the current background color, and there are designs of a plurality of new modules, etc.
[0081] First, by increasing the function of setting the background skin, the search result page can be made into a static or dynamic resident page in the normal state. When the user slides the page upward, after sliding a plurality of pixels upward, the ambient color (that is, the background of the first page) disappears, and it can be controlled to gradually change to the general background color (that is, the background of the second page). When the user slides the page downward, when sliding downward to the top position, the ambient color can be displayed again.
[0082] Then, all general components can be adapted to the current background color, and flexible color change processing can be performed.
[0083] Next, for example, designs of a plurality of new modules such as the time of glory (for example, displaying the information of the award winner in the third card area), marquee (for example, displaying related prompt information in the fourth card area), related course display (for example, the sub-event status information displayed in the second card area), etc. are added. Regarding the design of the time of glory, when the mouse is in the display area where the target object image is located, the size of the object image can be changed (that is, the display size of the target object image is adjusted).
[0084] Finally, the design of the top card (that is, the video card) can display the design of the top card components of different pages based on the progress of different matches and is adapted to light and dark colors.
[0085] FIG. 6 is a flowchart of a page display device according to an embodiment of the present disclosure. As shown in FIG. 6, the page display device according to this embodiment includes a receiving module 310 used to receive a first search operation for first search target information, where the first search target information is associated with a target event, and the target event includes a preset event and / or a target sub-event of the preset event, and the receiving module 310 a response module 320 used to respond to the first search operation, display a first search result on a search result page, display a first page area of the search result page with a first page background, and display a second page area of the search result page with a second page background, where the first search result matches the first search target information. The response module 320 may include
[0086] The page display device according to an embodiment of the present disclosure receives a first search operation for first search target information by the receiving module 310. The first search target information is associated with a target event, and the target event includes a preset event and / or a target sub-event of the preset event. The response module 320 responds to the first search operation, displays a first search result on a search result page, displays a first page area of the search result page with a first page background, and displays a second page area of the search result page with a second page background. The first search result matches the first search target information. By responding to the first search operation, the device can display a first search result on a search result page, display a first page area of the search result page with a first page background, and display a second page area of the search result page with a second page background, thereby enriching the display of the background of the search result page.
[0087] Optionally, the response module 320 A display unit is included which is used to display the video card of the target event in the first page area of the search result page and display the first search result in the second page area of the search result page.
[0088] Optionally, the width of the first page area is associated with the width of the search result page, and the height of the first page area is associated with the height of the video card.
[0089] Optionally, the display unit specifically is used to display the video card of the target event in the first page area of the search result page and play the target video in the first card area of the video card, and the target video corresponds to the event status information of the target event.
[0090] Optionally, the video card includes at least one of a second card area, a third card area, and a fourth card area. The second card area is used to display the sub-event status information of at least one sub-event among the preset events. The third card area is used to display the object information of at least one related object of the preset event. The fourth card area is used to display the related prompt information of the target event.
[0091] Optionally, the response module 320 after displaying the video card of the target event in the first page area of the search result page, in response to a trigger operation for the target sub-event status information, a first response unit used to display the live information of the target sub-event corresponding to the target sub-event status information, and After displaying the video card of the target event in the first page area of the search result page, in response to a trigger operation on the target object information, it is used for displaying the object details of the target related object corresponding to the target object information, and further includes at least one of the second response units.
[0092] Optionally, the object information includes an object image, and the response module 320 After displaying the video card of the target event in the first page area of the search result page, in response to a trigger operation of moving the cursor within the display area where the target object image is located, it further includes a third response unit used for adjusting the display size of the target object image.
[0093] Optionally, a preset page component is further displayed on the search result page, and the component background of the preset page component is associated with the page background at the current display position of the preset page component.
[0094] Optionally, the page display device according to this embodiment In response to a page content switching operation, it is used for controlling to move the first search result and the page background of the search result page, and updating the component background of the preset page component based on the page background at the current display position of the preset page component, and the display position of the preset page component on the screen does not change.
[0095] Optionally, the response module 320 It includes a superimposing unit used to superimpose a target background layer on top of the original background layer of the search result page. The second page background is displayed within the original background layer, the first page background is displayed within the target background layer, and the size of the target background layer matches the size of the first page area.
[0096] Optionally, the target background layer includes a first background layer and a second background layer, and specifically, the superimposing unit is used to superimpose a first background layer on top of the original background layer of the search result page and a second background layer on top of the first background layer. Different background colors are displayed on the first background layer and the second background layer. The size of the first background layer matches the size of the first page area, and the size of the second background layer is equal to or less than the size of the first background layer.
[0097] Optionally, the page display device according to this embodiment further includes a display module used to respond to a second search operation for second search target information, display a second search result on the search result page, and display the search result page with a second page background. The second search target information is different from the first search target information, and the second search result matches the second search target information.
[0098] The page display device according to the embodiment of the present disclosure can execute the page display method according to any embodiment of the present disclosure, and has corresponding functional modules and beneficial effects for executing the page display method. Technical details not described in detail in this embodiment may be referred to the page display method according to any embodiment of the present disclosure.
[0099] Hereinafter, referring to FIG. 7, a structural schematic diagram of an electronic device 1200 suitable for implementing an embodiment of the present disclosure is shown. The terminal device in the embodiment of the present disclosure may include mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (tablet computers), PMPs (Portable Multimedia Players), in-vehicle terminals (for example, in-vehicle navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc., but is not limited thereto. The electronic device shown in FIG. 7 is only one example and should not limit the functions and usage scope of the embodiments of the present disclosure.
[0100] As shown in FIG. 7, the electronic device 1200 may include a processor (for example, a central processor, a graphics processor, etc.) 1201, and the electronic device 1200 can execute various appropriate operations and processes based on a program stored in a read-only memory (ROM) 1202 or a program loaded from a storage device 1208 into a random access memory (RAM) 1203. Various programs and data necessary for the operation of the electronic device 1200 are further stored in the RAM 1203. The processor 1201, the ROM 1202, and the RAM 1203 are connected to each other via a bus 1204. An input / output (I / O) interface 1205 is also connected to the bus 1204.
[0101] Generally, an input device 1206 including, for example, a touch panel, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc., an output device 1207 including, for example, a liquid crystal display (LCD), a speaker, an oscillator, etc., a storage device 1208 including, for example, a magnetic tape, a hard disk, etc., and a communication device 1209 can be connected to the I / O interface 1205. The communication device 1209 can permit the electronic device 1200 to perform wireless or wired communication with other devices and exchange data. Although the electronic device 1200 having various devices is shown in FIG. 7, it should be understood that it is not required to implement or include all the shown devices. Alternatively, more or fewer devices can be implemented or included.
[0102] In particular, according to an embodiment of the present disclosure, the above process described with reference to the flowchart may be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, the computer program product includes a computer program mounted on a non-transitory computer-readable medium, and the computer program includes program code for executing the method shown in the flowchart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication device 1209, or installed from the storage device 1208, or installed from the ROM 1202. When the computer program is executed by the processor 1201, the above functions limited to the method of the embodiment of the present disclosure are executed.
[0103] Note that the computer-readable medium of the present disclosure may be a computer-readable signal medium, a computer-readable storage medium, or any combination of the two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of the computer-readable storage medium may include, but are not limited to, an electrical connection having one or more conductors, a portable computer magnetic disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact magnetic disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, the computer-readable storage medium may be any tangible medium that includes or stores a program, and the program may be used in an instruction execution system, apparatus, or device, or in combination with them. In the present disclosure, the computer-readable signal medium may be included in a baseband or may be a data signal propagated as part of a carrier wave, in which computer-readable program code is carried. The data signal propagated in this way can use multiple forms including, but not limited to, electromagnetic signals, optical signals, or any suitable combination thereof. The computer-readable signal medium may be any computer-readable medium other than the computer-readable storage medium, and the computer-readable signal medium can transmit, propagate, or transmit a program used in an instruction execution system, apparatus, or device, or in combination with them. The program code included in the computer-readable medium can be transmitted through any suitable medium including, but not limited to, wires, optical cables, RF (radio frequency), etc., or any suitable combination thereof.
[0104] In some embodiments, the client and the server can communicate using any currently known or future-developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be connected to digital data communication in any form or medium (e.g., communication network). Examples of communication networks include local area networks ("LAN"), wide area networks ("WAN"), networks of networks (e.g., the Internet) and end-to-end networks (e.g., ad hoc end-to-end networks), and any network currently known or future-developed.
[0105] The computer-readable medium may be included in the electronic device, or may exist alone without being assembled into the electronic device.
[0106] One or more programs are installed on the computer-readable medium. When the one or more programs are executed by the electronic device, the electronic device receives a first search operation for first search target information, the first search target information is associated with a target event, the target event includes a preset event and / or a target sub-event of the preset event, in response to the first search operation, a first search result is displayed on a search result page, a first page area of the search result page is displayed with a first page background, a second page area of the search result page is displayed with a second page background, and the first search result matches the first search target information.
[0107] Computer program code for performing the operations of the present disclosure can be created in one or more programming languages or combinations thereof, including, but not limited to, object-oriented programming languages such as Java, Smalltalk, and C++, and further including conventional procedural programming languages such as the "C" language or similar programming languages. The program code may be executed entirely on a user computer, partially on a user computer, executed as a single independent software package, partially on a user computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., connected via the Internet using an Internet service provider).
[0108] Flowcharts and block diagrams in the drawings illustrate the possible system structures, functions, and operations of systems, methods, and computer program products according to various embodiments of the present disclosure. Here, each box in the flowchart or block diagram can represent a module, block segment, or part of the code, and the module, block segment, or part of the code includes one or more executable instructions for implementing a predetermined logic function. Note that in some alternative implementations, the functions assigned to the boxes may occur in an order different from the order shown in the drawings. For example, two consecutively shown boxes may actually be executed substantially in parallel, and they may also be executed in reverse order, which is determined by the functions involved. Note that each box in the block diagram and / or flowchart, and the combination of boxes in the block diagram and / or flowchart, may be implemented by a system based on dedicated hardware for performing a predetermined function or operation, or may be implemented by a combination of dedicated hardware and computer instructions.
[0109] The units described in the embodiments of the present disclosure may be implemented in software or in hardware. The name of the module does not limit the unit itself in some cases.
[0110] In this specification, at least some of the functions described above may be executed by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that can be used include field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), system on chips (SOCs), and complex programmable logic devices (CPLDs), etc.
[0111] In the context of the present disclosure, a machine-readable medium may be a tangible medium that includes or stores a program, the program being used in or in combination with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination thereof. More specific examples of the machine-readable storage medium include electrical connections by one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.
[0112] According to one or more embodiments of the present disclosure, Embodiment 1 provides a page display method, receiving a first search operation for first search target information, the first search target information being associated with a target event, the target event including a preset event and / or a target sub-event of the preset event; responding to the first search operation, displaying a first search result on a search result page, displaying a first page area of the search result page with a first page background, and displaying a second page area of the search result page with a second page background, the first search result matching the first search target information.
[0113] According to one or more embodiments of the present disclosure, in Embodiment 2, in the method described in Embodiment 1, the step of displaying a first search result on a search result page includes displaying a video card of the target event in a first page area of the search result page and displaying a first search result in a second page area of the search result page.
[0114] According to one or more embodiments of the present disclosure, in Example 3 of the method described in Example 2, the width of the first page area is associated with the width of the search result page, and the height of the first page area is associated with the height of the video card.
[0115] According to one or more embodiments of the present disclosure, in Example 4 of the method described in Example 2, the step of displaying the video card of the target event in the first page area of the search result page is displaying the video card of the target event in the first page area of the search result page, and including the step of playing the target video in the first card area of the video card, where the target video corresponds to the event status information of the target event.
[0116] According to one or more embodiments of the present disclosure, in Example 5 of the method described in Example 2, at least one of a second card area, a third card area, and a fourth card area is included in the video card. The second card area is used to display the sub-event status information of at least one sub-event among the preset events. The third card area is used to display the object information of at least one related object of the preset event. The fourth card area is used to display the related prompt information of the target event.
[0117] According to one or more embodiments of the present disclosure, in Example 6 of the method described in Example 5, after the step of displaying the video card of the target event in the first page area of the search result page, responding to a trigger operation for the target sub-event status information, and displaying the live information of the target sub-event corresponding to the target sub-event status information; Responding to a trigger operation on the target object information and further including at least one of the steps of displaying the object details of the target related object corresponding to the target object information.
[0118] According to one or more embodiments of the present disclosure, in Example 7 of the method described in Example 5, after the step of displaying the video card of the target event in the first page area of the search result page, where the object information includes an object image, Further including the step of adjusting the display size of the target object image in response to a trigger operation of moving the cursor within the display area where the target object image is located.
[0119] According to one or more embodiments of the present disclosure, in Example 8 of the method described in any one of Examples 1 to 7, a preset page component is further displayed on the search result page, and the component background of the preset page component is associated with the page background at the current display position of the preset page component.
[0120] According to one or more embodiments of the present disclosure, in Example 9 of the method described in Example 8, In response to a page content switching operation, controlling to move the first search result and the page background of the search result page, and further including the step of updating the component background of the preset page component based on the page background at the current display position of the preset page component, wherein the display position of the preset page component on the screen does not change.
[0121] According to one or more embodiments of the present disclosure, in Example 10 of the method described in any one of Examples 1 to 7, the step of displaying the first page area of the search result page with the first page background and the second page area of the search result page with the second page background is Including the step of overlaying a target background layer on top of the original background layer of the search result page, wherein the second page background is displayed within the original background layer, the first page background is displayed within the target background layer, and the size of the target background layer matches the size of the first page area.
[0122] According to one or more embodiments of the present disclosure, in Example 11, in the method described in Example 10, the target background layer includes a first background layer and a second background layer, and the step of overlaying the target background layer on top of the original background layer of the search result page is Including the step of overlaying a first background layer on top of the original background layer of the search result page and overlaying a second background layer on top of the first background layer, wherein different background colors are displayed on the first background layer and the second background layer, the size of the first background layer matches the size of the first page area, and the size of the second background layer is less than or equal to the size of the first background layer.
[0123] According to one or more embodiments of the present disclosure, in Example 12, in the method described in any of Examples 1 to 7, in response to a second search operation on the second search target information, displaying a second search result on the search result page, and further including the step of displaying the search result page with a second page background, wherein the second search target information is different from the first search target information, and the second search result matches the second search target information.
[0124] According to one or more embodiments of the present disclosure, Example 13 provides a page display device, A receiving module used to receive a first search operation on first search target information, wherein the first search target information is associated with a target event, and the target event includes a preset event and / or a target sub-event of the preset event. A response module used to respond to the first search operation, display the first search result on a search result page, display a first page area of the search result page with a first page background, and display a second page area of the search result page with a second page background, where the first search result matches the first search target information, and the response module includes:
[0125] According to one or more embodiments of the present disclosure, Embodiment 14 provides an electronic device, including one or more processors, and a memory for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the page display method according to any one of Embodiments 1 to 12.
[0126] According to one or more embodiments of the present disclosure, Embodiment 15 provides a computer-readable storage medium storing a computer program, and when the program is executed by a processor, it implements the page display method according to any one of Embodiments 1 to 12.
[0127] The above description is only an explanation of the preferred embodiments of the present disclosure and the technical principles used. As can be understood by those skilled in the art, the disclosure scope of the present disclosure is not limited to the technical solutions formed by specific combinations of the above technical features. At the same time, without departing from the idea of the above disclosure, other technical solutions formed by arbitrarily combining the above technical features or their equivalent features should be included. For example, the above features are technical solutions formed by replacing each other with technical features having similar functions (not limited thereto) disclosed in the present disclosure.
[0128] Also, although the operations have been described in a particular order, it should not be understood that these operations are required to be performed in the particular order or sequence shown. Multitasking and parallel processing may be advantageous in certain environments. Similarly, although some specific implementation details are included in the above description, these should not be construed as limiting the scope of the present disclosure. Features described in the context of a single embodiment may be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented separately or in any suitable sub-combination in multiple embodiments.
[0129] Although the subject matter has been described in terms of structural features and / or methodological logic acts, it should be understood that the subject matter defined by the appended claims is not necessarily limited to the specific features or acts described above. Conversely, the specific features and acts described above are merely exemplary for implementing the claims.
Claims
1. A page display method, comprising: receiving a first search operation for first search target information, wherein the first search target information is associated with a target event, and the target event includes a preset event and / or a target sub-event of the preset event; responding to the first search operation, displaying a first search result on a search result page, displaying a first page area of the search result page with a first page background, and displaying a second page area of the search result page with a second page background, wherein the first search result matches the first search target information.
2. The step of displaying the first search result on the search result page includes: displaying a video card of the target event in the first page area of the search result page, and displaying the first search result in the second page area of the search result page, according to the method of claim 1.
3. The width of the first page area is associated with the width of the search result page, and the height of the first page area is associated with the height of the video card, according to the method of claim 2.
4. The step of displaying the video card of the target event in the first page area of the search result page includes: displaying the video card of the target event in the first page area of the search result page, and playing a target video in a first card area of the video card, wherein the target video corresponds to event status information of the target event, according to the method of claim 2 or 3.
5. The video card includes at least one of a second card area, a third card area, and a fourth card area. The second card area is used to display sub-event status information of at least one sub-event of the preset event. The third card area is used to display object information of at least one related object of the preset event. The fourth card area is used to display related prompt information of the target event, according to any one of claims 2 to 4.
6. After the step of displaying the video card of the target event in the first page area of the search result page, the method further includes: responding to a trigger operation on the target sub-event state information and displaying live information of the target sub-event corresponding to the target sub-event state information; The method according to claim 5, further comprising at least one of: responding to a trigger operation on the target object information and displaying object details of a target-related object corresponding to the target object information.
7. After the step of displaying the video card of the target event in the first page area of the search result page, wherein the object information includes an object image, the method comprises: The method according to claim 5, further comprising: responding to a trigger operation of moving a cursor within a display area where the target object image is located and adjusting a display size of the target object image.
8. The method according to any one of claims 1 to 7, wherein a preset page component is further displayed on the search result page, and a component background of the preset page component is associated with a page background at a current display position of the preset page component.
9. The method according to claim 8, further comprising: controlling to move the first search result and the page background of the search result page in response to a page content switching operation, and updating the component background of the preset page component based on the page background at the current display position of the preset page component, wherein a display position of the preset page component on the screen does not change.
10. The step of displaying the first page area of the search result page with a first page background and displaying the second page area of the search result page with a second page background comprises: The method according to any one of claims 1 to 7, comprising superimposing a target background layer on an upper layer of an original background layer of the search result page, wherein the second page background is displayed within the original background layer, the first page background is displayed within the target background layer, and a size of the target background layer matches a size of the first page area.
11. The target background layer includes a first background layer and a second background layer, and the step of superimposing the target background layer on top of the original background layer of the search result page is including the step of superimposing the first background layer on top of the original background layer of the search result page and superimposing the second background layer on top of the first background layer, different background colors are displayed on the first background layer and the second background layer, the size of the first background layer matches the size of the first page area, and the size of the second background layer is equal to or smaller than the size of the first background layer. The method according to claim 10. **Claim 12** Further including the step of, in response to a second search operation on second search target information, displaying a second search result on the search result page and displaying the search result page with the second page background, where the second search target information is different from the first search target information, and the second search result matches the second search target information. The method according to any one of claims 1 to 11. **Claim 13** A page display device, a receiving module configured to receive a first search operation on first search target information, where the first search target information is associated with a target event, and the target event includes a preset event and / or a target sub-event of the preset event. A response module configured to, in response to the first search operation, display a first search result on a search result page, display a first page area of the search result page with a first page background, and display a second page area of the search result page with a second page background, where the first search result matches the first search target information. The page display device includes the receiving module and the response module. **Claim 14** An electronic device, including at least one processor, and a memory communicatively connected to the at least one processor, wherein the memory stores a computer program executed by the at least one processor, and when the computer program is executed by the at least one processor, the at least one processor can execute the page display method according to any one of claims 1 to 12. **Claim 15** A computer-readable storage medium storing computer instructions, wherein when the computer instructions are executed by a processor, the computer-readable storage medium realizes the page display method according to any one of claims 1 to 12.
Citation Information
Patent Citations
Content searching method and device, equipment and medium
CN113254779A
Page display method and device, equipment and medium
CN113535031A
Interaction and display method and device, electronic equipment and storage medium
CN114357259A
Dynamic color determination for video player user interface components
JP2018538736A
System and method for discovering performer data
US20180246898A1