Information display method and device

Abstract

The present application provides an information display method and device, wherein an information display method is applied to a client, including: receiving an identity template issued by a server; obtaining a user ID of a target user, and sending a data request carrying the user ID to the server; receiving identity data corresponding to the user ID returned by the server, wherein the identity data at least includes data representing the identity content in the identity template; calling a preset drawing component, drawing a user identity icon of the target user based on the identity data and in combination with the identity template, and displaying the user identity icon in the current live broadcast room. This solution can reduce the development cost of displaying user identity icons and the data storage cost.

Description

Technical Field

[0001] The present application relates to the field of information display technology, and in particular to an information display method. The present application also relates to an information display device, an information display system, a computing device, and a computer-readable storage medium. Background Art

[0002] In order to balance the cost of information display and user experience, various applications display different user identity icons with different effects. For example, the user identity icon of a live broadcast application can be the anchor's fan badge. The more gifts fans give to the anchor, the richer the display effect of the fan badge.

[0003] In the related art, the user identity icon is often used as an element in the live broadcast room page, and the implementation process of the user identity icon display is added during the implementation process of the page display. Therefore, it is necessary to add the display logic of the user identity icon to the display logic of the page.

[0004] However, the display scenarios of user identity icons are often diverse. For example, the user identity icon of a live broadcast application can be displayed on the comment page of the anchor's live broadcast room, the bullet screen page of the anchor's live broadcast room, and the user's personal information page in the live broadcast room. In this way, the display logic of the user identity icon needs to be added to the page display logic of each scenario, resulting in the problem of increased data storage cost and development cost for the display of the user identity icon. Summary of the invention

[0005] In view of this, the embodiment of the present application provides an information display method. The present application also relates to an information display device, an information display system, a computing device, and a computer-readable storage medium to solve the problem of increased information display data storage cost and development cost in the prior art.

[0006] According to a first aspect of an embodiment of the present application, there is provided an information display method, which is applied to a client and includes:

[0007] Receive the identity template sent by the server;

[0008] Obtain the user ID of the target user, and send a data request carrying the user ID to the server;

[0009] Receiving identity data corresponding to the user identifier returned by the server, wherein the identity data at least includes data representing identity identifier content in the identity identifier template;

[0010] Call a preset drawing component, draw a user identity icon of the target user based on the identity data and in combination with the identity identification template, and display the user identity icon in the current live broadcast room.

[0011] According to a second aspect of an embodiment of the present application, there is provided an information display device, which is applied to a client and includes:

[0012] A data receiving module is configured to receive an identity template sent by a server;

[0013] A data request module is configured to obtain a user ID of a target user and send a data request carrying the user ID to a server;

[0014] The data receiving module is further configured to receive identity data corresponding to the user identifier returned by the server, wherein the identity data at least includes data representing the identity identifier content in the identity identifier template;

[0015] The icon display module is configured to call a preset drawing component, draw a user identity icon of the target user based on the identity data, and display the user identity icon in the current live broadcast room.

[0016] According to a third aspect of the embodiments of the present application, there is provided an information display system, the system comprising: a client and a server;

[0017] The server is configured to send an identity template to the client;

[0018] The client is configured to obtain a user ID of a target user and send a data request carrying the user ID to the server;

[0019] The server is configured to return identity data corresponding to the user identifier to the client, wherein the identity data at least includes data representing the identity identifier content in the identity identifier template;

[0020] The client is configured to receive the identity data; call a preset drawing component, draw a user identity icon of the target user based on the identity data and in combination with the identity identification template, and display the user identity icon in the current live broadcast room.

[0021] According to a fourth aspect of an embodiment of the present application, a computing device is provided, comprising a memory, a processor, and computer instructions stored in the memory and executable on the processor, wherein the processor implements the steps of the information display method when executing the instructions.

[0022] According to a fifth aspect of an embodiment of the present application, a computer-readable storage medium is provided, which stores computer instructions, and when the instructions are executed by a processor, the steps of the information display method are implemented.

[0023] In the solution provided by the present application, the client receives the identity template issued by the server; obtains the user identity of the target user; sends a data request carrying the user identity to the server, and receives the identity data corresponding to the user identity returned by the server; and then calls the preset drawing component, based on the identity data, draws the user identity icon of the target user in combination with the identity template, so as to display the user identity icon on the page. Among them, the identity data at least includes data representing the identity content in the identity template; and the preset drawing component is called, based on the identity data, draws the user identity icon of the target user in combination with the identity template. Therefore, in any scene where the user identity icon needs to be displayed, the user identity icon can be obtained by directly calling the drawing component, and displayed in the current live broadcast room, without adding additional processing logic to the page of each scene. Therefore, the development cost of displaying the user identity icon can be reduced. In addition, the identity data used to draw the user identity icon is returned by the server. Therefore, the additional processing logic and the occupation of storage space by identity data can be reduced, thereby reducing the data storage cost of displaying the user identity icon. BRIEF DESCRIPTION OF THE DRAWINGS

[0024] Figure 1 is a flow chart of an information display method provided by an embodiment of the present application;

[0025] Figure 2 It is an example diagram of a user identity icon in another information display method provided in an embodiment of the present application;

[0026] Figure 3 It is another example diagram of a user identity icon in another information display method provided in an embodiment of the present application;

[0027] Figure 4 It is another example diagram of a user identity icon in another information display method provided in an embodiment of the present application;

[0028] Figure 5 is a processing flow chart of another information display method provided by an embodiment of the present application;

[0029] Figure 6 It is a structural schematic diagram of an information display device provided by an embodiment of the present application;

[0030] Figure 7 It is a structural diagram of an information display system provided by an embodiment of the present application;

[0031] Figure 8 It is a structural block diagram of a computing device provided in one embodiment of the present application. DETAILED DESCRIPTION

[0032] Many specific details are described in the following description to facilitate a full understanding of the present application. However, the present application can be implemented in many other ways than those described herein, and those skilled in the art can make similar generalizations without violating the connotation of the present application, so the present application is not limited by the specific implementation disclosed below.

[0033] The terms used in one or more embodiments of the present application are only for the purpose of describing specific embodiments, and are not intended to limit one or more embodiments of the present application. The singular forms of "a", "said" and "the" used in one or more embodiments of the present application and the appended claims are also intended to include plural forms, unless the context clearly indicates other meanings. It should also be understood that the term "and / or" used in one or more embodiments of the present application refers to and includes any or all possible combinations of one or more associated listed items.

[0034] It should be understood that, although the terms first, second, etc. may be used to describe various information in one or more embodiments of the present application, these information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, without departing from the scope of one or more embodiments of the present application, the first may also be referred to as the second, and similarly, the second may also be referred to as the first. Depending on the context, the word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining".

[0035] In the present application, an information display method is provided. The present application also relates to an information display device, an information display system, a computing device, and a computer-readable storage medium, which are described in detail one by one in the following embodiments.

[0036] Figure 1 A flowchart of an information display method applied to a client according to an embodiment of the present application is shown, which specifically includes the following steps:

[0037] S101, receiving an identity template sent by a server.

[0038] The identity template is used to indicate the rendering method of the user identity icon. For example, if the user identity icon contains multiple elements, the identity template may include information such as the stacking relationship between the multiple elements; if the user identity icon contains one element, the identity template may include information such as the size, color, and rendering effect of the element. In addition, the identity template may be in the form of a configuration file.

[0039] Furthermore, the client can actively send a template request to the server and receive the identity template returned by the server; or the client can directly receive the identity template actively sent by the server. The template request can carry the file identifier of the identity template.

[0040] S102, obtaining a user ID of a target user, and sending a data request carrying the user ID to a server.

[0041] Among them, the target user is the user who needs to display the user identity icon. In specific applications, there can be multiple ways to obtain the user identification of the target user. Exemplarily, the user identification can be read from the trigger instruction for displaying the user identity icon as the user identification of the target user. Among them, the trigger instruction can be the user's sending instruction for comments, barrages and other information, as well as the click instruction of the user information card. The click instruction of the user information card can be triggered by clicking the user avatar or user profile button. Or, exemplarily, the user identification entered by the user can be directly received as the user identification of the target user.

[0042] S103, receiving identity data corresponding to the user identifier returned by the server.

[0043] The identity data at least includes data representing the identity content in the identity template. For example, the identity data may include data representing the identity content such as the identity level, the identity name, and the identity icon. Alternatively, the identity data may also include data other than the data representing the identity content in the identity template, for example, the identity data may also include data such as a user ID, an icon indicating a live broadcast application, and the like.

[0044] S104, calling a preset drawing component, drawing a user identity icon of the target user based on the identity data and in combination with the identity identification template, and displaying the user identity icon in the current live broadcast room.

[0045] Among them, the preset drawing component contains the logic of drawing the user identity icon. Therefore, the identity data can be input into the called drawing component, so that the drawing component draws the user identity icon of the target user based on the identity data and combines the identity identification template and outputs it. On this basis, the client or the drawing component can display the user identity icon output by the drawing component in the client's current live broadcast room. In addition, the identity data and identity identification template can be multiple, and corresponding to different identity data and identity identification templates, there are also multiple ways to draw the user identity icon. In order to facilitate understanding and reasonable layout, it will be specifically described in the form of optional embodiments later.

[0046] In addition, the user identity icon can be displayed in the current live broadcast room in various ways. For example, the user identity icon can be directly displayed in the current live broadcast room. Alternatively, the user identity icon can be used as an element in the current live broadcast room and displayed in the live broadcast room according to the element arrangement rules of the live broadcast room.

[0047] In an optional implementation, the user identity icon output by the drawing component is in a picture format or a rich text format.

[0048] The image format or the rich text format can ensure that the user identity icon is a whole. The rich text format (RTF) is a text and graphic document format that is convenient for viewing on different devices and systems. Therefore, this optional embodiment can reduce the confusion of the user identity icon display, and reduce the process of additional layout of multiple elements in the user identity icon, thereby improving the accuracy and efficiency of the user identity icon display.

[0049] The solution provided by the present application can obtain the user identity icon by directly calling the drawing component in any scenario where the user identity icon needs to be displayed, and display it in the current live broadcast room, without adding additional processing logic to the page for each scenario. Therefore, the development cost of displaying the user identity icon can be reduced. In addition, the identity data used to draw the user identity icon is returned by the server. Therefore, the additional processing logic and the storage space occupied by the identity data can be reduced, thereby reducing the data storage cost of displaying the user identity icon.

[0050] In an optional implementation, the identity identification template may include: preset color change rules; the identity data may include: color data of the starting position of the user identity icon, and color data of the ending position;

[0051] Accordingly, the above-mentioned drawing of the user identity icon of the target user based on the identity data and in combination with the identity identification template may specifically include the following steps:

[0052] The user identity icon is drawn according to the color data of the starting position and the color data of the ending position and the preset color change rule.

[0053] In a specific application, the starting position and the ending position of the user identity icon can be set according to the specific color effect requirements of the user identity icon. For example, the starting position can be the left border, right border, upper border or lower border of the entire user identity icon, and the ending position can be the right border, left border, lower border or upper border of the entire user identity icon relative to the starting position. Figure 2As shown, the starting position P11 of the identity icon is the corresponding ending position P12 of the identity icon; the starting position P21 of the identity icon is the corresponding ending position P22 of the identity icon. Alternatively, for example, the user identity icon includes multiple elements, and the starting position can be the left border, right border, top border or bottom border of at least one element in the user identity icon, and the ending position is the right border, left border, bottom border or top border of the element relative to the starting position.

[0054] Furthermore, the preset color change rules may be various. Exemplarily, the preset color change rules may include: starting from the color data at the starting position, drawing gradually to the color data at the ending position, for example, Figure 2 Alternatively, for example, the user identity icon is first drawn according to the color data of the starting position, and then the color of the user identity icon is changed according to the color data of the starting position and the color data of the ending position at every preset time. For example, the preset time is 1 minute, and the user identity icon color is drawn: 18:01 is pink, 18:02 is red, and 18:03 is pink.

[0055] This optional embodiment uses the color data of the starting position and the ending position of the user identity icon to draw a user identity icon with personalized color and changeable colors according to preset color change rules, thereby enriching the display effect of the user identity icon and helping to improve user experience and retention rate.

[0056] In an optional implementation, before displaying the user identity icon in the current live broadcast room, the information display method provided in the embodiment of the present application may further include the following steps:

[0057] Detect whether the target user performs the specified task within the preset time;

[0058] If it is detected that the target user has not performed the specified task within the preset time, the user identity icon will stop being displayed in the live broadcast room.

[0059] In specific applications, there can be multiple designated tasks, which can be set according to factors such as the importance of the task and the degree of user participation in each task. For example, for a live broadcast application, the designated task can be the number of barrages sent by the user. For a game application, the designated task can be the number of games in which the user participates. For any application, the designated task can also be a task set for holidays, such as a virtual tree planting task, a task of sending college entrance examination blessings, and so on. In this way, for target users who have not performed the designated task within the preset time, stopping the display of the user identity icon in the live broadcast room can remind the user that the designated task is not completed, thereby helping to increase the user's participation in the designated task.

[0060] After the user identity icon is drawn, the user identity icon can be stored locally on the client or server, and before each subsequent display of the user identity icon, if the identity data of the target user has not changed, the stored user identity icon can be directly displayed to improve display efficiency. Therefore, after executing the step of drawing the user identity icon, it can be detected whether the user has not performed the specified task within a preset time.

[0061] Furthermore, it is possible to detect whether the user has not performed the specified task within a preset time period. Specifically, there are many ways. For example, it is possible to detect whether the task status identifier in the identity data is an identifier of not being performed. If so, it is determined that the user has not performed the specified task within the preset time period. Alternatively, for example, a query request for whether the task has been performed can be sent to the server, and the query result returned by the server can be received, and it is determined whether the user has not performed the specified task within the preset time period according to the query result.

[0062] In an optional implementation, after stopping displaying the user identity icon in the live broadcast room, the information display method provided in the embodiment of the present application may further include the following steps:

[0063] If it is detected that the target user has performed the specified task within the preset time, the user identity icon will be displayed again in the live broadcast room.

[0064] There may be multiple ways to display the user identity icon again in the live broadcast room. Exemplarily, if at least one of the target user's client and the non-target user's client stops displaying the user identity icon, the user identity icon may be directly displayed again in the live broadcast room of the client that stopped displaying. Or, exemplarily, if the non-target user's client stops displaying the user identity icon, and the target user's client displays a user identity icon of a specified color, the user identity icon may be directly displayed again in the live broadcast room of the client that stopped displaying, and the user identity icon of the original color may be displayed on the target user's client. The specified color is used to indicate that the target user has not performed the specified task, and the original color is the color of the user identity icon before the specified color is used.

[0065] After stopping displaying the user identity icon in the live broadcast room, this optional embodiment continues to detect whether the target user has performed the specified task within a preset time period, and if so, the user identity icon is displayed again in the live broadcast room. Therefore, the user can be prompted to perform the specified task in order to display the user identity icon in the live broadcast room again, thereby further improving the user's participation in the specified task and the completion rate of the specified task.

[0066] In an optional implementation, before stopping displaying the user identity icon in the live broadcast room, the information display method provided in the embodiment of the present application may further include the following steps:

[0067] Get the login user ID of the user who logs in to the client;

[0068] Accordingly, the above-mentioned stopping of displaying the user identity icon in the live broadcast room may specifically include the following steps:

[0069] If the logged-in user ID is different from the target user's user ID, stop displaying the user identity icon in the live broadcast room.

[0070] In this optional embodiment, the login user ID is different from the user ID of the target user, indicating that the user identity icon to be displayed will be displayed in the client of other users different from the target user. Therefore, stopping the display of the user identity icon in the live broadcast room can achieve the goal of not displaying the user identity icon of the target user in the client of other users, which can further promote the target user to perform the specified task.

[0071] In addition, for the case where the login user ID is the same as the user ID of the target user, a specific description is given below in the form of an optional embodiment.

[0072] In an optional implementation manner, the information display method provided in the embodiment of the present application may further include the following steps:

[0073] If the logged-in user ID is the same as the target user's user ID, stop displaying the user identity icon in the live broadcast room.

[0074] This optional embodiment stops displaying the user identity icon of the target user in the client of the target user, so that the target user can more intuitively see the situation of stopping displaying the user identity icon, thereby more effectively promoting the target user to perform the designated task.

[0075] In another optional implementation, the information display method provided in the embodiment of the present application may further include the following steps:

[0076] If the logged-in user ID is the same as the target user's user ID, the user identity icon will continue to be displayed in the live broadcast room.

[0077] In a specific application, there may be various ways to maintain the user identity icon displayed in the live broadcast room. For example, the user identity icon may be maintained displayed in the live broadcast room, and a notification to stop display may be sent to the target client. The notification to stop display is used to inform the target user to stop displaying the target user's user identity icon in the clients of other users except the target user. Or, for example, the user identity icon of a specified color may be maintained displayed in the live broadcast room. The specified color is used to indicate that the target user's user identity icon is only displayed in the target user's client. For example, Figure 3As shown, the color of the user identity icon that has not performed the specified task is lighter than the color of the user identity icon that has performed the specified task, and the display effect is reduced, which is equivalent to the effect of "extinguishing".

[0078] This optional embodiment only displays the user identity icon of the target user in the client of the target user, and informs the target user of the display process in the form of a specified color or notification, which can more effectively remind the target user to perform the specified task. In addition, in order to further improve the effectiveness of promoting the target user to perform the specified task, the user identity icon of the specified color can be displayed in the live broadcast room, and a notification to stop the display can be sent to the target client.

[0079] In an optional implementation, the user identity icon includes multiple elements;

[0080] Accordingly, drawing the user identity icon of the target user based on the identity data may specifically include the following steps:

[0081] Reading the stacking relationship in the identity template; wherein the stacking relationship is used to indicate the stacking order between the elements;

[0082] Parse the identity data to obtain the element data corresponding to each element;

[0083] According to the stacking relationship and the element data corresponding to each element, each element is drawn to obtain the user identity icon of the target user.

[0084] In a specific application, the identity template may be a configuration file, which may be stored locally on the client or included in a drawing component.

[0085] Furthermore, the stacking order between the elements can be multiple. Exemplarily, if the user identity icon is in a picture format, the stacking order between the elements can be the stacking order between the layers to which the elements belong. Alternatively, if the user identity icon is in a rich text format, the stacking order between the elements can be the stacking order between the layers or texts to which the elements belong. This optional embodiment can realize the drawing and display of a user identity icon containing multiple elements, which can broaden the applicable scenarios of the information display method provided in the embodiment of the present application.

[0086] In addition, the identity data is parsed to obtain the element data corresponding to each element, and each element is drawn according to the stacking relationship and the element data corresponding to each element. There are many ways to obtain the user identity icon of the target user. Exemplarily, the data matching the preset keywords in the identity data can be directly read to obtain the element data corresponding to each element, and each element is drawn according to the element data corresponding to each element, and each element drawn is superimposed according to the stacking relationship to obtain the user identity icon of the target user. Among them, the preset keywords are words that describe the element drawing data, such as color, size, and icon, etc. Or, exemplary, the element data corresponding to each element can be read in sequence according to the stacking relationship, and each time an element data is read, the element corresponding to the read element data is drawn on the element of the lower layer. In this way, the user identity information of the target user can be obtained after the elements corresponding to each element data are drawn. Or, exemplary, if the drawing logic of each element is recorded in the stacking relationship, the element data in the identity data can be directly obtained according to the drawing logic, and each element is drawn. This optional embodiment can ensure the accurate drawing of the user identity icon through the stacking relationship in the configuration file.

[0087] For ease of understanding and reasonable layout, the second and third exemplary descriptions are specifically explained below in the form of optional embodiments.

[0088] In an optional implementation, the above-mentioned stacking relationship may include: a corresponding relationship between element identification, stacking order, and placement direction;

[0089] Accordingly, the above-mentioned parsing of the identity data to obtain the element data corresponding to each element, drawing each element according to the stacking relationship and the element data corresponding to each element, and obtaining the user identity icon of the target user may specifically include the following steps:

[0090] According to the stacking order, determine the target identifier from the element identifiers of the stacking relationship in turn;

[0091] Search the data corresponding to the target identifier from the identity data as the target element data;

[0092] Using the target element data, draw the elements of the current layer on the elements of the lower layer according to the placement direction corresponding to the target identifier;

[0093] The user identity icon of the target user is obtained after each element is drawn.

[0094] For example, Figure 4As shown in Example 1, the user identity icon is a fan badge. The stacking relationship may include: the logo S1, the first layer and the horizontal placement correspond to each other, the logo S2, the second layer and the icon area placed on the left side of the first layer element correspond to each other, the logo S3, the third layer and the text area placed in the middle of the first layer element correspond to each other, and the logo S4, the fourth layer and the text area placed on the right side of the first layer element correspond to each other. The identity data includes: the color data, shape and size of the fan badge background corresponding to the logo S1, the level icon corresponding to the logo S2, the fan badge name corresponding to the logo S3, and the fan level corresponding to the logo S4. According to the stacking order from the first layer to the fourth layer: first, determine the logo S1 as the target logo, and find the data corresponding to the logo S1 from the identity data: the color data, shape and size of the fan badge background as the target element data. For the first layer, the color data, shape and size can be directly used to draw the elements of the first layer in the horizontal direction: the fan badge background. Next, determine that identifier S2 is the target identifier, and search the identity data for the data corresponding to identifier S2: the level icon, as the target element data. Use the level icon of the second layer to draw the element of the current layer, that is, the second layer, in the icon area to the left of the fan badge background of the lower layer: the level icon. Among them, if the level icon is in image format, it can be placed directly on the lower layer to obtain the element of the second layer. And so on, until the elements of the fourth layer are drawn, you can get the user identity icon of the target user after drawing each element: the fan badge icon.

[0095] This optional embodiment obtains the target element data and draws the corresponding elements in sequence according to the stacking order. The user identity icon can be obtained after each element is drawn. This can reduce the problems of element data acquisition anomalies and drawing anomalies that may occur after obtaining all element data and then drawing, and further improve the accuracy of user identity icon drawing.

[0096] In an optional implementation, the above elements include: background, level icon and description text;

[0097] Accordingly, the above-mentioned drawing of each element according to the stacking relationship and the element data corresponding to each element to obtain the user identity icon of the target user may specifically include the following steps:

[0098] Draw the background according to the element data corresponding to the background;

[0099] Identify the level of target users;

[0100] On the drawn background, a level icon corresponding to the level of the target user is drawn, wherein the size of the level icon is proportional to the level;

[0101] In the text area of ​​the drawn background, a description text is drawn to obtain a user identity icon of the target user.

[0102] This optional embodiment directly obtains the element data in the identity data according to the drawing logic of each element recorded in the stacking relationship, and draws each element, thereby reducing the search of multiple corresponding relationships and improving drawing efficiency. In addition, the size of the level icon is proportional to the level, ensuring that the higher the level, the larger the size of the level icon and the better the display effect. Therefore, it can promote the target user to upgrade the level. Among them, the descriptive text can include user nicknames, user identity icon names, user preferences, etc., which are used to describe the user, so as to improve the richness of information displayed by the user identity icon.

[0103] For example, Figure 4 As shown. The level of the target user corresponding to Example 1 is lower than the level of the target user corresponding to Example 2. Accordingly, the level icon size of Example 1 is smaller than that of Example 2. Specifically, the level icon of Example 1 is within the background of the fan badge, and the level icon of Example 2 is beyond the background of the fan badge. Moreover, the level icon can be drawn in the icon display area of ​​the background, and at least one level icon can be drawn in the icon display area. Different level icons can correspond to the user's level in different scenarios. For example, it can be a user's membership level icon, a user's level icon in a specified task, and so on. For example, Figure 4 As shown in Example 3, the level icon P1 is a special identity icon for the target user: the fan who gives the highest value gift to the anchor in the scene of giving gifts to the anchor. In addition, the fan level can be determined according to the value of the gift given by the target user to the anchor, for example, the fan level is "33"; the name of the fan medal "want to want to want" can be customized by the anchor through the client and uploaded to the server by the client.

[0104] Furthermore, in order to further promote the target user to upgrade their level, for any scene, the level icon corresponding to the scene can have different contents, and level icons with different contents represent failed levels. For example, the level icon for a first-level member is a grass, the level icon for a second-level member is a sapling, the level icon for a third-level member is a tree, and so on.

[0105] In addition, the icon type element in the user identity icon can be an activity icon, which means that the target user has participated in an activity. For example, Figure 4As shown in Examples 5 and 6, the elements of the icon type are the activity icon Q1 and the activity icon Q2. For this, before identifying the level of the target user, it can be determined whether there is a level icon. If so, the level of the target user can be identified. Otherwise, the activity icon of the target user can be drawn on the drawn background. In addition, if there are multiple elements of the icon type in the user identity icon, multiple icons can be drawn in a parallel arrangement, or one or two icons can be drawn on one icon in the form of a superscript icon.

[0106] In an optional implementation, the above elements may also include: a superscript icon;

[0107] Accordingly, in the text area of ​​the drawn background, before drawing the description text, the information display method provided by the embodiment of the present application may further include:

[0108] Draw a superscript icon on the drawn level icon.

[0109] For example, Figure 4 As shown in Example 4. On the drawn level icon P1, a superscript icon P2 is drawn. By stacking multiple icons, the richness of user information is further improved. In addition, the form of superscript is conducive to taking into account the limited size of the user identity icon and the richness of the icon. In addition, after drawing the description text, the border of the user identity icon can also be drawn to optimize the display effect.

[0110] For ease of understanding, the optional embodiments of the above-mentioned background, level icon, superscript icon and description text drawing are integrated and described in the form of exemplary description. Figure 5 As shown, for the scenario where the user identity information is a fan medal, the processing flow of another information display method provided by the embodiment of the present application may specifically include the following steps:

[0111] Incoming medal information;

[0112] Draw the background of the medal name area according to the starting color and the ending color;

[0113] Determine if a large icon is passed in;

[0114] If a large icon is passed in, determine whether the large icon is a special identity icon;

[0115] If the large icon is a special identity icon, draw the icon beyond the name area;

[0116] Determine whether to pass in the corner icon;

[0117] If a corner icon is passed in, the corner icon will be drawn in the upper right corner of the large icon;

[0118] If the large icon is not a special identity icon, draw the icon in the name area;

[0119] If no badge icon is passed in, the fan badge name will be drawn;

[0120] If no large icon is passed in, the fan medal name is drawn;

[0121] Draw the fan medal name; draw the fan medal level;

[0122] Draw the outer border of the name and grade area according to the border color;

[0123] Output fan badges in the form of images or rich text.

[0124] Figure 5 The embodiment is similar to the above-mentioned optional embodiment of integration, and the difference lies in the different textual expressions. Among them, the incoming medal information is equivalent to the above-mentioned optional embodiment of passing the identity data into the drawing component. The medal information may include: fan medal id, fan medal name, fan medal level, fan medal color, such as the fan medal's starting color, ending color and border color, the fan medal's lit or extinguished status indicator, the anchor id corresponding to the fan medal, the target user's live broadcast room special identity level, large icons, such as activity icons and live broadcast room special identity icons, etc., and superscript icons. The large icon and superscript icon may not exist in the medal information, that is, the large icon and superscript icon may not be passed in, or the target user may not obtain the large icon and superscript icon. In addition, Figure 5 The large icon in the above optional embodiment is equivalent to the level icon or activity icon; the starting color and the ending color are respectively equivalent to the color data of the starting position and the color data of the ending position of the user identity icon in the above optional embodiment; the status mark of the fan medal being lit or extinguished is used to indicate whether the user has completed the specified task. For the same parts, please refer to the description of the optional implementation of this application above, and no further description will be given here.

[0125] Corresponds to Figure 5 In the example of displaying a user identity icon on a user information card page, the processing flow of another information display method provided by an embodiment of the present application may specifically include the following steps:

[0126] The user clicks on the avatars of other users in the live broadcast room through the client;

[0127] The client sends the user ID of the clicked user to the server, and receives the identity data corresponding to the user ID returned by the server; the identity data includes: user ID, user name and fan badge data worn by the user: {fan badge ID, fan badge name, fan badge level, fan badge color, fan badge on or off status indicator, fan badge corresponding to the anchor ID, target user's live broadcast room special identity level, large icon, corner icon};

[0128] Call the drawing component and pass the identity data to the drawing component;

[0129] Draw component to draw fan badge;

[0130] Display the fan badge output by the fan badge drawing component on the user information card.

[0131] Exemplarily, the fan badge color may include a starting color, an ending color, and a border color.

[0132] Corresponding to the above method embodiment, the present application also provides an information display device embodiment, Figure 6 FIG. 1 is a schematic diagram showing a structure of an information display device applied to a client provided by an embodiment of the present application. Figure 6 As shown, the device comprises:

[0133] The data receiving module 601 is configured to receive the identity template sent by the server;

[0134] The data request module 602 is configured to obtain a user ID of a target user and send a data request carrying the user ID to a server;

[0135] The data receiving module 601 is further configured to receive the identity data corresponding to the user identifier returned by the server, wherein the identity data at least includes data representing the identity identifier content in the identity identifier template;

[0136] The icon display module 603 is configured to call a preset drawing component, draw the user identity icon of the target user based on the identity data and in combination with the identity identification template, and display the user identity icon in the current live broadcast room.

[0137] The solution provided by the present application can obtain the user identity icon by directly calling the drawing component in any scenario where the user identity icon needs to be displayed, and display it on the page, without adding additional processing logic to the page for each scenario. Therefore, the development cost of displaying the user identity icon can be reduced. In addition, the identity data used to draw the user identity icon is returned by the server. Therefore, the additional processing logic and the storage space occupied by the identity data can be reduced, thereby reducing the data storage cost of displaying the user identity icon.

[0138] In an optional implementation, the identity identification template includes: a preset color change rule; the identity data includes: color data of the starting position of the user identity icon, and color data of the ending position;

[0139] The icon display module 603 is further configured to:

[0140] The user identity icon is drawn according to the color data of the starting position and the color data of the ending position and in accordance with the preset color change rule.

[0141] In an optional implementation, the user identity icon output by the drawing component is in a picture format or a rich text format.

[0142] In an optional implementation, the device further includes: a detection module configured to:

[0143] Detecting whether the target user performs a specified task within a preset time period;

[0144] If it is detected that the target user has not performed the designated task within the preset time period, the user identity icon is stopped from being displayed in the live broadcast room.

[0145] In an optional implementation, the detection module is further configured to:

[0146] If it is detected that the target user has performed the designated task within the preset time period, the user identity icon is displayed again in the live broadcast room.

[0147] In an optional implementation, the detection module is further configured to:

[0148] Obtaining a login user ID of a user who logs in to the client;

[0149] If the logged-in user ID is different from the user ID of the target user, then the user identity icon is stopped from being displayed in the live broadcast room.

[0150] In an optional implementation, the detection module is further configured to:

[0151] If the logged-in user ID is the same as the user ID of the target user, the user identity icon is kept displayed in the live broadcast room.

[0152] In an optional implementation, the user identity icon includes multiple elements;

[0153] The icon display module 603 is further configured to:

[0154] Reading the stacking relationship in the identity template; wherein the stacking relationship is used to indicate the stacking order between the elements;

[0155] Parsing the identity data to obtain element data corresponding to each element;

[0156] According to the stacking relationship and the element data corresponding to each element, each element is drawn to obtain a user identity icon of the target user.

[0157] In an optional implementation, the stacking relationship includes: a corresponding relationship between element identification, the stacking order, and the placement direction;

[0158] The icon display module 603 is further configured to:

[0159] According to the stacking order, determine the target identifier from the element identifiers of the stacking relationship in turn;

[0160] Searching for data corresponding to the target identifier from the identity data as target element data;

[0161] Using the target element data, and in accordance with the placement direction corresponding to the target identifier, draw the elements of the current layer on the elements of the lower layer;

[0162] A user identity icon of the target user is obtained after each element is drawn.

[0163] In an optional implementation, the elements include: background, level icon, and description text;

[0164] The icon display module 603 is further configured to:

[0165] Drawing the background according to the element data corresponding to the background;

[0166] Identifying the level of the target user;

[0167] On the drawn background, a level icon corresponding to the level of the target user is drawn, wherein the size of the level icon is proportional to the level;

[0168] In the text area of ​​the drawn background, the description text is drawn to obtain the user identity icon of the target user.

[0169] In an optional implementation, the element further includes: a superscript icon;

[0170] The icon display module 603 is further configured to:

[0171] In the text area of ​​the drawn background, before drawing the description text, the superscript icon is drawn on the drawn level icon.

[0172] Corresponding to the above method embodiment, the present application also provides an information display system embodiment, Figure 7 FIG. 1 is a schematic diagram showing the structure of an information display system provided by an embodiment of the present application. Figure 7 As shown, the system includes: a client 701 and a server 702;

[0173] The server 702 is configured to send an identity template to the client 701;

[0174] The client 701 is configured to obtain a user ID of a target user and send a data request carrying the user ID to the server 702;

[0175] The server 702 is configured to return identity data corresponding to the user identifier to the client 701, wherein the identity data at least includes data representing the identity identifier content in the identity identifier template;

[0176] The client 701 is configured to receive the identity data; call a preset drawing component, draw a user identity icon of the target user based on the identity data and in combination with the identity identification template, and display the user identity icon in the current live broadcast room.

[0177] The solution provided by the present application can obtain the user identity icon by directly calling the drawing component in any scenario where the user identity icon needs to be displayed, and display it in the current live broadcast room, without adding additional processing logic to the page for each scenario. Therefore, the development cost of displaying the user identity icon can be reduced. In addition, the identity data used to draw the user identity icon is returned by the server. Therefore, the additional processing logic and the storage space occupied by the identity data can be reduced, thereby reducing the data storage cost of displaying the user identity icon.

[0178] The above is a schematic scheme of an information display device and an information display system of this embodiment. It should be noted that the technical scheme of the information display device and the information display system belongs to the same concept as the technical scheme of the above-mentioned information display method. For details not described in detail in the technical scheme of the information display device and the information display system, please refer to the description of the technical scheme of the above-mentioned information display method.

[0179] Figure 8 The structure block diagram of a computing device 800 provided according to an embodiment of the present application is shown. The components of the computing device 800 include but are not limited to a memory 810 and a processor 820. The processor 820 is connected to the memory 810 via a bus 830, and the database 850 is used to store data.

[0180] The computing device 800 also includes an access device 840 that enables the computing device 800 to communicate via one or more networks 860. Examples of these networks include a public switched telephone network (PSTN), a local area network (LAN), a wide area network (WAN), a personal area network (PAN), or a combination of communication networks such as the Internet. The access device 840 may include one or more of any type of network interface (e.g., a network interface card (NIC)) of wired or wireless, such as an IEEE 802.11 wireless local area network (WLAN) wireless interface, a world-wide interoperability for microwave access (Wi-MAX) interface, an Ethernet interface, a universal serial bus (USB) interface, a cellular network interface, a Bluetooth interface, a near field communication (NFC) interface, and the like.

[0181] In one embodiment of the present application, the above components of the computing device 800 and Figure 8 Other components not shown in the figure may also be connected to each other, for example, via a bus. It should be understood that Figure 8 The computing device structure block diagram shown is only for the purpose of illustration, and is not intended to limit the scope of the present application. Those skilled in the art may add or replace other components as needed.

[0182] The computing device 800 may be any type of stationary or mobile computing device, including a mobile computer or mobile computing device (e.g., a tablet computer, a personal digital assistant, a laptop computer, a notebook computer, a netbook, etc.), a mobile phone (e.g., a smart phone), a wearable computing device (e.g., a smart watch, smart glasses, etc.), or other types of mobile devices, or a stationary computing device such as a desktop computer or PC. The computing device 800 may also be a mobile or stationary server.

[0183] When the processor 820 executes the instruction, the steps of the information display method as described above are implemented.

[0184] The above is a schematic scheme of a computing device of this embodiment. It should be noted that the technical scheme of the computing device and the technical scheme of the above information display method belong to the same concept, and the details not described in detail in the technical scheme of the computing device can be referred to the description of the technical scheme of the above information display method.

[0185] An embodiment of the present application further provides a computer-readable storage medium storing computer instructions, which, when executed by a processor, implement the steps of the information display method as described above.

[0186] The above is a schematic scheme of a computer-readable storage medium of this embodiment. It should be noted that the technical scheme of the storage medium and the technical scheme of the above information display method belong to the same concept, and the details not described in detail in the technical scheme of the storage medium can be referred to the description of the technical scheme of the above information display method.

[0187] The above describes specific embodiments of the present application. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in an order different from that in the embodiments and still achieve the desired results. In addition, the processes depicted in the accompanying drawings do not necessarily require the specific order or continuous order shown to achieve the desired results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0188] The computer instructions include computer program codes, which may be in source code form, object code form, executable files or some intermediate forms, etc. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, USB flash drive, mobile hard disk, magnetic disk, optical disk, computer memory, read-only memory (ROM), random access memory (RAM), electric carrier signal, telecommunication signal and software distribution medium, etc. It should be noted that the content contained in the computer-readable medium may be appropriately increased or decreased according to the requirements of legislation and patent practice in the jurisdiction. For example, in some jurisdictions, according to legislation and patent practice, computer-readable media do not include electric carrier signals and telecommunication signals.

[0189] It should be noted that, for the above-mentioned method embodiments, for the sake of simplicity of description, they are all expressed as a series of action combinations, but those skilled in the art should be aware that the present application is not limited by the described action sequence, because according to the present application, certain steps can be performed in other sequences or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required by the present application.

[0190] In the above embodiments, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0191] The preferred embodiments of the present application disclosed above are only used to help explain the present application. The optional embodiments do not describe all the details in detail, nor do they limit the invention to the specific implementation methods described. Obviously, many modifications and changes can be made according to the content of the present application. The present application selects and specifically describes these embodiments in order to better explain the principles and practical applications of the present application, so that those skilled in the art can understand and use the present application well. The present application is only limited by the claims and their full scope and equivalents.

Claims

1. An information display method, characterized in that: Applied to a client, the method comprises: Receiving an identity identification template sent by a server, wherein the identity identification template is used to indicate a rendering method of a user identity icon; Obtain a user ID of a target user, and send a data request carrying the user ID to a server, wherein the target user is a user for whom a user identity icon needs to be displayed; Receiving identity data corresponding to the user identifier returned by the server, wherein the identity data at least includes data representing identity identifier content in the identity identifier template; Calling a preset drawing component, drawing a user identity icon of the target user based on the identity data and in combination with the identity identification template, and displaying the user identity icon in the current live broadcast room, wherein the preset drawing component includes logic for drawing the user identity icon, and the preset drawing component can be called in any scene where the user identity icon needs to be displayed; Before displaying the user identity icon in the current live broadcast room, the method further includes: Detect whether the target user performs the specified task within a preset time period; if it is detected that the target user does not perform the specified task within the preset time period, and the login user ID of the user who logs in to the client is the same as the user ID of the target user, maintain displaying the user identity icon in the live broadcast room, and send a notification to stop display to the target client, the notification to stop display is used to inform the target user to stop displaying the user identity icon of the target user on the clients of other users except the target user.

2. The method according to claim 1, characterized in that: After stopping displaying the user identity icon in the live broadcast room, the method further includes: If it is detected that the target user has performed the designated task within the preset time period, the user identity icon is displayed again in the live broadcast room.

3. The method according to claim 1, characterized in that: Before stopping displaying the user identity icon in the live broadcast room, the method further includes: Obtaining a login user ID of a user who logs in to the client; The stopping of displaying the user identity icon in the live broadcast room includes: If the logged-in user ID is different from the user ID of the target user, then the user identity icon is stopped from being displayed in the live broadcast room.

4. The method according to claim 1, characterized in that: The user identity icon includes multiple elements; Drawing the user identity icon of the target user based on the identity data and in combination with the identity identification template includes: Reading the stacking relationship in the identity template; wherein the stacking relationship is used to indicate the stacking order between the elements; Parsing the identity data to obtain element data corresponding to each element; According to the stacking relationship and the element data corresponding to each element, each element is drawn to obtain a user identity icon of the target user.

5. The method according to claim 4, characterized in that The stacking relationship includes: the corresponding relationship between the element identification, the stacking order and the placement direction; The parsing of the identity data to obtain element data corresponding to each element, drawing each element according to the stacking relationship and the element data corresponding to each element, and obtaining the user identity icon of the target user includes: According to the stacking order, determine the target identifier from the element identifiers of the stacking relationship in turn; Searching for data corresponding to the target identifier from the identity data as target element data; Using the target element data, and in accordance with the placement direction corresponding to the target identifier, draw the elements of the current layer on the elements of the lower layer; A user identity icon of the target user is obtained after each element is drawn.

6. The method according to claim 4, characterized in that The elements include: background, level icon and description text; Drawing each element according to the stacking relationship and the element data corresponding to each element to obtain the user identity icon of the target user includes: Drawing the background according to the element data corresponding to the background; Identifying the level of the target user; On the drawn background, a level icon corresponding to the level of the target user is drawn, wherein the size of the level icon is proportional to the level; In the text area of ​​the drawn background, the description text is drawn to obtain the user identity icon of the target user.

7. The method according to claim 6, characterized in that The elements also include: a corner icon; Before drawing the description text in the text area of ​​the drawn background, the method further includes: The superscript icon is drawn on the drawn level icon.

8. The method according to claim 1, characterized in that: The identity identification template includes: preset color change rules; the identity data includes: color data of the starting position of the user identity icon, and color data of the ending position; Drawing the user identity icon of the target user based on the identity data and in combination with the identity identification template includes: The user identity icon is drawn according to the color data of the starting position and the color data of the ending position and in accordance with the preset color change rule.

9. The method according to claim 1, characterized in that: The user identity icon output by the drawing component is in a picture format or a rich text format.

10. An information display device, characterized in that: Applied to a client, the device comprises: A data receiving module is configured to receive an identity identification template sent by a server, wherein the identity identification template is used to indicate a rendering method of a user identity icon; A data request module is configured to obtain a user identifier of a target user and send a data request carrying the user identifier to a server, wherein the target user is a user for whom a user identity icon needs to be displayed; The data receiving module is further configured to receive identity data corresponding to the user identifier returned by the server, wherein the identity data at least includes data representing the identity identifier content in the identity identifier template; The icon display module is configured to call a preset drawing component, draw a user identity icon of the target user based on the identity data and in combination with the identity identification template, and display the user identity icon in the current live broadcast room, wherein the preset drawing component includes logic for drawing the user identity icon, and the preset drawing component can be called in any scene where the user identity icon needs to be displayed; Before displaying the user identity icon in the current live broadcast room, the device also includes: a detection module, configured to detect whether the target user performs a specified task within a preset time period; if it is detected that the target user has not performed the specified task within the preset time period, and the login user identifier of the user who logs in to the client is the same as the user identifier of the target user, the user identity icon is maintained to be displayed in the live broadcast room, and a notification to stop display is sent to the target client, the notification to stop display is used to inform the target user to stop displaying the user identity icon of the target user on the clients of other users except the target user.

11. An information display system, characterized in that: The system comprises: a client and a server; The server is configured to send an identity identification template to the client, wherein the identity identification template is used to indicate a rendering method of a user identity icon; The client is configured to receive the identity template; obtain a user identity of a target user, and send a data request carrying the user identity to the server, wherein the target user is a user who needs to display a user identity icon; The server is configured to return identity data corresponding to the user identifier to the client, wherein the identity data at least includes data representing the identity identifier content in the identity identifier template; The client is configured to receive the identity data; call a preset drawing component, draw a user identity icon of the target user based on the identity data and in combination with the identity identification template, and display the user identity icon in the current live broadcast room, wherein the preset drawing component includes logic for drawing the user identity icon, and the preset drawing component can be called in any scene where the user identity icon needs to be displayed; Before displaying the user identity icon in the current live broadcast room, the system further includes: Detect whether the target user performs the specified task within a preset time period; if it is detected that the target user does not perform the specified task within the preset time period, and the login user ID of the user who logs in to the client is the same as the user ID of the target user, maintain displaying the user identity icon in the live broadcast room, and send a notification to stop display to the target client, the notification to stop display is used to inform the target user to stop displaying the user identity icon of the target user on the clients of other users except the target user.

12. A computing device comprising a memory, a processor, and computer instructions stored in the memory and executable on the processor, characterized in that: When the processor executes the instructions, the steps of the method according to any one of claims 1 to 9 are implemented.

13. A computer-readable storage medium storing computer instructions, characterized in that: When the instruction is executed by a processor, the steps of the method described in any one of claims 1 to 9 are implemented.

14. A computer program product, comprising a computer program / instruction, which, when executed by a processor, implements the steps of the method according to any one of claims 1 to 9.

Images