Page display methods, apparatus, devices, storage media, and computer programs

Abstract

This disclosure provides a page display method, apparatus, device, and storage medium. The method includes receiving a trigger operation to request the display of a target page, and in response to the trigger operation, displaying the target page and displaying a video live stream or target video segment of a target object in an avatar display frame on the target page, wherein the target video segment is obtained from the video live stream of the target object.

Description

Technical Field

[0001] [Cross-reference to Related Applications] This application claims priority based on a Chinese patent application with an application number of 202310596173.3, filed on May 24, 2023, and an invention title of "Page Display Method, Device, Device, and Storage Medium", and all the contents described in the application are incorporated herein by reference.

[0002] The present disclosure relates to the field of data processing, and in particular, to a page display method, device, device 、 storage medium and computer programs related thereto.

Background Art

[0003] With the development of Internet technology, web live streaming has become increasingly popular and is favored by many users. Among them, a streamer user can turn on the function of web live streaming, and a viewing user can enter the live streaming room of the streamer user to watch the live broadcast by clicking on the streamer avatar or the like on the personal homepage of the streamer.

[0004] Currently, in the avatar display frame on the personal homepage, a static image and a live label for indicating that the streamer is in a live state are displayed. However, since the display content in the avatar display frame is single, it cannot meet the needs of users and has an adverse effect on the user experience.

Summary of the Invention

[0005] To solve the above technical problems, an embodiment of the present disclosure provides a page display method.

[0006] According to a first aspect, the present disclosure receives a trigger operation for requesting the display of a target page provided with an avatar display frame of a target object, and In response to the trigger operation, the following is performed: display the target page and display the video live stream of the target object, or the target video segment obtained by the video live stream of the target object, within the avatar display frame. Provides a method for displaying the page.

[0007] In a preferred implementation, displaying a video livestream or target video segment of the target object within the avatar display frame is: If the target object is in a live state, the method includes displaying the video live stream or target video segment of the target object within the avatar display frame.

[0008] In a preferred embodiment, the method further includes: If the target object is not in a live state, a predetermined avatar corresponding to the target object is displayed within the avatar display frame, or If the target location image is not displayed on the current live streaming screen of the video live stream of the target object, the system includes displaying a predetermined avatar corresponding to the target object within the avatar display frame.

[0009] In a preferred implementation, displaying a video livestream or target video segment of the target object within the avatar display frame is: If the target location image is displayed on the current live streaming screen of the target object's video live stream, the method includes displaying the target object's video live stream or target video segment within the avatar display frame.

[0010] In a preferred implementation, the trigger operation is an operation triggered by the current object, and the target page is the target object's personal homepage. Alternatively, the target page is the follow page of the current object, the follow page displays the avatar display frame of the current object's follow object, and the target object belongs to the current object's follow object.

[0011] In a preferred implementation, displaying a video livestream or target video segment of the target object within the avatar display frame is: The aforementioned avatar display frame is enlarged and displayed on the target page, This includes displaying a video live stream or target video segment of the target object in the enlarged avatar display frame.

[0012] In a preferred implementation, the avatar display frame is enlarged and displayed on the target page. If the target object is live, the avatar display frame is enlarged on the target page to a second display size smaller than the first display size, wherein the first display size is the display size of the avatar display frame when the target object is not live. In response, displaying the video live stream or target video segment of the target object in the enlarged avatar display frame is: This includes displaying a video live stream or target video segment of the target object in the avatar display frame of the second display size.

[0013] In a preferred implementation, after receiving a trigger operation to request the display of the target page, further, A page display request for the target page is sent to a target server to return the video live stream or target video segment of the target object if the target object is determined to be in a live state. This includes receiving a video live stream or a target video segment of the target object.

[0014] In a preferred implementation, after sending a page display request containing the identifier of the target object to the target server, further, The process involves receiving cropping region position information corresponding to the target object, wherein the cropping region position information is determined based on the display position of the target area image in the video screen of the video live stream of the target object. This includes determining the cutting region based on the cutting region position information, In response, displaying the video livestream or target video segment of the target object within the avatar display frame is: This includes displaying the video live stream or target video segment of the target object within the avatar display frame based on the cropping area for controlling the screen display area of ​​the target object's video live stream or target video segment within the avatar display frame.

[0015] According to the second phase, this disclosure is: Receiving a page display request from the target client for the target page where the avatar display frame for the target object is located, The present invention further provides a page display method that includes displaying the video live stream of the target object or the target video segment obtained by the video live stream of the target object within the avatar display frame by returning the video live stream of the target object or the target video segment obtained by the video live stream of the target object to the target client.

[0016] In a preferred implementation, before returning the video livestream or target video segment of the target object to the target client, further, This includes determining whether the target object is in a live state, Correspondingly, by returning the video live stream or the target video segment of the target object to the target client, displaying the video live stream or the target video segment of the target object within the avatar display frame on the target page of the target client means that when it is determined that the target object is in a live state, it includes displaying the video live stream or the target video segment of the target object in the avatar display frame on the target page of the target client by returning the video live stream or the target video segment of the target object to the target client.

[0017] In a preferred embodiment, the method further includes returning the cut-out area position information of the target object to the target client, where the cut-out area position information is determined based on the display position of the target location image on the video screen of the video live stream of the target object, and the cut-out area position information is used to control the screen display area of the video live stream or the target video segment of the target object in the avatar display frame.

[0018] In a preferred embodiment, the method further includes taking a screenshot of the live streaming screen of the video live stream of the target object according to a predetermined screen shot period to obtain a screen screenshot corresponding to the video live stream, when it is determined that the target location image is displayed in the screen screenshot, determining the cut-out area position information of the target object based on the display position of the target location image in the screen screenshot, and storing the cut-out area position information of the target object in a predetermined cache area. Correspondingly, returning the cut-out area position information of the target object to the target client means that Obtaining the cut-out area position information of the target object from the predetermined cache area and returning the cut-out area position information of the target object to the target client.

[0019] In a preferred embodiment, after taking a screenshot of the live streaming screen of the video live stream of the target object according to the predetermined screenshot period to obtain a screen screenshot corresponding to the video live stream, further, Including storing the screen screenshot corresponding to the video live stream in a predetermined message queue, Correspondingly, when it is determined that a target location image is displayed on the screen screenshot, before determining the cut-out area position information of the target object based on the display position of the target location image in the screen screenshot, further, Including reading out the screen screenshot corresponding to the video live stream from the predetermined message queue and determining whether a target location image is displayed on the screen screenshot.

[0020] According to a third aspect, the present disclosure A first receiving module for receiving a trigger operation for requesting display of a target page provided with an avatar display frame of a target object, and A first display module for displaying the target page in response to the trigger operation and displaying the video live stream of the target object or a target video segment obtained by the video live stream of the target object in the avatar display frame, and providing a page display device comprising the same.

[0021] According to a fourth aspect, the present disclosure A second receiving module for receiving a page display request from a target client for a target page provided with an avatar display frame of a target object, and The present invention further provides a page display device comprising: a first return module for displaying the video live stream of the target object or a target video segment obtained by the video live stream of the target object to the target client, thereby displaying the video live stream of the target object or a target video segment obtained by the video live stream of the target object to the target client in the avatar display frame on the target page of the target client.

[0022] According to the fifth aspect, the disclosure provides a computer-readable storage medium that, when executed on a terminal device, stores instructions causing the terminal device to perform the above method.

[0023] According to the sixth aspect, the present disclosure provides a page display device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the above method is performed when the computer program is executed by the processor.

[0024] According to the seventh aspect, the present disclosure provides a computer program product which includes a computer program / instruction, wherein the above method is performed when the computer program / instruction is executed by a processor. [Brief explanation of the drawing]

[0025] The accompanying drawings, incorporated into the specification and constituting part of this specification, illustrate embodiments relating to this disclosure and are used to illustrate the principles of this disclosure together with the specification.

[0026] To more clearly illustrate the embodiments of this disclosure or the prior art solutions, the following briefly describes the accompanying drawings necessary for describing the embodiments or the prior art, although it will be apparent to those skilled in the art that other accompanying drawings can be obtained from these drawings without requiring any creative ingenuity. [Figure 1] This is a flowchart of the page display method according to the embodiment of this disclosure. [Figure 2]This is a schematic diagram of a personal homepage relating to an embodiment of the present disclosure. [Figure 3] This is a flowchart of another page display method according to an embodiment of the present disclosure. [Figure 4] This is a flowchart of another page display method according to the embodiments of this disclosure. [Figure 5] This is a diagram illustrating the data exchange for a page display method according to an embodiment of the present disclosure. [Figure 6] This is a schematic diagram showing the configuration of a page display device according to an embodiment of the present disclosure. [Figure 7] This is a schematic diagram showing the configuration of another page display device according to an embodiment of the present disclosure. [Figure 8] This is a schematic diagram showing the configuration of a page display device according to an embodiment of the present disclosure. [Modes for carrying out the invention]

[0027] The following describes embodiments of this disclosure to provide a clearer understanding of the above-mentioned objectives, features, and advantages of this disclosure. The embodiments and features of this disclosure can be combined with each other without contradiction.

[0028] The following description includes many specific details to fully understand this disclosure, but this disclosure can also be implemented in forms other than those described herein. It is clear that the examples in the specification are only a portion of, and not all, of, the examples of this disclosure.

[0029] Currently, still images and live indicators to show that a streamer is live are displayed in the avatar display frame on personal homepages. However, because the content displayed in the avatar display frame is limited, its presentation role to users is weak, and it negatively impacts the experience of viewers who want to enter a live streaming room through the streamer's avatar frame.

[0030] Therefore, embodiments of the present disclosure provide a method for displaying a page, specifically displaying a target page in response to a display trigger operation on a target page where an avatar display frame for a target object is provided. If the target object is live, the live video stream of the target object, or a target video segment obtained by the live video stream of the target object, is displayed in the avatar display frame on the target page. As can be seen, embodiments of the present disclosure enable viewers to preview live content based on the content displayed in the avatar display frame by displaying a live video stream in the avatar display frame of the target page or by obtaining a target video segment from the live video stream. This not only enriches the content displayed in the avatar display frame but also facilitates users' understanding of the live situation, meets user needs, and improves the user experience.

[0031] Based on this, embodiments of the present disclosure provide a page display method, Figure 1 is a flowchart of a page display method according to embodiments of the present disclosure, and the method includes the following: S101 receives a trigger operation to request the display of the target page.

[0032] Here, the aforementioned target page has a frame for displaying the target object's avatar.

[0033] The page display method relating to the embodiments of this disclosure is applicable to clients, which may include, for example, clients located on smartphones, clients located on tablet computers, and so on.

[0034] In the embodiments of this disclosure, the target page on which the target object's avatar display frame is provided may be any page, and upon receiving a trigger operation on the avatar display frame, the system can transition from the target page to the target object's live streaming room page.

[0035] The target page may be, for example, the personal homepage of the target object, and the target object may be a user to which the personal homepage belongs. In one embodiment, receiving a trigger operation to request the display of the target page may be receiving a trigger operation to request the display of the current object's target page, and the current object may be the object that performs the trigger operation, for example, the user that performs the trigger operation. In some embodiments, the target page may be the personal homepage of the current object, in which case the target object is the same object as the current object, that is, the current object requests the display of its own homepage. In some embodiments, the target page may be the personal homepage of another object different from the current object, that is, the current object requests browsing of another user's homepage.

[0036] Furthermore, the target page may be, for example, a follow page of the current object, the current object may be a user to which the follow page belongs, the trigger operation for requesting the display of the target page is an operation triggered by the current object, and the avatar display frame of the current object's follow object is displayed on the follow page. For example, the current object's attention list is displayed on the follow page, and the avatar display frame of the current object's follow object is displayed in the attention list, that is, there is a correspondence between the attention object and the avatar display frame, the target object in the embodiment of this disclosure belongs to the current object's follow object, that is, the target object is a user that has been noticed by the user to which the follow page belongs.

[0037] Furthermore, the target page may be, for example, a video playback page, and the video playback page displays an avatar display frame of the user who posted the currently playing video. In other words, the target object is the posting user, and by clicking on the avatar display frame, one can enter the posting user's live streaming room page. Note that the target page in the embodiment of this disclosure only needs to have an avatar display frame for the target object, and other features of the target page are not particularly limited.

[0038] In a preferred implementation, a trigger operation to request the display of a target page may include, but is not limited to, any operation to trigger the display of the target page. For example, assuming that the target page is the target object's personal homepage, a display trigger operation for that personal homepage may include a trigger operation for any entry point to that personal homepage.

[0039] In S102, in response to the trigger operation, the target page is displayed, and the video live stream or target video segment of the target object is displayed within the avatar display frame.

[0040] In some embodiments, in response to a trigger operation on the avatar display frame, the user can enter the live streaming room of the target object by clicking on the avatar display frame, and then view the live stream and participate in the interaction.

[0041] Here, the target video segment is obtained from the video live stream of the target object.

[0042] In embodiments of the present disclosure, after receiving a trigger operation to request the display of a target page, the target page is displayed, and if it is determined that the target object is live, the avatar display frame of the target object on the target page displays the target object's video live stream or target video segment. In some embodiments, the target video segment is a highlight segment, which may be a highlight segment determined from live content prior to the current time, and when a trigger operation is received on the avatar display frame on the target page to display the highlight segment, the system enters the target object's live streaming room, prioritizes playing the highlight segment, and switches to playing the live video stream when the user triggers playback to the live video stream in the live streaming room.

[0043] Figure 2 is a schematic diagram of a personal homepage according to an embodiment of the present disclosure, in which the avatar display frame 201 on the personal homepage displays the video live stream or target video segment of the user to which the personal homepage belongs, indicating that the user is currently live and supporting the current user's preview of the user's live content. Since the video live content of the target object is displayed in the avatar display frame, the current user can understand the video live content before entering the live streaming room. Furthermore, when the target object is live, the avatar display frame 201 displays not only the video live stream or target video segment of the target object but also a "Live" label, making it more intuitive to indicate that the target object is live.

[0044] Furthermore, since the avatar display frame 201 displays the video live stream or target video segment of the target object, users can grasp the live content more intuitively, conveniently, and efficiently. Compared to existing solutions where users grasp the live content by clicking the avatar display frame, the path of the embodiment of this disclosure is shorter, more efficient, and improves the user experience.

[0045] Additionally, if the target object is not in a deodorized state, the avatar display frame 201 on the target page can display an image such as the target object's user avatar.

[0046] In a preferred implementation, if the target object is determined to be live, the live video stream of the target object is retrieved from the live server and displayed in the target object's avatar display frame on the target page. Through the live video stream displayed in the avatar display frame, the current user can preview the live content of the target object, and by clicking on the avatar display frame, the current user can enter the target object's live streaming room and watch the live content.

[0047] In another preferred implementation, if the target object is determined to be live, the target video segment of the target object is retrieved from the server, where the target video segment is retrieved from the target object's video live stream and includes a series of consecutive live-streamed frames from the target object's video live stream. For example, the target video segment may be a video segment from a time period of live-streamed content from the target object's video live stream, or a video segment from the target object's video live stream that satisfies pre-configured conditions for live interaction information, such as a video segment with a high level of interaction.

[0048] In embodiments of this disclosure, if it is determined that the target object is not in a live state (i.e., in the process of displaying the target page, it is determined that the target object is not in a live state, i.e., that live streaming has not started), a predetermined avatar corresponding to the target object can be displayed in the avatar display frame of the target object on the target page, or if the target location image is not displayed on the current live streaming screen of the video live stream of the target object, a predetermined avatar corresponding to the target object can be displayed in the avatar display frame.

[0049] In a preferred implementation, since the avatar display frame has attributes for displaying the avatar, when the target object is in a live state (i.e., when it is determined in the process of displaying the target page that the target object is in a live state, i.e., when live streaming has started), when a trigger operation to request the display of the target page is received, it is possible to determine whether or not the target location image is displayed on the current live streaming screen of the target object's video live stream (for example, the live streaming screen at the time corresponding to the trigger operation to request the display of the target page), where the target location image may include a head image, etc. The target location image may also be the target location image of the target object. If it is determined that the target location image is displayed on the video screen, the video live stream or target video segment of the target object is displayed in the avatar display frame on the target page. This satisfies user needs and improves the user experience.

[0050] Furthermore, in order to improve the display effect of the content displayed in the avatar display frame on the target page, the embodiments of this disclosure can more effectively indicate that the streamer is live by enlarging the avatar display frame on the target page when it is determined that the target object is live, and displaying the video live stream or target video segment of the target object in the enlarged avatar display frame.

[0051] In a preferred implementation, if the target object is live, the avatar display frame is enlarged to a second display size on the target page, and the video live stream or target video segment of the target object is displayed in the avatar display frame at the second display size. Here, the second display size is smaller than the first display size, where the first display size is the display size of the avatar display frame when the target object is not live. As can be seen, when the target object is live, the display size of the avatar display frame on the target page is larger than when it is not live, to highlight the video live stream or target video segment of the target object, further enhancing its role in indicating that the target object is live.

[0052] The page display method according to the embodiments of the present disclosure receives a trigger operation to request the display of a target page, and in response to the trigger operation, displays the target page and displays the video live stream or target video segment of the target object in the avatar display frame on the target page. Here, the target video segment is obtained by the video live stream of the target object. As can be seen, by displaying the video live stream in the avatar display frame of the target page or obtaining the target video segment by the video live stream, the embodiments of the present disclosure allow viewers to preview the live content based on the displayed content in the avatar display frame, enriching the displayed content in the avatar display frame, enhancing the role of the avatar display frame in presenting the live content to the user, and improving the experience of viewers who want to enter a live streaming room via the streamer avatar frame.

[0053] Based on the embodiments described above, embodiments of the present disclosure further provide a page display method which is implemented by data exchange between a client and a target server. Figure 3 is a flowchart of another page display method according to embodiments of the present disclosure, which specifically includes the following: S301 receives a trigger operation to request the display of the target page and sends a page display request for the target page to the target server.

[0054] Here, the target server is used to return the video live stream or target video segment of the target object if it is determined that the target object is in a live state.

[0055] In practice, when a client receives a trigger operation to request the display of a target page, it sends a page display request to the target server to request that the target page be displayed to the client. Here, the target page displays the avatar display frame of the target object, and the page display request carries the identifier of the target object, which is used to uniquely identify the target object.

[0056] In the embodiments of this disclosure, the target server may be one server or a service cluster consisting of multiple servers.

[0057] In the embodiments of this disclosure, a video live stream refers to a continuous video stream that is formed from the start of the live stream to the end of the live stream.

[0058] After receiving a page display request containing the identifier of the target object, the target server first determines whether the target object is live. If it is determined to be live, it retrieves the target object's video live stream or target video segment and returns it to the client. Here, the target video segment contains a live streaming screen of multiple consecutive frames of the target object's video live stream.

[0059] In a preferred implementation, if the target server receives a page display request containing the identifier of the target object and determines that the target object is live, it may push the video livestream of the target object to the client so that the client can display the video livestream in the avatar display frame on the target page.

[0060] In another preferred implementation, if the target server receives a page display request containing the identifier of a target object and determines that the target object is live, it may return a predetermined target video segment to the client so that the client can display the target video segment in the avatar display frame on the target page. Here, the target video segment may be a video segment predetermined by the target object's video live stream, or it may be a video segment determined by the video live stream based on live data from the target object's live streaming room. For example, it may be a video segment from a certain time period of the target object's video live stream, such as a segment with a high live click-through rate, popularity value, etc.

[0061] If the target object is determined not to be in a video live state, the target server can return the target object's user avatar to the client and display it in the user avatar frame on the target page.

[0062] In S302, the system receives the video live stream or target video segment of the target object.

[0063] In the embodiments of this disclosure, the client receives a video live stream or target video segment from the target server and displays the target page.

[0064] In S303, the target page is displayed, and the video live stream or target video segment of the target object is displayed within the avatar display frame.

[0065] Here, the target video segment is obtained from the video live stream of the target object.

[0066] Here, the avatar display frame is used to trigger the display of the live streaming room page for the target object's video livestream.

[0067] In embodiments of this disclosure, when a client receives a live video stream or target video segment of a target object returned from a target server, it means that the target object is in a live state, and the client can view the target page and display the live video stream or target video segment of the target object in the avatar display frame on the target page.

[0068] In a preferred implementation, the target server returns a live video stream of the target object to the client. Specifically, the target server retrieves the live video stream of the target object from the live server in real time, allowing it to play the live video stream in real time within the avatar display frame on the target page. The live video content of the target object can then be previewed through the live video stream played within the avatar display frame. By previewing the live video stream played within the avatar display frame, the client can determine whether or not they are interested in the live video content of the target object. Furthermore, by clicking within the avatar display frame, the client can enter the live streaming room of the target object and view the live video of the target object.

[0069] In another preferred implementation, if the target server returns the target video segment of the target object to the client, it may loop the target video segment in the avatar display frame on the target page. By looping the target video segment in the avatar display frame, the client can grasp the video live content of the target object, and then click the avatar display frame to enter the target object's live streaming room and decide whether or not to watch the target object's video live.

[0070] In practice, since the avatar display frame only has a display function, the video live stream or target video segment of the target object played in the avatar display frame on the target page in the embodiments of this disclosure does not need to support audio output.

[0071] Additionally, when the target object's live performance ends, the avatar display area on the target page can be updated to show a static avatar of the target object.

[0072] In a preferred implementation, since the avatar display frame has the attribute of avatar display, if the target server determines that the target object is in a video live state, but the target location image, such as a portrait, is not displayed on the video live streaming screen, the target server does not need to return the video live stream or target video segment of the target object, but should return the user avatar of the target object. In this case, the avatar display frame 201 in Figure 2 above should display the static avatar of the target object and the label "Live".

[0073] In practice, because the display area of ​​the avatar display frame on the target page is limited, how to adapt the video live stream or target video segment of the target object to the avatar display frame becomes an important issue. To improve the display effect of the video live stream or target video segment of the target object in the avatar display frame, embodiments of this disclosure can control the screen display area of ​​the video live stream or target video segment of the target object in the avatar display frame based on the cropped area determined by the cropped area position information of the target object.

[0074] In a preferred implementation, cropping area position information corresponding to the avatar display frame can be pre-set to control the screen display area of ​​the target object's video live stream or target video segment within the avatar display frame. For example, the pre-set cropping area position information may be the position information of a single rectangular or circular area determined with the center point of the video screen of the video live stream as its center position. After receiving the target object's video live stream or target video segment, the client displays the target object's video live stream or target video segment in the avatar display frame on the target page based on the cropping area position information. Specifically, the cropping area determined based on the cropping area position information is applied to the player corresponding to the avatar display frame to control the screen display area of ​​the video live stream or target video segment played in the avatar display frame. For example, the avatar area of ​​the video screen displaying the video live stream or target video segment in the avatar display frame is controlled, i.e., a part of the area centered on the avatar.

[0075] In another preferred embodiment, based on the above embodiment, the display of the target object's video live stream or target video segment in the avatar display frame on the target page can also be controlled by scaling it up or down by a certain percentage. For example, if the client's display panel is large (e.g., a large screen such as a projection screen or a giant screen), the area for displaying the target object's video live stream or target video segment in the avatar display frame on the target page will also be larger, so the screen display area of ​​the target object's video live stream or target video segment can be enlarged and displayed in the avatar display frame. For the same reason, if the client's display panel is small (e.g., a mobile phone screen), the screen display area of ​​the target object's video live stream or target video segment can be reduced and displayed in the avatar display frame.

[0076] To accurately display a target image on a video live streaming screen within the avatar display frame on a target page, the embodiments of this disclosure can determine cropping region position information based on the display position of the target image on the video live streaming screen. Here, the target image may be a specific object such as a portrait or avatar on the live streaming screen.

[0077] Therefore, in the embodiments of this disclosure, after sending a page display request including the identifier of the target object to the target server, if the target server determines that the target object is in a live state, the target server returns the target object's cutout area position information to control the screen display area of ​​the target object's video live stream or target video segment in the avatar display frame of the target page.

[0078] Specifically, the target server determines the position information of the target object's cropping area based on the display position of the target object's image on the video screen of the target object's video livestream, in order to display the target area image in the avatar display frame.

[0079] Embodiments of this disclosure provide a page display method that, through data exchange between a client and a target server, displays a video live stream in the avatar display frame of a target page or retrieves a target video segment via the video live stream, allowing viewers to preview live content based on the content displayed in the avatar display frame. This not only enriches the content displayed in the avatar display frame but also further enhances the live presentation role of the avatar display frame to users and improves the experience for viewers who wish to enter a live streaming room via the streamer avatar frame.

[0080] Based on the embodiments described above, embodiments of the present disclosure further provide a page display method, and Figure 4 is a flowchart of another page display method according to embodiments of the present disclosure. The method includes the following: S401 receives a page display request from the target client for the target page.

[0081] Here, the page display request is for requesting the display of the target page, and the target page has a frame for displaying the target object's avatar.

[0082] The page display method according to the embodiment of this disclosure is applied to a target server, which may be a single server or a server cluster consisting of multiple servers.

[0083] In embodiments of the present disclosure, when a target server receives a page display request that includes an identifier for a target object, it first determines whether the target object is live in order to determine whether to return a video live stream or a target video segment of the target object.

[0084] Here, the method for determining whether the target object is in a live state is not limited to the embodiments of this disclosure.

[0085] In S402, the video live stream or target video segment of the target object is returned to the target client for display in the avatar display frame on the target page of the target client.

[0086] Here, the target video segment is obtained from the video live stream of the target object.

[0087] In embodiments of this disclosure, if the target server determines that the target object is live, it returns a video live stream or target video segment of the target object to the target client, while if the target object is determined not to be live, it returns the user avatar of the target object to the target client.

[0088] In a preferred embodiment, if the target object is determined to be live, the target object's cropped area position information is returned to the target client, the cropped area position information is determined based on the display position of the target location image in the video screen of the target object's video live stream, and the cropped area position information is used to control the display screen area of ​​the target object's video live stream or target video segment in the avatar display frame.

[0089] In another preferred implementation, while the target object is live, the target server takes screenshots of the live streaming screen of the target object's video live stream according to a predetermined screenshot cycle, and obtains screen screenshots corresponding to the video live stream. If it is determined that a target location image exists in the screen screenshot, the target server determines the location information of the target object's cropped area based on the display position of the target location image in the screen screenshot, and stores the location information of the target object's cropped area in a predetermined cache area. Specifically, if the target server determines that the target object is in a live state, it can retrieve the location information of the target object's cropped area from the predetermined cache area and return it to the target client.

[0090] In a preferred implementation, the target server can take a screenshot of the live streaming screen of the target object's video live stream to obtain a screenshot corresponding to the video live stream, and then store the screenshot corresponding to the video live stream in a predetermined message queue. When the conditions for analyzing and processing the screenshot are met, the screenshot corresponding to the video live stream is read from the predetermined message queue and it is determined whether or not the target location image is displayed in the screenshot. For example, it can be determined whether or not the target location image is displayed in the screenshot. If it is determined that the target location image is displayed in the screenshot, the target object's cropping region position information is determined based on the display position of the target location image in the screenshot. For example, a rectangular or circular region is determined as the cropping region with the display position of the target location image in the screenshot as the center point, and the position information of the cropping region (e.g., the coordinates of the upper left corner and the lower right corner) is stored in a predetermined cache area as the target object's cropping region position information.

[0091] In the embodiments of this disclosure, when the target server receives a page display request that includes the identifier of the target object, it can directly obtain location information of the extracted area of ​​the target object from a predetermined cache area, and by doing so asynchronously with the processing of the page display request, it can reduce the occurrence of abnormalities in the target server caused by a large number of page display requests.

[0092] Based on the above embodiment, Figure 5 is a diagram showing data exchange for a page display method according to an embodiment of the present disclosure. Here, in the "Access to Target Page" part, after the client receives a trigger operation to request the display of the target page, it sends a page display request to the second server. After the second server receives the page display request, it first determines whether the target object is in a video live state. If YES, it retrieves the video live stream of the target object from the live server and returns the video live stream to the client. To improve the display effect of the user avatar frame, the second server may also obtain the target object's cropped area coordinate information from a predetermined cache area redis and return the cropped area coordinate information to the client. After the client receives the video live stream and the cropped area coordinate information, it applies the cropped area coordinate information to a playback player, and the playback player plays the video live stream in the avatar display frame on the target page. The cropped area determined by the cropped area coordinate information is used to control the screen display area in the avatar display frame where the video live stream is played.

[0093] Regarding the "live stream screenshot" part, during a live stream, the streamer user pushes the live stream to the first server, the first server takes a screenshot of the live streaming screen once according to a predetermined screenshot cycle (e.g., 10s), and stores the live streaming screen screenshot in a predetermined message queue. Each live streaming screen screenshot stored in the predetermined message queue has a screenshot identifier, and the corresponding live streaming screen screenshot can be retrieved using the screenshot identifier.

[0094] Regarding the "screenshot cropping" part, the second server reads a live streaming screen screenshot from a predetermined message queue based on the screenshot identifier and sends the live streaming screen screenshot to the third server. The third server analyzes the live streaming screen screenshot to determine whether a target area image (e.g., a specific object such as a portrait) exists in the live streaming screen screenshot. If it does, for example, the third server determines the cropping area coordinate information based on the display position of the target area image in the live streaming screen screenshot and returns the cropping area coordinate information to the second server. The second server then sends the cropping area coordinate information to a predetermined cache area in redis. In a preferred implementation, one cropping area can be identified using the display position of the target area image in the live streaming screen screenshot as the center point and the shorter side of the live streaming screen screenshot as the edge of the cropping area. The coordinates of the upper left and lower right corners of the cropping area can be stored in redis as cropping area coordinate information.

[0095] In a preferred implementation, the second server determines the cropping region coordinate information, stores it in Redis, and overwrites the previous cropping region coordinate information. In other words, Redis stores the latest cropping region position information that reflects the display position of the video livestream portrait, and based on the latest cropping region position information, it can more accurately control the display of the video livestream in the avatar display frame of the target page.

[0096] Furthermore, if the second server detects that no new cropping region coordinate information has been determined within a predetermined time period, it can indicate that the target image does not exist on the live streaming screen of the video live stream by deleting the cropping region coordinate information stored in Redis.

[0097] In the page display method according to the embodiment of this disclosure, the three processes of "accessing the target page," "live stream screenshot," and "screenshot extraction" are made asynchronous. In particular, by setting the "accessing the target page" part to be asynchronous with the other two parts, it is possible to avoid problems such as server stuttering and slow loading caused by page display requests from many clients.

[0098] According to the above embodiment of the method, the present disclosure further provides a page display device, and Figure 6 is a schematic diagram showing the configuration of a page display device according to an embodiment of the present disclosure. The device is A first receiving module 601 for receiving a trigger operation to request the display of a target page where the avatar display frame of the target object is provided, The system includes a first display module 602 for displaying the target page in response to the trigger operation and displaying the video live stream of the target object, or the target video segment acquired by the video live stream of the target object, within the avatar display frame.

[0099] In a preferred embodiment, the first display module specifically, If the target object is in a live state, it is used to display the video live stream or target video segment of the target object within the avatar display frame.

[0100] In a preferred embodiment, the apparatus, If the target object is not in a live state, a predetermined avatar corresponding to the target object is displayed within the avatar display frame, or If the target location image is not displayed on the current live streaming screen of the video live stream of the target object, the system further includes a second display module for displaying a predetermined avatar corresponding to the target object within the avatar display frame.

[0101] In a preferred embodiment, the first display module specifically, If the target location image is displayed on the current live streaming screen of the target object's video live stream, it is used to display the target object's video live stream or target video segment within the avatar display frame.

[0102] In a preferred implementation, the trigger operation is an operation triggered by the current object, and the target page is the target object's personal homepage. Alternatively, the target page is the follow page of the current object, the follow page displays the avatar display frame of the current object's follow object, and the target object belongs to the current object's follow object.

[0103] In a preferred embodiment, the first display module is: An enlargement submodule for displaying the avatar display frame enlarged on the target page, The enlarged avatar display frame includes a display child module for displaying a video live stream or target video segment of the target object.

[0104] In a preferred embodiment, the extended submodule is, in particular, When the target object is live, the avatar display frame is enlarged to a second display size smaller than the first display size and displayed on the target page, the first display size being the display size of the avatar display frame when the target object is not live. Accordingly, the indicator module, in particular, The avatar display frame of the second display size is used to display a video live stream or target video segment of the target object.

[0105] In a preferred embodiment, the apparatus, A first transmission module for sending a page display request for the target page to a target server for returning a video live stream or target video segment of the target object, if the target object is determined to be in a live state. The system further comprises a third receiving module for receiving a video live stream or target video segment of the target object.

[0106] In a preferred embodiment, the apparatus, A fourth receiving module for receiving cutout region position information corresponding to the target object, wherein the cutout region position information is determined based on the display position of the target location image on the video screen of the video live stream of the target object, The system further comprises a first determination module for determining the cutting area based on the cutting area position information, Accordingly, the first display module, in particular, It is used to display the video live stream or target video segment of the target object within the avatar display frame, based on the cropping area for controlling the screen display area of ​​the target object's video live stream or target video segment within the avatar display frame.

[0107] According to the above embodiment of the method, the present disclosure further provides a page display device, and Figure 7 is a schematic diagram showing the configuration of another page display device according to an embodiment of the present disclosure. The device is A second receiving module 701 for receiving a page display request from a target client for a target page where the avatar display frame of the target object is provided, The system includes a first return module 702 for returning the video live stream or target video segment of the target object to the target client for display in the avatar display frame on the target page of the target client, wherein the target video segment is obtained by the video live stream of the target object.

[0108] In a preferred embodiment, the apparatus, The module further comprises a second decision module for determining whether the target object is in a live state or not. In response, the Old1 return module, in particular, If the target object is determined to be live, the video live stream or target video segment of the target object is used to return it to the target client for display in the avatar display frame on the target page of the target client.

[0109] In a preferred embodiment, the apparatus, The system further includes a second return module for returning the cutout area position information of the target object to the target client, wherein the cutout area position information is determined based on the display position of the target location image on the video screen of the target object's video live stream, and the cutout area position information is used to control the screen display area of ​​the target object's video live stream or target video segment within the avatar display frame.

[0110] In a preferred embodiment, the apparatus, A screenshot module for taking screenshots of the live streaming screen of the video live stream of the target object according to a predetermined screenshot cycle, and obtaining a screen screenshot corresponding to the video live stream, If it is determined that the target area image is displayed in the aforementioned screenshot, a third determination module is used to determine the position information of the target object's cutout area based on the display position of the target area image in the aforementioned screenshot. The system further comprises a first storage module for storing location information of the area extracted from the target object in a predetermined cache area, Accordingly, the second return module, in particular, This is used to obtain the location information of the cutout area of ​​the target object from the predetermined cache area and to return the location information of the cutout area of ​​the target object to the target client.

[0111] In a preferred embodiment, the apparatus, The module further comprises a second storage module that stores a screenshot of the screen corresponding to the video live stream in a predetermined message queue, Accordingly, the device is The system further includes a reading module for reading a screenshot of the video live stream from the predetermined message queue and determining whether or not the target location image is displayed in the screenshot.

[0112] Embodiments of this disclosure allow viewers to preview live content based on the content displayed in the avatar display frame by displaying a video live stream in the avatar display frame of a target page or by obtaining a target video segment via the video live stream. This not only enriches the content displayed in the avatar display frame but also facilitates the user's understanding of the live situation, meets the user's needs, and improves the user experience.

[0113] In addition to the methods and apparatus described above, embodiments of the present disclosure further provide a computer-readable storage medium in which an instruction is stored, and when the instruction is executed on a terminal device, the terminal device is instructed to perform the page display method described in embodiments of the present disclosure.

[0114] Embodiments of the present disclosure further provide a computer program product which includes a computer program / instruction, and when the computer program / instruction is executed by a processor, the page display method described in the embodiment of the present disclosure is performed.

[0115] Furthermore, embodiments of this disclosure further provide a page display device, as shown in Figure 8, The page display device may include a processor 801, a memory 802, an input device 803, and an output device 804. The number of processors 801 in the page display device may be one or more, but Figure 8 shows an example with one processor. In some embodiments of this disclosure, the processor 801, memory 802, input device 803, and output device 804 are connected by a bus or by other means, but Figure 8 shows an example with a bus connection.

[0116] Memory 802 is used to store software programs and modules, and the processor 801 executes various functional applications and data processing of the page display device by executing the software programs and modules stored in memory 802. Memory 802 may mainly include a program storage area and a data storage area. The program storage area can store the operating system and applications necessary for at least one function. Furthermore, memory 802 may include not only high-speed random access memory but also non-volatile memory such as at least one disk memory device, flash memory device, or other volatile solid-state memory device. Input device 803 is used not only to receive input digital or character information but also to generate signal inputs related to user settings and function control of the page display device.

[0117] Specifically, in this embodiment, the processor 801 loads executable files corresponding to the processing of one or more applications into memory 802 according to the following instructions, and the processor 801 executes the applications stored in memory 802, thereby realizing various functions of the page display device described above.

[0118] In this specification, relational terms such as “first” and “second” are used solely to distinguish one entity or operation from another, and do not necessarily require or suggest that such an actual relationship or order exists between these entities or operations. Furthermore, when the terms “compose,” “include,” or other variations cover non-exclusive inclusion, a process, method, article, or device consisting of a set of elements is intended to include not only these elements but also other elements not explicitly listed, or elements specific to such process, method, article, or device. Unless further limited, the expression “includes one ~” does not preclude the existence of other identical elements in a process, method, article, or device that includes that element.

[0119] The above description is merely a specific implementation of the disclosure to enable those skilled in the art to understand or implement it. Various modifications to these embodiments will be obvious to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the disclosure. Accordingly, the disclosure is not limited to these embodiments described herein, but adheres to the broadest scope consistent with the principles and novel features disclosed herein.

Claims

1. Receiving a trigger operation to request the display of the target page where the avatar display frame for the target object is located, In response to the trigger operation, the following is performed: display the target page and display the video live stream of the target object, or the target video segment obtained by the video live stream of the target object, within the avatar display frame. How to display the page.

2. Displaying the video live stream or target video segment of the target object within the avatar display frame is: If the target object is in a live state, the avatar display frame includes displaying the video live stream or target video segment of the target object. The method according to claim 1.

3. If the target object is not in a live state, a predetermined avatar corresponding to the target object is displayed within the avatar display frame, or If the target location image is not displayed on the current live streaming screen of the video live stream of the target object, the method further includes displaying a predetermined avatar corresponding to the target object within the avatar display frame. The method according to claim 1.

4. Displaying the video live stream or target video segment of the target object within the avatar display frame is: If the target location image is displayed on the current live streaming screen of the target object's video live stream, the avatar display frame includes displaying the target object's video live stream or target video segment. The method according to claim 1.

5. The trigger operation is an operation triggered by the current object, and the target page is the target object's personal homepage. Alternatively, the target page is the follow page of the current object, the follow page displays the avatar display frame of the current object's follow object, and the target object belongs to the current object's follow object. The method according to claim 1.

6. Displaying the video live stream or target video segment of the target object within the avatar display frame is: The aforementioned avatar display frame is enlarged and displayed on the target page, This includes displaying a video live stream or target video segment of the target object within the enlarged avatar display frame, The method according to claim 1.

7. To enlarge the avatar display frame and display it on the target page is to If the target object is in a live state, the avatar display frame is enlarged and displayed on the target page to a second display size smaller than the first display size, the first display size being the display size of the avatar display frame when the target object is not in a live state. In response, displaying the video live stream or target video segment of the target object within the enlarged avatar display frame is: This includes displaying a video live stream or target video segment of the target object within the avatar display frame of the second display size, The method according to claim 6.

8. After receiving a trigger operation to request the display of the target page, further, If the target object is determined to be in a live state, a page display request for the target page is sent to the target server to return the video live stream or target video segment of the target object. This includes receiving a video live stream or a target video segment of the target object. The method according to claim 1.

9. After sending a page display request containing the target object identifier to the target server, further, The process involves receiving cropping region position information corresponding to the target object, wherein the cropping region position information is determined based on the display position of the target area image in the video screen of the video live stream of the target object. This includes determining the cutting region based on the cutting region position information, In response, displaying the video livestream or target video segment of the target object within the avatar display frame is: This includes displaying the video live stream or target video segment of the target object within the avatar display frame based on the cropping region for controlling the screen display area of ​​the target object's video live stream or target video segment within the avatar display frame, The method according to claim 8.

10. Receiving a page display request from the target client for the target page where the avatar display frame for the target object is located, This includes displaying the video live stream of the target object or a target video segment obtained by the video live stream of the target object within the avatar display frame by returning the target client the video live stream of the target object or a target video segment obtained by the video live stream of the target object. How to display the page.

11. Before returning the video livestream or target video segment of the target object to the target client, further, This includes determining whether the target object is in a live state, Correspondingly, by returning the video live stream or target video segment of the target object to the target client, the video live stream or target video segment of the target object is displayed within the avatar display frame on the target page of the target client. If the target object is determined to be in a live state, the video live stream or target video segment of the target object is returned to the target client, thereby displaying the video live stream or target video segment of the target object within the avatar display frame on the target page of the target client. The method according to claim 10.

12. The method further includes returning the location information of the cutout region of the target object to the target client, The aforementioned cropping region position information is determined based on the display position of the target area image in the video screen of the target object's video live stream, and the cropping region position information is used to control the screen display area of ​​the target object's video live stream or target video segment in the avatar display frame. The method according to claim 10.

13. The process involves taking screenshots of the live streaming screen in the video live stream of the target object according to a predetermined screenshot cycle, thereby obtaining a screenshot of the corresponding video live stream. If it is determined that the target area image is displayed in the aforementioned screenshot, the position information of the target object's cropping area is determined based on the display position of the target area image in the aforementioned screenshot. The method further includes storing the location information of the extracted region of the target object in a predetermined cache area, In response, returning the location information of the extracted area of ​​the target object to the target client is: This includes obtaining the location information of the cutout region of the target object from the predetermined cache area and returning the location information of the cutout region of the target object to the target client. The method according to claim 12.

14. After capturing screenshots of the live streaming screen in the video live stream of the target object according to the predetermined screenshot cycle, and obtaining screen screenshots corresponding to the video live stream, further, This includes storing a screenshot of the screen corresponding to the video live stream in a predetermined message queue. Correspondingly, if it is determined that the target area image is displayed in the aforementioned screenshot, before determining the position information of the target object's cropping area based on the display position of the target area image in the aforementioned screenshot, This includes reading a screenshot of the video live stream from the predetermined message queue and determining whether or not the target location image is displayed in the screenshot. The method according to claim 12.

15. A first receiving module for receiving a trigger operation to request the display of a target page where the avatar display frame of the target object is provided, The system includes a first display module that, in response to the trigger operation, displays the target page and displays the video live stream of the target object, or the target video segment acquired by the video live stream of the target object, within the avatar display frame. Page display device.

16. A second receiving module for receiving page display requests from a target client for a target page where the avatar display frame of the target object is provided, The system includes a first return module for displaying the video live stream of the target object or a target video segment obtained by the video live stream of the target object to the target client, thereby displaying the video live stream of the target object or the target video segment in the avatar display frame on the target page of the target client. Page display device.

17. When executed on a terminal device, the system stores an instruction that causes the terminal device to perform the method according to any one of claims 1 to 14. A computer-readable storage medium.

18. The present invention comprises memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the computer program is executed by the processor, the method according to any one of claims 1 to 14 is performed. Page display device.

Images