Information display method and system in page

By displaying recommended user images in the navigation bar of the video platform and jumping to the second page, the problem of users being difficult to know about updated content is solved, and quick identification and viewing of content creators with special attention or high intimacy is achieved.

CN115914764BActive Publication Date: 2025-08-12SHANGHAI BILIBILI TECH CO LTD
View PDF 1 Cites 0 Cited by

Patent Information

Application Number
CN202211417060.4
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2022-11-11
Publication Date
2025-08-12
Estimated Expiration
2042-11-11

AI Technical Summary

Technical Problem

In the prior art, the dynamic update reminder method of the navigation bar of the video platform is difficult to let users know the specific information of the updated content, and the updated content of content creators with special attention or high intimacy is easily covered up by large-scale updates.

Method used

Display the image of the recommended user in the client's navigation bar, and jump to the second page after detecting the touch operation, display the image of the recommended user in a fixed area, and use the big data ability to filter out the updated content of the users who need to be displayed on the top, including the UP host who is highly intimate or particularly concerned.

Benefits of technology

Users can quickly identify and view updated content from content creators with special attention or high intimacy, avoid being overshadowed by large-scale updates, and improve the accuracy and efficiency of information acquisition.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN115914764B_ABST
    Figure CN115914764B_ABST
Patent Text Reader

Abstract

An embodiment of the present application provides a method and system for displaying information in a page, wherein the method comprises: in response to an operation of starting a client, displaying a first page including a navigation bar in the client, and displaying an image of a recommended user in a preset area of the navigation bar; in the case of detecting a touch operation on the image of the recommended user, jumping from the first page to the second page, and displaying the image of the recommended user at the top position of a fixed area in the second page, wherein the fixed area is used to display images of multiple users recommended based on user information. By screening out the recommended users that need to be displayed at the top of the second page, the image of the recommended user is displayed when the user enters the first page to prompt the recommended user that there is an updated video. When the user opens the second page, the image of the recommended user is elevated and placed at the top to prevent the updated content of the recommended user from being covered by a large range of updated content.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The embodiments of the present application relate to the field of page display technology, and in particular, to a method, system, computer device, and computer-readable storage medium for displaying information on a page. Background Art

[0002] In the prior art, when a user starts a video playback application, the application usually displays a homepage, and recommends multiple videos based on the user's viewing habits on the homepage. In addition, the homepage usually also includes a navigation bar, which is displayed at the bottom or top of the homepage. The navigation bar is used to provide controls corresponding to the entrances of some functional modules. For example, the navigation bar may include controls such as the homepage, dynamic page, video publishing, and personal information. Among them, the dynamic page control is used to open the dynamic page, and display videos published by some content creators that the user follows on the dynamic page. These videos are usually sorted in chronological order of publication time.

[0003] Currently, the navigation bar of most platforms will provide dynamic update reminders in the area displaying the dynamic page controls. Generally, this reminder is given by displaying the number of dynamically updated videos or displaying a red dot. This reminder method makes it difficult for users to obtain information about the updated content in the current dynamic page (such as the creator of the updated content, or the type of updated content, etc.), and updates from content creators who are of special concern or high intimacy will be masked by large-scale updates. Summary of the Invention

[0004] The purpose of the embodiments of the present application is to provide a method, system, computer device and computer-readable storage medium for displaying information in a page, which is used to solve the following problems: the existing video update reminder method makes it difficult for users to obtain information about updated content in the current dynamic page, and updates of content creators who are of special concern or have high intimacy will be covered up by large-scale updates.

[0005] One aspect of an embodiment of the present application provides a method for displaying information on a page, the method comprising:

[0006] In response to an operation of starting the client, a first page including a navigation bar is displayed in the client, and an image of a recommended user is displayed in a preset area of the navigation bar;

[0007] When a touch operation on the image of the recommended user is detected, the first page is jumped to the second page, and the image of the recommended user is displayed at the top position of a fixed area in the second page, wherein the fixed area is used to display images of multiple users recommended based on user information.

[0008] Optionally, the image of the recommended user includes a first image for indicating that the recorded video is updated, and a second image for indicating that the live broadcast room is started.

[0009] Optionally, displaying the image of the recommended user in the preset area of the navigation bar includes:

[0010] Determine the type of updated video corresponding to the recommended user;

[0011] When the type of the updated video is a recorded video type, displaying the first image in a preset area of the navigation bar; or

[0012] When the type of the updated video is a live broadcast type, the second image is displayed in a preset area of the navigation bar.

[0013] Optionally, displaying the image of the recommended user in the preset area of the navigation bar includes:

[0014] Sending a first message to the server requesting the user to be recommended;

[0015] receiving an identification code corresponding to the recommended user returned by the server in response to the first message;

[0016] According to the identification code corresponding to the recommended user, an image of the recommended user is displayed in a preset area of the navigation bar.

[0017] Optionally, the navigation bar includes a second page control, and the preset area is a display area of the second page control in the navigation bar.

[0018] Optionally, the method further includes:

[0019] When no touch operation on the image of the recommended user is detected for more than a preset time period, the image of the recommended user is hidden, and the second page control is displayed in the preset area.

[0020] Optionally, displaying the image of the recommended user at a top position in a fixed area of the second page includes:

[0021] Sending a second message requesting a list of most frequently visited users to the server;

[0022] Receiving a most frequently visited user list returned by the server in response to the second message;

[0023] An image list corresponding to the most frequently visited user list is displayed in a fixed area on the second page, and the image of the recommended user is displayed at the top position of the image list.

[0024] Optionally, the second message carries an identification code corresponding to the recommended user; the most frequently visited user list is obtained by the server determining multiple active users based on user information and sorting the identification codes corresponding to the recommended user and the multiple active users.

[0025] Optionally, the second page further includes a dynamic information flow list, and the method further includes:

[0026] The video window corresponding to the recommended user is displayed at the top position in the dynamic information flow list, and the updated video corresponding to the recommended user is played in the video window.

[0027] One aspect of an embodiment of the present application further provides a system for displaying information on a page, including:

[0028] A first page display module is configured to display a first page including a navigation bar in the client in response to an operation of starting the client, and to display an image of a recommended user in a preset area of the navigation bar;

[0029] The second page display module is used to jump from the first page to the second page when a touch operation on the image of the recommended user is detected, and to display the image of the recommended user at the top position of a fixed area in the second page, wherein the fixed area is used to display images of multiple users recommended based on user information.

[0030] One aspect of an embodiment of the present application further provides a computer device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, the steps of the information display method in the page as described above are implemented.

[0031] One aspect of an embodiment of the present application further provides a computer-readable storage medium, which stores a computer program. The computer program can be executed by at least one processor so that the at least one processor implements the steps of the information display method in the above-mentioned page when executing the computer program.

[0032] The information display method, system, device, and computer-readable storage medium provided in the embodiments of the present application screen out recommended users who need to be displayed at the top of the second page. When the user enters the first page, the recommended user's image is displayed to prompt the recommended user that there are updated videos and they can go to the second page to view them. Furthermore, when the user clicks the recommended user's image to enter the second page, the recommended user's image is elevated and displayed at the top, preventing the updates of users with special attention or high intimacy from being obscured by the updates of a wider range of users. Without further screening, the updated content of users with special attention or high intimacy can be easily found and viewed. BRIEF DESCRIPTION OF THE DRAWINGS

[0033] Figure 1 A diagram schematically illustrates an application environment of a method for displaying information on a page according to an embodiment of the present application;

[0034] Figure 2 The following schematically shows a flow chart of a method for displaying information on a page according to the first embodiment of the present application;

[0035] Figure 3 A schematic diagram of a first page according to the first embodiment of the present application is schematically shown;

[0036] Figure 4 A schematic diagram of a second page according to the first embodiment of the present application is schematically shown;

[0037] Figure 5 Schematically shows another schematic diagram of a second page according to the first embodiment of the present application;

[0038] Figure 6 A service architecture diagram according to the first embodiment of the present application is schematically shown;

[0039] Figure 7 A timing diagram schematically illustrates a method for displaying information on a page according to the first embodiment of the present application;

[0040] Figure 8 A block diagram schematically shows an information display device in a page according to the second embodiment of the present application; and

[0041] Figure 9 The following schematically shows a hardware architecture diagram of a computer device suitable for implementing the method for displaying information on a page according to the third embodiment of the present application. DETAILED DESCRIPTION

[0042] In order to make the purpose, technical solutions and advantages of this application more clear, the present application is further described in detail below with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are only used to explain this application and are not intended to limit this application. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.

[0043] It should be noted that the descriptions of "first", "second", etc. in the embodiments of the present application are for descriptive purposes only and should not be understood as indicating or implying their relative importance or implicitly indicating the number of the indicated technical features. Therefore, the features defined as "first" or "second" may explicitly or implicitly include at least one of such features. In addition, the technical solutions between the various embodiments can be combined with each other, but this must be based on the fact that they can be implemented by ordinary technicians in this field. When the combination of technical solutions is contradictory or cannot be implemented, it should be deemed that such a combination of technical solutions does not exist and is not within the scope of protection required by this application.

[0044] In the existing technology, the navigation bar of most platforms will provide dynamic update reminders in the area where the dynamic page controls are displayed. Generally, this is done by displaying the number of dynamically updated videos or by displaying a red dot. This reminder method has the following disadvantages: 1. It is difficult for users to know the information of updated videos. For example, they don’t know whether the update is a live broadcast or a recorded video. 2. Updates from content creators who are of special interest or have a high degree of intimacy will be covered up by large-scale updates. 3. After the user clicks on the reminder, they enter the feed stream list, which cannot be displayed in a linked manner to give users clear content consumption expectations.

[0045] In view of this, the present application is directed to a method for displaying information on a web page, comprising: in response to a client launch operation, displaying a first page including a navigation bar on the client, and displaying an image of a recommended user in a preset area of the navigation bar; and upon detecting a touch operation on the recommended user's image, jumping from the first page to a second page, and displaying the recommended user's image at the top of a fixed area on the second page, wherein the fixed area is used to display images of multiple users recommended based on user information. This method allows for filtering recommended users that need to be displayed at the top of the second page based on big data capabilities, such as UP hosts with whom the user has a high level of intimacy, UP hosts that the user particularly follows, or UP hosts currently live streaming. When the user enters the first page, the recommended user's image is displayed to indicate that the recommended user has updated videos and can be viewed on the second page. Furthermore, when the user clicks on the recommended user's image to enter the second page, the recommended user's image is elevated and displayed at the top, preventing updates from being obscured by a wider range of updates from users with whom the user has a high level of intimacy. Updates from users with whom the user has a high level of intimacy can be found and viewed without further filtering.

[0046] This application provides multiple embodiments to further introduce the information display scheme in the page, please refer to the following for details.

[0047] In the description of this application, it should be understood that the numerical labels before the steps do not indicate the order in which the steps are executed. They are only used to facilitate the description of this application and to distinguish each step. Therefore, they cannot be understood as limitations on this application.

[0048] The following is an explanation of the terms used in this application:

[0049] UP host: refers to the content creator, including videos / text / pictures and other content.

[0050] Home page: refers to the default page that appears after launching an application.

[0051] Bottom bar: refers to the row of function module entrances at the bottom of the page displayed by the resident application. The bottom bar is usually arranged horizontally and can contain entrances to dynamic function modules.

[0052] Dynamic card: refers to the display unit in the dynamic system of the application.

[0053] Dynamic comprehensive page: refers to the page displayed by the dynamic system after the dynamic column in the bottom bar is triggered. The top of the dynamic comprehensive page may be marked with the word "comprehensive".

[0054] Feed stream: an information stream that continuously updates and presents content to users.

[0055] Most frequently visited objects: refers to the objects most frequently visited by users on the dynamic comprehensive page. A list of avatars corresponding to the most frequently visited objects can be displayed horizontally at the top of the dynamic comprehensive page.

[0056] Figure 1 Schematically shows an environmental application diagram according to an embodiment of the present application. Figure 1 As shown:

[0057] The computer device 10000 can be connected to the client 30000 through the network 20000.

[0058] The computer device 10000 can provide services, such as network debugging, or return information display result data in the page to the client 30000, etc.

[0059] Computer device 10000 may be located in a data center, such as a single location, or distributed across different geographical locations (e.g., across multiple locations). Computer device 10000 may provide services via one or more networks 20000. Network 20000 includes various network devices, such as routers, switches, multiplexers, hubs, modems, bridges, repeaters, firewalls, proxy devices, and / or the like. Network 20000 may include physical links, such as coaxial cable links, twisted pair cable links, fiber optic links, combinations thereof, and the like. Network 20000 may include wireless links, such as cellular links, satellite links, Wi-Fi links, and the like.

[0060] Computer device 10000 can be implemented by one or more computing nodes. One or more computing nodes can include virtualized computing instances. Virtualized computing instances can include virtual machines, such as simulations of computer systems, operating systems, servers, etc. The computing nodes can load virtual machines based on virtual images and / or other data that defines specific software (e.g., operating systems, specialized applications, servers) for simulation. As the demand for different types of processing services changes, different virtual machines can be loaded and / or terminated on one or more computing nodes. A hypervisor can be implemented to manage the use of different virtual machines on the same computing node.

[0061] The client 30000 can be configured to access content and services of the computer device 10000. The client 30000 can include any type of electronic device, such as a mobile device, a tablet device, a laptop computer, a workstation, a virtual reality device, a gaming device, a set-top box, a digital streaming device, a vehicle terminal, a smart TV, a set-top box, etc.

[0062] The client 30000 may output (eg, display, render, present) the information display result data and the like in the page to the user.

[0063] The following describes a network debugging solution through multiple embodiments. The solution can be implemented by the computer device 10000.

[0064] Example 1

[0065] Figure 2 The flowchart of the method for displaying information in a page according to the first embodiment of the present application is schematically shown. It includes steps S202-S204, wherein:

[0066] Step S202, in response to the operation of starting the client, displaying a first page including a navigation bar in the client, and displaying an image of a recommended user in a preset area of the navigation bar;

[0067] In this embodiment, the client can be a user terminal provided to the user to watch recorded videos or live videos. After the user installs the application in the terminal device, he starts the client by clicking on the application icon. The terminal device has a data collection module for user operations, which collects the user's operation of starting the client through the data collection module and reports it to the client. After receiving the operation of starting the client, the client can respond to the operation of starting the client and display a first page containing a navigation bar in the client. The first page can include a navigation bar. In addition, the first page can also include a video search bar, multiple video windows, carousel recommendation cards, etc. In a specific implementation, the navigation bar can include entry controls for the first page, the second page, video release and personal information pages, and the user can jump to the page by clicking these controls in the navigation bar. In one example, the first page can be the homepage, and the second page can be a dynamic comprehensive page.

[0068] When displaying the first page, the image of the recommended user can be displayed in the preset area of the navigation bar. The preset area is a pre-set area with a certain size. In this embodiment, the preset area can be the display area of the second page control in the navigation bar. The recommended user can be: an UP host with a high degree of intimacy with the user, or an UP host that the user pays special attention to, or an UP host who is currently broadcasting live, etc. In a specific implementation, an AI recommendation module can be deployed in the server. The AI recommendation module contains a preset recommendation strategy. The AI recommendation module is used to filter and obtain recommended users according to the preset recommendation strategy, and then the identification code of the recommended user is returned to the client. Then, the client can display the image of the recommended user in the preset area of the navigation bar of the first page according to the identification code of the recommended user. As Figure 3, shows a schematic diagram of a first page, which includes a video search bar 10, a message control 20, a carousel recommendation card 30, four video windows 40, and a navigation bar 50; wherein the four video windows 40 are windows 1, 2, 3 and 4 respectively; the navigation bar 50 includes five navigation controls, namely controls A, B, C, D and E. Assuming that the position of control B is the display area of the second page control in the navigation bar, the image of the recommended user can be displayed at the position of control B.

[0069] By displaying the image of the recommended user in the navigation bar of the first page to remind users that the recommended user has updated and released videos, the problem of traditional reminder methods that it is difficult for users to know which users have updated content is solved.

[0070] Step S204: When a touch operation on the image of the recommended user is detected, jump from the first page to the second page, and display the image of the recommended user at the top position of a fixed area in the second page, wherein the fixed area is used to display images of multiple users recommended based on user information.

[0071] Among them, the touch operation is used to trigger the opening of the second page, which may include operations such as clicking, double-clicking, long pressing or specifying gestures, and the embodiment of the present application does not impose specific restrictions on this. In this embodiment, the user can trigger the jump to the second page by acting on the image of the recommended user in the navigation bar through a touch operation. When the client detects the touch operation on the image of the recommended user, it jumps from the first page to the second page and displays the image of the recommended user at the top position of a fixed area in the second page, thereby avoiding the update content of the recommended user being covered by a large range of update content. It should be noted that in this embodiment, the fixed area is a pre-designated area, which is used to display images of multiple users recommended based on user information, and the user can play the update videos of these users through the images of the users displayed in the fixed area.

[0072] Several optional embodiments are provided below to optimize the information display method on the page, specifically as follows:

[0073] In a preferred embodiment of the present application, the image of the recommended user includes a first image for indicating the update of the recorded video, and a second image for indicating the start of the live broadcast room.

[0074] In this embodiment, the recommended user may include two images, so that the user can know whether the recommended user is updating a live video or a recorded video through the image of the recommended user displayed on the first page, further increasing the amount of information reminded to the user.

[0075] In a preferred embodiment of the present application, step S202 may specifically include the following steps:

[0076] Determine the type of the updated video corresponding to the recommended user; when the type of the updated video is a recorded broadcast type, display the first image in the preset area of the navigation bar; or, when the type of the updated video is a live broadcast type, display the second image in the preset area of the navigation bar.

[0077] In an embodiment, when displaying the image of the recommended user, the client can also determine the type of updated video corresponding to the recommended user; when the type of the updated video is a recorded broadcast type, the first image is displayed in the preset area of the navigation bar; or when the type of the updated video is a live broadcast type, the second image is displayed in the preset area of the navigation bar, so that the user can directly know whether the updated content of the recommended user is a recorded broadcast video or a live broadcast through the first image or the second image displayed on the first page. If it is a live broadcast, the user can enter and watch it in time to avoid missing the live broadcast. If it is a recorded broadcast video, the user can wait until he is free to watch it.

[0078] In a preferred embodiment of the present application, step S202 may specifically include the following steps:

[0079] Send a first message requesting a recommended user to a server; receive an identification code corresponding to the recommended user returned by the server in response to the first message; and display an image of the recommended user in a preset area of the navigation bar based on the identification code corresponding to the recommended user.

[0080] In this embodiment, when it is necessary to display the first page, the client can send a first message to the server requesting recommended users to obtain recommended users that need to be displayed at the top position on the first page. In a specific implementation, users who create content can also be called UP hosts. After receiving the first message requesting recommended users, the server can respond to the first message and filter out UP hosts that currently have recorded video updates and UP hosts that are currently broadcasting live from the UP hosts that the user follows. Then, recommended users are obtained from them according to preset strategies. For example, the UP hosts with the highest intimacy are filtered as recommended users, or the UP hosts that are of special interest are filtered as recommended users, or a random algorithm is used to determine a UP host as a recommended user, etc. The embodiment of the present application does not impose specific restrictions on this.

[0081] After determining the recommended user, the server can return the recommended user's corresponding identification code. The identification code is the user's unique identity, and each user has a one-to-one identification code. After receiving the recommended user's corresponding identification code, the client displays the recommended user's image in a preset area of the navigation bar based on the recommended user's identification code.

[0082] In a preferred embodiment of the present application, the method further comprises the following steps:

[0083] When no touch operation on the image of the recommended user is detected for more than a preset time period, the image of the recommended user is hidden, and the second page control is displayed in the preset area.

[0084] In this embodiment, the navigation bar includes a second page control, and the preset area is the display area of the second page control in the navigation bar. After the recommended user's image is displayed, a timer can be started. If no touch operation is detected on the recommended user's image for a preset time period, the recommended user's image is hidden and the second page control is displayed in the preset area of the navigation bar. The preset time period is a pre-set length of time, for example, 10 seconds. If no touch operation is detected on the recommended user's image for more than 10 seconds, the recommended user's image is automatically hidden.

[0085] It should be noted that when the second page control is displayed in the preset area of the navigation bar, if there are updated videos on the second page, the number of dynamically updated videos can also be displayed, or a red dot can be displayed to remind the user that there are updated videos on the second page.

[0086] In a preferred embodiment of the present application, step S204 may include the following steps:

[0087] Sending a second message requesting a list of most frequently visited users to a server; receiving the list of most frequently visited users returned by the server in response to the second message; displaying an image list corresponding to the list of most frequently visited users in a fixed area of the second page, and displaying the image of the recommended user at the top position of the image list.

[0088] In this embodiment, when it is necessary to jump to the second page, the client can send a second message to the server requesting a list of most frequently visited users to obtain the list of most frequently visited users. The second message can carry an identification code corresponding to the recommended user; the list of most frequently visited users is obtained by the server determining multiple active users and sorting the identification codes corresponding to the recommended user and the multiple active users. Specifically, when sorting, the recommended user can be ranked first, and other users can be sorted according to their activity level or intimacy level. At the same time, the factors of whether the user is live streaming can be considered, and users who are live streaming can be ranked at the front. The factors of whether the user has updated videos can also be considered, and users who have updated videos can be ranked at the front.

[0089] After receiving the most frequently visited user list returned by the server, the client can display the image list corresponding to the most frequently visited user list in a fixed area on the second page, and display the image of the recommended user at the top of the image list. Figure 4 A schematic diagram of a second page is shown. This second page includes an image list 60, wherein image list 60 includes images corresponding to the six users in the most frequently visited user list, namely image 1, image 2, image 3, image 4, image 5, and image 6. Image 1 is the image of the recommended user. By displaying the recommended user's image at the top of image list 60, the recommended user's updates are prevented from being obscured by the broader updates. In addition, the second page may also include a navigation bar 50 and a hot topic bar 70, wherein hot topic bar 70 is used to display information on some currently popular topics.

[0090] In a preferred embodiment of the present application, the second page further includes a dynamic information flow list, and the method further includes:

[0091] The video window corresponding to the recommended user is displayed at the top position in the dynamic information flow list, and the updated video corresponding to the recommended user is played in the video window.

[0092] In this embodiment, the second page also includes a dynamic information flow list, which is used to continuously update and display the dynamic information flow. When displaying the second page, the video window corresponding to the recommended user can also be displayed at the top position in the dynamic information flow list, and the updated video corresponding to the recommended user can be played in the video window. Figure 5 A schematic diagram of another second page is shown. In addition to the image list 60, the hot topic bar 70, and the navigation bar 50, the second page may also include a dynamic information flow list 80. In this example, assuming that recommended user No. 1 is live streaming, the video of the live streaming room corresponding to recommended user No. 1 can be played directly in the dynamic information flow list 80.

[0093] To further describe the information display method in the pages of this application, as Figure 6 A service architecture diagram for the information display method in this application's page is shown, including a client and a server. The client can use iOS or Android systems. The server can include a dynamic server and a basic server. The basic server includes an AI recommendation engine, an avatar service, and an intimacy data module.

[0094] like Figure 7 The timing diagram corresponding to the information display method in the page of this application is shown, including the user module, client, dynamic server, intimacy module and AI recommendation service module. The specific processing steps are as follows:

[0095] Step S1: Start the client;

[0096] Step S2: Requesting to recommend the user's first message;

[0097] Step S3: Request the video update UP host;

[0098] Step S4: Return to the updated UP host;

[0099] Step S5: Request the UP host who is live streaming;

[0100] Step S6: Return to the UP host of the live broadcast;

[0101] Step S7: Select a UP host according to the strategy;

[0102] Step S8: Return to update the UP host;

[0103] Step S9: Display the first page containing the UP host's avatar;

[0104] Step S10: Touch the avatar;

[0105] Step S11: a second message requesting a user list on the second page, carrying the user ID of the avatar;

[0106] Step S12: Determine the most frequently visited user list and put the user at the top of the most frequently visited user list according to the user ID;

[0107] Step S13: On the second page, the user ID is placed at the top of the dynamic information flow list;

[0108] Step S14: Return the most frequently visited user list and dynamic information flow list;

[0109] Step S15: Display the second page.

[0110] Example 2

[0111] Figure 8 The following schematically illustrates a block diagram of an information display system in a page according to Embodiment 2 of the present application. The information display device in the page can be divided into one or more program modules, one or more of which are stored in a storage medium and executed by one or more processors to complete the embodiment of the present application. The program modules referred to in the embodiment of the present application refer to a series of computer program instruction segments that can perform specific functions. The following description will specifically introduce the functions of each program module in the embodiment of the present application.

[0112] like Figure 8 As shown, the information display system 800 in this page may include the following modules:

[0113] A first page display module 810 is configured to display a first page including a navigation bar in the client in response to an operation of starting the client, and to display an image of a recommended user in a preset area of the navigation bar;

[0114] The second page display module 820 is used to jump from the first page to the second page when a touch operation on the image of the recommended user is detected, and to display the image of the recommended user at the top position of a fixed area in the second page, wherein the fixed area is used to display images of multiple users recommended based on user information.

[0115] In a preferred embodiment of the present application, the image of the recommended user includes a first image for indicating the update of the recorded video, and a second image for indicating the start of the live broadcast room.

[0116] In a preferred embodiment of the present application, the first page display module 810 includes:

[0117] A type determination submodule, configured to determine the type of the updated video corresponding to the recommended user;

[0118] A first icon display submodule is configured to display the first image in a preset area of the navigation bar when the type of the updated video is a recorded video type; or

[0119] The second icon display submodule is used to display the second image in a preset area of the navigation bar when the type of the updated video is a live broadcast type.

[0120] In a preferred embodiment of the present application, the first page display module 810 includes:

[0121] A first message sending submodule, configured to send a first message to the server requesting the user to be recommended;

[0122] an identification code receiving submodule, configured to receive the identification code corresponding to the recommended user returned by the server in response to the first message;

[0123] The image display submodule is used to display the image of the recommended user in a preset area of the navigation bar according to the identification code corresponding to the recommended user.

[0124] In a preferred embodiment of the present application, the navigation bar includes a second page control, and the preset area is a display area of the second page control in the navigation bar.

[0125] In a preferred embodiment of the present application, the system further comprises:

[0126] The image hiding module is configured to hide the image of the recommended user and display the second page control in the preset area when no touch operation on the image of the recommended user is detected for a preset time period.

[0127] In a preferred embodiment of the present application, the second page display module 820 includes:

[0128] A second message sending submodule, configured to send a second message requesting a list of most frequently visited users to the server;

[0129] A user list receiving submodule, configured to receive a most frequently visited user list returned by the server in response to the second message;

[0130] The image display submodule is used to display the image list corresponding to the most frequently visited user list in a fixed area on the second page, and to display the image of the recommended user at the top position of the image list.

[0131] In a preferred embodiment of the present application, the second message carries an identification code corresponding to the recommended user; the most frequently visited user list is obtained by the server determining multiple active users based on user information and sorting the identification codes corresponding to the recommended user and the multiple active users.

[0132] In a preferred embodiment of the present application, the second page further includes a dynamic information flow list, and the system further includes:

[0133] The dynamic information flow list display module is used to display the video window corresponding to the recommended user at the top position of the dynamic information flow list, and play the updated video corresponding to the recommended user in the video window.

[0134] Example 3

[0135] Figure 9 The schematic diagram of the hardware architecture of a computer device 10000 suitable for implementing the information display method in a page according to the third embodiment of the present application is shown. In this embodiment, the computer device 10000 is a device that can automatically perform numerical calculations and / or information processing according to pre-set or stored instructions. For example, it can be a smart phone, a tablet computer, a laptop computer, a desktop computer, a rack server, a blade server, a tower server or a cabinet server (including a FEN independent server, or a server cluster composed of multiple servers), etc. Figure 9 As shown, the computer device 10000 includes at least but is not limited to: a memory 10010, a processor 10020, and a network interface 10030 that can communicate with each other via a system bus.

[0136] The memory 10010 includes at least one type of computer-readable storage medium, including flash memory, a hard disk, a multimedia card, a card-type memory (e.g., SD or DX memory), random access memory (RAM), static random access memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic storage, a magnetic disk, an optical disk, etc. In some embodiments, the memory 10010 may be an internal storage module of the computer device 10000, such as a hard disk or memory of the computer device 10000. In other embodiments, the memory 10010 may also be an external storage device of the computer device 10000, such as a plug-in hard disk equipped on the computer device 10000, a Smart Media Card (SMC), a Secure Digital (SD) card, a flash memory card, etc. Of course, the memory 10010 may also include both the internal storage module of the computer device 10000 and its external storage device. In this embodiment, the memory 10010 is generally used to store the operating system and various application software installed on the computer device 10000, such as the program code of the information display method in the page, etc. In addition, the memory 10010 can also be used to temporarily store various data that has been output or will be output.

[0137] In some embodiments, processor 10020 may be a central processing unit (CPU), a controller, a microcontroller, a microprocessor, or other data processing chip. Processor 10020 is typically used to control the overall operation of computer device 10000, such as performing control and processing related to data exchange or communication with computer device 10000. In this embodiment, processor 10020 is used to execute program code stored in memory 10010 or process data.

[0138] The network interface 10030 may include a wireless network interface or a wired network interface. The network interface 10030 is generally used to establish a communication link between the computer device 10000 and other computer devices. For example, the network interface 10030 is used to connect the computer device 10000 to an external terminal via a network, and to establish a data transmission channel and a communication link between the computer device 10000 and the external terminal. The network may be a wireless or wired network such as an intranet, the Internet, the Global System of Mobile Communications (GSM), Wideband Code Division Multiple Access (WCDMA), a 4G network, a 5G network, Bluetooth, or Wi-Fi.

[0139] It should be pointed out that Figure 9 Only a computer device having components 10010 - 10030 is shown, but it should be understood that implementation of all of the shown components is not a requirement, and greater or fewer components may alternatively be implemented.

[0140] In this embodiment, the information display method in the page stored in the memory 10010 can also be divided into one or more program modules and executed by one or more processors (processor 10020 in this embodiment) to complete the embodiment of the present application.

[0141] Example 4

[0142] An embodiment of the present application further provides a computer-readable storage medium having a computer program stored thereon. When the computer program is executed by a processor, the steps of the method for displaying information on a page in the embodiment are implemented.

[0143] In this embodiment, the computer-readable storage medium includes a flash memory, a hard disk, a multimedia card, a card-type memory (e.g., SD or DX memory), a random access memory (RAM), a static random access memory (SRAM), a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), a programmable read-only memory (PROM), a magnetic memory, a magnetic disk, an optical disk, etc. In some embodiments, the computer-readable storage medium may be an internal storage unit of a computer device, such as a hard disk or memory of the computer device. In other embodiments, the computer-readable storage medium may also be an external storage device of the computer device, such as a plug-in hard disk equipped on the computer device, a smart memory card (SMC), a secure digital (SD) card, a flash memory card, etc. Of course, the computer-readable storage medium may also include both an internal storage unit of the computer device and its external storage device. In this embodiment, the computer-readable storage medium is generally used to store an operating system and various application software installed on the computer device, such as the program code of the information display method in the page in the embodiment. In addition, the computer-readable storage medium may also be used to temporarily store various types of data that have been output or are about to be output.

[0144] Obviously, those skilled in the art should understand that the modules or steps of the above-mentioned embodiments of the present application can be implemented using a general-purpose computing device, they can be concentrated on a single computing device, or distributed on a network composed of multiple computing devices, optionally, they can be implemented using program code executable by the computing device, so that they can be stored in a storage device and executed by the computing device, and in some cases, the steps shown or described can be performed in a different order than herein, or they can be made into individual integrated circuit modules, or multiple modules or steps therein can be made into a single integrated circuit module for implementation. Thus, the embodiments of the present application are not limited to any specific combination of hardware and software.

[0145] The above are only preferred embodiments of the present application and do not limit the patent scope of the present application. Any equivalent structure or equivalent process transformation made using the contents of the present application specification and drawings, or directly or indirectly applied in other related technical fields, are also included in the patent protection scope of the present application.

Claims

1. A method for displaying information in a page, characterized in that: The method includes: In response to an operation of starting the client, a first page including a navigation bar is displayed in the client, and an image of a recommended user is displayed in a preset area of the navigation bar; When a touch operation on the image of the recommended user is detected, jumping from the first page to the second page, and displaying the image of the recommended user at the top position of a fixed area in the second page, wherein the fixed area is used to display images of multiple users recommended based on user information; The image of the recommended user includes a first image for indicating that the recorded video is updated, and a second image for indicating that the live broadcast room is started.

2. The method for displaying information in a page according to claim 1, characterized in that: The displaying of the recommended user's image in the preset area of the navigation bar includes: Determine the type of updated video corresponding to the recommended user; When the type of the updated video is a recorded video type, displaying the first image in a preset area of the navigation bar; or When the type of the updated video is a live broadcast type, the second image is displayed in a preset area of the navigation bar.

3. The method for displaying information in a page according to claim 1 or 2, characterized in that: The displaying of the recommended user's image in the preset area of the navigation bar includes: Sending a first message to the server requesting the user to be recommended; receiving an identification code corresponding to the recommended user returned by the server in response to the first message; According to the identification code corresponding to the recommended user, an image of the recommended user is displayed in a preset area of the navigation bar.

4. The method for displaying information in a page according to claim 1, characterized in that: The navigation bar includes a second page control, and the preset area is a display area of the second page control in the navigation bar.

5. The method for displaying information in a page according to claim 4, characterized in that: The method further comprises: When no touch operation on the image of the recommended user is detected for more than a preset time period, the image of the recommended user is hidden, and the second page control is displayed in the preset area.

6. The method for displaying information in a page according to claim 1, characterized in that: The displaying of the recommended user's image at the top position of a fixed area in the second page includes: Sending a second message to the server requesting a list of most frequently visited users; Receiving a most frequently visited user list returned by the server in response to the second message; An image list corresponding to the most frequently visited user list is displayed in a fixed area on the second page, and the image of the recommended user is displayed at the top position of the image list.

7. The method for displaying information in a page according to claim 6, characterized in that: The second message carries the identification code corresponding to the recommended user; the most frequently visited user list is obtained by the server determining multiple active users according to user information and sorting the identification codes corresponding to the recommended user and the multiple active users.

8. The method for displaying information in a page according to claim 1 or 6, characterized in that: The second page further includes a dynamic information flow list, and the method further includes: The video window corresponding to the recommended user is displayed at the top position in the dynamic information flow list, and the updated video corresponding to the recommended user is played in the video window.

9. A system for displaying information on a page, characterized in that: include: A first page display module is configured to display a first page including a navigation bar in the client in response to an operation of starting the client, and to display an image of a recommended user in a preset area of the navigation bar; a second page display module configured to, upon detecting a touch operation on the image of the recommended user, jump from the first page to a second page and display the image of the recommended user at the top of a fixed area in the second page, wherein the fixed area is used to display images of multiple users recommended based on user information; The image of the recommended user includes a first image for indicating that the recorded video is updated, and a second image for indicating that the live broadcast room is started.

10. A computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein: When the processor executes the computer program, it is used to implement the steps of the method for displaying information in a page 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 a computer program, which can be executed by at least one processor to enable the at least one processor to perform the steps of the method for displaying information in a page as described in any one of claims 1 to 8.

Citation Information

Patent Citations

  • Message reminding method and device

    CN111596830A