Page display method and device, electronic device, storage medium and program product

By setting a live broadcast area in the content display page and displaying live broadcast information, the problem of weak current live broadcast prompts is solved, the effect of attracting users to watch live broadcasts is achieved, and intuitive and rich visual experience is provided.

CN116137662BActive Publication Date: 2025-05-06BEIJING YOUZHUJU NETWORK TECH CO LTD

Patent Information

Application Number
CN202111367634.7
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2021-11-18
Publication Date
2025-05-06
Estimated Expiration
2041-11-18

AI Technical Summary

Technical Problem

The existing live broadcast prompt method has weak effect and cannot give users an intuitive and rich visual experience.

Method used

By setting up a live broadcast area in the content display page, display live broadcast information, including live content and related information, and the display area in the live broadcast area is no less than 1/3 of the content display page, to provide a larger visual space.

Benefits of technology

It achieves obvious live broadcast prompt effect, attracts users to watch the current live broadcast, and provides a more intuitive and rich visual experience, allowing users to watch live broadcast information without entering the live broadcast room page.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN116137662B_ABST
    Figure CN116137662B_ABST
Patent Text Reader

Abstract

A page display method and device, electronic device, storage medium and program product, the page display method comprising: in response to a display request for a content display page of a target object, when the target object is in a live broadcast state, obtaining the live broadcast information of the current live broadcast of the target object, the live broadcast information including the live broadcast content and live broadcast related information; displaying a content display page, the content display page including a content display area and a live broadcast area, the live broadcast area is configured to display the live broadcast information, and the content display area is configured to display the published content of the target object. The page display method can play an obvious role in prompting live broadcasts, attracting users browsing the page to watch the current live broadcast, and can provide users browsing the page with a more intuitive and rich visual experience.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] Embodiments of the present disclosure relate to a page display method and device, an electronic device, a storage medium, and a program product. Background Art

[0002] With the development of network and computer technology, media forms are becoming more and more diverse. In recent years, media forms such as live broadcast and short videos have become more and more integrated into people's lives. For example, some users can initiate live broadcasts, and other users can enter the live broadcast room page of any live broadcast user to watch the live broadcast. In order to attract users to watch the live broadcast in progress, some applications have adopted prompting methods, such as adding the word live broadcast to the avatar of the user who is broadcasting live, so as to prompt other users to watch the current live broadcast. Summary of the invention

[0003] The existing live broadcast prompting method has a weak prompting effect and cannot provide users with an intuitive and rich visual experience. In response to the above problems, at least one embodiment of the present disclosure provides a page display method and device, an electronic device, a storage medium and a program product, which can play an obvious role in live broadcast prompting, attract users browsing the page to watch the current live broadcast, and can provide users browsing the page with a more intuitive and rich visual experience.

[0004] At least one embodiment of the present disclosure provides a page display method, comprising: in response to a display request for a content display page of a target object, when the target object is in a live broadcast state, obtaining live broadcast information of the current live broadcast of the target object, wherein the live broadcast information includes live broadcast content and live broadcast associated information; displaying the content display page, wherein the content display page includes a content display area and a live broadcast area, the live broadcast area is configured to display the live broadcast information, and the content display area is configured to display the published content of the target object.

[0005] At least one embodiment of the present disclosure further provides a page display device, including an acquisition module and a display module. The acquisition module is configured to respond to a display request for a content display page of a target object, and when the target object is in a live broadcast state, obtain the live broadcast information of the current live broadcast of the target object, wherein the live broadcast information includes live broadcast content and live broadcast associated information. The display module is configured to display the content display page, wherein the content display page includes a content display area and a live broadcast area, the live broadcast area is configured to display the live broadcast information, and the content display area is configured to display the published content of the target object.

[0006] At least one embodiment of the present disclosure also provides an electronic device, comprising: a processor; a memory, comprising one or more computer program modules; wherein the one or more computer program modules are stored in the memory and configured to be executed by the processor, and the one or more computer program modules include instructions for implementing the page display method described in any embodiment of the present disclosure.

[0007] At least one embodiment of the present disclosure further provides a storage medium for storing non-transitory computer-readable instructions. When the non-transitory computer-readable instructions are executed by a computer, the page display method described in any embodiment of the present disclosure can be implemented.

[0008] At least one embodiment of the present disclosure further provides a computer program product, including a computer program carried on a non-transitory computer-readable medium, wherein the computer program includes a method for executing the page display method described in any embodiment of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0009] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same reference numerals represent the same elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

[0010] Figure 1 A flowchart of a page display method provided in some embodiments of the present disclosure;

[0011] Figure 2 A schematic diagram of a content display page provided in some embodiments of the present disclosure;

[0012] Figure 3 A schematic diagram of a live broadcast room page provided in some embodiments of the present disclosure;

[0013] Figure 4 A schematic diagram of a content display page in a changing process provided by some embodiments of the present disclosure;

[0014] Figure 5 A schematic diagram of another content display page provided for some embodiments of the present disclosure;

[0015] Figure 6 A schematic diagram of another content display page provided for some embodiments of the present disclosure;

[0016] Figure 7 A system that can be used to implement the page display method provided by the embodiment of the present disclosure;

[0017] Figure 8 A schematic block diagram of a page display device provided in some embodiments of the present disclosure;

[0018] Fig. 9 A schematic block diagram of an electronic device provided for some embodiments of the present disclosure;

[0019] Fig.10 A schematic block diagram of another electronic device provided for some embodiments of the present disclosure; and

[0020] Fig.11 A schematic diagram of a storage medium provided for some embodiments of the present disclosure. DETAILED DESCRIPTION

[0021] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0022] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0023] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0024] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0025] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more". "Plurality" should be understood as two or more.

[0026] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0027] In the related art, live broadcast prompts are usually provided in text form, for example, adding the word "live broadcast" to the user's avatar, or adding the word "live broadcast" to the user's name. Since the text is displayed in a static form and occupies a small area, the prompt effect is weak and cannot provide users with a more intuitive and richer visual experience.

[0028] At least one embodiment of the present disclosure provides a page display method and device, electronic device, storage medium and program product, which can play an obvious role in live broadcast prompting, attract users browsing the page to watch the current live broadcast, and can provide users browsing the page with a more intuitive and rich visual experience.

[0029] Hereinafter, embodiments of the present disclosure will be described in detail with reference to the accompanying drawings.

[0030] Figure 1 A schematic diagram of a page display method provided in some embodiments of the present disclosure. Figure 1 As shown, in at least one embodiment, the method includes the following operations.

[0031] Step S110: in response to a display request for a content display page of a target object, when the target object is in a live broadcast state, obtaining live broadcast information of the current live broadcast of the target object, the live broadcast information including live broadcast content and live broadcast associated information.

[0032] Step S120: displaying a content display page, the content display page including a content display area and a live broadcast area, the live broadcast area is configured to display live broadcast information, and the content display area is configured to display the published content of the target object.

[0033] For example, the page display method provided in the embodiment of the present disclosure can be executed by a terminal device, which includes but is not limited to a mobile phone, a tablet computer, a laptop computer, etc. The terminal device may include a display screen, a processor, a data transceiver, etc., and the terminal device may transmit data with a server and / or a database through a communication network.

[0034] For example, in step S110, the target object may include users of the application, and different users may be distinguished by accounts, and the users may be individual users, corporate users, etc. The content display page of the target object may be the user's home page, and the user's home page may display the user's avatar, name, introduction information, and published content, etc. The published content may include published text, pictures, and videos, etc., and each user's home page may be viewed by other users of the application. Taking the target object as user A as an example, the display request for the content display page of the target object may be a request initiated by a user (e.g., user B) in the application to view the home page of user A, that is, a request to enter the home page of user A.

[0035] For example, the information of the user's home page can be stored in a server or a database that communicates with the server. In some examples, user B can send a request to view the home page of user A to the server through a terminal device. After receiving the request, the server can first confirm whether user A is currently broadcasting live. If so, the server can send the live broadcast information of user A's current live broadcast to the terminal device, so that the terminal device can obtain the live broadcast information of user A's current live broadcast.

[0036] For example, live broadcast information includes live broadcast content and live broadcast related information. Live broadcast content can be regarded as the main component of live broadcast, which can convey the content that the live broadcast user wants to introduce. If user A's current live broadcast is in the form of video, the live broadcast content can include live broadcast video; if user A's current live broadcast is in the form of image, the live broadcast content can include live broadcast image. Live broadcast related information includes other related information in addition to live broadcast content during the live broadcast, such as comment information posted by users watching the live broadcast, information about items involved in the live broadcast, etc.

[0037] For example, a display request for the content display page of the target object can be generated in a variety of ways. Taking the target object's content display page as the home page of user A as an example, in some examples, user B can search for relevant information (such as name) of user A through the search function of the application, and can search to obtain a user list including user A. Clicking on the avatar or name of user A from the user list can generate a display request for the home page of user A, so as to enter the home page of user A for viewing. In other examples, if user B browses to content (such as videos, pictures, etc.) published by user A, user B can generate a display request for the home page of user A by clicking on the avatar or name of user A. In addition, a display request can also be generated in other ways, which are not limited in the embodiments of the present disclosure.

[0038] For example, in step S120, following the above example, after the terminal device obtains the live broadcast information of user A, it can display the content display page of user A.

[0039] Figure 2 A schematic diagram of a content display page provided in some embodiments of the present disclosure. Figure 2As shown, the content display page 200 may include a content display area 201 and a live broadcast area 202. The content display area 201 is configured to display the published content of the target object. For example, user A can publish videos, pictures, texts and other content through an application for other users to browse. The content published by user A can be at least partially displayed in the homepage of user A. The publishing time of the published content can be earlier or later than the start time of the current live broadcast. For example, user A can have published multiple contents before the current live broadcast, or user A can publish new content during the live broadcast. In addition, the content display area 201 can also display information such as user A's avatar, name, number of followers, etc. The live broadcast area 202 is configured to display live broadcast information. For example, the live broadcast area 202 can display live broadcast video and live broadcast related information (such as user comments, item tags, etc.). The live broadcast video displayed in the live broadcast area 202 can be synchronized in time with the video played on the live broadcast room page of user A. The live broadcast related information displayed in the live broadcast area can be part of the information selected from the live broadcast related information in the live broadcast room. The live broadcast related information can be displayed in a dynamic form, such as in the form of scrolling playback.

[0040] For example, the display area of ​​the live broadcast area 202 is not less than 1 / 3 of the display area of ​​the content display page 200. For example, the display area of ​​the live broadcast area 202 may be half of the display area of ​​the content display page 200. In this way, the live broadcast information can be displayed in a larger area on the content display page 200, achieving better viewing and prompting effects.

[0041] For example, in some examples, the live broadcast area 202 and the content display area 201 may be arranged in a direction parallel to the side of the content display page 200, that is, according to Figure 2 For example, the live broadcast area 202 may be located on one side of the content display area 201 close to the top edge of the content display page 200, that is, the live broadcast area 202 is located at the top area of ​​the page, and the content display area 201 is located at the bottom of the live broadcast area 202. In other examples, the live broadcast area 202 and the content display area 201 may be arranged in a direction perpendicular to the side of the content display page 200, that is, arranged in the left-right direction.

[0042] According to the page display method of the embodiment of the present disclosure, the live broadcast information of the current live broadcast is displayed on the homepage of the live broadcast user and other pages for displaying published content. Based on this method, it can play an obvious role of live broadcast prompt for users browsing the page, attracting users browsing the page to watch the current live broadcast. In addition, the live broadcast video and live broadcast related information can provide users browsing the page with a more intuitive and rich visual experience, and users browsing the page can watch the live broadcast information without entering the live broadcast room page, thereby improving the user experience.

[0043] For example, the live broadcast content is a live video, and the live broadcast area displays a partial screen area of ​​the live video. The display size of the live broadcast area 202 is smaller than the display size of the live broadcast room page, so a partial screen area of ​​the live video can be displayed in the live broadcast area 202, that is, for each frame of the live video, a partial image area can be intercepted, and a partial area of ​​each image frame can be displayed in the live broadcast area in turn. At least one of the following three methods can be used to intercept a partial image area from each image frame.

[0044] For example, in the first method, part of the image area displayed in the live broadcast area is obtained from the image frame through an image recognition model. For example, the position of a face in the image frame can be identified by an image recognition model, and the area where the face is located can be intercepted. In this way, it can be ensured that the picture displayed in the live broadcast area contains the face, making the viewing experience better. For another example, the object currently explained in the live broadcast video can be obtained, and the position of the object in the image frame can be identified by an image recognition model, and the area where the object currently explained is located can be intercepted. In this way, it can be ensured that the picture displayed in the live broadcast area contains the object currently being explained. The image recognition model can be trained in advance based on sample data. The image recognition model can be, for example, a neural network model, a deep learning model, etc. The image recognition model can be deployed in a server or terminal device.

[0045] For example, in the second method, the partial image area displayed in the live broadcast area is obtained by intercepting a predetermined area of ​​the image frame. For example, an image area of ​​a target size can be intercepted with the center of the image frame as the center as the partial image displayed in the live broadcast area.

[0046] For example, in the third method, the partial image area displayed in the live broadcast area is obtained by intercepting the area indicated by the marking information from the image frame. For example, the intercepted areas of some image frames can be marked in advance, and when intercepting, the interception is performed according to the marking information.

[0047] Figure 3 A schematic diagram of a live broadcast room page provided in some embodiments of the present disclosure. Figure 2 and 3 As shown, for example, the page display method may also include: in response to a first interactive operation on the live broadcast area 202, the content display page 200 is transformed into a live broadcast room page 300 corresponding to the current live broadcast. For example, the first interactive operation may be a touch operation, and the touch operation may include single-click, double-click, slide and other operations. In addition, the first interactive operation may also be a voice operation, a gesture operation, etc. The embodiment of the present disclosure does not limit the specific form of the first interactive operation. Based on this method, the viewing user performs an interactive operation on the content display page 200, and can directly enter the live broadcast room page to view the complete live broadcast information, which is simple and quick to operate.

[0048] For example, the live broadcast area 202 is covered with a filter layer to display a partial screen area of ​​the live video. For example, a colored filter layer may be covered on the upper layer of the live broadcast area 202, such as a yellow or red filter, to indicate that the live broadcast area 202 can be touch-operated. In some examples, a part of the live broadcast area 202 may be set as a touch area linked to a live broadcast room page, and in response to a touch operation on the touch area, the content display page may be switched to the live broadcast room page. Correspondingly, a filter layer may be covered on the upper layer of the touch area to indicate that the area may be touch-operated.

[0049] For example, Figure 2 and Figure 3 As shown, the live broadcast area 202 has a first display size L1, and the live broadcast room page 300 has a second display size L2. In the process of transforming from the content display page 200 to the live broadcast room page 300 of the current live broadcast, the live broadcast area 202 gradually changes from the first display size L1 to the second display size L2, and the live broadcast area 202 gradually changes from a partial screen area showing the live video to a full screen area showing the live video. The first display size and the second display size can be the size along the side extension direction of the content display page (i.e., the up and down direction shown in the figure), hereinafter also referred to as the longitudinal size.

[0050] For example, during the size change of the live broadcast area 202, the edge of the live broadcast area 202 gradually expands outward, for example, the bottom edge of the live broadcast area 202 gradually expands downward, so as to present a gradually expanding and enlarging effect. In addition, as the display area of ​​the live broadcast area 202 gradually enlarges, the image area displayed in the live broadcast area 202 also gradually increases.

[0051] Figure 4 Schematic diagram of a content display page in a changing process provided by some embodiments of the present disclosure. Figure 2 , Figure 3 and Figure 4 As shown, in the process of enlarging the live broadcast area 202 to the live broadcast room page 300, Figure 2 At least one side edge (e.g., the bottom edge) of the image shown in the live broadcast area 202 gradually expands the remaining image area of ​​the image frame until it changes to the second display size L2, forming a live broadcast room page 300, which can present the entire area of ​​the image frame. In addition, during the zooming of the live broadcast area 202, live broadcast related information such as comment information can also gradually change position. Based on this method, the live broadcast area 202 can be gradually changed into the live broadcast room area through interactive operations, making the form of page changes more novel and diversified, and enhancing the interactive experience.

[0052] Figure 5A schematic diagram of another content display page provided in some embodiments of the present disclosure. Figure 2 and Figure 5 As shown, the page display method may further include the following steps: in response to a second interactive operation on the content display page 200, the display size of the live broadcast area 202 is reduced, and the display size of the content display area 201 is increased; when the display size of the live broadcast area 202 is reduced to an area threshold, a page pop-up window 203 is displayed above the content display area 201, wherein the page pop-up window 203 is configured to display information about the live broadcast content.

[0053] For example, the second interactive operation may be a touch operation, such as a swipe up operation. In addition, the second interactive operation may also be a voice operation, a gesture operation, etc. The specific form of the second interactive operation may be determined according to the actual situation, and the embodiments of the present disclosure are not limited thereto. In response to the second interactive operation, the area occupied by the live broadcast area 202 gradually becomes smaller, and accordingly, the content display area 201 gradually expands upward, and the effect presented is that the entire content display page 200 slides upward until the size of the live broadcast area 202 is less than or equal to a certain threshold, for example, when the longitudinal size is less than or equal to the threshold value L4, it is considered that the size of the live broadcast area 202 is too small. In this case, a page floating window 203 may be superimposed on the content display area 201 to better display the live broadcast information in the page floating window 203. The threshold value L4 may be a value in the range of [0, L1), which may be determined according to the actual situation.

[0054] For example, the live broadcast related information is divided into M categories, and the M categories include, for example, at least one of the related object label, transaction information, and comment information, and M is a positive integer. For example, the related object label can be the label of the item involved in the live broadcast video, the item label can be linked to the detail page or purchase page of the item, and the item label can present information such as the item picture, item name, and item price. The transaction information can be the purchase information for the item involved in the live broadcast video, and the purchase information can include the name of the purchasing user and / or the name of the commodity purchased by the user, etc. For example, it can be presented in the form of "user XX is purchasing item XX". The comment information can be the comments submitted by the user watching the live broadcast, and the comment information can be presented in the form of characters, emoticons, pictures, etc. In addition, the live broadcast related information can also include information about the user entering or leaving the live broadcast room, for example, it can be presented in the form of "user XX enters the live broadcast room" and "user XX leaves the live broadcast room". In some examples, the live broadcast related information can also include like information, virtual gift information, etc.

[0055] For example, the live broadcast area 202 displays information of N categories out of M categories, where N is a positive integer less than M, that is, only information of some categories out of M categories may be displayed in the live broadcast area 202. For example, the M categories may include associated object tags, transaction information, comment information, information of users entering or leaving the live broadcast room, like information, and virtual gift information. Since the display size of the live broadcast area 202 is limited, only the associated object tags and comment information may be displayed in the live broadcast area 202, so as to display more important information in the live broadcast area 202, so as to facilitate the viewing users to understand the key information during the live broadcast process.

[0056] For example, N categories can be obtained based on user selection operations. For example, a selection control can be set on a content display page or other page, and the selection control can be linked to a selection page. Options about M categories can be set in the selection page for users to choose from, and then the information of the corresponding categories can be displayed in the live broadcast area 202 according to the categories selected by the user. For example, if the user selects the three categories of associated object tags, transaction information, and comment information, the information of these three categories can be displayed in the live broadcast area 202. The executor of the selection operation can be a live broadcast user or a user watching the live broadcast. Based on this method, the live broadcast related information presented in the live broadcast area 202 can be selected by the user independently, which can make the display method more personalized, adapt to the different needs and habits of each user, and improve the user experience.

[0057] For example, the live broadcast area displays part of the information under each of the N categories, and the part of the information can be selected from the information of the N categories based on the information analysis model. For example, each of the N categories contains multiple pieces of information, and the information analysis model can be used to select part of the information from each category as high-quality information, and the high-quality information is displayed in the live broadcast area 202. Taking comment information as an example, a comment entry is provided on the live broadcast room page, and each viewing user can enter and publish comment information such as text or pictures through the comment entry. The comment information posted by all viewing users can be collected into a comment information set, and some high-quality comment information can be selected from the comment information set, and the high-quality comment information can be displayed in the live broadcast area 202. For example, a pre-trained information analysis model can be used to select comment information that meets predetermined conditions from the comment information set.

[0058] For example, in some embodiments, the predetermined conditions may include requirements for the content of the comment information itself, such as requirements for the number of words in the comment information, the words used, etc., such as: (1) the number of words in the comment information does not exceed the predetermined number of words; (2) the words used contain specific types of sentences, etc. The predetermined conditions may be determined according to actual needs, and the embodiments of the present disclosure do not limit this. For example, in other embodiments, the predetermined conditions may also include requirements for publishing operations such as the publishing time and the publishing user of the comment information, such as the predetermined conditions may include: (1) the publishing time is later than the predetermined time point; (2) the publishing user is a high-quality user, etc. In other embodiments, the predetermined conditions may also include requirements for the score of the comment information, and the information analysis model may be a scoring model, which may score each comment information to select the comment information with a higher score from multiple comment information as the high-quality comment information. The information analysis model may be, for example, a neural network model, a tree model, or other types of models, or a model formed by a combination of multiple types of models. The information analysis model may be deployed in a server or a terminal device.

[0059] For example, the associated object labels displayed in the live broadcast area include at least one of the following: the label of the associated object that the live broadcast content is currently displaying; the label of the associated object located in a specific sorting position among multiple associated objects corresponding to the live broadcast content; the label of the associated object with the best transaction parameters among multiple associated objects corresponding to the live broadcast content.

[0060] For example, in some examples, the item label displayed in the live broadcast area 202 may be the label of the item currently being explained in the live broadcast video. In other examples, the item label displayed in the live broadcast area 202 may be the label of the item ranked first, last, or in a certain order among all the items involved in the current live broadcast. In other examples, the item label displayed in the live broadcast area 202 may also be the label of the item with the highest sales volume in a certain period of time among all the items involved in the current live broadcast. In addition, the item label displayed in the live broadcast area 202 may also be the label of the item with the highest degree of attention among all the items involved in the current live broadcast.

[0061] For example, the page display method may also include the following steps: in response to a third interactive operation on the content display page, turning off or turning on the sound of the live content; if the sound of the live content is turned off, gradually reducing the sound of the live content within a predetermined time after receiving the third interactive operation; if the sound of the live content is turned on, gradually increasing the sound of the live content within a predetermined time after receiving the third interactive operation.

[0062] For example, the third interactive operation may be a touch operation, a voice operation, or a gesture operation, etc., which may be determined according to actual conditions.

[0063] Figure 6 A schematic diagram of another content display page provided in some embodiments of the present disclosure. Figure 6 As shown, the content display page 200 may include a first control 204, through which the audio corresponding to the live video can be turned on and off. For example, when the audio is in a playing state, in response to receiving a touch operation on the first control 204, the audio can be converted from the playing state to the off state. In the process of turning off the audio, the audio sound can be gradually reduced to disappear within a period of time (e.g., 2S) to achieve a fade-out effect. For another example, when the audio is in an off state, in response to receiving a touch operation on the first control 204, the audio can be converted from the off state to the playing state. In the process of turning on the audio, the audio sound can be gradually reduced to the target volume within a period of time (e.g., 2S) to achieve a fade-in effect.

[0064] It should be noted that in the embodiments of the present disclosure, the execution order of the various steps based on the page display method is not limited. Although the execution process of each step is described in a specific order above, this does not constitute a limitation on the embodiments of the present disclosure. The various steps in the page display method can be executed serially or in parallel, which can be determined according to actual needs. The page display method can also include more or fewer steps. For example, some preprocessing steps can be added, or some intermediate process data can be stored and used for subsequent processing and calculation to omit some similar steps.

[0065] Figure 7 A system that can be used to implement the page display method provided by the embodiment of the present disclosure. Figure 7 As shown, the system 400 may include a user terminal 411, a network 412, a server 413, and a database 414. For example, the system 410 may be used to implement the page display method provided by any embodiment of the present disclosure.

[0066] The user terminal 411 includes, for example, a device 411-1 and a device 411-2. It is understood that the user terminal 411 may be any other type of electronic device capable of performing data processing, which may include but is not limited to a desktop computer, a laptop computer, a tablet computer, a workstation, etc. The user terminal 411 may also be any equipment provided with an electronic device. The embodiments of the present disclosure do not limit the hardware configuration or software configuration of the user terminal (for example, the type (for example, Windows, MacOS, etc.) or version of the operating system).

[0067] The user can operate the application installed on the user terminal 411 or the website logged in on the user terminal 411. The application or website transmits the user behavior data to the server 413 through the network 412. The user terminal 411 can also receive the data transmitted by the server 413 through the network 412.

[0068] For example, the user terminal 411 is installed with software with a live broadcast function, and the live broadcast user uses the software to broadcast live on the user terminal 411-1, and the viewing user can use the software to watch the live broadcast on the user terminal 411-2. In addition, the user terminal 411 can execute the page display method provided by the embodiment of the present disclosure by running code.

[0069] The network 412 may be a single network or a combination of at least two different networks. For example, the network 412 may include, but is not limited to, a local area network, a wide area network, a public network, a private network, etc., or a combination of several of them.

[0070] Server 413 can be a single server or a server group, and each server in the group is connected through a wired or wireless network. A server group can be centralized, such as a data center, or distributed. Server 413 can be local or remote.

[0071] The database 414 may generally refer to a device with a storage function. The database 414 is mainly used to store various data used, generated and output by the user terminal 411 and the server 413 during work. The database 414 may be local or remote. The database 414 may include various memories, such as random access memory (RAM), read only memory (ROM), etc. The storage devices mentioned above are just some examples, and the storage devices that can be used by the system 400 are not limited to these.

[0072] The database 414 may be interconnected or communicated with the server 413 or a part thereof via the network 412, or directly interconnected or communicated with the server 413, or a combination of the above two methods.

[0073] In some examples, the database 414 may be an independent device. In other examples, the database 414 may also be integrated in at least one of the user terminal 411 and the server 413. For example, the database 414 may be set on the user terminal 411 or on the server 413. For another example, the database 414 may also be distributed, with a portion of it being set on the user terminal 411 and another portion being set on the server 413.

[0074] For example, the published content of the target object may be deployed on a database 414. When it is necessary to obtain the published content of the target object, the user terminal 411 accesses the database 414 through the network 412, and obtains the published content of the target object stored in the database 414 through the network 412. The embodiments of the present disclosure do not limit the type of database, for example, it may be a relational database or a non-relational database.

[0075] At least one embodiment of the present disclosure further provides a page display device, which can play an obvious role in prompting live broadcasts for users browsing the page, attracting users browsing the page to watch the current live broadcast. In addition, the live broadcast video and live broadcast related information can provide users browsing the page with a more intuitive and rich visual experience, so that users browsing the page can watch the live broadcast information without entering the live broadcast room page, thereby improving the user experience.

[0076] Figure 8 A schematic block diagram of a page display device provided in some embodiments of the present disclosure. Figure 8 As shown, the page display device 500 includes an acquisition module 510 and a display module 520. For example, the page display device 500 can be applied to a user terminal, or to any device or system that needs to implement page display, and the embodiments of the present disclosure are not limited thereto.

[0077] The acquisition module 510 is configured to respond to a display request for a content display page of a target object, and when the target object is in a live broadcast state, obtain the live broadcast information of the current live broadcast of the target object, the live broadcast information including the live broadcast content and live broadcast related information. For example, the acquisition module 510 may execute the following steps: Figure 1 Step S110 of the page display method shown.

[0078] The display module 520 is configured to display a content display page, and the content display page includes a content display area and a live broadcast area. The live broadcast area is configured to display live broadcast information, and the content display area is configured to display the published content of the target object. For example, the display module 520 can execute the following steps: Figure 1 Step S120 of the page display method shown.

[0079] For example, the acquisition module 510 and the display module 520 may be hardware, software, firmware, or any feasible combination thereof. For example, the acquisition module 510 and the display module 520 may be dedicated or general circuits, chips, or devices, or may be a combination of a processor and a memory. The embodiments of the present disclosure do not limit the specific implementation of the acquisition module 510 and the display module 520.

[0080] It should be noted that in the embodiment of the present disclosure, each unit of the page display device 500 corresponds to each step of the aforementioned page display method. For the specific functions of the page display device 500, please refer to the relevant description of the page display method above, which will not be repeated here. Figure 8 The components and structures of the page display device 500 shown are merely exemplary and non-limiting. The page display device 500 may also include other components and structures as needed.

[0081] For example, in some examples, the live content is a live video, and the live area displays a partial screen area of ​​the live video.

[0082] For example, in some examples, the page display device may also include a first interaction module, which is configured to respond to a first interaction operation on the live broadcast area and transform the content display page into a live broadcast room page corresponding to the current live broadcast.

[0083] For example, in some examples, the live area covers the filter layer to show a partial screen area of ​​the live video.

[0084] For example, in some examples, the live broadcast area has a first display size, and the live broadcast room page has a second display size. The first interaction module is further configured to include: during the transformation process, the live broadcast area gradually changes from the first display size to the second display size, and the live broadcast area gradually changes from displaying a partial screen area to displaying the entire screen area of ​​the live video.

[0085] For example, in some examples, the page display device may also include a second interaction module, which is configured to: in response to a second interaction operation on the content display page, reduce the display size of the live broadcast area and increase the display size of the content display area; when the display size of the live broadcast area is reduced to an area threshold, display a page pop-up window above the content display area, wherein the page pop-up window is configured to display information about the live broadcast content.

[0086] For example, in some examples, the display area of ​​the live broadcast area is not less than 1 / 3 of the display area of ​​the content display page.

[0087] For example, in some examples, live broadcast related information is divided into M categories, and the M categories include at least one of related object tags, transaction information, and comment information, and M is a positive integer.

[0088] For example, in some examples, the live broadcast area displays information of N categories out of M categories, where the N categories are obtained based on user selection operations, and N is a positive integer less than M.

[0089] For example, in some examples, the live broadcast area displays partial information under each of N categories, and the partial information is selected from the information of the N categories based on an information analysis model.

[0090] For example, in some examples, the associated object labels displayed in the live broadcast area include at least one of the following: the label of the associated object that the live broadcast content is displaying at the current moment; the label of the associated object located in a specific sorting position among multiple associated objects corresponding to the live broadcast content; the label of the associated object with the best transaction parameters among multiple associated objects corresponding to the live broadcast content.

[0091] For example, in some examples, the page display device may also include a third interaction module, which is configured to: in response to a third interaction operation on the content display page, turn off or turn on the sound of the live content; if the sound of the live content is turned off, the sound of the live content is gradually reduced within a predetermined time after receiving the third interaction operation; if the sound of the live content is turned on, the sound of the live content is gradually increased within a predetermined time after receiving the third interaction operation.

[0092] Fig. 9 A schematic block diagram of an electronic device provided in some embodiments of the present disclosure. Fig. 9 As shown, the electronic device 600 includes a processor 610 and a memory 620. The memory 620 is used to store non-transitory computer-readable instructions (e.g., one or more computer program modules). The processor 610 is used to run non-transitory computer-readable instructions, and when the non-transitory computer-readable instructions are run by the processor 610, one or more steps in the page display method described above can be executed. The memory 620 and the processor 610 can be interconnected through a bus system and / or other forms of connection mechanisms (not shown).

[0093] For example, the processor 610 may be a central processing unit (CPU), a digital signal processor (DSP), or other forms of processing units with data processing capabilities and / or program execution capabilities, such as a field programmable gate array (FPGA), etc.; for example, the central processing unit (CPU) may be an X86 or ARM architecture, etc. The processor 610 may be a general-purpose processor or a dedicated processor, and may control other components in the electronic device 600 to perform desired functions.

[0094] For example, the memory 620 may include any combination of one or more computer program products, and the computer program product may include various forms of computer-readable storage media, such as volatile memory and / or non-volatile memory. Volatile memory may include, for example, random access memory (RAM) and / or cache memory (cache), etc. Non-volatile memory may include, for example, read-only memory (ROM), hard disk, erasable programmable read-only memory (EPROM), portable compact disk read-only memory (CD-ROM), USB memory, flash memory, etc. One or more computer program modules may be stored on the computer-readable storage medium, and the processor 610 may run one or more computer program modules to implement various functions of the electronic device 600. Various applications and various data, as well as various data used and / or generated by the application, etc. may also be stored in the computer-readable storage medium.

[0095] It should be noted that, in the embodiment of the present disclosure, the specific functions and technical effects of the electronic device 600 can refer to the above description of the page display method, which will not be repeated here.

[0096] Fig.10 This is a schematic block diagram of another electronic device provided in some embodiments of the present disclosure. The electronic device 700 is suitable for implementing the page display method provided in the embodiments of the present disclosure. The electronic device 700 may be a user terminal, etc. It should be noted that: Fig.10 The electronic device 700 shown is merely an example and does not impose any limitation on the functions and scope of use of the embodiments of the present disclosure.

[0097] like Fig.10 As shown, the electronic device 700 may include a processing device (e.g., a central processing unit, a graphics processor, etc.) 710, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 720 or a program loaded from a storage device 780 into a random access memory (RAM) 730. In the RAM 730, various programs and data required for the operation of the electronic device 700 are also stored. The processing device 710, the ROM 720, and the RAM 730 are connected to each other via a bus 740. An input / output (I / O) interface 750 is also connected to the bus 740.

[0098] Typically, the following devices may be connected to the I / O interface 750: an input device 760 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 770 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 780 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 790. The communication device 790 may allow the electronic device 700 to communicate with other electronic devices wirelessly or by wire to exchange data. Although Fig.10 The electronic device 700 is shown to have various devices, but it should be understood that it is not required to implement or possess all the devices shown, and the electronic device 700 may alternatively implement or possess more or fewer devices.

[0099] For example, according to an embodiment of the present disclosure, Figure 1 The page display method shown can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the above-mentioned page display method. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 790, or installed from the storage device 780, or installed from the ROM 720. When the computer program is executed by the processing device 710, the functions defined in the page display method provided in the embodiment of the present disclosure can be executed.

[0100] At least one embodiment of the present disclosure further provides a storage medium for storing non-transitory computer-readable instructions, which, when executed by a computer, can implement the page display method described in any embodiment of the present disclosure. The storage medium can play an obvious role in prompting live broadcasts, attracting users browsing the page to watch the current live broadcast, and can provide users browsing the page with a more intuitive and rich visual experience.

[0101] Fig.11 A schematic diagram of a storage medium provided in some embodiments of the present disclosure. Fig.11 As shown, the storage medium 800 is used to store non-transitory computer-readable instructions 810. For example, when the non-transitory computer-readable instructions 810 are executed by a computer, one or more steps in the page display method described above can be executed.

[0102] For example, the storage medium 800 may be applied to the electronic device 600. Fig. 9 The memory 620 in the electronic device 600 is shown. For example, the description of the storage medium 800 can refer to Fig. 9 The corresponding description of the memory 620 in the electronic device 600 is shown and will not be repeated here.

[0103] In the above, combined with Figures 1 to 11 The present invention describes a page display method, a page display device, an electronic device, a storage medium, and a program product provided by an embodiment of the present invention. The page display method provided by an embodiment of the present invention can play an obvious role in prompting live broadcasts for users browsing pages, thereby attracting users browsing pages to watch the current live broadcast. In addition, the live broadcast video and live broadcast related information can provide users browsing pages with a more intuitive and rich visual experience, so that users browsing pages can watch live broadcast information without entering the live broadcast room page, thereby improving user experience.

[0104] It should be noted that the storage medium (computer-readable medium) disclosed above may be a computer-readable signal medium or a non-transitory computer-readable storage medium or any combination of the above two. Non-transitory computer-readable storage media may be, for example, but not limited to, electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or devices, or any combination of the above. More specific examples of non-transitory computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a non-transitory computer-readable storage medium may be any tangible medium containing or storing a program, which may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, which carries a computer-readable program code. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. Computer readable signal media may also be any computer readable medium other than a non-transitory computer readable storage medium, which may send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0105] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as Hyper Text Transfer Protocol (HTTP), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network (LAN), a wide area network (WAN), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0106] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0107] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device: responds to a display request for a content display page of a target object, and when the target object is in a live broadcast state, obtains the live broadcast information of the current live broadcast of the target object, wherein the live broadcast information includes live broadcast content and live broadcast related information; displays a content display page, wherein the content display page includes a content display area and a live broadcast area, the live broadcast area is configured to display the live broadcast information, and the content display area is configured to display the published content of the target object.

[0108] Alternatively, the computer-readable medium carries one or more programs, and when the one or more programs are executed by the electronic device, the electronic device: responds to a display request for a content display page of a target object, and when the target object is in a live broadcast state, obtains live broadcast information of the current live broadcast of the target object, wherein the live broadcast information includes live broadcast content and live broadcast related information; displays a content display page, wherein the content display page includes a content display area and a live broadcast area, the live broadcast area is configured to display live broadcast information, and the content display area is configured to display the published content of the target object.

[0109] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or combinations thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, such as a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0110] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0111] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware, wherein the name of a unit does not, in some cases, limit the unit itself.

[0112] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), etc.

[0113] In the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0114] The above description is only a partial embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other.

[0115] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0116] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims

1. A page display method, comprising: In response to a display request for a content display page of a target object, when the target object is in a live broadcast state, obtaining live broadcast information of a current live broadcast of the target object, wherein the live broadcast information includes live broadcast content and live broadcast associated information; Displaying the content display page, wherein the content display page includes a content display area and a live broadcast area, the live broadcast area is configured to display the live broadcast information, and the content display area is configured to display the published content of the target object; Wherein, the live broadcast related information includes item information; The live broadcast area is located at the top of the content display page.

2. The page display method according to claim 1, wherein: The live broadcast content is a live video, and the live broadcast area displays a partial screen area of ​​the live video.

3. The page display method according to claim 2, further comprising: In response to a first interactive operation on the live broadcast area, the content display page is transformed into a live broadcast room page corresponding to the current live broadcast.

4. The page display method according to claim 3, wherein: The live broadcast area covers the filter layer to display a partial screen area of ​​the live video.

5. The page display method according to claim 3 or 4, wherein: The live broadcast area has a first display size, and the live broadcast room page has a second display size; The content display page is transformed into the live broadcast room page of the current live broadcast, including: During the transformation process, the live broadcast area gradually changes from the first display size to the second display size, and the live broadcast area gradually changes from displaying the partial screen area to displaying the entire screen area of ​​the live video.

6. The page display method according to claim 1, further comprising: In response to a second interactive operation on the content display page, the display size of the live broadcast area is reduced, and the display size of the content display area is increased; When the display size of the live broadcast area is reduced to an area threshold, a page floating window is displayed above the content display area, wherein the page floating window is configured to display information of the live broadcast content.

7. The page display method according to claim 1, wherein: The display area of ​​the live broadcast area is not less than 1 / 3 of the display area of ​​the content display page.

8. The page display method according to claim 1, wherein: The live broadcast related information is divided into M categories, and the M categories include at least one of related object labels (product labels), transaction information, and comment information. Wherein, M is a positive integer.

9. The page display method according to claim 8, wherein: The live broadcast area displays information of N categories among the M categories, and the N categories are obtained based on user selection operations, Wherein, N is a positive integer less than M.

10. The page display method according to claim 9, wherein: The live broadcast area displays partial information under each of the N categories, and the partial information is selected from the information of the N categories based on an information analysis model.

11. The page display method according to claim 8, wherein: The associated object tags displayed in the live broadcast area include at least one of the following: The label of the associated object of the live content being displayed at the current moment; A label of an associated object located in a specific sorting position among the multiple associated objects corresponding to the live content; The label of the associated object with the optimal transaction parameter among the multiple associated objects corresponding to the live broadcast content.

12. The page display method according to claim 1, further comprising: In response to a third interactive operation on the content display page, turning off or on the sound of the live content; If the sound of the live broadcast content is turned off, the sound of the live broadcast content is gradually reduced within a predetermined time period after receiving the third interactive operation; If the sound of the live broadcast content is turned on, the sound of the live broadcast content is gradually increased within a predetermined time period after receiving the third interactive operation.

13. A page display device, comprising: an acquisition module, configured to, in response to a display request for a content display page of a target object, acquire live broadcast information of a current live broadcast of the target object when the target object is in a live broadcast state, wherein the live broadcast information includes live broadcast content and live broadcast associated information; A display module, configured to display the content display page, wherein the content display page includes a content display area and a live broadcast area, the live broadcast area is configured to display the live broadcast information, and the content display area is configured to display the published content of the target object; Wherein, the live broadcast related information includes item information; The live broadcast area is located at the top of the content display page.

14. An electronic device comprising: processor; a memory including one or more computer program modules; The one or more computer program modules are stored in the memory and configured to be executed by the processor, and the one or more computer program modules include instructions for implementing the page display method according to any one of claims 1 to 12.

15. A computer-readable storage medium for storing non-transitory computer-readable instructions, which, when executed by a computer, can implement the page display method described in any one of claims 1 to 12.

16. A computer program product comprising a computer program carried on a non-transitory computer readable medium, in, The computer program includes a computer program for executing the page display method described in any one of claims 1-12.

Citation Information

Patent Citations

  • Information processing method and device in live broadcast and electronic equipment

    CN111724222A

  • Audio file playing method and device, terminal and storage medium

    CN111818358A

  • Page display method, device and system and storage medium

    CN112153396A

  • Live broadcast content display method and device, electronic equipment and readable storage medium

    CN115967814A

  • Merchant page display method

    CN118247010A

Cited By

  • Page display method and apparatus, electronic device and storage medium

    US12689792B2