Live distribution content presentation method, device, electronic device, and readable storage medium

Abstract

The present disclosure relates to a method, device, electronic device, and readable storage medium for presenting live streaming content, the method including accepting a trigger operation on a target entry, and in response to the trigger operation on the target entry, presenting a personal homepage of a target user, and presenting live streaming preview content in a background image area included in the personal homepage while the target user is live streaming, wherein the live streaming preview content presented in the background image area is generated according to a screen of the target user's live streaming room.

Description

[Technical Field]

[0001] The present disclosure relates to the field of Internet technology, and in particular to a method, device, electronic device, and readable storage medium for presenting live streaming content. [Background technology]

[0002] With the rapid development of Internet technology, applications can provide online live streaming functions, in which a broadcaster can activate the online live streaming function, and other users can enter the broadcaster's online live streaming room and participate in the online live streaming through a live streaming recommendation page provided by the application or by searching for the broadcaster.

[0003] Currently, users only have one way to obtain live streaming content, which significantly impacts the user experience. Summary of the Invention

[0004] To solve or at least partially solve the above technical problems, embodiments of the present disclosure provide a live streaming content presentation method, device, electronic device, and readable storage medium.

[0005] According to a first aspect, an embodiment of the present disclosure comprises: accepting a trigger operation on a target entry; The live distribution content presentation method includes presenting a personal home page of the target user in response to a trigger operation on the target entry, and presenting live distribution preview content generated according to a screen of the live distribution room of the target user in a background image area included in the personal home page while the target user is performing live distribution.

[0006] In some embodiments, the method further comprises: The method further includes switching from the personal homepage to the live streaming room of the target user in response to a trigger operation on the background image area, and presenting a screen of the live streaming room of the target user.

[0007] In some embodiments, the switching from the personal homepage to the live streaming room of the target user in response to a trigger operation on the background image area as described above includes: In response to a click operation on the background image area, switching from the personal homepage to the live streaming room of the target user is included.

[0008] In some embodiments, the switching from the personal homepage to the live streaming room of the target user in response to a trigger operation on the background image area as described above includes: In response to a pull-down operation on the background image area, checking whether a preset limit point has been reached when the pull-down operation is completed; and switching from the personal homepage to the target user's live streaming room if it is determined that a preset limit has been reached when the pull-down operation is completed.

[0009] In some embodiments, the method further includes indicating that the pull-down operation has reached the preset limit.

[0010] In some embodiments, the aforementioned step of indicating that the pull-down operation has reached the preset limit includes: The method includes notifying the user by text and / or vibration that the pull-down operation has reached the preset limit.

[0011] In some embodiments, the live streaming preview content is obtained by cropping the screen of the target user's live streaming room according to the size of the background image area.

[0012] In some embodiments, the live streaming preview content is obtained by recognizing the visual center of gravity of the screen of the target user's live streaming room and cropping the screen of the target user's live streaming room according to the size of the background image area and the visual center of gravity.

[0013] In some embodiments, the live streaming preview content is obtained by reducing the screen of the target user's live streaming room according to the size of the background image area.

[0014] According to a second aspect, an embodiment of the present disclosure comprises: a reception module for receiving a trigger operation on a target entry; A live distribution content presentation device is provided, which includes a display module for presenting a personal homepage of the target user in response to a trigger operation on the target entry, and for presenting live distribution preview content generated according to the screen of the live distribution room of the target user in a background image area included in the personal homepage while the target user is performing live distribution.

[0015] According to a third aspect, an embodiment of the present disclosure provides an electronic device including a memory and a processor, wherein the memory is arranged to store computer program instructions, and the processor is arranged to execute the computer program instructions to realize the live streaming content presentation method described in any one of the first aspect.

[0016] According to a fourth aspect, an embodiment of the present disclosure provides a readable storage medium containing computer program instructions, the storage medium comprising: There is further provided a readable storage medium, the computer program instructions, when executed by at least one processor of an electronic device, causing the electronic device to implement the live streaming content presentation method according to any one of the first aspects.

[0017] According to a fifth aspect, an embodiment of the present disclosure further provides a computer program product that, when executed by a computer, causes the computer to perform the live streaming content presentation method according to any one of the first aspects. [Brief explanation of the drawings]

[0018] The drawings herein, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure.

[0019] In order to more clearly describe the technical solutions in the embodiments or related art of the present disclosure, the following briefly describes the drawings that need to be used in the description of the embodiments or related art. Obviously, those skilled in the art can obtain other drawings based on these drawings without any creative efforts.

[0020] [Figure 1A] FIG. 1 is a schematic diagram of a human-machine interface according to an embodiment of the present disclosure. [Figure 1B] FIG. 1 is a schematic diagram of a human-machine interface according to an embodiment of the present disclosure. [Figure 1C] FIG. 1 is a schematic diagram of a human-machine interface according to an embodiment of the present disclosure. [Figure 1D] FIG. 1 is a schematic diagram of a human-machine interface according to an embodiment of the present disclosure. [Figure 1E] FIG. 1 is a schematic diagram of a human-machine interface according to an embodiment of the present disclosure. [Figure 1F] FIG. 1 is a schematic diagram of a human-machine interface according to an embodiment of the present disclosure. [Figure 2] FIG. 1 is a schematic diagram of the location of preset limit points according to one embodiment of the present disclosure. [Figure 3] FIG. 10 is a schematic diagram illustrating the flow of a live distribution content presentation method according to another embodiment of the present disclosure. [Figure 4]FIG. 10 is a schematic diagram illustrating the flow of a live distribution content presentation method according to another embodiment of the present disclosure. [Figure 5] 1 is a schematic diagram illustrating the configuration of a live distribution content presentation device according to an embodiment of the present disclosure. [Figure 6] 1 is a schematic diagram illustrating the configuration of an electronic device according to an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE INVENTION

[0021] In order to make the above-mentioned objects, features and advantages of the present disclosure more clearly understandable, the present disclosure will be further described below. It should be noted that, unless contradictory, the embodiments and features in the embodiments of the present disclosure can be combined with each other.

[0022] In the following description, many specific details are set forth in order to fully understand the present disclosure; however, the present disclosure may be embodied in other forms different from those described herein. Obviously, the embodiments in the specification are only some of the embodiments of the present disclosure, but not all of the embodiments.

[0023]

[0009] Exemplarily, the present disclosure provides a live streaming content presentation method, device, electronic device, readable storage medium, and computer program product, the method including: receiving a trigger operation for a target entry; and, in response to the trigger operation for the target entry, presenting a personal homepage of a target user; and, while the target user is live streaming, presenting live streaming preview content in a background image area included in the personal homepage, wherein the live streaming preview content presented in the background image area is generated according to the screen of a live streaming room in which the target user is streaming. This allows a user to view the live streaming content broadcast by the target user when entering the target user's personal homepage, thereby enriching the user's routes for previewing the live streaming content, which is advantageous to increasing the user's willingness to enter the live streaming room page and improving the user experience.

[0024] Here, the background image area of ​​a personal homepage in this disclosure is the Header The background image area is used to present a background image of the personal homepage, and is generally located at the top of the personal homepage. The background image of the personal homepage may be a default background image or may be customized by the user, and the present disclosure is not limited thereto.

[0025] Here, the live streaming content distributed by the target user may include performance videos, content recorded in real time, pre-recorded content, etc., and the present disclosure is not limited thereto.

[0026] The live streaming content presentation method according to the present disclosure is executed by an electronic device, which may be a tablet, a mobile phone (e.g., a flip phone, a large-screen phone, etc.), a wearable device, an in-vehicle device, an augmented reality (AR) / virtual reality (VR) device, a laptop, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), a smart TV, a smart screen, a high-definition TV, a 4K TV, a smart speaker, a smart projector, or other Internet of Things (IoT) device, and the present disclosure does not limit the specific type of electronic device.

[0027] Here, the present disclosure does not limit the type of operating system of the electronic device, such as Android system, Linux system, Windows system, iOS system, etc.

[0028] Based on the above description, the embodiments of the present disclosure take electronic devices as an example, and combine drawings and application scenarios to describe in detail the interaction method according to the present disclosure.

[0029] 1A to 1F, a process for realizing a live streaming content presentation method according to the present disclosure will be described. For convenience of explanation, an example will be taken in which the electronic device is a mobile phone, a short video social application (hereinafter referred to as application 1) is installed on the mobile phone, and user 1 is live streaming.

[0030] 1A-1F are schematic diagrams of a human-machine interaction interface according to an embodiment of the present disclosure.

[0031] Here, when the application 1 receives a trigger operation for entering the personal homepage of the user 1, the application 1 may, for example, display a user interface 11 on the mobile phone as shown in Fig. 1A. The user interface 11 is for presenting the personal homepage of the user 1.

[0032] As shown in FIG. 1A , user interface 11 includes area 101, which is a background image area. When user 1 is currently live streaming, area 101 is intended to present live streaming preview content generated according to the screen of user 1's live streaming room. When user 1 is not currently live streaming, area 101 may present a background image of a personal homepage corresponding to user 1, and the present disclosure is not limited to the background image of the personal homepage. For example, the background image of user 1's personal homepage may be a default background image provided by application 1 or a background image customized by user 1.

[0033] The present disclosure does not limit parameters such as the size, display position, and shape of region 101. For example, as shown in FIG. 1A, region 101 may be rectangular, and region 101 may be located in the topmost region of a personal homepage, i.e., region 101 may be located in the topmost region of user interface 11.

[0034] If User 1 is currently live streaming, the live streaming preview content presented in area 101 may be generated according to the screen of User 1's live streaming room. The present disclosure does not limit the type of User 1's live streaming room. For example, User 1's live streaming room may be a live streaming room that can generate a real-time live stream. For example, the live streaming content of User 1's live streaming room may be a performance video recorded in real time, a pre-recorded performance video, a movie / drama being played, etc. Furthermore, User 1's live streaming room may be a non-stream live streaming room, such as an audio live streaming room or a chat room live streaming room.

[0035] Next, an example will be described in which a performance video recorded in real time in a live distribution room of user 1 is live distributed.

[0036] For example, if a performance video recorded in real time is live-streamed in User 1's live streaming room, a live stream will be generated in User 1's live streaming room. The live streaming preview content generated in response to the live stream generated in the live streaming room is a live streaming preview stream corresponding to the live stream. Therefore, the live streaming preview stream will be displayed in the background image area (i.e., area 101) of User 1's personal homepage. Other live streaming rooms that can generate a live stream similar to User 1's live streaming room can also display their live streaming preview streams in the background image area of ​​the target user's personal homepage in a similar manner.

[0037] For example, area 101 may display a screen of live streaming content (i.e., a performance video) that user 1 broadcasts in a live streaming room. The present disclosure does not limit whether content other than the live streaming content, such as comment information posted by a user in a live streaming room, is displayed in area 101. When a user enters a live streaming room, the live streaming content broadcast in the live streaming room generally receives more attention than other content presented in the live streaming room. Therefore, area 101 may mainly display a screen of the live streaming content, which can be adapted to the user's viewing habits and improve the user experience.

[0038] In some embodiments, the image of the acquired live distribution content may be displayed in area 101 without performing image processing on the live distribution content.

[0039] For example, the size of area 101 may be matched to the screen size of the live-streamed content. For example, if the size of area 101 is equal to or larger than the screen size of the live-streamed content, the live-streamed content may be displayed in area 101 while maintaining the screen size of the live-streamed content. This ensures that users can view a relatively complete screen of the live-streamed content from area 101, which is advantageous in increasing users' motivation to enter the live-streaming room. If the size of area 101 is larger than the screen size of the live-streamed content, other content may be filled in the area that cannot be filled with the screen of the live-streamed content. For example, the area that cannot be filled with the screen of the live-streamed content may be filled with solid black or white.

[0040] In some other embodiments, the live streaming preview content is obtained by performing image processing on the screen of the live streaming content, and the live streaming preview content is then presented in the area 101 .

[0041] For example, the screen of the live-streamed content may be trimmed, and one area of ​​the screen of the live-streamed content may be selected and presented. When trimming, the visual center of gravity of the screen of the live-streamed content may be recognized in real time, and the screen of the live-streamed content may be trimmed according to the size and visual center of gravity of the area 101, thereby obtaining the screen to be presented in the area 101.

[0042] Here, artificial intelligence technology is used to recognize, crop, and track the most visually appealing screen area from the live streaming content screen in real time, ensuring that the center of gravity of the live streaming content screen is always displayed in the background image area of ​​the personal homepage. Alternatively, the live streaming content screen may be reduced in size so that a thumbnail of the live streaming content screen can be displayed in area 101. Alternatively, if the size of the screen area of ​​the live streaming content to be cropped does not match the size of area 101, the size of the cropped live streaming content screen may be adjusted, and the adjusted live streaming content screen may be displayed in area 101. After adjusting the size of the cropped live streaming content screen, it may not be possible to fill the entire area 101. Therefore, other content may be used to fill the area not filled by the cropped live streaming content screen, for example, by filling the area not filled by the cropped live streaming content screen with a solid black or white color.

[0043] The present disclosure does not limit the presentation method of live streaming content delivered by user 1 in area 101, but may be flexibly set according to needs. Furthermore, when live streaming preview content is displayed in area 101, consideration may be given to whether the electronic device is currently in landscape or portrait orientation. For example, when the electronic device is in portrait orientation, margins may be added to both sides of the screen for the live streaming preview content, and when the electronic device is in landscape orientation, the screen for the live streaming preview content may fill the entire area 101.

[0044] Additionally, region 101 may further display presented content to indicate that user 1 is currently live streaming. The presented content may be realized in one or more ways, such as an image, a symbol, text, or animation. For example, as shown in FIG. 1A , region a1 may display presented content, which may include the text "Live streaming" and a symbol with an animation effect. The present disclosure does not limit any display parameters of the presented content, such as the display position, size, or color.

[0045] The user interface 11 may further include a control 102 for controlling the volume of the live streaming preview content. The control 102 may be realized by one or more methods, such as an image, a symbol, or a character. The application 1 may default to a mute state when displaying the user interface 11. That is, the audio content included in the live streaming preview content is not played, and the presentation method of the control 102 corresponds to the mute state. When the application 1 receives a trigger operation (e.g., a click operation) on the control 102, the application 1 may play the audio content included in the live streaming preview content and switch the presentation method of the control 102 to a method corresponding to the non-mute state.

[0046] A user may alternate between the muted and unmuted states by repeatedly operating control 102 .

[0047] The user interface 11 may further include a control 103 for exiting the user 1's personal homepage and an entry 104 for accessing a specific page. Through a specific page, the user may realize functions such as sharing the user 1, blocking the user 1, and sending a direct message to the user 1. The present disclosure does not limit the implementation and display parameters of the control 103 and the entry 104. For example, the control 103 and the entry 104 may be realized by one or more methods such as an icon, a character, an image, or a symbol, and the control 103 and the entry 104 may be displayed in an upper layer of the area 101 by being superimposed on the area 101.

[0048] In order to minimize the obstruction of the live streaming preview content displayed in the area 101 by the control 103 and the entry 104 on the screen, the control 103 and the entry 104 may be displayed in a semi-transparent state.

[0049] In addition, the user interface 11 may further present information related to user 1, such as user 1's account information, user 1's avatar information, user 1's unique signature, tag information of user 1's affiliation type, works posted by user 1, works that user 1 likes, entries to enter user 1's product display window, entries to enter topics in which user 1 has participated, entries to enter user 1's follower group, etc.

[0050] Based on the embodiment shown in FIG. 1A, in response to a trigger operation on the area 101, the application 1 may present the live streaming room page of the user 1 on the mobile phone, that is, enter the live streaming room of the user 1.

[0051] In this embodiment, a case is shown in which a click operation and a pull-down operation on the area 101 are used to enter the live streaming room of user 1. Each of these operations will be described in detail below.

[0052] Case 1: In response to a click operation on area 101, the user enters the live streaming room of user 1.

[0053] In case 1, the user may click on any position in area 101. Application 1 may check whether the position clicked by the user is within area 101. If the position clicked by the user is within area 101, Application 1 may jump to the live streaming room page of User 1. The present disclosure does not limit the implementation form of User 1's live streaming room page.

[0054] 1B on the mobile phone. The user interface 12 is for displaying the live streaming room page of the user 1.

[0055] In FIG. 1B, user interface 12 includes region 105 .

[0056] Area 105 is intended to display live streaming content distributed by User 1 so that users can view the multimedia content distributed by User 1. The present disclosure does not limit parameters such as the shape, location, and size of area 105. For example, as shown in FIG. 1B, area 105 is a rectangular area located in the center of user interface 12. Note that area 105 may include the entire display screen of the mobile phone.

[0057] The user interface 12 may also present content such as a button to follow accounts related to the live streaming content distributed by User 1, the number of views of the currently playing live streaming content, and the title of the currently playing live streaming content. The user interface 12 may also present controls related to the currently playing live streaming content, such as a button to exit the live streaming room, a button to share the live streaming content of the current live streaming room, an entry for entering a live streaming recommendation page, an entry for entering a virtual gift presentation interface, and an entry for entering a specific page. Through the specific page, the user can realize functions such as sharing User 1's live streaming room, reporting User 1's live streaming room, and clearing the screen.

[0058] The user interface 12 may further include an area 106 for displaying a comment interface corresponding to the live-streamed content. The comment interface is primarily used to display comment information for the currently playing live-streamed content. However, the present disclosure does not limit the manner in which comment information is displayed in the comment interface.

[0059] If the position where the user clicks is not within the area 101, the application 1 may jump to another corresponding page according to the position where the user clicks, or may keep the current user interface 11 as it is.

[0060] Case 2: In response to a pull-down operation on area 101, the user enters the live streaming room of user 1.

[0061] In case 2, the user may start pulling down from any position in area 101. Application 1 detects the end of the pull-down operation and jumps to User 1's live streaming room page if it determines that the pull-down operation has reached a preset limit.

[0062] Here, the preset limit point may be determined based on the position of a pixel point on the screen of the mobile phone. As shown in FIG. 2, if the pixel size of the mobile phone screen is 375*210, a Cartesian coordinate system is constructed along two perpendicular sides, with the lower left corner of the mobile phone screen as the origin. Here, if the vertical side is the Y axis and the horizontal side is the X axis, the position of the preset limit point may include the positions of multiple pixel points on a line whose Y coordinate is n. For example, if n is 88, the preset limit point may include the positions of multiple pixel points whose Y coordinate is 88.

[0063] Here, in the embodiment shown in FIG. 2, both "pt" and "dp" represent pixel units, and "pt / dp" indicates that either the pixel unit "pt" or "dp" is used.

[0064] In the present disclosure, in Case 2, the implementation of jumping from a personal homepage to a live streaming room page is not limited.

[0065] For example, when a user starts a pull-down operation from any position in area 101, when the pull-down operation reaches a preset limit point, User 1's live streaming room page may be presented on the mobile phone screen in a downward-moving manner.

[0066] Illustratively, when the application 1 detects a pull-down operation and a preset limit is reached or exceeded, the application 1 may illustratively display a user interface 13 shown in FIG. 1C on the mobile phone.

[0067] Referring to user interface 13 shown in FIG. 1C, the personal homepage displayed on user interface 13 has been moved downward relative to the personal homepage presented on user interface 11. As the personal homepage has been moved downward, an area formed by the top edge of the personal homepage, the top edge of the mobile phone screen, and two side edges of the mobile phone screen, such as area 107 shown in FIG. 1C, appears. User 1's live streaming room page may be displayed in area 107. Since the size of area 107 is insufficient to display all of the content of the live streaming room page, a portion of the screen of the live streaming room page may be displayed in area 107. For example, the screen content corresponding to the position of area 107 may be appropriately cropped from the screen of the live streaming room page and displayed in area 107.

[0068] If the live streaming room page is as shown in Fig. 1B, the screen content corresponding to area 107 is extracted according to the content displayed on the live streaming room page. Here, the screen content corresponding to area 107 is solid white. Therefore, in Fig. 1C, area 107 is solid white.

[0069] Note that the application 1 may always display the user interface 11 shown in FIG. 1A on the mobile phone screen before the pull-down operation reaches a preset limit point.

[0070] Furthermore, when the pull-down operation reaches a preset limit, the application 1 may display presentation information to notify the user that the pull-down operation has reached the preset limit, and allow the user to understand that if the user ends the pull-down operation, he or she will be able to enter the live streaming room of the user 1. Here, the presentation information may be realized by text presentation and / or vibration presentation.

[0071] For example, as shown in FIG. 1C, the user interface 13 further includes an area 108. The area 108 displays text such as "Release your finger to enter the live streaming room" to notify the user that the pull-down operation has reached a preset limit. Of course, the text display is not limited to that shown in FIG. 1C and may be realized by other text.

[0072] The present disclosure does not limit any parameters such as the display position, size, color of the area, color, font, and font size of the characters located in the area 108. For example, as shown in Fig. 1C, the area 108 may be superimposed on the background image area of ​​a personal homepage and displayed on top of the background image area.

[0073] When the text and vibration appear in area 108, application 1 detects the end of the pull-down operation. Therefore, application 1 automatically moves the non-background image area of ​​the personal homepage down, and further displays user 1's live streaming room page on the entire screen of the mobile phone, for example, it may display user interface 12 shown in FIG. 1B.

[0074] When the preset limit point is reached but application 1 detects that the pull-down operation is not finished (for example, if the user does not release his finger, application 1 can determine that the pull-down operation is not finished), and the user continues to swipe down, as the distance the pull-down operation has exceeded the preset limit point continuously increases, the area of ​​area 107 continuously increases, and more related content of the live streaming room page can be displayed in area 107.

[0075] 1D on the mobile phone, the application 1 may exemplarily display the user interface 14 shown in Fig. 1D. In the user interface 14, the background image area of ​​the personal homepage disappears, the non-background image area of ​​the personal homepage moves further down, and the size of the non-background image area of ​​the personal homepage decreases in the user interface 14, increasing the area of ​​the area 107 for displaying the related screen of the live streaming room page of the user 1.

[0076] Furthermore, the notification information for notifying the user that the pull-down operation has reached a preset limit may disappear as the area of ​​area 107 continues to increase. For example, when the area of ​​area 107 exceeds half of the entire screen of the mobile phone, the text notification in area 108 may disappear and the vibration notification may also stop.

[0077] In the user interface 14 shown in FIG. 1D, as the personal homepage continuously moves down, the background image area of ​​the personal homepage disappears and the area of ​​area 107 increases, allowing the user to focus their vision on the relevant screen of the live streaming room page, which is advantageous to improving the user experience.

[0078] When application 1 detects the end of the pull-down operation and the pull-down operation reaches a preset limit, application 1 automatically moves down the non-background image area of ​​the personal homepage, and further displays user 1's live streaming room page on the entire screen of the mobile phone, and may display, for example, user interface 12 shown in Figure 1B.

[0079] In this way, the user can successfully enter the live streaming room page of User 1 by performing a pull-down operation on the background image area of ​​the personal homepage.

[0080] In some cases, if the user starts a pull-down from any position in the area 101 and the application 1 detects that the pull-down operation has ended but not reached a preset limit, the application 1 does not jump to the user 1's live streaming room page, and the application 1 always displays the user 1's personal homepage while the user is inputting the pull-down operation. Alternatively, if the user's input pull-down operation exceeds a preset limit but the user has not released the finger, the application 1 may, for example, sequentially display the user interface 13 shown in FIG. 1C and the user interface 14 shown in FIG. 1D, depending on the distance by which the pull-down operation exceeds the preset limit. Immediately after that, if the user inputs a swipe-up operation, the application 1 does not jump to the user 1's live streaming room page, but returns from the user interface 14 shown in FIG. 1D to the user interface 13 of the embodiment shown in FIG. 1C. When the application 1 detects the end of the swipe-up operation, the application 1 returns to displaying the user interface 11 shown in FIG. 1A, i.e., when the application 1 detects the end of the swipe-up operation, the application 1 displays the user 1's personal homepage.

[0081] Furthermore, based on the embodiment shown in FIG. 1A above, guidance information may be displayed on the user interface 11 to notify the user that the application 1 provides a function to enter the user 1's live streaming room from the background image area, and to guide the user to perform the operation. The present disclosure does not limit the implementation form of the guidance information. For example, the guidance information may be implemented using one or more methods, such as a text bubble, animation effects, images, symbols, etc. Exemplarily, as shown in FIG. 1A , the user interface 11 further includes an area a2. The area a2 is for displaying a text bubble. The text bubble may display a text guidance content such as "Click or pull down to enter the live streaming room," or, of course, other text guidance content may also be displayed. The present disclosure does not limit the display position of the guidance information.

[0082] Here, the guidance information may be displayed the first time the user uses the function to enter a live streaming room from the background image area, the first N times the user uses the function to enter a live streaming room from the background image area, or every time the user uses the function to enter a live streaming room from the background image area, or it may not be displayed at all, and the present disclosure is not limited in this regard.

[0083] 1A, the area for presenting the avatar of user 1 may further provide an entry to enter the live streaming room of user 1, and a breathing animation effect may further be displayed in the area for presenting the avatar of user 1. The breathing animation effect may indicate to the user that user 1 is currently live streaming. When application 1 detects a trigger operation on the avatar area of ​​user 1, application 1 jumps to the live streaming room page of user 1, for example, the user interface 12 shown in FIG. 1B.

[0084] 1A to 1D, a case has been described in which a performance video recorded in real time in User 1's live streaming room is live-streamed. As can be seen from the previous description, User 1's live streaming room may be a live streaming room without a stream, such as an audio live streaming room or a chat room live streaming room. For example, if User 1's live streaming room is an audio live streaming room, the live streaming room screen may display avatar information, account information, etc. of users currently participating in the live streaming room. Therefore, live streaming preview content may be generated from the live streaming room screen in a preset manner. The present disclosure is not limited to the preset manner. For example, the live streaming room screen may be cropped at a preset ratio depending on the size of area 101, and the cropped live streaming room screen may be displayed in area 101. Alternatively, a thumbnail of the entire live streaming room screen may be displayed in area 101.

[0085] Furthermore, if the screen of User 1's live streaming room changes, the screen of the live streaming room displayed in area 101 is updated. For example, if a new user joins User 1's live streaming room, if a user has left User 1's live streaming room, if a user has posted comment information, or if a user has sent a virtual gift, the live streaming preview content may be regenerated from the latest live streaming room screen and displayed in area 101.

[0086] For example, if User 1's live streaming room is an audio live streaming room and live streaming is being performed in the live streaming room, when User 1 enters his / her personal homepage, Application 1 may display a user interface 15, exemplarily shown in Fig. 1E, on the mobile phone. As shown in Fig. 1E, in User Interface 15, area 101 displays live streaming preview content extracted from the screen of User 1's audio live streaming room.

[0087] 1F exemplarily illustrates a screen of a live audio streaming room for user 1, i.e., a live streaming room page for user 1. Referring to user interface 16 illustrated in FIG. 1F, in addition to user 1, three other users are participating in user 1's live streaming room, namely user "aaa1," user "aaa2," and user "aaa3." Therefore, in addition to user 1's avatar and the name of user 1's live streaming room, the avatars and names of user "aaa1," user "aaa2," and user "aaa3" are also displayed in area 109 of user interface 16. Naturally, other related content may also be displayed in area 109, and the present disclosure is not limited thereto.

[0088] The user interface 16 may further include an area 110 for presenting comment information for the audio live streaming room of the user 1. The user interface 16 may further display a system prompt issued by the application 1.

[0089] Accordingly, as illustrated in the example of user interface 15 according to the embodiment shown in Fig. 1E, based on user interface 16 shown in Fig. 1F, the screen content of region 109 may be cropped according to the size of region 101, and the cropped screen content may be displayed in region 101. Alternatively, as shown in user interface 16 shown in Fig. 1F, the size of the screen content of region 109 may be adjusted to match the size of region 101, and the screen content may be displayed in region 101.

[0090] Furthermore, the implementation in which the user enters user interface 16 via area 101 in user interface 15 is similar to the embodiment shown in Figures 1A to 1D described above, and reference may be made to the detailed description of the embodiment described above, and for the sake of brevity, will not be further described here.

[0091] The live streaming content presentation method disclosed herein first presents live streaming preview content in the background image area of ​​a personal homepage, thereby enriching the user's options for viewing the live streaming preview content and increasing the user's willingness to enter the live streaming room. Furthermore, by providing an entry for entering User 1's live streaming room on the personal homepage, the user can enrich the options for entering the live streaming room, allowing the user to enter the live streaming room in various ways, with high flexibility and improved user experience.

[0092] The present disclosure further provides a live streaming room content presentation method.

[0093] 3 is a schematic diagram illustrating a flow of a live streaming room content presentation method according to an embodiment of the present disclosure. As shown in FIG. 3, the method according to this embodiment includes the following steps:

[0094] S301: A trigger operation for a target entry is accepted.

[0095] An application is installed on the electronic device, and the application allows the user to enter the target user's personal homepage. Here, the target entry may include an entry for entering the target user's personal homepage provided by the application. The target entry may include an entry on a multimedia content presentation page, an entry on a friend list, an entry on a notification information page, etc., and may also include entries provided by other pages, and the present disclosure is not limited to the target entry.

[0096] S302: In response to a trigger operation on the target entry, the target user's personal homepage is presented, and while the target user is live streaming, live streaming preview content generated according to the screen of the target user's live streaming room is presented in a background image area included in the personal homepage.

[0097] When the application receives a trigger operation (for example, a click operation) on the target entry, the application displays the target user's personal homepage on the electronic device. The present disclosure does not limit the implementation of the personal homepage.

[0098] Here, the personal homepage includes a background image area. In the present disclosure, when the target user is currently live streaming, live streaming preview content generated according to the screen of the target user's live streaming room is displayed in the background image area of ​​the target user's personal homepage.

[0099] As described above, the target user's live streaming room may be a live streaming room capable of generating a live stream. Therefore, the live streaming preview content is a live streaming preview stream generated according to the live stream (i.e., the live streaming content). The target user's live streaming room may also be a live streaming room without a stream. Therefore, the live streaming preview content may be a screen of the live streaming room cropped in a predetermined manner.

[0100] If the target user's live streaming room is a live streaming room capable of generating a live stream, the live streaming preview content may be generated in the following manner.

[0101] In some embodiments, the captured live-stream content may be displayed as is in the background image area without any image processing being performed on the live-stream content.

[0102] For example, the size of the background image area may be matched to the screen size of the live streaming content. For example, if the size of the background image area is equal to or larger than the screen size of the live streaming content, the live streaming content may be displayed in the background image area while maintaining the screen size of the live streaming content. This ensures that users can view a relatively complete screen of the live streaming content from the background image area, which is advantageous in increasing users' motivation to enter the live streaming room.

[0103] In some other embodiments, the live streaming preview content is obtained by performing image processing on the live streaming content, and the live streaming preview content is then presented in the background image area.

[0104] For example, the live-streaming content screen may be trimmed, and one area of ​​the live-streaming content screen may be selected and presented. When trimming, the visual center of gravity of the live-streaming content screen may be recognized in real time, and the live-streaming content screen may be trimmed according to the size and visual center of gravity of the background image area to obtain the screen to be presented in the background image area.

[0105] Here, the most attractive area of ​​the live streaming content screen is recognized, cut out, and tracked in real time using artificial intelligence technology to ensure that the center of gravity of the live streaming content screen is always displayed in the background image area of ​​the personal homepage, or the live streaming content screen may be reduced in size so that a thumbnail of the live streaming content screen can be displayed in the background image area.

[0106] The present disclosure does not limit the presentation method of the live streaming content of the target user in the background image area, but rather allows for flexible configuration according to user needs. Furthermore, when the live streaming preview content is presented in the background image area, consideration may be given to whether the electronic device is currently in landscape or portrait orientation. For example, when the electronic device is in portrait orientation, margins may be applied to both sides of the screen of the live streaming preview content. When the electronic device is in landscape orientation, the screen of the live streaming preview content may fill the entire background image area.

[0107] If the target user's live streaming room is a live streaming room without a stream, the live streaming preview content may be generated from the screen of the live streaming room in a preset manner. The present disclosure is not limited to the preset manner. For example, the screen of the live streaming room may be cropped at a preset ratio according to the size of the background image area, and the cropped screen of the live streaming room may be displayed in the background image area. Alternatively, a thumbnail of the entire screen of the live streaming room may be displayed in the background image area. For example, as shown in the embodiment of FIG. 1E.

[0108] The method according to the present embodiment accepts a trigger operation on a target entry, and in response to the trigger operation on the target entry, presents a personal homepage of the target user. While the target user is live streaming, the live streaming preview content is displayed in a background image area of ​​the personal homepage. The live streaming preview content displayed in the background image area is generated according to the screen of the live streaming room of the target user. This allows users to view the live streaming content when they enter the personal homepage of the target user, thereby providing more routes for users to preview the live streaming content and increasing users' willingness to enter the live streaming room page, thereby improving the user experience.

[0109] 4 is a schematic diagram illustrating a flow of a live distribution content presentation method according to another embodiment of the present disclosure. As shown in FIG. 4, the method according to this embodiment includes the following steps:

[0110] S401: A trigger operation for a target entry is accepted.

[0111] S402: In response to a trigger operation on the target entry, the target user's personal homepage is displayed, and while the target user is live streaming, live streaming preview content generated according to the screen of the target user's live streaming room is presented in a background image area included in the personal homepage.

[0112] Steps S401 and S402 in this embodiment are similar to steps S301 and S302 in the embodiment shown in FIG. 3, respectively, and reference may be made to the detailed description of the embodiment shown in FIG. 3, and for the sake of brevity, no further description will be given here.

[0113] S403: In response to a trigger operation on the background image area, the personal homepage is switched to the live streaming room of the target user, and the screen of the live streaming room of the target user is presented.

[0114] Referring to the previous description, the user may input a click or pull-down operation on the background image area to cause the application to display the target user's live streaming room page on the electronic device, allowing the user to view the live streaming content broadcast by the target user via the target user's live streaming room page.

[0115] When the user clicks on the background image area to enter the live streaming room of the target user, the application determines whether the position where the user clicked is within the background image area according to the user's click operation, and if it determines that the position where the user clicked is within the background image area, it jumps to the live streaming room page of the target user, i.e., enters the live streaming room of the target user. That is, this corresponds to the above-mentioned case 1, and the user can refer to the previous detailed description, and for the sake of simplicity, no further description will be given here.

[0116] When the user enters the target user's live streaming room by performing a pull-down operation on the background image area, and the application detects that the limit has been reached or exceeded when the pull-down operation ends, the application jumps to the target user's live streaming room page. The present disclosure does not limit the manner of jumping from a personal homepage to the live streaming room page. For example, the live streaming room page may be presented by scrolling down. That is, this corresponds to the above-mentioned Case 2. Please refer to the previous detailed description. For the sake of simplicity, no further description will be given here.

[0117] Furthermore, if the application detects that the pull-down operation has not reached a preset limit, the application may always display the target user's personal homepage. If the user inputs a pull-down operation and then continuously inputs a swipe-up operation without lifting their finger regardless of whether the pull-down operation has exceeded the preset limit, the application may move the live streaming room page down in response to the pull-down operation, but may not jump to the live streaming room page, and may return to the target user's personal homepage in response to the swipe-up operation.

[0118] In addition, when a user reaches a preset limit while inputting a swipe-down operation, the application may display a prompt message to notify the user that the slide-down operation has reached the preset limit. The prompt message may be realized by text prompting and / or vibration prompting. For example, in the case of the embodiment shown in FIG. 1C, the detailed description of the embodiment shown in FIG. 1C may be referred to.

[0119] The method according to this embodiment accepts a trigger operation on a target entry, presents a personal homepage of the target user in response to the trigger operation on the target entry, and presents live streaming preview content in a background image area included in the personal homepage while the target user is live streaming. The live streaming preview content presented in the background image area is generated according to the screen of the target user's live streaming room. This allows users to view the live streaming content when they enter the target user's personal homepage, thereby enriching the routes for users to preview the live streaming content and increasing users' willingness to enter the live streaming room page. Furthermore, by providing an entry for entering the target user's live streaming room in the background image area of ​​the personal homepage, the method enriches the routes for users to enter the live streaming room, allowing users to enter the live streaming room using various operation methods, which is highly flexible and improves the user experience.

[0120] Illustratively, an embodiment of the present disclosure further provides a live streaming content presentation device.

[0121] 5 is a schematic diagram of a live streaming content presentation device according to an embodiment of the present disclosure. As shown in FIG. 5, the live streaming content presentation device 500 according to this embodiment includes: a receiving module 501 for receiving a trigger operation on a target entry; and a display module 502 for presenting the target user's personal homepage in response to a trigger operation on the target entry, and for presenting live streaming preview content generated according to the screen of the target user's live streaming room in a background image area included in the personal homepage while the target user is performing live streaming.

[0122] In some embodiments, the display module 502 is further used to switch from the personal homepage to the target user's live streaming room in response to a trigger operation on a background image area included in the personal homepage and present a screen of the target user's live streaming room.

[0123] In some embodiments, the display module 502 is specifically used to switch from the personal homepage to the target user's live streaming room in response to a click operation on a background image area.

[0124] In some embodiments, the display module 502 is specifically used to, in response to a pull-down operation on the background image area, determine whether a preset limit point is reached when the pull-down operation is completed, and, if it is determined that the preset limit point is reached when the pull-down operation is completed, switch from the personal homepage to the target user's live streaming room.

[0125] In some embodiments, the live streaming content presentation device 500 further includes a presentation module 503 .

[0126] The notification module 503 is used to notify that the pull-down operation has reached the preset limit.

[0127] In some embodiments, the notification module 503 is specifically configured to notify the user that the pull-down operation has reached the preset limit by displaying text and / or vibrating.

[0128] When presented by text, the presentation module 503 is specifically used to control the display module 502 to display the corresponding text presentation content; when presented by vibration, the presentation module 503 is specifically used to control the electronic device to vibrate.

[0129] In some embodiments, the live streaming preview content is obtained by cropping the screen of the target user's live streaming room according to the size of the background image area.

[0130] In some embodiments, the live streaming preview content is obtained by recognizing the visual center of gravity of the screen of the target user's live streaming room and cropping the screen of the target user's live streaming room according to the size of the background image area and the visual center of gravity.

[0131] In some embodiments, the live streaming preview content is obtained by reducing the screen of the target user's live streaming room according to the size of the background image area.

[0132] The live streaming content presentation device according to this embodiment can be used to implement the technical solution of any one of the above method embodiments, and since its implementation principles and technical effects are similar, reference may be made to the detailed description of the above method embodiment, and for the sake of brevity, no further description will be given here.

[0133] Illustratively, embodiments of the present disclosure further provide an electronic device.

[0134] FIG. 6 is a schematic diagram illustrating the configuration of an electronic device according to an embodiment of the present disclosure.

[0135] As shown in FIG. 6, an electronic device 600 according to this embodiment includes a memory 601 and a processor 602.

[0136] Here, the memory 601 may be an independent physical means and may be connected to the processor 602 via a bus 603. The memory 601 and the processor 602 may be integrated and realized by hardware or the like.

[0137] The memory 601 is used for storing program instructions, and the processor 602 calls the program instructions to perform the live streaming content presentation method according to any one of the above method embodiments.

[0138] In some embodiments, when some or all of the methods of the above-described embodiments are implemented in software, the above-described electronic device 600 may include only a processor 602. A memory 601 for storing a program is external to the electronic device 600, and the processor 602 is connected to the memory via circuitry / wiring to read and execute the program stored in the memory.

[0139] The processor 602 may be a central processing unit (CPU), a network processor (NP), or a combination of a CPU and an NP.

[0140] The processor 602 may further include a hardware chip. The hardware chip may be an application-specific integrated circuit (ASIC), a programmable logic device (PLD), or a combination thereof. The PLD may be a complex programmable logic device (CPLD), a field-programmable gate array (FPGA), a generic array logic (GAL), or any combination thereof.

[0141] The memory 601 may include volatile memory, such as random-access memory (RAM). The memory may also include non-volatile memory, such as flash memory, a hard disk drive (HDD), or a solid-state drive (SSD). The memory may also include a combination of the above types of memory.

[0142] The present disclosure further provides a readable storage medium comprising computer program instructions that, when executed by at least one processor of an electronic device, cause the electronic device to implement a live streaming content presentation method according to any one of the method embodiments described above.

[0143] The present disclosure further provides a computer program product, which, when executed on a computer, causes the computer to implement a method for presenting live streaming content according to any one of the method embodiments above.

[0144] It should be noted that, in this specification, relational terms such as "first" and "second" are used solely to distinguish one entity or operation from another and do not require or imply the existence of any actual relationship or order between those entities or operations. Furthermore, the terms "comprise," "include," or any other variant thereof, indicate a non-exclusive inclusion, such that a process, method, article, or device that includes a series of elements includes not only those elements but also other elements not expressly specified or inherent in such process, method, article, or device. Absent further limitations, an element qualified by "comprises a ..." does not exclude the presence of other identical elements in the process, method, article, or device that includes said element.

[0145] The above are merely specific embodiments of the present disclosure, and are used to enable those skilled in the art to understand or realize the present disclosure. Various modifications to these embodiments will be apparent 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 present disclosure. Therefore, the present disclosure is not intended to be limited to these embodiments herein, but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.

[0146] [CROSS-REFERENCE TO RELATED APPLICATIONS] This disclosure claims priority to a Chinese patent application filed on October 11, 2021, entitled "Live streaming content presentation method, device, electronic device and readable storage medium," and bearing Chinese patent application number 202111183746.7, the entire contents of which are incorporated herein by reference.

Claims

1. accepting a trigger operation on a target entry; In response to a trigger operation on the target entry, a personal homepage of the target user is presented, and while the target user is performing live streaming, live streaming preview content generated according to a screen of the live streaming room of the target user is presented in a background image area included in the personal homepage, the background image area being a header image area of ​​the personal homepage; In response to a trigger operation on the background image area, switching from the personal homepage to the live streaming room of the target user and presenting a screen of the live streaming room of the target user, Switching from the personal homepage to the live streaming room of the target user in response to a trigger operation on the background image area includes: In response to a pull-down operation on the background image area, checking whether a preset limit point has been reached when the pull-down operation is completed; and switching from the personal homepage to the target user's live streaming room if it is determined that a preset limit has been reached when the pull-down operation is completed.

2. Switching from the personal homepage to the live streaming room of the target user in response to the trigger operation on the background image area as described above includes: The method for presenting live streaming content according to claim 1 , further comprising switching from the personal homepage to the live streaming room of the target user in response to a click operation on the background image area.

3. The live distribution content presentation method according to claim 1 , further comprising: presenting a notification that the pull-down operation has reached the preset limit point.

4. The above-mentioned notification that the pull-down operation has reached the preset limit may include: The live distribution content presentation method according to claim 3 , further comprising: presenting, by means of text and / or vibration, that the pull-down operation has reached the preset limit point.

5. The live distribution content presentation method according to claim 1 , wherein the live distribution preview content is obtained by trimming a screen of the live distribution room of the target user according to a size of the background image area.

6. The live streaming content presentation method of claim 5, wherein the live streaming preview content is obtained by recognizing the geometric center of the screen of the target user's live streaming room and trimming the screen of the target user's live streaming room according to the size of the background image area and the geometric center.

7. The live distribution content presentation method according to claim 1 , wherein the live distribution preview content is obtained by reducing a screen of the live distribution room of the target user according to the size of the background image area.

8. a reception module for receiving a trigger operation on a target entry; a display module for presenting a personal homepage of the target user in response to a trigger operation on the target entry, and presenting live streaming preview content generated according to a screen of the live streaming room of the target user in a background image area included in the personal homepage while the target user is performing live streaming, the background image area being a header image area of ​​the personal homepage; the display module is further used to switch from the personal homepage to the live streaming room of the target user in response to a trigger operation on the background image area, and display a screen of the live streaming room of the target user; The display module further comprises: In response to a pull-down operation on the background image area, checking whether a preset limit point has been reached when the pull-down operation is completed; and switching from the personal homepage to the target user's live streaming room if it is determined that a preset limit has been reached when the pull-down operation is completed.

9. An electronic device including a memory and a processor, the memory is configured to store computer program instructions; An electronic device, wherein the processor is arranged to execute the computer program instructions to implement the method for presenting live streaming content according to any one of claims 1 to 7.

10. Contains computer program instructions, A readable storage medium, the computer program instructions, when executed by at least one processor of an electronic device, causing the electronic device to implement the live streaming content presentation method according to any one of claims 1 to 7.

11. A computer program that, when executed by a computer, causes the computer to implement the live distribution content presentation method according to any one of claims 1 to 7.

Images