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 to 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 by reference into this application.

[0002] [Technical field] TECHNICAL FIELD The present disclosure relates to a computer technology field, and for example, to a method, an apparatus, a device, a storage medium, and a 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 block the live screen of the live streaming room, resulting in a poor user experience. Summary of the Invention

[0005] The embodiments of the present disclosure provide a method, an apparatus, a device, a storage medium, and a 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, the first screen being 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 and displaying 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.

[0007] According to a second aspect, an embodiment of the present disclosure further provides a display device for a live streaming page, the display 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 a target game; The present invention also includes a screen display module configured 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.

[0008] According to a third aspect, an embodiment of the present disclosure provides an electronic device, the electronic device comprising: At least one processor; and 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 broadcast 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-readable storage medium storing a computer program, the computer program executing, when executed by a processor, a method for displaying a live streaming page described in an 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 description 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. [Diagram 2] FIG. 2 is a schematic diagram of a live broadcast page provided by an embodiment of the present disclosure. [Diagram 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 provided by an embodiment of the present disclosure. [Diagram 5] FIG. 5 is a schematic flowchart of another live broadcast 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 broadcast 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 according to an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[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 performance of illustrated steps. The scope of the present disclosure is not limited in this respect.

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

[0016] It should be noted that concepts such as "first", "second" and the like referred to in this disclosure are used only to distinguish 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 "a" and "a plurality" 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 disposed in an electronic device, typically disposed in a mobile phone or 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 a live broadcast or watching a live broadcast. As shown in FIG. 1, the live streaming page display method provided by the embodiment of the present disclosure may include the following steps:

[0020] S101: a step of displaying a live distribution page, in which a first screen is displayed on the live distribution page, and the first screen is a live distribution 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 a live streamer. The first screen is a live streaming screen sent by the live streamer side, or a live streaming screen that needs to be sent to the viewer side. For example, when a user is performing live streaming, the first image may be a screen collected by a camera on the user side, and when a user is watching live streaming, the first image may be a live streaming screen on the live streamer side, i.e., a live streaming screen sent by the live streamer side. Below, a scenario in which a user performs live streaming is given 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 FIG. 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 a game that is the target of a display operation, and the game may be an interaction type game arranged in application software corresponding to a live streaming page, or a game that exists independently of the application software corresponding to the live streaming page, or may be an interaction type game arranged in application software corresponding to a live streaming page in a selectable manner. When a user is performing live streaming, the target game may be a game that the user is currently playing, and when a user is watching a live streaming, the target game may be a game that the user is playing, or a game that the live streamer is playing in the live streaming room. The display operation is an operation to instruct the live streaming page to display a 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 wishes 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, e.g., instruct the electronic device to display a control panel related to the target game on the live streaming page by performing a corresponding trigger operation (e.g., triggering more controls displayed on the live streaming page / game panel of the target game) and triggering mirroring controls in the control panel. Correspondingly, the electronic device may determine that it has received a display operation for the target game when, e.g., it detects that the user has triggered the mirroring control.

[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, displaying the first screen of the live streaming user in the main display area of ​​the live streaming page, and displaying the interaction information 20 and / or the game panel 30 of the target game on the upper layer of the first screen, for example, displaying the game panel 30 of the target game on the upper layer of the first screen or the interaction information 20, and displaying the game screen of the target game (i.e., the second screen) and more controls 31 on the game panel 30, 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 where 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 a game screen of the target game, and is a game screen when the live streamer or the current user is playing the target game. For example, when a user is performing live streaming, the second screen is a game screen when the user is playing the target game, and when a user is watching live streaming, the second screen may be a game screen when the live streamer is playing the target game or a 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 a 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 screen information of 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, and 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, and 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] For 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, and 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 adjust and 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 display the interaction information in the live streaming room before receiving a display operation for the target game. Thus, when receiving a display operation for the target game, the live streaming page may display the interaction information in the live streaming room, for example, displaying the interaction information in the upper layer of the first screen displayed in the first area for the user to view. In this case, the display method of the live streaming page provided by this embodiment may further include a step of 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, virtual item information, etc., 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 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 and displayed outside a certain second region of the second screen, the interaction information is displayed in a certain layer of the first screen, and optionally the interaction information may be displayed in an upper layer of the first screen, i.e., a certain layer of the interaction information is located above a certain layer of the first screen, thereby avoiding a situation where the display size of the first screen is too small, and meeting the needs of users who want to watch the first live streaming screen, the second live streaming screen, and the interaction information. Alternatively, the interaction information may be displayed within a certain display region of the first screen, as shown in FIG. 4. Exemplarily, the first screen and the interaction information 20 are displayed in a first region 40 of the live streaming page, for example, the interaction information 20 is displayed in the upper layer of the first screen displayed in the first region 40, and the second screen of the target game is displayed in a second region 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 the interaction information in 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 can improve the simplicity of the display of the second screen and avoid the display of the interaction information preventing the user from viewing the second screen or controlling the target game. Furthermore, the first screen (e.g., the live streamer screen) and the second screen (i.e., the game screen, etc.) can be simultaneously displayed on the live streaming page without requiring 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 manners, 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 in a live broadcast 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] Exemplarily, when receiving a display device of a target game, 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, the electronic device 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, etc.) as a 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 a landscape screen display and a 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, further, according to the type of the 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 the live streaming video is a landscape screen display, the first area and the second area can be arranged horizontally, and if the type of the live streaming video is a portrait screen display, the first area and the second area can be arranged vertically, thus improving the rationality of the page layout of the live streaming page when displaying the first screen and the second screen. The type of the live streaming video can be understood as the type of the live streaming video, such as the type of the first screen and / or the type of the second screen.

[0043] The display method of 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 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, where the second area is located outside the first area. By using the above technical solution, this embodiment can display the game screen outside a certain display area of ​​the live streaming screen, thereby avoiding the display of 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 combined with at least one optional solution of the embodiments. Optionally, the step of displaying the first screen in a first area of ​​the live streaming page, displaying the second screen of the target game in a second area of ​​the live streaming page, and displaying the interaction information outside the second area includes the steps of determining a second area from the live streaming page, displaying the second screen of the target game in the second area, and determining the display range of the first area where the first screen is located and the display position of the interaction information based on the display range of the second area, to display 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 broadcast page.

[0046] The method further includes a step of selectively 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, and then 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 a 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, in which 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 live broadcaster side, i.e., a scenario in which a user performs 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, a 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 FIG. 2, interaction information 20 within the live broadcast room is displayed in a certain 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. The game identifier can include at least one of a game icon, a game name, and game introduction information, for example.

[0052] Taking the live distributor side as an example, a game control can be displayed on the live distribution 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, the electronic device displays a game selection panel on the live distribution page, and the game selection panel can display a game identifier 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, the electronic device can display a second screen of the game on the upper layer of the first screen and interaction information displayed on the live distribution page, for example, the game panel 30 of the game can be displayed on the upper layer of the first screen and interaction information, the second screen of the game can be displayed on the game panel 30, and only the first screen can be continuously transmitted to the server as a live distribution screen, so that the server pushes the first screen to the viewer side for display, that is, it is not necessary to actively push the second screen of the game to the viewer side for display. Therefore, a viewer of the live distribution room can watch the first screen of the live distributor on the viewer's live distribution page.

[0053] Furthermore, when a viewer wants 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 to this, 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 that after receiving a 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 simplify the content that needs to be displayed on the live streaming page after meeting the display requirements of the first screen and the second screen.

[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, a display range of a first area in which the first screen is located and a 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 in the second area 41, and the display range of the first area 40 in which the first screen is located is determined based on the display range of the second area 41, 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 first screen after zooming and / or cropping 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 first screen after cropping in the first area.

[0059] S205: The first screen and the second screen displayed on the live distribution page are transmitted to a server, whereby the server 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 transmitted to the server, thereby enabling the server to push the first and second screens to the viewer.

[0061] Therefore, as shown in FIG. 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's 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 executing a corresponding trigger operation, in which case the viewer's side can directly display the game screen being played by the viewer 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 first, only the first screen of the live streamer is transmitted and displayed to the viewer, and after a trigger operation to display the live streamer's game screen is received from the viewer, and / or after an operation to display the live streamer's game is received, the live streamer's game screen is transmitted to the viewer, allowing the user to select whether to live stream the game screen or view the live streamer's game screen according to their needs, thereby enriching 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, i.e., 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 lags felt by viewers during the live streaming.

[0065] It should be understood that after performing a display operation on the target game, the user may also instruct the electronic device to re-display the first screen and the 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 the interaction information, and / or instruct the electronic device to end the target game by performing an end operation on the target game, and cancel the display of the second screen of the target game.

[0066] In the display method of a live streaming page provided by this embodiment, when a live streamer starts a target game for the first time, 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 transmitted to the viewer side for display, thereby allowing the live streamer to select different game screen display methods according to their needs and allowing the viewer to directly view the game screen of the live streamer, providing more abundant live streaming methods and simplifying the operations required for users to view the game screen of the live streamer.

[0067] 7 is a structural block diagram of a display device of a live streaming page 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 in a mobile phone or tablet computer, and can realize the display of game screen and interaction information by executing the display method of the live streaming page. As shown in FIG. 7, the display device of the live streaming page provided by this embodiment can include 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, the first screen being a live streaming screen.

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

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

[0071] The display device of the live streaming page provided in this embodiment displays the live streaming page through a page display module, 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 through an operation receiving module, and responds to the display operation through a screen display module, displays the first screen in a first region of the live streaming page, and displays a second screen of the target game in a second region of the live streaming page, the second region being outside the first region. By using the above technical solution, this embodiment can display the game screen outside the display region of the live streaming screen, thereby avoiding the display of the game screen from obscuring the live streaming screen, and improving the user experience.

[0072] In the above solving means, 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 a type of live streaming video, the type of the live streaming video including 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-mentioned 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, so that the server pushes and displays 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 a 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 embodiment of the present disclosure can execute the live streaming page display method provided by any embodiment of the present disclosure, and has a functional module 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 to FIG. 8 below, FIG. 8 shows a schematic structural diagram of an electronic device (e.g., a terminal device) 800 suitable for implementing the embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure includes, but is not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (PDA), tablet computers (Portable Android Devices, PAD), portable multimedia players (Portable Media Players, PMP), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital televisions (TV) and desktop computers. The electronic device shown in FIG. 8 is merely an example and does not limit the functions and scope of use of the embodiments of the present disclosure.

[0083] As shown in FIG. 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 number 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 required for the operation of the electronic device 800. The processing unit 801, the ROM 802, and the RAM 803 are connected to each other via a bus 804. An input / output (I / O) interface 805 is also connected to the bus 804.

[0084] In general, the following devices may be connected to the I / O interface 805: input devices 806, such as a touch screen, touch pad, 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, wirelessly or by wire. Although FIG. 8 shows the electronic device 800 with various devices, it is understood that it is not necessary for the electronic device 800 to embody or include all of the devices shown. Instead, it may embody or include more or fewer devices.

[0085] According to an embodiment of the present disclosure, the process described above with reference to the flowcharts may be implemented as a computer software program. For example, an embodiment of the present disclosure includes 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 method shown in the flowchart. In such an embodiment, 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 above-mentioned functions defined in the method of the embodiment of the present disclosure.

[0086] It should be noted that the computer readable medium mentioned 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, a RAM, a 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, the 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), or the like, or any suitable combination thereof.

[0087] In some embodiments, the clients and servers 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 communications network). Examples of communications 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., adhoc end-to-end networks), and any now known or later developed networks.

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

[0089] The computer-readable medium has at least one program stored therein, and when the at least one program is executed by an electronic device, the electronic device displays a live streaming page, a first screen is displayed 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 displays 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 conventional procedural programming languages ​​such as "C" or similar programming languages. The program code can run completely 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 completely 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 through an Internet Service Provider) via any type of network, including a LAN or WAN.

[0091] The flowcharts and block diagrams in the drawings illustrate possible architectures, functionality, and operation 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 part of code that includes 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 in fact be executed substantially in parallel or may be executed in the reverse order depending on the functionality involved. Each block of 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 functions 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, portable computer disks, hard drives, RAM, ROM, EPROM or flash memory, optical fibers, CD-ROMs, optical storage devices, magnetic storage devices, 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 including: a step of displaying a live streaming page, wherein 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; The method includes 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 in response to the display operation, 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 a 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 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 includes: The method includes steps of determining a second area from the live streaming page, displaying a second screen of the target game in the second area, determining a display range of a first area in which 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.

[0099] According to at least one embodiment of the present disclosure, Example 5 is based on the method described in Example 1, 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 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; 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 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 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; 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, 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 broadcast page.

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

[0103] According to at least one embodiment of the present disclosure, Example 9 is based on the method according to 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 distribution page to a server, whereby the server pushes the first screen and the second screen to a viewer for display.

[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 the step of displaying the first screen in a first area of ​​the live streaming page includes: The method includes 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.

[0105] According to at least one embodiment of the present disclosure, Example 11 provides a display device for a live broadcast 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 a target game; The present invention also includes a screen display module configured 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.

[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; and 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 method for displaying a live streaming page 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] Additionally, 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 sequential order. In 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 disclosure. Certain features that are described in the context of separate embodiments may also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment may also be implemented in multiple embodiments separately or in any suitable subcombination.

Claims

1. A method for displaying a live streaming page, 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; A method for displaying a live streaming page, comprising: 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 in response to the display operation, wherein the second area is located outside the first area.

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. The live streaming page further displays interaction information, 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 broadcast page; displaying a second screen of the target game in a second area of ​​the live broadcast 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 broadcast page, displaying a second screen of the target game in a second area of ​​the live broadcast page, and displaying the interaction information outside the second area, The method of claim 3, 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 a display range of a first area in which 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.

5. 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 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; 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 in accordance with the target page layout.

6. 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 in response to the display operation, 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 broadcast page and displaying a second screen of the target game in a second area of ​​the live broadcast 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 aligned with a certain layer of the first screen.

9. after displaying the first screen in a first area of ​​the live broadcast page and displaying a second screen of the target game in a second area of ​​the live broadcast page, The method according to any one of claims 1 to 8, further comprising a 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 a first area of ​​the live streaming page includes: The method according to any one of claims 1 to 8, comprising the step of cropping the first screen based on a display range of the first area, and displaying the first screen after cropping in the first area.

11. A display device for a live streaming page, 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 a target game; A display device for a live streaming page, comprising: a screen display module configured 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.

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.

14. A computer program product, the computer program product including a computer program, the computer program executing the method for displaying a live streaming page according to any one of claims 1 to 10, when executed by a processor.

Images