Live streaming page display method, apparatus, device, storage medium, and program product

Abstract

An embodiment of the present disclosure discloses a method, an apparatus, a device, a storage medium, and a program product for displaying a live streaming page, the method including the steps of: displaying a live streaming page, where a first screen is displayed on the live streaming page, the first screen being a live streaming screen; receiving a display operation for a target game; and, in response to the display operation, displaying the first screen in a first area of ​​the live streaming page and displaying a second screen of the target game in a second area of ​​the live streaming page, where the second area is located outside the first area.

Description

[Technical Field]

[0001] [CROSS-REFERENCE TO RELATED APPLICATIONS] This application claims priority from a Chinese patent application bearing application number 202210743734.3, filed with the China Patent Office on June 27, 2022, the entire contents of which are incorporated herein by reference.

[0002] [Technical field] TECHNICAL FIELD The present disclosure relates to the field of computer technology, and relates to, for example, a method, apparatus, device, storage medium, and program product for displaying a live streaming page. [Background technology]

[0003] Currently, when a user starts a game, the game screen is usually displayed on top of the live broadcast screen and interaction information.

[0004] However, the display of the game screen will obscure the live screen of the live streaming room, resulting in a poor user experience. Summary of the Invention

[0005] Embodiments of the present disclosure provide a method, apparatus, device, storage medium, and program product for displaying a live streaming page.

[0006] According to a first aspect, an embodiment of the present disclosure provides a method for displaying a live streaming page, the method including: a step of displaying a live streaming page, wherein a first screen is displayed on the live streaming page, and the first screen is a live streaming screen; receiving a display operation for a target game; The method includes a step of displaying the first screen in a first area of ​​the live streaming page in response to the display operation, and displaying a second screen of the target game in a second area of ​​the live streaming page, wherein the second area is located outside the first area.

[0007] According to a second aspect, an embodiment of the present disclosure further provides a display device for a live streaming page, the device comprising: a page display module configured to display a live streaming page, wherein a first screen is displayed on the live streaming page, and the first screen is a live streaming screen; an operation receiving module configured to receive a display operation for the target game; and a screen display module configured to display the first screen in a first area of ​​the live streaming page and display a second screen of the target game in a second area of ​​the live streaming page in response to the display operation, wherein the second area is located outside the first area.

[0008] According to a third aspect, an embodiment of the present disclosure provides an electronic device, the electronic device comprising: at least one processor; a memory configured to store at least one program; When the at least one program is executed by the at least one processor, the at least one processor executes the live streaming page display method described in the embodiments of the present disclosure.

[0009] According to a fourth aspect, an embodiment of the present disclosure further provides a computer-readable storage medium having a computer program stored therein, the computer program, when executed by a processor, performing the method for displaying a live streaming page described in the embodiment of the present disclosure.

[0010] According to a fifth aspect, an embodiment of the present disclosure further provides a computer program product, which, when executed by a computer, causes the computer to execute the live streaming page display method described in the embodiment of the present disclosure. [Brief explanation of the drawings]

[0011] Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and components are not necessarily drawn to scale.

[0012] [Figure 1] FIG. 1 is a schematic flowchart of a live streaming page display method provided by an embodiment of the present disclosure. [Figure 2] FIG. 2 is a schematic diagram of a live broadcast page display provided by an embodiment of the present disclosure. [Figure 3] FIG. 3 is a schematic diagram of a display of a game panel provided by an embodiment of the present disclosure. [Figure 4] FIG. 4 is a schematic diagram of another live broadcast page display provided by an embodiment of the present disclosure. [Figure 5] FIG. 5 is a schematic flowchart of another live streaming page display method provided by an embodiment of the present disclosure. [Figure 6] FIG. 6 is a schematic diagram of a display of yet another live streaming page provided by an embodiment of the present disclosure. [Figure 7] FIG. 7 is a structural block diagram of a display device of a live streaming page provided by an embodiment of the present disclosure. [Figure 8] FIG. 8 is a structural schematic diagram of an electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE INVENTION

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

[0014] As will be understood, steps described in the method embodiments of the present disclosure can be performed in different orders and / or in parallel. Also, method embodiments may include additional steps and / or omit the performance of illustrated steps. The scope of the present disclosure is not limited in this respect.

[0015] As used herein, the term "comprises" and variations thereof are open inclusions, including but not limited to. The term "based on" means "based at least in part on." The term "in one embodiment" means "at least one embodiment," the term "in another embodiment" means "at least one other embodiment," and the term "in some embodiments" means "at least some embodiments." Relevant definitions of other terms are provided below.

[0016] It should be noted that the concepts of "first," "second," etc. referred to in this disclosure are used only to distinguish between different devices, modules, or units, and are not used to limit the order or interdependence of functions performed by these devices, modules, or units.

[0017] It should be noted that the modifications "one" and "multiple" referred to in this disclosure are exemplary and not limiting, and should be understood by one of ordinary skill in the art as "one or more" unless the context clearly dictates otherwise.

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

[0019] 1 is a schematic flowchart of a live streaming page display method provided by an embodiment of the present disclosure, the method being executed by a live streaming page display device, which may be executed by software and / or hardware and located in an electronic device, typically a mobile phone or a tablet computer. The live streaming page display method provided by an embodiment of the present disclosure is suitable for a scenario in which a user plays a game while performing or watching a live broadcast. As shown in FIG. 1, the live streaming page display method provided by this embodiment may include the following steps:

[0020] S101: a step of displaying a live streaming page, in which a first screen is displayed on the live streaming page, and the first screen is a live streaming screen.

[0021] The first screen is, for example, a live streaming screen displayed on a live streaming page, such as a screen collected by a camera or a screen of media content being viewed by the live streamer. The first screen is a live streaming screen sent by the live streamer or a live streaming screen that needs to be sent to the viewer. For example, when a user is performing a live stream, the first image may be a screen collected by the user's camera, and when a user is watching a live stream, the first image may be a live streaming screen on the live streamer's side, i.e., a live streaming screen sent by the live streamer. Below, we will take a scenario in which a user performs a live stream as an example.

[0022] For example, when a user is performing or watching a live broadcast, a live broadcast page can be displayed and the first screen of the live broadcaster can be displayed on the live broadcast page, for example, as shown in Figure 2, the first screen of the live broadcaster can be displayed in the main display area of ​​the live broadcast page.

[0023] S102, receiving a display operation for the target game.

[0024] The target game is the game that is the target of the display operation. The game may be an interactive game deployed in application software corresponding to the live streaming page, or a game that exists independently of the application software corresponding to the live streaming page, or may be an interactive game selectively deployed in application software corresponding to the live streaming page. When a user is live streaming, the target game may be the game the user is currently playing. When a user is watching a live streaming, the target game may be the game the user is playing or the game the live streamer is playing in the live streaming room. The display operation is an operation to instruct the live streaming page to display the game screen of the target game and / or an operation to instruct the live streaming page to display interaction information, and may be, for example, an operation to trigger a mirroring control displayed on the live streaming page.

[0025] Exemplarily, when a user intends to instruct the electronic device to display a game screen of the target game outside the display area of ​​the first screen, the user may perform a display operation of the target game, for example, by performing a corresponding trigger operation (e.g., triggering more controls displayed on the game panel of the live streaming page / target game), thereby instructing the electronic device to display a control panel related to the target game on the live streaming page and triggering mirroring controls in the control panel. Correspondingly, when the electronic device detects, for example, that the user has triggered the mirroring controls, it may determine that it has received a display operation for the target game.

[0026] It should be understood that before receiving the display device for the target game, the live streaming page can further display interaction information in the live streaming room and / or the game screen of the target game, for example, the first screen of the live streaming user is displayed in the main display area of ​​the live streaming page, and the interaction information 20 and / or the game panel 30 of the target game are displayed on the upper layer of the first screen, for example, the game panel 30 of the target game is displayed on the upper layer of the first screen or the interaction information 20, and the game panel 30 displays the game screen of the target game (i.e., the second screen) and more controls 31, as shown in Figures 2 and 3, i.e., the game screen of the target game covers some areas of the first screen, and / or the game screen of the target game covers some or all of the interaction information (Figure 3 shows an example in which the game screen of the target game covers all of the interaction information).

[0027] S103: In response to the display operation, a step of displaying the first screen in a first area of ​​the live streaming page and displaying a second screen of the target game in a second area of ​​the live streaming page, the second area being located outside the first area.

[0028] The second screen can be understood as the game screen of the target game, and is the game screen when the live streamer or the current user is playing the target game. For example, when a user is performing a live stream, the second screen is the game screen when the user is playing the target game, and when a user is watching a live stream, the second screen may be the game screen when the live streamer is playing the target game or the game screen when the user is playing the target game, and this embodiment is not limited to this.

[0029] For example, as shown in FIG. 4, in response to the received display operation, a first screen can be displayed in a first area 40 of the live streaming page, and a second screen of the target game can be displayed in a second area 41 located outside the first area 40 of the live streaming page. This allows the live streamer to conveniently and quickly control the display of the game screen through the interactive operation, and the viewer can efficiently obtain screen information of the live streamer and the game.

[0030] For example, when a user is performing or watching a live broadcast, a live broadcast page can be displayed and a first screen can be displayed in full screen on the live broadcast page; after receiving a display operation for the target game, the first screen can be zoomed and displayed in a first area of ​​the live broadcast page; at the same time, a second screen of the target game can be displayed in a second area of ​​the live broadcast page, and the second area can be located outside the first area.

[0031] For example, when a first screen is displayed in a first area of ​​a live streaming page and a second screen is displayed in a second area of ​​the live streaming page, the first screen and the second screen can be located on the same layer of the live streaming page or on different layers, and can optionally be located on the same layer of the live streaming page to reduce the number of layers required to set up the live streaming page.

[0032] In a situation where the first screen and the second screen are located on the same layer of the live streaming page, if the second screen of the target game is not displayed on the live streaming page before receiving a display operation, the second screen can be added to a certain layer of the first screen in response to the display operation; if the second screen of the target game is displayed on the live streaming page before receiving a display operation, the certain layer of the second screen can be adjusted to display the second screen on a certain layer of the first screen; in this case, selectively displaying the second screen of the target game in the second area of ​​the live streaming page includes adjusting and displaying the second screen of the target game on a certain layer of the first screen.

[0033] In one embodiment, the live streaming page may not need to display interaction information in the live streaming room before receiving a display operation for the target game. Therefore, when receiving a display operation for the target game, the live streaming page may display interaction information in the live streaming room. For example, the interaction information may be displayed on the upper layer of the first screen displayed in the first area for user viewing. In this case, the live streaming page display method provided by this embodiment may further include displaying the interaction information on the first screen in response to the display operation. The interaction information may be understood as interaction information of the live streaming room corresponding to the live streaming page, such as comment information and virtual item information sent by the live streamer and / or viewers in the live streaming room.

[0034] In another embodiment, before a display operation for the target game is received, interaction information in the live streaming room can be displayed on the live streaming page. Therefore, when a display operation for the target game is received, the display position of the interaction information can be adjusted to display the interaction information outside the second area. In this case, the interaction information can also be displayed on the live streaming page, and displaying the first screen in the first area of ​​the live streaming page and the second screen of the target game in the second area of ​​the live streaming page can include displaying the first screen in the first area of ​​the live streaming page, displaying the second screen of the target game in the second area of ​​the live streaming page, and displaying the interaction information outside the second area.

[0035] When the interaction information is adjusted to be displayed outside a certain area of ​​the second screen, the interaction information is displayed on a certain layer of the first screen. Optionally, the interaction information may be displayed on an upper layer of the first screen, i.e., the certain layer of the interaction information is located above the certain layer of the first screen, thereby avoiding a situation where the display size of the first screen is too small and satisfying the user's needs to view the first live streaming screen, the second live streaming screen, and the interaction information. Optionally, the interaction information may be displayed within a certain display area of ​​the first screen, as shown in FIG. 4 . For example, the first screen and the interaction information 20 are displayed in a first area 40 of the live streaming page, e.g., the interaction information 20 is displayed on the upper layer of the first screen displayed in the first area 40, and the second screen of the target game is displayed in a second area 41 of the live streaming page.

[0036] In this embodiment, the first screen is displayed in the first area of ​​the live streaming page, the second screen of the target game is displayed in the second area of ​​the live streaming page, and interaction information within the live streaming room is displayed outside the display area of ​​the second screen, thereby realizing the simultaneous display of the first screen, the second screen, and the interaction information, which can meet the user's viewing needs for the first screen, the second screen, and the interaction information, and also improves the simplicity of the display of the second screen, preventing the display of the interaction information from interfering with the user's viewing of the second screen or control of the target game. Furthermore, the simultaneous display of the first screen (e.g., the live streamer screen) and the second screen (i.e., the game screen) on the live streaming page does not require professional video editing experience or complex video editing operations, which simplifies the operation method and improves the user experience.

[0037] In one embodiment, displaying the first screen in a first area of ​​the live streaming page and displaying a second screen of the target game in a second area of ​​the live streaming page in response to the display operation includes displaying a plurality of candidate page layouts in response to the display operation, receiving a selection operation for any one of the candidate page layouts, and determining the candidate page layout corresponding to the selection operation as a target page layout, and displaying the first screen and displaying the second screen of the target game in the second area of ​​the live streaming page according to the first area of ​​the target page layout on the live streaming page.

[0038] A candidate page layout may be understood as a page layout that a user can select when the first screen and the second screen are displayed. In different page layouts, the first screen and the second screen may have different display methods, which may include, for example, the size and / or position of a first area displaying the first screen and a second area displaying the second screen on a live streaming page. A target page layout may be understood as a page layout that a user can select. A selection operation may be understood as an operation of triggering a candidate page layout or an operation of selecting a candidate page layout as a target page layout, such as an operation of clicking a confirmation control after triggering a candidate page layout.

[0039]

[0023] For example, when a display device of a target game is received, a plurality of candidate page layouts can be displayed on the live streaming page in response to the display operation. Thus, the user can select a candidate page layout as a target page layout by a selection operation. Correspondingly, when the electronic device detects the user's selection operation, it can use a candidate page layout corresponding to the selection operation (e.g., a candidate page layout triggered by the selection operation or a candidate page layout in a selected state) as the target page layout, and display a first screen in a first area of ​​the live streaming page and a second screen of the target game in a second area of ​​the live streaming page based on the target page layout.

[0040] In the above embodiment, multiple candidate page layouts are pre-set, so that users can select a page layout that meets their needs and view the first and second screens on the live streaming page, thereby providing more abundant page layout methods, meeting various needs of users, and improving the user experience.

[0041] In another embodiment, the step of displaying the first screen in a first area of ​​the live streaming page and displaying the second screen of the target game in a second area of ​​the live streaming page in response to the display operation includes a step of determining a page layout based on a type of live streaming video, the type of live streaming video including landscape screen display and portrait screen display, and a step of displaying the first screen and displaying the second screen of the target game in the second area of ​​the live streaming page according to the first area of ​​the target page layout on the live streaming page.

[0042] In the above embodiment, furthermore, based on the type of live streaming video, the first screen and the second screen can be displayed on the live streaming page using a page layout corresponding to the type of the live streaming video. For example, if the type of live streaming video is landscape screen display, the first area and the second area can be arranged horizontally, and if the type of live streaming video is portrait screen display, the first area and the second area can be arranged vertically, thereby improving the rationality of the page layout of the live streaming page when displaying the first screen and the second screen. The type of live streaming video can be understood as the type of live streaming video, such as the type of the first screen and / or the second screen.

[0043] The method for displaying a live streaming page provided by this embodiment includes the steps of: displaying a live streaming page, where a first screen is displayed on the live streaming page, the first screen being the live streaming screen; receiving a display operation for a target game; and, in response to the display operation, displaying the first screen in a first area of ​​the live streaming page and a second screen of the target game in a second area of ​​the live streaming page, where the second area is located outside the first area. By using the above technical solution, this embodiment displays the game screen outside the display area of ​​the live streaming screen, thereby avoiding the game screen from obscuring the live streaming screen and improving the user experience.

[0044] 5 is a schematic flowchart of another live streaming page display method provided by an embodiment of the present disclosure. The solution in this embodiment can be optionally combined with at least one optional solution in the above embodiments. Optionally, the steps of displaying the first screen in a first area of ​​the live streaming page, displaying a second screen of the target game in a second area of ​​the live streaming page, and displaying the interaction information outside the second area include determining a second area from the live streaming page, displaying the second screen of the target game in the second area, and determining a display range of a first area where the first screen is located and a display position of the interaction information based on a display range of the second area, and displaying the first screen and the interaction information.

[0045] Optionally, before the step of receiving the display operation of the target game, the step further includes a step of displaying a second screen of the target game on top of the first screen in response to a start operation of the target game on the live streaming page.

[0046] The method further includes a step of selectively displaying the first screen in a first area of ​​the live streaming page and the second screen of the target game in a second area of ​​the live streaming page, and then transmitting the first screen and the second screen displayed on the live streaming page to a server, thereby causing the server to push and display the first screen and the second screen to the viewer side.

[0047] Correspondingly, as shown in FIG. 5, the live streaming page display method provided by this embodiment may include the following steps:

[0048] S201: a step of displaying a live streaming page, where a first screen and interaction information are displayed on the live streaming page, and the first screen is a live streaming screen.

[0049] Taking the scenario of the live broadcaster, i.e., a user performing live broadcasting, as an example, after the user starts live broadcasting (in this case, the user does not start the game), the first screen and interaction information 20 are displayed on the live broadcast page; for example, the live broadcast page is displayed, and the first screen collected by the camera is displayed in the main display area of ​​the live broadcast page, and interaction information 20 within the live broadcast room is displayed on the upper layer of the first screen; for example, as shown in Figure 2, the interaction information 20 within the live broadcast room is displayed in a specified area located within the display area where the subsequent game panel is located, and the first screen can be pushed to the viewer side by the server for display.

[0050] S202: In response to a start operation of the target game on the live distribution page, a second screen of the target game is displayed on the upper layer of the first screen.

[0051] The start operation can be understood as an operation to start a game, such as an operation to trigger a display area of ​​a certain game identifier on a live streaming page, which may include, for example, at least one of a game icon, a game name, and game introduction information.

[0052] Taking a live streamer as an example, a game control can be displayed on the live streaming page. When a user wants to play a game, the game control can be triggered. When the electronic device detects that the user has triggered the game control, it displays a game selection panel on the live streaming page, and the game selection panel can display game identifiers selectable by the user. Therefore, when a user wants to play a certain game, the game identifier of the game can be triggered. Correspondingly, as shown in FIG. 3, when the electronic device detects that the user has triggered a certain game identifier, it can display a second screen of the game above the first screen and interaction information displayed on the live streaming page. For example, a game panel 30 of the game can be displayed above the first screen and interaction information, and the second screen of the game can be displayed on the game panel 30. Only the first screen can be continuously transmitted to the server as the live streaming screen. This allows the server to push the first screen to the viewers, i.e., it does not need to actively push the second screen of the game to the viewers. Therefore, viewers of the live streaming room can watch the first screen of the live streamer on their live streaming page.

[0053] Furthermore, when a viewer attempts to view the game screen (i.e., the second screen) of a live streamer, the viewer can execute a trigger operation to instruct the viewer to display the game screen of the live streamer. In response, when the viewer detects the trigger operation, the viewer can obtain the game screen of the live streamer via the server and display the game screen on top of the displayed first screen of the live streamer and the interaction information in the live stream room.

[0054] It should be understood that after the second screen of the target game is displayed, the interaction information in the live streaming room will be partially or completely blocked by the second screen, so after receiving the start operation for the target game on the live streaming page, the display of the interaction information in the live streaming room can be canceled, so as to meet the display requirements of the first and second screens and simplify the content that needs to be displayed on the live streaming page.

[0055] S203, receiving a display operation for the target game.

[0056] S204: In response to the display operation, a second area is determined from the live streaming page, a second screen of the target game is displayed in the second area, and based on the display range of the second area, the display range of the first area in which the first screen is located and the display position of the interaction information are determined, and the first screen and the interaction information are displayed.

[0057] For example, when a display operation for a target game is received, a second area 41 for displaying the second screen can be determined on the live streaming page based on the preset display size and preset display position of the second area 41, and the second screen of the target game is displayed within the second area 41. Based on the display range of the second area 41, the display range of the first area 40 where the first screen is located is determined, and the first screen and interaction information 20 are displayed in the first area 40.

[0058] 4, in this embodiment, the display size of the first screen can be further adjusted based on the display range of the first area. For example, the first screen can be zoomed and / or cropped based on the display range of the first area 40, and the zoomed and / or cropped first screen can be displayed in the first area 40. In this case, the step of selectively displaying the first screen in the first area of ​​the live streaming page includes the step of cropping the first screen based on the display range of the first area, and displaying the cropped first screen in the first area.

[0059] S205: The first screen and the second screen displayed on the live distribution page are transmitted to the server, and the server then pushes the first screen and the second screen to the viewer side for display.

[0060] For example, after the second screen is displayed in the second area, the first and second screens displayed on the live streaming page can be sent to the server, allowing the server to push the first and second screens to the viewer.

[0061] Therefore, as shown in Figure 6, the viewer can display the first and second screens pushed by the server, and display interaction information 20 within the live streaming room on the upper layer of the first and second screens.

[0062] Furthermore, the viewer on the viewer side can play the target game together with the live streamer or play a game by himself / herself (e.g., the target game or another game other than the target game) by performing a corresponding trigger operation, and in this case, the viewer side can directly display the game screen that the viewer is playing on the upper layer of the first screen, the second screen and the interaction information.

[0063] In this embodiment, when a live streamer plays a game for the first time, only the first screen of the live streamer is transmitted and displayed to the viewer, and after receiving a trigger operation from the viewer instructing the live streamer to display the game screen, and / or after receiving an operation to display the game of the live streamer, the game screen of the live streamer is transmitted to the viewer side. This allows the user to select whether to live stream the game screen or view the game screen of the live streamer according to their needs, thereby enhancing the user's live streaming method and live stream viewing method and improving the user experience.

[0064] In this embodiment, when the first and second screens displayed on the live streaming page are sent to the server, the first live streaming screen is sent to the server as an independent video stream and the second live streaming screen is sent to the server as another independent video stream, and these two videos are combined into a single live streaming stream via the server.Furthermore, the first and second screens displayed on the live streaming page can also be sent directly to the server as video streams.In other words, the screens displayed on the live streaming page are sent to the server as live streaming streams, thereby reducing the network resources and computing resources occupied during the live streaming and alleviating delays in the live streaming screen and the sense of lag during the live streaming experienced by viewers.

[0065] It should be understood that after performing a display operation on the target game, the user can also instruct the electronic device to re-display the first screen and interaction information in the main display area of ​​the live streaming page by performing a display cancel operation, and display the second screen on top of the first screen and interaction information, and / or instruct the electronic device to end the target game and cancel the display of the second screen of the target game by performing an end operation on the target game.

[0066] In the live streaming page display method provided by this embodiment, when a live streamer first starts a target game, the second screen is displayed on the first screen; when a display operation for the game from the live streamer is received, the first screen and the second screen are displayed in different areas of the live streaming page, the display position of the interaction information is adjusted outside the second area, and the first screen and the second screen are sent to the viewer side for display. This allows the live streamer to select different game screen display methods according to their needs, and the viewer can directly view the live streamer's game screen, providing more abundant live streaming methods and simplifying the operations required for users to view the live streamer's game screen.

[0067] 7 is a structural block diagram of a live streaming page display device provided by an embodiment of the present disclosure. The device is implemented by software and / or hardware and is located in an electronic device, typically a mobile phone or tablet computer. By executing the live streaming page display method, game screens and interaction information can be displayed. As shown in FIG. 7, the live streaming page display device provided by this embodiment includes a page display module 701, an operation receiving module 702, and a screen display module 703.

[0068] A page display module 701 configured to display a live streaming page, wherein a first screen is displayed on the live streaming page, and the first screen is a live streaming screen.

[0069] An operation receiving module 702 configured to receive display operations for the target game.

[0070] a screen display module 703 configured to display the first screen in a first area of ​​the live streaming page and display a second screen of the target game in a second area of ​​the live streaming page in response to the display operation, wherein the second area is located outside the first area;

[0071] The live streaming page display device provided in this embodiment displays a live streaming page through a page display module, displays a first screen on the live streaming page, the first screen is the live streaming screen, receives a display operation for the target game through an operation receiving module, and responds to the display operation through a screen display module, displays the first screen in a first area of ​​the live streaming page and a second screen of the target game in a second area of ​​the live streaming page, the second area being outside the first area. By using the above technical solution, this embodiment displays the game screen outside the display area of ​​the live streaming screen, thereby avoiding the game screen from obscuring the live streaming screen and improving the user experience.

[0072] In the above solution, the screen display module 703 may be further configured to display interaction information on the first screen in response to the display operation.

[0073] In the above solution, interaction information can also be displayed on the live streaming page, and the screen display module 703 may be further configured to display the first screen in a first area of ​​the live streaming page, display a second screen of the target game in a second area of ​​the live streaming page, and display the interaction information outside the second area.

[0074] In the above solution, the screen display module 703 may be configured to determine a second area from the live streaming page, display a second screen of the target game within the second area, and determine the display range of a first area in which the first screen is located and the display position of the interaction information based on the display range of the second area, and display the first screen and the interaction information.

[0075] In the above solution, the screen display module 703 may include a layout display unit configured to display a plurality of candidate page layouts in response to the display operation, a first layout determination unit configured to receive a selection operation for any one of the candidate page layouts and determine the candidate page layout corresponding to the selection operation as a target page layout, and a first screen display unit configured to display the first screen according to a first area of ​​the target page layout on the live streaming page and display a second screen of the target game in a second area of ​​the live streaming page.

[0076] In the above solution, the screen display module 703 may include a second layout determination unit configured to determine a page layout based on the type of live streaming video, where the type of live streaming video includes landscape screen display and portrait screen display, and a second screen display unit configured to display the first screen according to a first area of ​​the target page layout on the live streaming page and display a second screen of the target game in a second area of ​​the live streaming page.

[0077] Optionally, the display device of the live streaming page provided by this embodiment may further include a game start module configured to display a second screen of the target game on top of the first screen in response to a start operation of the target game on the live streaming page before receiving the display operation of the target game.

[0078] In the above solution, the screen display module 703 may be configured to adjust and display the second screen of the target game on a certain image layer of the first screen.

[0079] Optionally, the display device of the live streaming page provided by this embodiment may further include a screen transmission module configured to display the first screen in a first area of ​​the live streaming page, display the second screen of the target game in a second area of ​​the live streaming page, and then transmit the first screen and the second screen displayed on the live streaming page to a server, thereby causing the server to push and display the first screen and the second screen to the viewer side.

[0080] In the above solution, the screen display module 703 may be configured to crop the first screen based on the display range of the first area, and display the cropped first screen in the first area.

[0081] The live streaming page display device provided by the embodiments of the present disclosure can execute the live streaming page display method provided by any embodiment of the present disclosure, and includes functional modules corresponding to the execution of the live streaming page display method. For technical details not described in detail in this embodiment, please refer to the live streaming page display method provided by any embodiment of the present disclosure.

[0082] Referring now to FIG. 8, FIG. 8 illustrates a schematic structural diagram of an electronic device (e.g., a terminal device) 800 suitable for implementing an embodiment of the present disclosure. Terminal devices in the embodiment of the present disclosure include, but are not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (PDAs), tablet computers (Portable Android Devices, PADs), portable multimedia players (Portable Media Players, PMPs), and in-vehicle terminals (e.g., in-vehicle navigation terminals), as well as fixed terminals such as digital televisions (TVs) and desktop computers. The electronic device illustrated in FIG. 8 is merely an example and does not limit the functionality and scope of use of the embodiment of the present disclosure.

[0083] 8, the electronic device 800 may include a processing unit (e.g., a central processing unit, a graphics processor, etc.) 801, which may perform a plurality of appropriate operations and processes based on a program stored in a read-only memory (ROM) 802 or a program loaded from a storage device 808 into a random access memory (RAM) 803. The RAM 803 also stores various programs and data necessary for the operation of the electronic device 800. The processing unit 801, the ROM 802, and the RAM 803 are interconnected via a bus 804. An input / output (I / O) interface 805 is also connected to the bus 804.

[0084] Generally, the following devices may be connected to the I / O interface 805: input devices 806, such as a touchscreen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 807, such as a liquid crystal display (LCD), speaker, vibrator, etc.; storage devices 808, such as a magnetic tape or hard disk, etc.; and communication devices 809. The communication devices 809 may enable the electronic device 800 to communicate and exchange data with other devices, either wirelessly or via wires. While FIG. 8 shows the electronic device 800 with various devices, it will be understood that it need not embody or include all of the devices shown. Instead, more or fewer devices may be embody or include.

[0085] According to embodiments of the present disclosure, the processes described above with reference to the flowcharts may be implemented as a computer software program. For example, embodiments of the present disclosure include a computer program product including a computer program embodied in a non-transitory computer-readable medium, the computer program including program code for performing the methods shown in the flowcharts. In such embodiments, the computer program may be downloaded and installed from a network via the communication device 809, or may be installed from the storage device 808 or from the ROM 802. When the computer program is executed by the processing device 801, it performs the functions defined above in the methods of the embodiments of the present disclosure.

[0086] It should be noted that the computer-readable medium described above in this disclosure may be a computer-readable signal medium, a computer-readable storage medium, or any combination of the two. The computer-readable storage medium may be, for example, but is not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage media include, but are not limited to, an electrical connection with one or more wires, a portable computer disk, a hard drive, RAM, ROM, an erasable programmable read-only memory (EPROM) or flash memory, an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In this disclosure, a computer-readable medium may be any tangible medium that contains or stores a program, which can be used by an instruction execution system, apparatus, or device, or any combination thereof. In this disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave and having computer-readable program code embodied therein. Such a propagated data signal may take many forms, including, but not limited to, an electromagnetic signal, an optical signal, or any suitable combination of the above. A computer-readable signal medium may be any computer-readable medium other than a computer-readable storage medium that can carry, propagate, or transmit a program for use by an instruction execution system, apparatus, or device, or combination thereof.Program code embodied on a computer-readable medium may be transmitted using any suitable medium, including, but not limited to, wire, optical cable, radio frequency (RF), etc., or any suitable combination thereof.

[0087] In some embodiments, the client and server may communicate using any now known or later developed network protocol, such as HyperText Transfer Protocol (HTTP), and may interconnect any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include local area networks (LANs), wide area networks (WANs), networks connected between wide area networks (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any now known or later developed network.

[0088] The computer-readable medium may be included in the electronic device, or may exist independently of the electronic device.

[0089] The computer-readable medium contains at least one program, and when the at least one program is executed by an electronic device, the electronic device displays a live streaming page, displays a first screen on the live streaming page, the first screen is a live streaming screen, receives a display operation for a target game, and in response to the display operation, displays the first screen in a first area of ​​the live streaming page and a second screen of the target game in a second area of ​​the live streaming page, the second area being located outside the first area.

[0090] Computer program code for carrying out the operations of the present disclosure can be written in one or more programming languages, including, but not limited to, object-oriented programming languages ​​such as Java, Smalltalk, C++, and the like, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code can run entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases where a remote computer is involved, the remote computer can be connected to the user's computer or to an external computer (e.g., an Internet connection via an Internet Service Provider) via any type of network, including a LAN or WAN.

[0091] The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowcharts or block diagrams may represent a module, program segment, or portion of code, including one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions shown in the blocks may be executed in a different order than that shown in the figures. For example, two blocks shown one after the other may actually be executed substantially in parallel or may be executed in the reverse order, depending on the functionality involved. Each block in the block diagrams and / or flowchart diagrams, and combinations of blocks in the block diagrams and / or flowchart diagrams, may be implemented by a dedicated hardware-based system that performs the specified functions or operations, or may be implemented using a combination of specialized hardware and computer instructions.

[0092] The units according to the embodiments of the present disclosure can be realized in software or hardware. The names of the modules are not intended to limit the modules themselves in some cases.

[0093] The functionality described herein may be performed, at least in part, by one or more hardware logic components. For example, but not limited to, typical types of hardware logic components that may be used include Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Parts (ASSPs), Systems on Chips (SOCs), Complex Programmable Logic Devices (CPLDs), etc.

[0094] In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain or store a program used by an instruction execution system, apparatus, or device, or a combination thereof. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable storage medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination thereof. More specific examples of machine-readable storage media include one or more wire-based electrical connections, a portable computer disk, a hard drive, RAM, ROM, EPROM, or flash memory, optical fiber, CD-ROM, an optical storage device, a magnetic storage device, or any suitable combination of the above.

[0095] According to at least one embodiment of the present disclosure, Example 1 provides a method for displaying a live streaming page, the method comprising: a step of displaying a live streaming page, wherein a first screen is displayed on the live streaming page, and the first screen is a live streaming screen; receiving a display operation for a target game; The method includes a step of displaying the first screen in a first area of ​​the live streaming page in response to the display operation, and displaying a second screen of the target game in a second area of ​​the live streaming page, wherein the second area is located outside the first area.

[0096] According to at least one embodiment of the present disclosure, Example 2 is based on the method described in Example 1, The method further includes the step of displaying interaction information on the first screen in response to the display operation.

[0097] According to at least one embodiment of the present disclosure, Example 3 is based on the method described in Example 1, further displaying interaction information on the live streaming page, and the step of displaying the first screen in a first area of ​​the live streaming page and displaying the second screen of the target game in a second area of ​​the live streaming page includes: The method includes steps of displaying the first screen in a first area of ​​the live streaming page, displaying a second screen of the target game in a second area of ​​the live streaming page, and displaying the interaction information outside the second area.

[0098] According to at least one embodiment of the present disclosure, Example 4 is based on the method described in Example 3, and the steps of displaying the first screen in a first area of ​​the live streaming page, displaying a second screen of the target game in a second area of ​​the live streaming page, and displaying the interaction information outside the second area include: The method includes steps of determining a second area from the live streaming page, displaying a second screen of the target game within the second area, determining the display range of a first area in which the first screen is located and the display position of the interaction information based on the display range of the second area, and displaying the first screen and the interaction information.

[0099] According to at least one embodiment of the present disclosure, Example 5 is based on the method described in Example 1, and further includes the steps of displaying the first screen in a first area of ​​the live streaming page and displaying a second screen of the target game in a second area of ​​the live streaming page in response to the display operation: displaying a plurality of candidate page layouts in response to the display operation; receiving a selection operation for any one of the candidate page layouts, and determining the candidate page layout corresponding to the selection operation as a target page layout; The method includes a step of displaying the first screen in accordance with a first area of ​​the target page layout on the live streaming page, and displaying a second screen of the target game in a second area of ​​the live streaming page.

[0100] According to at least one embodiment of the present disclosure, Example 6 is based on the method described in Example 1, and further includes the steps of displaying the first screen in a first area of ​​the live streaming page and displaying a second screen of the target game in a second area of ​​the live streaming page in response to the display operation: determining a page layout based on a type of live streaming video, wherein the type of live streaming video includes landscape screen display and portrait screen display; The method includes a step of displaying the first screen in accordance with a first area of ​​the target page layout on the live streaming page, and displaying a second screen of the target game in a second area of ​​the live streaming page.

[0101] According to at least one embodiment of the present disclosure, Example 7 is based on the method described in Example 1, and before the step of receiving the display operation of the target game, The method further includes a step of displaying a second screen of the target game on an upper layer of the first screen in response to a start operation of the target game on the live distribution page.

[0102] According to at least one embodiment of the present disclosure, Example 8 is based on the method described in Example 7, and further includes the step of displaying a second screen of the target game in a second area of ​​the live streaming page: The method includes a step of adjusting and displaying a second screen of the target game on a certain image layer of the first screen.

[0103] According to at least one embodiment of the present disclosure, Example 9 is based on the method of any one of Examples 1 to 8, and after displaying the first screen in a first area of ​​the live streaming page and displaying the second screen of the target game in a second area of ​​the live streaming page, The method further includes a step of transmitting the first screen and the second screen displayed on the live streaming page to a server, whereby the server pushes and displays the first screen and the second screen to the viewer side.

[0104] According to at least one embodiment of the present disclosure, Example 10 is based on the method according to any one of Examples 1 to 8, and further comprises the step of displaying the first screen in a first area of ​​the live streaming page: The method includes the step of cropping the first screen based on the display range of the first area, and displaying the cropped first screen in the first area.

[0105] According to at least one embodiment of the present disclosure, Example 11 provides a display device for a live streaming page, the device comprising: a page display module configured to display a live streaming page, wherein a first screen is displayed on the live streaming page, and the first screen is a live streaming screen; an operation receiving module configured to receive a display operation for the target game; and a screen display module configured to display the first screen in a first area of ​​the live streaming page and display a second screen of the target game in a second area of ​​the live streaming page in response to the display operation, wherein the second area is located outside the first area.

[0106] According to at least one embodiment of the present disclosure, Example 12 provides an electronic device, the electronic device comprising: at least one processor; a memory configured to store at least one program; When the at least one program is executed by the at least one processor, the at least one processor executes the live streaming page display method according to any one of Examples 1 to 10.

[0107] According to at least one embodiment of the present disclosure, Example 13 provides a computer-readable storage medium having a computer program stored thereon, the program, when executed by a processor, performing the live streaming page display method described in any one of Examples 1 to 10.

[0108] According to at least one embodiment of the present disclosure, Example 14 provides a computer program product, which, when executed by a computer, causes the computer to execute the live streaming page display method described in any one of Examples 1 to 10.

[0109] Furthermore, although operations are shown in a particular order, this should not be understood as requiring that these operations be performed in the particular order shown, or in any sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although details of multiple implementations are included in the above description, these should not be construed as limiting the scope of the present disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.

Claims

1. A method for displaying a live streaming page, a step of displaying a live streaming page, wherein a first screen is displayed on the live streaming page, and the first screen is a live streaming screen; receiving a display operation for a target game; and displaying the first screen in a first area of ​​the live streaming page and a second screen of the target game in a second area of ​​the live streaming page in response to the display operation, wherein the second area is located outside the first area; before the step of receiving a display operation for the target game, The method further includes a step of displaying a second screen of the target game on top of the first screen of the live broadcaster, the step of receiving a display operation for the target game includes a step of receiving a trigger for a mirroring control on the second screen of the live distributor; displaying the first screen in a first area of ​​the live streaming page and displaying a second screen of the target game in a second area of ​​the live streaming page; A method for displaying a live distribution page, comprising a step in which the live distributor transmits the second screen displayed on the live distribution page to a viewer and displays it.

2. The method of claim 1 , further comprising the step of displaying interaction information on the first screen in response to the display operation.

3. Interaction information is further displayed on the live streaming page, and the step of displaying the first screen in a first area of ​​the live streaming page and displaying a second screen of the target game in a second area of ​​the live streaming page includes:

2. The method of claim 1, comprising the steps of: displaying the first screen in a first area of ​​the live streaming page; displaying a second screen of the target game in a second area of ​​the live streaming page; and displaying the interaction information outside the second area.

4. the step of displaying the first screen in a first area of ​​the live streaming page, displaying a second screen of the target game in a second area of ​​the live streaming page, and displaying the interaction information outside the second area, 4. The method of claim 3, further comprising the steps of: determining a second area from the live streaming page; displaying a second screen of the target game within the second area; determining the display range of a first area in which the first screen is located and the display position of the interaction information based on the display range of the second area; and displaying the first screen and the interaction information.

5. the step of displaying the first screen in a first area of ​​the live streaming page and displaying the second screen of the target game in a second area of ​​the live streaming page in response to the display operation includes: displaying a plurality of candidate page layouts in response to the display operation; receiving a selection operation for any one of the candidate page layouts, and determining the candidate page layout corresponding to the selection operation as a target page layout; 2. The method of claim 1, further comprising: displaying the first screen in a first area of ​​the live streaming page and displaying a second screen of the target game in a second area of ​​the live streaming page according to the target page layout.

6. the step of displaying the first screen in a first area of ​​the live streaming page and displaying the second screen of the target game in a second area of ​​the live streaming page in response to the display operation includes: determining a page layout based on a type of live streaming video, the type of live streaming video including landscape screen display and portrait screen display; 2. The method of claim 1, further comprising: displaying the first screen in a first area of ​​the live streaming page and displaying a second screen of the target game in a second area of ​​the live streaming page according to a target page layout.

7. before the step of receiving a display operation for the target game, The method according to claim 1 , further comprising the step of displaying a second screen of the target game on an upper layer of the first screen in response to a start operation of the target game on the live broadcast page.

8. The step of displaying a second screen of the target game in a second area of ​​the live streaming page includes:

8. The method of claim 7, further comprising the step of displaying a second screen of the target game adjusted to a certain level of the first screen.

9. after a step of displaying the first screen in a first area of ​​the live streaming page and displaying a second screen of the target game in a second area of ​​the live streaming page, 2. The method of claim 1, further comprising the step of transmitting the first screen and the second screen displayed on the live streaming page to a server, whereby the server pushes the first screen and the second screen to a viewer for display.

10. The step of displaying the first screen in the first area of ​​the live streaming page includes: The method of claim 1 , further comprising the step of: cropping the first screen based on a display range of the first area; and displaying the cropped first screen in the first area.

11. A display device for a live streaming page, a page display module used to display a live streaming page, wherein a first screen is displayed on the live streaming page, and the first screen is a live streaming screen; an operation receiving module used to receive a display operation for the target game; a screen display module used to display the first screen in a first area of ​​the live streaming page and to display a second screen of the target game in a second area of ​​the live streaming page in response to the display operation, wherein the second area is located outside the first area; The page display module specifically: before the step of receiving a display operation for the target game, a second screen of the target game is displayed on top of the first screen of the live distributor; The operation receiving module is specifically used for receiving a trigger for a mirroring control on the second screen of the live broadcaster; A live streaming page display device further including a screen transmission module used by the live streamer to display the first screen in a first area of ​​the live streaming page, display the second screen of the target game in a second area of ​​the live streaming page, and then transmit the second screen displayed on the live streaming page to viewers for display.

12. 1. An electronic device comprising: at least one processor; a memory communicatively coupled to the at least one processor; An electronic device, wherein the memory stores a computer program executable by the at least one processor, and when the computer program is executed by the at least one processor, the at least one processor can execute the live streaming page display method described in any one of claims 1 to 10.

13. A computer-readable storage medium having computer instructions stored therein, the computer instructions being used to perform the live streaming page display method according to any one of claims 1 to 10 when executed by a processor.

Images