WO2024002069A1 - 直播页面的显示方法、装置、设备、存储介质和程序产品 - Google Patents

直播页面的显示方法、装置、设备、存储介质和程序产品 Download PDF

Info

Publication number
WO2024002069A1
WO2024002069A1 PCT/CN2023/102746 CN2023102746W WO2024002069A1 WO 2024002069 A1 WO2024002069 A1 WO 2024002069A1 CN 2023102746 W CN2023102746 W CN 2023102746W WO 2024002069 A1 WO2024002069 A1 WO 2024002069A1
Authority
WO
WIPO (PCT)
Prior art keywords
live broadcast
picture
area
display
page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2023/102746
Other languages
English (en)
French (fr)
Inventor
蒋如玉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Zitiao Network Technology Co Ltd filed Critical Beijing Zitiao Network Technology Co Ltd
Priority to JP2024559380A priority Critical patent/JP7743647B2/ja
Priority to AU2023296433A priority patent/AU2023296433B2/en
Priority to KR1020247033294A priority patent/KR102849135B1/ko
Priority to EP23830246.7A priority patent/EP4489403A4/en
Publication of WO2024002069A1 publication Critical patent/WO2024002069A1/zh
Priority to US18/908,508 priority patent/US12434143B2/en
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Classifications

    • A—HUMAN NECESSITIES
    • A63—SPORTS; GAMES; AMUSEMENTS
    • A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/50—Controlling the output signals based on the game progress
    • A63F13/52—Controlling the output signals based on the game progress involving aspects of the displayed game scene
    • A—HUMAN NECESSITIES
    • A63—SPORTS; GAMES; AMUSEMENTS
    • A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/45—Controlling the progress of the video game
    • A63F13/48—Starting a game, e.g. activating a game device or waiting for other players to join a multiplayer session
    • A—HUMAN NECESSITIES
    • A63—SPORTS; GAMES; AMUSEMENTS
    • A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/85—Providing additional services to players
    • A63F13/86—Watching games played by other players
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/21—Server components or server architectures
    • H04N21/218—Source of audio or video content, e.g. local disk arrays
    • H04N21/2187—Live feed
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H04N21/4316—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4781—Games
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4788—Supplemental services, e.g. displaying phone caller identification, shopping application communicating with other users, e.g. chatting
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows

Definitions

  • Embodiments of the present disclosure relate to the field of computer technology, for example, to a method, apparatus, equipment, storage medium and program product for displaying a live broadcast page.
  • the game screen is generally displayed on top of the live broadcast screen and interactive information.
  • the display of the game screen will block the live broadcast screen in the live broadcast room, resulting in poor user experience.
  • Embodiments of the present disclosure provide a method, device, equipment, storage medium and program product for displaying a live broadcast page.
  • an embodiment of the present disclosure provides a method for displaying a live broadcast page, including:
  • the first picture is displayed in the first area of the live broadcast page
  • the second picture of the target game is displayed in the second area of the live broadcast page, wherein the second area located outside the first area.
  • embodiments of the present disclosure also provide a display device for a live broadcast page, including:
  • the page display module is configured to display a live broadcast page, where the first live broadcast page is displayed.
  • Picture the first picture is a live broadcast picture;
  • the operation receiving module is configured to receive display operations for the target game
  • a picture display module configured to respond to the display operation, display the first picture in the first area of the live broadcast page, and display the second picture of the target game in the second area of the live broadcast page, wherein , the second area is located outside the first area.
  • embodiments of the present disclosure also provide an electronic device, including:
  • memory configured to store at least one program
  • the at least one processor When the at least one program is executed by the at least one processor, the at least one processor is caused to implement the method for displaying a live broadcast page as described in the embodiment of the present disclosure.
  • embodiments of the present disclosure also provide a computer-readable storage medium on which a computer program is stored.
  • the program is executed by a processor, the method for displaying a live broadcast page as described in the embodiment of the disclosure is implemented.
  • embodiments of the disclosure further provide a computer program product.
  • the computer program product When the computer program product is executed by a computer, the computer implements the method for displaying a live broadcast page as described in the embodiments of the disclosure.
  • Figure 1 is a schematic flowchart of a method for displaying a live broadcast page provided by an embodiment of the present disclosure
  • Figure 2 is a schematic display diagram of a live broadcast page provided by an embodiment of the present disclosure
  • Figure 3 is a schematic display diagram of a game panel provided by an embodiment of the present disclosure.
  • Figure 4 is a schematic diagram showing another live broadcast page provided by an embodiment of the present disclosure.
  • Figure 5 is a schematic flowchart of another method for displaying a live broadcast page provided by an embodiment of the present disclosure
  • Figure 6 is a schematic diagram showing another live broadcast page provided by an embodiment of the present disclosure.
  • Figure 7 is a structural block diagram of a display device for a live broadcast page provided by an embodiment of the present disclosure.
  • FIG. 8 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.
  • the term “include” and its variations are open-ended, ie, “including but not limited to.”
  • the term “based on” means “based at least in part on.”
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one additional embodiment”; and the term “some embodiments” means “at least some embodiments”. Relevant definitions of other terms will be given in the description below.
  • FIG. 1 is a schematic flowchart of a method for displaying a live broadcast page provided by an embodiment of the present disclosure.
  • the method can be executed by a display device of the live broadcast page, where the device can be implemented by software and/or hardware, and can be configured in an electronic device, typically a mobile phone or a tablet computer.
  • the display method of the live broadcast page provided by the embodiment of the present disclosure is suitable for the scenario where the user plays a game while performing a live broadcast or watching a live broadcast.
  • the method for displaying the live broadcast page provided by this embodiment may include:
  • the first picture is the live broadcast picture displayed on the live broadcast page, such as the picture collected by the camera, or the picture of the media content watched by the anchor, etc.
  • the first picture can be a live picture sent by the host or a live picture that needs to be sent to the audience.
  • the first picture can be a picture collected by the user-side camera; when the user is watching During live broadcast, the first picture can be the live picture of the host, that is, the live picture sent by the host.
  • the following takes the scenario where users perform live broadcast as an example.
  • the live broadcast page can be displayed, and the first picture of the anchor side is displayed on the live broadcast page.
  • the first picture of the anchor side is displayed in the main display area of the live broadcast page, as shown in Figure 2 Show.
  • the target game may be a game targeted by the display operation, which may be an interactive game configured in the application software corresponding to the live broadcast page or a game that exists independently of the application software corresponding to the live broadcast page, etc., optionally, it may be a live broadcast
  • the target game can be the game currently played by the user; when the user watches the live broadcast, the target game can be the game played by the user or the game played by the anchor in the live broadcast room.
  • the display operation may be an operation used to instruct the display of the game screen of the target game in the live broadcast page and/or an operation used to instruct the display of interactive information, such as an operation to trigger the screen projection control displayed in the live broadcast page, etc.
  • the user when the user wants to instruct the electronic device to display the game screen of the target game outside the display area of the first screen, the user can perform a display operation for the target game, such as by performing a corresponding triggering operation (such as triggering the live broadcast page/target More controls displayed in the game panel of the game) instruct the electronic device to display a control panel related to the target game in the live broadcast page and trigger the screen casting control in the control panel.
  • the electronic device can receive the user's display operation for the target game. For example, when detecting that the user triggers the screen projection control, it can determine that the display operation for the target game has been received.
  • the live page is fine until a display action for the target game is received.
  • the interactive information in the live broadcast room and/or the game screen of the target game is displayed.
  • the first screen of the anchor side is displayed in the main display area of the live broadcast page, and the interactive information 20 and/or the game screen of the target game is displayed on the upper layer of the first screen.
  • Panel 30, for example, displays the game panel 30 of the target game on the upper layer of the first screen or interactive information 20; and displays the game screen of the target game (i.e., the second screen) and more controls 31, i.e., the first screen, in the game panel 30.
  • Part of the area in the screen is blocked by the game screen of the target game, and/or part or all of the interactive information is blocked by the game screen of the target game, as shown in Figures 2 and 3 (in Figure 3, all the interactive information is blocked by the game screen of the target game) Screen occlusion as an example).
  • the second screen can be understood as the game screen of the target game, which can be the game screen of the host or the current user playing the target game.
  • the second screen can be the game screen of the user playing the target game.
  • the second screen can be a game screen of the host playing the target game or a game screen of the user playing the target game. This embodiment does not limit this.
  • the first picture in response to the received display operation, the first picture can be displayed in the first area 40 of the live broadcast page, and the second area 41 of the target game located outside the first area 40 of the live broadcast page can be displayed.
  • the screen is as shown in Figure 4. Therefore, the host side can conveniently and quickly control the display of the game screen through the above interactive operations, so that the audience side can efficiently obtain the host screen information and game screen information.
  • the live broadcast page can be displayed, and the first picture is displayed in full screen on the live broadcast page.
  • the first picture is zoomed to the first page of the live broadcast page. area is displayed, and at the same time, the second picture of the target game is displayed in the second area of the live broadcast page, where the second area is located outside the first area.
  • the first picture and the second picture may be located on the same or different layers of the live broadcast page, Optionally, it can be located on the same layer of the live broadcast page to reduce the number of layers that need to be set on the live broadcast page.
  • the second picture of the target game is not displayed on the live broadcast page before receiving the display operation, then in response to the display operation, in the first Add a second screen to the layer where the screen is located; if the second screen of the target game is displayed on the live broadcast page before receiving the display operation, you can adjust the layer where the second screen is located and add the second screen to the layer where the second screen is located.
  • the picture is adjusted to the layer where the first picture is located for display.
  • displaying the second picture of the target game in the second area of the live broadcast page includes: placing the target game The second picture is adjusted to the layer where the first picture is located for display.
  • the interactive information in the live broadcast room may not be displayed on the live broadcast page. Therefore, when a display operation for the target game is received, the interactive information in the live broadcast room can also be displayed on the live broadcast page, for example, the interactive information is displayed on the upper layer of the first screen displayed in the first area for the user to view.
  • the method for displaying the live broadcast page provided by this embodiment may further include: in response to the display operation, displaying interactive information on the first screen.
  • interactive information can be understood as interactive information in the live broadcast room corresponding to the live broadcast page, such as comment information, virtual item information, etc. sent by the anchor and/or the audience in the live broadcast room.
  • the interactive information in the live broadcast room may be displayed on the live broadcast page. Therefore, when a display operation for the target game is received, the display position of the interactive information can also be adjusted to display the interactive information outside the second area.
  • the live broadcast page may also display interactive information
  • the first image is displayed in the first area of the live broadcast page
  • the third image of the target game is displayed in the second area of the live broadcast page.
  • Two pictures may include: displaying the first picture in the first area of the live broadcast page, displaying the second picture of the target game in the second area of the live broadcast page, and displaying the second picture of the target game outside the second area. Display the interactive information.
  • the interactive information can be displayed in the layer where the first screen is located; optionally, the interactive information can be displayed on the layer where the first screen is located.
  • the upper layer of the first picture that is, the layer where the interactive information is located, is located above the layer where the first picture is located, so as to avoid the situation where the display size of the first picture is too small, and at the same time satisfy the user's need to watch the first live broadcast picture. Secondary live broadcast screen and interactive information needs.
  • the interactive information can be displayed in the display area where the first screen is located.
  • the first picture and interactive information 20 are displayed in the first area 40 of the live broadcast page, such as the interactive information 20 is displayed on the upper layer of the first picture displayed in the first area 40; and in the second area 41 of the live broadcast page Displays the second screen of the target game.
  • the first picture is displayed in the first area of the live broadcast page
  • the second picture of the target game is displayed in the second area of the live broadcast page
  • the interactive information in the live broadcast room is displayed outside the display area of the second picture.
  • the first picture is displayed in the first area of the live broadcast page
  • the second picture of the target game is displayed in the second area of the live broadcast page.
  • the page layout displays the first picture in the first area of the live broadcast page, and displays the second picture of the target game in the second area of the live broadcast page.
  • the candidate page layout can be understood as a page layout that can be selected by the user when the first screen and the second screen are displayed.
  • the first picture and the second picture may have different display modes.
  • the display mode may include a first area for displaying the first picture and a second area for displaying the second picture during the live broadcast. Size and/or position on the page.
  • the target page layout can be understood as the candidate page layout selected by the user.
  • the selection operation can understand the operation of selecting a certain candidate page layout as the target page layout, such as the operation of triggering a certain candidate page layout, or triggering a certain candidate page layout. After layout, click to confirm the operation of the control, etc.
  • the electronic device when a display operation for the target game is received, multiple candidate page layouts may be displayed in the live broadcast page in response to the display operation. Therefore, the user can select a certain candidate page layout as the target page layout through a selection operation.
  • the electronic device when the electronic device detects the user's selection operation, it can use the candidate page layout corresponding to the selection operation (such as the candidate page layout triggered by the selection operation or the candidate page layout in the selected state, etc.) as the target page layout. , display the first picture in the first area of the live broadcast page according to the target page layout, and display the second picture of the target game in the second area of the live broadcast page.
  • multiple candidate page layouts are preset, so that the user can select a page layout that meets his needs and watch the first and second pictures on the live broadcast page, which can provide a richer page layout method to satisfy the user. meet different needs and improve user experience.
  • the first picture in response to the display operation, is displayed in the first area of the live broadcast page, and the second image of the target game is displayed in the second area of the live broadcast page.
  • the picture includes: determining the target page layout according to the live video type, wherein the live video type includes a horizontal screen picture or a vertical screen picture; displaying the first picture in the first area of the live broadcast page according to the target page layout , and display the second picture of the target game in the second area of the live broadcast page.
  • the first image and the second image can also be displayed on the live page in the page layout corresponding to the live video type according to the live video type.
  • the live video type is a horizontal screen image
  • the first area and the second image can be displayed on the live page.
  • the second area can be arranged horizontally; when the live video type is a vertical screen, the first area and the second area can be arranged vertically to improve the rationality of the page layout of the live broadcast page when the first and second images are displayed.
  • the live video type can be understood as the type of live video, such as the type of the first picture and/or the second picture.
  • the method for displaying a live broadcast page displays a live broadcast page, wherein a first picture is displayed in the live broadcast page, and the first picture is a live broadcast picture; a display operation for the target game is received; in response to the display operation, during the live broadcast
  • the first area of the page displays the first picture
  • the second area of the live broadcast page displays the first picture.
  • the area displays a second screen of the target game, wherein the second area is located outside the first area.
  • FIG. 5 is a schematic flowchart of another method for displaying a live broadcast page provided by an embodiment of the present disclosure.
  • the solution in this embodiment can be combined with at least one optional solution in the above embodiment.
  • the first picture is displayed in the first area of the live broadcast page
  • the second picture of the target game is displayed in the second area of the live broadcast page, and between the second area
  • Displaying the interactive information externally includes: determining a second area in the live broadcast page, displaying a second screen of the target game in the second area, and determining the second area according to the display range of the second area.
  • the display range of the first area where the first picture is located and the display position of the interactive information are used to display the first picture and the interactive information.
  • the method before receiving a display operation for the target game, the method further includes: in response to a start operation for the target game on the live broadcast page, displaying a second image of the target game on an upper layer of the first screen. picture.
  • the method further includes: The displayed first picture and the second picture are sent to the server, so that the server pushes the first picture and the second picture to the viewer for display.
  • the method for displaying the live broadcast page may include:
  • S201 Display a live broadcast page, where a first picture and interactive information are displayed on the live broadcast page, and the first picture is a live broadcast picture.
  • the first screen and interactive information 20 can be displayed on the live broadcast page.
  • the live broadcast page can be displayed.
  • display the first picture collected by the camera in the main display area of the live broadcast page and display the interactive information 20 in the live broadcast room on the upper layer of the first picture, such as in the subsequent game panel.
  • the interactive information 20 in the live broadcast room is displayed in a preset area within the display area, as shown in Figure 2, and the first picture can be pushed to the audience through the server for display.
  • the startup operation can be understood as the operation of starting the game, such as the operation of triggering the display area of a certain game logo on the live broadcast page.
  • the game identification may include, for example, at least one of a game icon, a game name, and game introduction information.
  • game controls can be displayed on the live broadcast page.
  • the user can trigger the game control when he wants to play the game.
  • the electronic device detects that the user triggers the game control, the electronic device can display a game selection panel on the live broadcast page, and display game logos of each game available for the user to select in the game selection panel. Therefore, when the user wants to play a certain game, he can trigger the game identification of the game.
  • the electronic device detects that the user triggers a certain game logo, it can display the second screen of the game on the upper layer of the first screen and interactive information displayed on the live broadcast page, such as on the upper layer of the first screen and interactive information.
  • the game panel 30 of the game is displayed, and the second picture of the game is displayed in the game panel 30, as shown in Figure 3; and only the first picture can be sent to the server as a live picture, so that the server can send the first picture to the server.
  • the picture is pushed to the audience terminal for display, that is, the second picture of the game does not need to be actively pushed to the audience terminal for display. Therefore, viewers in the live broadcast room can watch the host's first scene on the live broadcast page on their audience side.
  • the audience when they wants to view the host's game screen (ie, the second screen), they can perform a trigger operation for instructing the viewer to display the host's game screen.
  • the audience when the audience detects the trigger operation of the audience, it can obtain the host's game screen through the server, and display the game screen on the upper layer of the displayed first screen of the host and the interactive information in the live broadcast room.
  • the second area 41 for displaying the second picture can be determined in the live broadcast page according to the preset display size and preset display position of the second area 41, where The second screen of the target game is displayed in the second area 41.
  • 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 are displayed in the first area 40.
  • the display size of the first picture can also be adjusted according to the display range of the first area.
  • the first picture can be scaled and/or cropped according to the display range of the first area 40 and displayed in the first area 40 .
  • the first picture after zooming and/or cropping is shown in Figure 4.
  • displaying the first picture in the first area of the live broadcast page includes: trimming the first picture according to the display range of the first area, and displaying the first picture in the first area of the live broadcast page.
  • One area displays the first image after cropping.
  • S205 Send the first picture and the second picture displayed on the live broadcast page to the server, so that the server pushes the first picture and the second picture to the audience for display.
  • the first picture and the second picture displayed in the live broadcast page can be sent to the server, so that the server can push the first picture and the second picture to the audience.
  • the viewer can display the first picture and the second picture pushed by the server, and display the interactive information 20 in the live broadcast room on the upper layer of the first picture and the second picture, as shown in FIG. 6 .
  • viewers on the audience side can also play the target game with the host or play games by themselves (such as the target game or other games besides the target game) by performing corresponding trigger operations.
  • the audience side can directly click on the first screen, The second screen and the upper layer of the interactive information display the game screen of the game played by the audience.
  • the host's game screen is displayed after a trigger operation is received from the audience and/or the host's response to the game is received.
  • the host's game screen is sent to the audience, so that the user can choose whether to live broadcast the game screen or watch the host's game screen as needed, enriching the user's live broadcast method and live broadcast viewing method, thereby improving the user experience .
  • the first live broadcast picture when sending the first picture and the second picture displayed on the live broadcast page to the server, can be used as an independent video stream, and the second live broadcast picture can be used as another independent video.
  • the stream is sent to the server, and the two video streams are combined into one live stream through the server; the first and second images displayed on the live page can also be directly sent to the server as one video stream, that is, the first and second images displayed on the live page can be
  • the displayed picture is sent to the server as a live stream, thereby reducing the network resources and computing resources occupied during the live broadcast, thereby reducing the delay of the live broadcast picture on the audience side and the lag during the live broadcast.
  • the user can also instruct the electronic device to re-display the first picture and interactive information in the main display area of the live broadcast page by performing a cancel display operation, and display the first picture and interactive information in the main display area of the live broadcast page.
  • This embodiment provides a method for displaying a live broadcast page.
  • the second screen is displayed on the first screen.
  • the first screen is displayed in different areas of the live broadcast page. screen and the second screen, adjust the display position of the interactive information outside the second area, and send the first screen and the second screen to the audience for display, so that the anchor can choose different game screen display methods according to needs, and This allows viewers to directly watch the host's game screen, enriches users' live broadcast methods, and simplifies the operations required for viewers to watch the host's game screen.
  • FIG. 7 is a structural block diagram of a display device for a live broadcast page provided by an embodiment of the present disclosure.
  • the device can be implemented by software and/or hardware, and can be configured in electronic equipment. Typically, it can be configured in a mobile phone or On a tablet computer, the game screen and interactive information can be displayed by executing the display method of the live broadcast page.
  • the display device for the live broadcast page provided by this embodiment may include: a page display module 701, an operation receiving module 702, and a screen display module 703, wherein,
  • the page display module 701 is configured to display a live broadcast page, wherein a first picture is displayed on the live broadcast page, and the first picture is a live broadcast picture;
  • the operation receiving module 702 is configured to receive display operations for the target game
  • the picture display module 703 is configured to, in response to the display operation, display the first picture in the first area of the live broadcast page, and display the second picture of the target game in the second area of the live broadcast page, Wherein, the second area is located outside the first area.
  • the display device of the live broadcast page displayed the live broadcast page through the page display module, wherein the live broadcast page displays a first picture, and the first picture is the live broadcast picture; and receives the display operation for the target game through the operation receiving module; In response to the display operation, the picture display module displays the first picture in the first area of the live broadcast page, and displays the second picture of the target game in the second area of the live broadcast page, where the second area is located outside the first area.
  • This embodiment uses the above technical solution to display the game screen outside the display area where the live broadcast screen is located, which can prevent the display of the game screen from blocking the live broadcast screen and improve the user experience.
  • the screen display module 703 may also be configured to display interactive information on the first screen in response to the display operation.
  • the live broadcast page may also display interactive information
  • the picture display module 703 may be configured to: display the first picture in the first area of the live broadcast page, and display the first picture in the first area of the live broadcast page.
  • the second area displays the second screen of the target game, and the interactive information is displayed outside the second area.
  • the picture display module 703 may be configured to: determine a second area in the live broadcast page, display the second picture of the target game in the second area, and display the second picture of the target game according to the second area. determine the display range of the first area where the first picture is located and the display position of the interactive information, so as to display the first picture and the interactive information.
  • the screen display module 703 may include: a layout display unit configured to display multiple candidate page layouts in response to the display operation; a first layout determination unit configured to receive a response to any of the candidate page layouts.
  • the layout selection operation determines the candidate page layout corresponding to the selection operation as the target page layout; the first screen display unit is configured to display the first screen in the first area of the live broadcast page according to the target page layout. , and display the second picture of the target game in the second area of the live broadcast page.
  • the picture display module 703 may include: a second layout determination unit configured to determine the target page layout according to the live video type, where the live video type includes a horizontal screen or a vertical screen; the second screen The display unit is configured to display the first picture in the first area of the live broadcast page according to the target page layout, and to display the second picture of the target game in the second area of the live broadcast page.
  • the display device for the live broadcast page may also include: a game startup module configured to respond to the startup operation for the target game in the live broadcast page before receiving the display operation for the target game. , displaying the second screen of the target game on an upper layer of the first screen.
  • the screen display module 703 may be configured to adjust the second screen of the target game to the layer where the first screen is located for display.
  • the display device for the live broadcast page may also include: a picture sending module, configured to display the first picture in the first area of the live broadcast page, and to display the first picture in the second area of the live broadcast page.
  • a picture sending module configured to display the first picture in the first area of the live broadcast page, and to display the first picture in the second area of the live broadcast page.
  • the first picture and the second picture displayed in the live broadcast page are sent to the server, so that the server transmits the first picture and the second picture Push it to the audience for display.
  • the picture display module 703 may be configured to: clip the first picture according to the display range of the first area, and display the clipped first picture in the first area.
  • the display device for the live broadcast page provided by the embodiment of the present disclosure can execute the display method of the live broadcast page provided by any embodiment of the present disclosure, and has corresponding functional modules for executing the display method of the live broadcast page.
  • display method For technical details that are not described in detail in this embodiment, please refer to the live broadcast page provided by any embodiment of this disclosure. Display method.
  • Terminal devices in embodiments of the present disclosure may include, but are not limited to, mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (Personal Digital Assistant, PDA), PAD (tablet computers), portable multimedia players (Portable Media Player , PMP), mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals), and fixed terminals such as digital televisions (Television, TV), desktop computers, etc.
  • PDA Personal Digital Assistant
  • PAD tablet computers
  • PMP portable multimedia players
  • mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals)
  • fixed terminals such as digital televisions (Television, TV), desktop computers, etc.
  • the electronic device shown in FIG. 8 is only an example and should not impose any limitations on the functions and scope of use of the embodiments of the present disclosure.
  • the electronic device 800 may include a processing device (such as a central processing unit, a graphics processor, etc.) 801, which may process data according to a program stored in a read-only memory (Read-Only Memory, ROM) 802 or from a storage device. 808 loads the program in the random access memory (Random Access Memory, RAM) 803 to perform various appropriate actions and processing. In the RAM 803, various programs and data required for the operation of the electronic device 800 are also stored.
  • the processing device 801, ROM 802 and RAM 803 are connected to each other via a bus 804.
  • An input/output (I/O) interface 805 is also connected to bus 804.
  • the following devices can be connected to the I/O interface 805: input devices 806 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a Liquid Crystal Display (LCD) , an output device 807 such as a speaker, a vibrator, etc.; a storage device 808 including a magnetic tape, a hard disk, etc.; and a communication device 809.
  • the communication device 809 may allow the electronic device 800 to communicate wirelessly or wiredly with other devices to exchange data.
  • FIG. 8 illustrates an electronic device 800 having various means, it should be understood that implementation or availability of all illustrated means is not required. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product including a computer program embodied on a non-transitory computer-readable medium, the computer program including instructions for executing a process.
  • the computer program may be downloaded and installed from the network via communication device 809, or from storage device 808, or from ROM 802.
  • the processing device 801 the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.
  • the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above 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.
  • Computer readable storage media may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard drive, random access memory (RAM), read only memory (ROM), removable Erasable Programmable Read-Only Memory (EPROM) or flash memory, optical fiber, portable compact disk read-only memory (Compact Disc Read-Only Memory, CD-ROM), optical storage device, magnetic storage device, or any of the above The right combination.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device .
  • Program code contained on a computer-readable medium can be transmitted using any appropriate medium, including but not limited to: wires, optical cables, radio frequency (Radio Frequency, RF), etc., or any suitable combination of the above.
  • the client and server can communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and can communicate with digital data in any form or medium.
  • Communications e.g., communications network
  • Examples of communication networks include Local Area Network (LAN), Wide Area Network (Wide Area Network) Network, WAN), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any network currently known or developed in the future.
  • LAN Local Area Network
  • Wide Area Network Wide Area Network
  • WAN Wide Area Network
  • the Internet e.g., the Internet
  • end-to-end networks e.g., ad hoc end-to-end networks
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; it may also exist independently without being assembled into the electronic device.
  • the computer-readable medium carries at least one program.
  • the electronic device displays a live broadcast page, wherein a first picture is displayed on the live broadcast page, and the first picture Be a live broadcast screen; receive a display operation for the target game; in response to the display operation, display the first screen in the first area of the live broadcast page, and display the target game in the second area of the live broadcast page a second picture, wherein the second area is located outside the first area.
  • Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and Includes conventional procedural programming languages—such as "C” or similar programming languages.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
  • the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (such as an Internet service provider through Internet connection).
  • LAN local area network
  • WAN wide area network
  • Internet service provider such as an Internet service provider through Internet connection
  • each block in the flowchart or block diagram may represent a module, segment, or portion of code that contains one or more logic functions that implement the specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown one after another may actually execute substantially in parallel, or they may sometimes execute in the reverse order, depending on the functionality involved.
  • each block of the block diagram and/or flowchart illustration, and combinations of blocks in the block diagram and/or flowchart illustration can be implemented by special purpose hardware-based systems that perform the specified functions or operations, or can be implemented by Achieved by a combination of specialized hardware and computer instructions.
  • the units involved in the embodiments of the present disclosure can be implemented in software or hardware. Among them, the name of the module does not constitute a limitation on the unit itself under certain circumstances.
  • exemplary types of hardware logic components include: field programmable gate array (Field Programmable Gate Array, FPGA), application specific integrated circuit (Application Specific Integrated Circuit, ASIC), application specific standard product (Application Specific Standard Parts (ASSP), System on Chip (SOC), Complex Programmable Logic Device (CPLD), etc.
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in connection with an instruction execution system, apparatus, or device.
  • the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • Machine-readable media may include, but are not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or devices, or any suitable combination of the foregoing.
  • machine-readable storage media would include one or more wire-based electrical connections, laptop disks, hard drives, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • RAM random access memory
  • ROM read only memory
  • EPROM or flash memory erasable programmable read only memory
  • CD-ROM portable compact disk read-only memory
  • magnetic storage device or any suitable combination of the above.
  • Example 1 provides a method for displaying a live broadcast page, including:
  • the first picture is displayed in the first area of the live broadcast page
  • the second picture of the target game is displayed in the second area of the live broadcast page, wherein the second area located outside the first area.
  • Example 2 is the method according to Example 1, further comprising:
  • Example 3 is based on the method of Example 1, interactive information is also displayed in the live broadcast page, the first picture is displayed in the first area of the live broadcast page, and in The second area of the live broadcast page displays the second picture of the target game, including:
  • the first picture is displayed in the first area of the live broadcast page
  • the second picture of the target game is displayed in the second area of the live broadcast page
  • the interactive information is displayed outside the second area.
  • Example 4 is based on the method of Example 3, displaying the first image in a first area of the live broadcast page, and displaying the first image in a second area of the live broadcast page.
  • the second screen of the target game and displaying the interactive information outside the second area includes:
  • Determine a second area in the live broadcast page display the second picture of the target game in the second area, and determine the first picture where the first picture is located based on the display range of the second area.
  • the display range of the area and the display position of the interactive information are used to display the first screen and the interactive information.
  • Example 5 is based on the method of Example 1, wherein in response to the display operation, the first image is displayed in the first area of the live broadcast page, and the first image is displayed in the first area of the live broadcast page.
  • the second area displays the second screen of the target game, including:
  • the first picture is displayed in the first area of the live broadcast page according to the target page layout
  • the second picture of the target game is displayed in the second area of the live broadcast page.
  • Example 6 is based on the method of Example 1, wherein in response to the display operation, the first picture is displayed in the first area of the live broadcast page, and the first image is displayed in the first area of the live broadcast page.
  • the second area displays the second screen of the target game, including:
  • the first picture is displayed in the first area of the live broadcast page according to the target page layout
  • the second picture of the target game is displayed in the second area of the live broadcast page.
  • Example 7 is according to the method of Example 1, before receiving the display operation for the target game, further comprising:
  • a second screen of the target game is displayed on an upper layer of the first screen.
  • Example 8 is based on the method of Example 7, and displaying the second picture of the target game in the second area of the live broadcast page includes:
  • Example 9 displays the first image in the first area of the live broadcast page and displays it in the second area of the live broadcast page according to the method described in any one of Examples 1-8. After the second screen of the target game, it also includes:
  • the first picture and the second picture displayed on the live broadcast page are sent to the server, so that the server pushes the first picture and the second picture to the audience for display.
  • Example 10 is based on the method described in any one of Examples 1-8, and displaying the first image in the first area of the live broadcast page includes:
  • the first picture is trimmed according to the display range of the first area, and the trimmed first picture is displayed in the first area.
  • Example 11 provides a display device for a live broadcast page, including:
  • the page display module is configured to display a live broadcast page, wherein the live broadcast page displays the first Picture, the first picture is a live broadcast picture;
  • the operation receiving module is configured to receive display operations for the target game
  • a picture display module configured to respond to the display operation, display the first picture in the first area of the live broadcast page, and display the second picture of the target game in the second area of the live broadcast page, wherein , the second area is located outside the first area.
  • Example 12 provides an electronic device, including:
  • memory configured to store at least one program
  • the at least one processor When the at least one program is executed by the at least one processor, the at least one processor is caused to implement the method for displaying a live broadcast page as described in any one of Examples 1-10.
  • Example 13 provides a computer-readable storage medium with a computer program stored thereon, which when executed by a processor implements the live broadcast page as described in any one of Examples 1-10. Display method.
  • Example 14 provides a computer program product.
  • the computer program product When the computer program product is executed by a computer, the computer implements the method for displaying a live broadcast page as described in any one of Examples 1-10.

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Business, Economics & Management (AREA)
  • Marketing (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

本公开实施例提供了一种直播页面的显示方法、装置、设备、存储介质和程序产品。该方法包括：显示直播页面，其中，所述直播页面中显示有第一画面，所述第一画面为直播画面；接收针对目标游戏的显示操作；响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，其中，所述第二区域位于所述第一区域之外。

Description

直播页面的显示方法、装置、设备、存储介质和程序产品
本申请要求在2022年6月27日提交中国专利局、申请号为202210743734.3的中国专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本公开实施例涉及计算机技术领域，例如涉及一种直播页面的显示方法、装置、设备、存储介质和程序产品。
背景技术
目前，当用户启动游戏后，一般会在直播画面和互动信息的上层显示游戏画面。
然而，游戏画面的显示会对直播间中的直播画面造成遮挡，导致用户体验不佳。
发明内容
本公开实施例提供一种直播页面的显示方法、装置、设备、存储介质和程序产品。
第一方面，本公开实施例提供了一种直播页面的显示方法，包括：
显示直播页面，其中，所述直播页面中显示有第一画面，所述第一画面为直播画面；
接收针对目标游戏的显示操作；
响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，其中，所述第二区域位于所述第一区域之外。
第二方面，本公开实施例还提供了一种直播页面的显示装置，包括：
页面显示模块，设置为显示直播页面，其中，所述直播页面中显示有第一 画面，所述第一画面为直播画面；
操作接收模块，设置为接收针对目标游戏的显示操作；
画面显示模块，设置为响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，其中，所述第二区域位于所述第一区域之外。
第三方面，本公开实施例还提供了一种电子设备，包括：
至少一个处理器；
存储器，设置为存储至少一个程序，
当所述至少一个程序被所述至少一个处理器执行，使得所述至少一个处理器实现如本公开实施例所述的直播页面的显示方法。
第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开实施例所述的直播页面的显示方法。
第五方面，本公开实施例还提供了一种计算机程序产品，当所述计算机程序产品被计算机执行，使得所述计算机实现如本公开实施例所述的直播页面的显示方法。
附图说明
贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图1为本公开实施例提供的一种直播页面的显示方法的流程示意图；
图2为本公开实施例提供的一种直播页面的显示示意图；
图3为本公开实施例提供的一种游戏面板的显示示意图；
图4为本公开实施例提供的另一种直播页面的显示示意图；
图5为本公开实施例提供的另一种直播页面的显示方法的流程示意图；
图6为本公开实施例提供的又一种直播页面的显示示意图；
图7为本公开实施例提供的一种直播页面的显示装置的结构框图；
图8为本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“至少一个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
图1为本公开实施例提供的一种直播页面的显示方法的流程示意图。该方法可以由直播页面的显示装置执行，其中，该装置可以由软件和/或硬件实现，可配置于电子设备中，典型的，可以配置在手机或平板电脑中。本公开实施例提供的直播页面的显示方法适用于用户在进行直播或观看直播时玩游戏的场景。如图1所示，本实施例提供的直播页面的显示方法可以包括：
S101、显示直播页面，其中，所述直播页面中显示有第一画面，所述第一画面为直播画面。
其中，第一画面为直播页面中所显示的直播画面，如摄像头所采集的画面，或者，主播所观看媒体内容的画面等。第一画面可以为主播端所发送的直播画面或者需要向观众端发送的直播画面，举例而言，用户在进行直播时，该第一画面可以为用户侧摄像头所采集的画面；当用户在观看直播时，该第一画面可以为主播端的直播画面，即主播端所发送的直播画面。以下以用户进行直播的场景为例进行说明。
示例性的，当用户进行直播或观看直播时，可以显示直播页面，并在直播页面中显示主播端的第一画面，例如，在直播页面的主显示区域中显示主播端的第一画面如图2所示。
S102、接收针对目标游戏的显示操作。
其中，目标游戏可以为显示操作所针对的游戏，其可以为直播页面所对应的应用软件中配置的互动游戏或者独立于直播页面所对应的应用软件存在的游戏等，可选的，可以为直播页面所对应的应用软件中配置的互动游戏。当用户进行直播时，该目标游戏可以为用户当前所玩的游戏；当用户观看直播时，该目标游戏可以为用户所玩的游戏或者直播间内的主播所玩的游戏。显示操作可以为用于指示在直播页面中显示目标游戏的游戏画面和/或用于指示显示互动信息的操作，如触发直播页面中所显示的投屏控件的操作等。
示例性的，用户在欲指示电子设备在第一画面的显示区域之外显示目标游戏的游戏画面时，可以执行针对目标游戏的显示操作，如通过执行相应的触发操作(如触发直播页面/目标游戏的游戏面板中所显示的更多控件)指示电子设备在直播页面中显示与目标游戏相关的控件面板，并触发该控件面板中的投屏控件。相应的，电子设备可以接收用户针对目标游戏的显示操作，如在检测到用户触发该投屏控件时，可以确定接收到针对目标游戏的显示操作。
可以理解的是，在接收到针对目标游戏的显示操作之前，直播页面还可以 显示有直播间内的互动信息和/或目标游戏的游戏画面，如在直播页面的主显示区域中显示主播端的第一画面，在第一画面的上层显示互动信息20和/或目标游戏的游戏面板30，如在第一画面或互动信息20的上层显示目标游戏的游戏面板30；并在该游戏面板30中显示目标游戏的游戏画面(即第二画面)和更多控件31，即第一画面中的部分区域被目标游戏的游戏画面遮挡，和/或，部分或全部互动信息被目标游戏的游戏画面遮挡，如图2和3所示(图3中以互动信息全部被目标游戏的游戏画面遮挡为例)。
S103、响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，其中，所述第二区域位于所述第一区域之外。
其中，第二画面可以理解为目标游戏的游戏画面，其可以为主播或当前用户玩目标游戏时的游戏画面，例如，针对用户进行直播的情况，第二画面可以为用户玩目标游戏的游戏画面；针对用户观看直播的情况，第二画面可以为主播玩目标游戏的游戏画面或者用户玩目标游戏的游戏画面，本实施例不对此进行限制。
示例性的，可以响应于所接收到的显示操作，在直播页面的第一区域40显示第一画面，并在直播页面中位于第一区域40之外的第二区域41显示目标游戏的第二画面，如图4所示，由此，主播侧可以通过上述交互操作方便快捷的对游戏画面的显示进行控制，以使观众侧可以高效的获取主播画面信息及游戏画面信息。
示例性的，当用户进行直播或观看直播时，可以显示直播页面，并在直播页面中全屏显示第一画面，当接收到针对目标游戏的显示操作后，第一画面缩放到直播页面的第一区域进行显示，同时在直播页面的第二区域显示所述目标游戏的第二画面，其中，第二区域位于第一区域之外。
示例性的，当在直播页面的第一区域显示第一画面，在直播页面的第二区域显示第二画面时，第一画面和第二画面可以位于直播页面的相同或不同图层， 可选的，可以位于直播页面的相同图层，以减少直播页面所需设置的图层的数量。
针对第一画面和第二画面位于直播页面的相同图层的情况，如果在接收到显示操作之前，直播页面中未显示有目标游戏的第二画面，则可以响应于该显示操作，在第一画面所位于的图层中增加显示第二画面；如果在接收到显示操作之前，直播页面中显示有目标游戏的第二画面，则可以对第二画面所位于的图层进行调整，将第二画面调整至第一画面所位于的图层中进行显示，此时，可选的，所述在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：将所述目标游戏的第二画面调整至所述第一画面所位于的图层进行显示。
在一个实施方式中，在接收到针对目标游戏的显示操作之前，直播页面中可以未显示有直播间内的互动信息。从而，在接收到针对目标游戏的显示操作时，还可以在直播页面中显示直播间内的互动信息，如在第一区域中所显示的第一画面的上层显示互动信息，以供用户查看。此时，本实施例提供的直播页面的显示方法还可以包括：响应于所述显示操作，在所述第一画面上显示互动信息。其中，互动信息可理解为直播页面所对应的直播间内的互动信息，如主播和/或观众在直播间内发送的评论信息、虚拟物品信息等。
在另一个实施方式中，在接收到针对目标游戏的显示操作之前，直播页面中可以显示有直播间内的互动信息。从而，在接收到针对目标游戏的显示操作时，还可以调整互动信息的显示位置，以在第二区域之外显示互动信息。此时，所述直播页面中还可以显示有互动信息，所述在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，可以包括：在所述直播页面的第一区域显示所述第一画面，在所述直播页面的第二区域显示所述目标游戏的第二画面，并在所述第二区域之外显示所述互动信息。
当将互动信息调整至所述第二画面所位于的第二区域之外进行显示时，互动信息可以显示于第一画面所位于的图层中；可选的，所述互动信息显示于所 述第一画面的上层，即互动信息所位于的图层位于第一画面所位于的图层之上，以避免出现第一画面的显示尺寸过小的情况，同时满足用户观看第一直播画面、第二直播画面和互动信息的需求。可选的，如图4所示，可以在第一画面所位于的显示区域内显示互动信息。示例性的，在直播页面的第一区域40显示第一画面和互动信息20，如在第一区域40中所显示的第一画面的上层显示互动信息20；并在直播页面的第二区域41显示目标游戏的第二画面。
在本实施例中，在直播页面的第一区域显示第一画面，在直播页面的第二区域显示目标游戏的第二画面，并在第二画面的显示区域之外显示直播间内的互动信息，能够实现第一画面、第二画面和互动信息的同时显示，满足用户对第一画面、第二画面和互动信息的查看需求；并能够提高第二画面显示时的简洁性，避免互动信息的显示对用户查看第二画面或者对目标游戏进行操控造成干扰。此外，无需具备专业的视频剪辑经验，也无需复杂的视频剪辑交互，即可在直播页面同时显示第一画面(如主播画面)和第二画面(即游戏画面)，简化了交互方式，改善了用户的交互体验。
在一个实施方式中，所述响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：响应于所述显示操作，显示多个候选页面布局；接收针对任一所述候选页面布局的选择操作，将所述选择操作对应的候选页面布局确定为目标页面布局；按照所述目标页面布局在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面。
其中，候选页面布局可理解为在显示第一画面和第二画面时，可供用户进行选择的页面布局。在不同的页面布局中，第一画面和第二画面可以具有不同的显示方式，该显示方式例如可以包括用于显示第一画面的第一区域和用于显示第二画面的第二区域在直播页面中的尺寸和/或位置。目标页面布局可理解为用户所选择的候选页面布局。选择操作可理解选择某一候选页面布局作为目标页面布局的操作，如触发某一候选页面布局的操作，或者，在触发某一候选页 面布局之后点击确认控件的操作等。
示例性的，当接收到针对目标游戏的显示操作时，可以响应于该显示操作，在直播页面中显示多个候选页面布局。从而，用户可以通过选择操作选择某一候选页面布局作为目标页面布局。相应的，电子设备在检测到用户的选择操作时，可以将该选择操作所对应的候选页面布局(如该选择操作所触发的候选页面布局或者处于选中状态的候选页面布局等)作为目标页面布局，根据该目标页面布局在直播页面的第一区域显示第一画面，并在直播页面的第二区域显示目标游戏的第二画面。
在上述实施方式中，预先设置多个候选页面布局，从而，用户可以选择满足其需求的页面布局在直播页面中观看第一画面和第二画面，能够提供更为丰富的页面布局方式，满足用户的不同需求，提高用户的体验。
在另一个实施方式中，所述响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：根据直播视频类型确定目标页面布局，其中，所述直播视频类型包含横屏画面或竖屏画面；按照所述目标页面布局在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面。
在上述实施方式中，也可以根据直播视频类型，采用与该直播视频类型对应的页面布局在直播页面中显示第一画面和第二画面，如直播视频类型为横屏画面时，第一区域和第二区域可以横向排布；当直播视频类型为竖屏画面时，第一区域和第二区域可以纵向排布，以提高显示第一画面和第二画面时，直播页面的页面布局的合理性。其中，直播视频类型可理解为直播视频的类型，如第一画面和/或第二画面的类型。
本实施例提供的直播页面的显示方法，显示直播页面，其中，直播页面中显示有第一画面，该第一画面为直播画面；接收针对目标游戏的显示操作；响应于该显示操作，在直播页面的第一区域显示第一画面，并在直播页面的第二 区域显示目标游戏的第二画面，其中，第二区域位于第一区域之外。本实施例通过采用上述技术方案，在直播画面所位于的显示区域之外显示游戏画面，能够避免游戏画面的显示对直播画面造成遮挡，提高用户的体验。
图5为本公开实施例提供的另一种直播页面的显示方法的流程示意图。本实施例中的方案可以与上述实施例中的至少一个可选方案组合。可选的，所述在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，并在所述第二区域之外显示所述互动信息，包括：在所述直播页面内确定第二区域，在所述第二区域内显示所述目标游戏的第二画面，并根据所述第二区域的显示范围，确定所述第一画面所位于的第一区域的显示范围以及所述互动信息的显示位置，以显示所述第一画面和所述互动信息。
可选的，在所述接收针对目标游戏的显示操作之前，还包括：响应于在所述直播页面中针对目标游戏的启动操作，在所述第一画面的上层显示所述目标游戏的第二画面。
可选的，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面之后，还包括：将所述直播页面中所显示的所述第一画面和所述第二画面发送给服务器，以使服务器将所述第一画面和所述第二画面推送至观众端进行显示。
相应的，如图5所示，本实施例提供的直播页面的显示方法可以包括：
S201、显示直播页面，其中，所述直播页面中显示有第一画面和互动信息，所述第一画面为直播画面。
以主播端为例，即以用户进行直播的场景为例，当用户开启直播之后(此时用户尚未启动任何游戏)，直播页面中可以显示有第一画面和互动信息20，如可以显示直播页面，在直播页面的主显示区域显示摄像头所采集的第一画面，并在第一画面的上层显示直播间内的互动信息20，如在位于后续游戏面板所位 于的显示区域之内的某一预设区域显示直播间内的互动信息20，如图2所示，并可以通过服务器将第一画面推送至观众端进行显示。
S202、响应于在所述直播页面中针对目标游戏的启动操作，在所述第一画面的上层显示所述目标游戏的第二画面。
其中，启动操作可理解为启动游戏的操作，如触发直播页面中某一游戏标识的显示区域的操作。该游戏标识例如可以包括游戏图标、游戏名称和游戏介绍信息中的至少一项。
以主播端为例，直播页面中可以显示有游戏控件。用户在欲玩游戏时，可以触发该游戏控件。电子设备在检测到用户触发该游戏控件时，可以在直播页面中显示游戏选择面板，并在该游戏选择面板中显示可供用户选择的各游戏的游戏标识。从而，用户在欲玩某一个游戏时，可以触发该游戏的游戏标识。相应的，电子设备在检测到用户触发某一游戏标识时，可以在直播页面中所显示的第一画面和互动信息的上层显示该游戏的第二画面，如在第一画面和互动信息的上层显示该游戏的游戏面板30，在该游戏面板30中显示该游戏的第二画面，如图3所示；并可以保持仅将第一画面作为直播画面发送给服务器，以使服务器将该第一画面推送至观众端进行显示，即可以不主动将该游戏的第二画面推送至观众端进行显示。从而，直播间中的观众可以在其观众端的直播页面中观看主播的第一画面。
此外，观众在欲查看主播的游戏画面(即第二画面)时，可以执行用于指示观众端显示主播的游戏画面的触发操作。相应的，观众端在检测到观众的该触发操作时，可以通过服务器获取主播的游戏画面，并在所显示的主播的第一画面和直播间内的互动信息的上层显示该游戏画面。
可以理解的是，由于显示目标游戏的第二画面后，直播间中的互动信息会部分或全部被第二画面遮挡，故在接收到直播页面中针对目标游戏的启动操作之后，还可以取消对直播间中互动信息的显示，以在满足第一画面和第二画面的显示需求的前提下，简化直播页面中需要显示的内容。
S203、接收针对目标游戏的显示操作。
S204、响应于所述显示操作，在所述直播页面内确定第二区域，在所述第二区域内显示所述目标游戏的第二画面，并根据所述第二区域的显示范围，确定所述第一画面所位于的第一区域的显示范围以及所述互动信息的显示位置，以显示所述第一画面和所述互动信息。
示例性的，当接收到针对目标游戏的显示操作时，可以依据第二区域41的预设显示尺寸和预设显示位置在直播页面中确定用于显示第二画面的第二区域41，在该第二区域41内显示目标游戏的第二画面，根据该第二区域41的显示范围，确定第一画面所位于的第一区域40的显示范围，并在第一区域40显示第一画面和互动信息20。
在本实施例中，还可以根据第一区域的显示范围调整第一画面的显示尺寸，如可以根据第一区域40的显示范围对第一画面进行缩放和/或剪裁，在第一区域40显示缩放和/或剪裁后的第一画面，如图4所示。此时，可选的，所述在所述直播页面的第一区域显示所述第一画面，包括：依据所述第一区域的显示范围对所述第一画面进行剪裁，并在所述第一区域显示剪裁后的第一画面。
S205、将所述直播页面中所显示的所述第一画面和所述第二画面发送给服务器，以使服务器将所述第一画面和所述第二画面推送至观众端进行显示。
示例性的，当在第二区域显示第二画面之后，可以将直播页面中所显示的第一画面和第二画面发送给服务器，以使服务器将该第一画面和第二画面推送给观众端。
从而，观众端可以显示服务器所推送的第一画面和第二画面，并在该第一画面和第二画面的上层显示直播间内的互动信息20，如图6所示。
此外，观众端的观众也可以通过执行相应的触发操作与主播一起玩目标游戏或者自己玩游戏(如目标游戏或除目标游戏之外的其他游戏)，此时，观众端可以直接在第一画面、第二画面以及互动信息的上层显示观众所玩游戏的游戏画面。
在本实施例中，当主播初始玩游戏时，仅将主播的第一画面发送给观众端进行显示，并在接收到观众用于指示显示主播的游戏画面的触发操作和/或接收到主播针对游戏的显示操作时，再向观众端发送主播的游戏画面，使得用户可以根据需要选择是否直播游戏画面或者是否观看主播的游戏画面，丰富用户的直播方式以及直播的观看方式，从而提高用户的体验。
在本实施例中，在将直播页面中所显示的第一画面和第二画面发送给服务器时，可以将第一直播画面作为一个独立的视频流、将第二直播画面作为另一个独立的视频流发送给服务器，通过服务器将此两个视频流合成为一个直播流的；也可以直接将直播页面中所显示的第一画面和第二画面作为一个视频流发送给服务器，即将直播页面中所显示的画面作为直播流发送给服务器，从而减少直播过程中所占用的网络资源和运算资源，进而减少观众侧直播画面的延迟以及直播过程中出现卡顿的情况。
可以理解的是，当执行针对目标游戏的显示操作之后，用户也可以通过执行取消显示操作指示电子设备重新在直播页面的主显示区域中显示第一画面和互动信息，并在该第一画面和互动信息的上层显示第二画面；和/或，通过执行针对目标游戏的关闭操作指示电子设备关闭目标游戏，在直播页面的主显示区域中显示第一画面和互动信息，并取消对目标游戏的第二画面的显示。
本实施例提供内的直播页面的显示方法，当主播初始启动目标游戏时，在第一画面上显示第二画面；当接收到主播针对游戏的显示操作时，在直播页面的不同区域显示第一画面和第二画面，将互动信息的显示位置调整至第二区域之外，并将第一画面和第二画面发送给观众端进行显示，使得主播可以根据需要选择不同的游戏画面显示方式，并使得观众可以直接观看主播的游戏画面，能够丰富用户的直播方式，简化观众观看主播的游戏画面所需的操作。
图7为本公开实施例提供的一种直播页面的显示装置的结构框图。该装置可以由软件和/或硬件实现，可配置于电子设备中，典型的，可以配置在手机或 平板电脑中，可通过执行直播页面的显示方法实现对游戏画面和互动信息的显示。如图7所示，本实施例提供的直播页面的显示装置可以包括：页面显示模块701、操作接收模块702和画面显示模块703，其中，
页面显示模块701，设置为显示直播页面，其中，所述直播页面中显示有第一画面，所述第一画面为直播画面；
操作接收模块702，设置为接收针对目标游戏的显示操作；
画面显示模块703，设置为响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，其中，所述第二区域位于所述第一区域之外。
本实施例提供的直播页面的显示装置，通过页面显示模块显示直播页面，其中，直播页面中显示有第一画面，该第一画面为直播画面；通过操作接收模块接收针对目标游戏的显示操作；通过画面显示模块响应于该显示操作，在直播页面的第一区域显示第一画面，并在直播页面的第二区域显示目标游戏的第二画面，其中，第二区域位于第一区域之外。本实施例通过采用上述技术方案，在直播画面所位于的显示区域之外显示游戏画面，能够避免游戏画面的显示对直播画面造成遮挡，提高用户的体验。
在上述方案中，所述画面显示模块703还可以设置为：响应于所述显示操作，在所述第一画面上显示互动信息。
在上述方案中，所述直播页面中还可以显示有互动信息，所述画面显示模块703可以设置为：在所述直播页面的第一区域显示所述第一画面，在所述直播页面的第二区域显示所述目标游戏的第二画面，并在所述第二区域之外显示所述互动信息。
在上述方案中，所述画面显示模块703可以设置为：在所述直播页面内确定第二区域，在所述第二区域内显示所述目标游戏的第二画面，并根据所述第二区域的显示范围，确定所述第一画面所位于的第一区域的显示范围以及所述互动信息的显示位置，以显示所述第一画面和所述互动信息。
在上述方案中，所述画面显示模块703可以包括：布局显示单元，设置为响应于所述显示操作，显示多个候选页面布局；第一布局确定单元，设置为接收针对任一所述候选页面布局的选择操作，将所述选择操作对应的候选页面布局确定为目标页面布局；第一画面显示单元，设置为按照所述目标页面布局在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面。
在上述方案中，所述画面显示模块703可以包括：第二布局确定单元，设置为根据直播视频类型确定目标页面布局，其中，所述直播视频类型包含横屏画面或竖屏画面；第二画面显示单元，设置为按照所述目标页面布局在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面。
可选地，本实施例提供的直播页面的显示装置还可以包括：游戏启动模块，设置为在所述接收针对目标游戏的显示操作之前，响应于在所述直播页面中针对目标游戏的启动操作，在所述第一画面的上层显示所述目标游戏的第二画面。
在上述方案中，所述画面显示模块703可以设置为：将所述目标游戏的第二画面调整至所述第一画面所位于的图层进行显示。
可选地，本实施例提供的直播页面的显示装置还可以包括：画面发送模块，设置为在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面之后，将所述直播页面中所显示的所述第一画面和所述第二画面发送给服务器，以使服务器将所述第一画面和所述第二画面推送至观众端进行显示。
在上述方案中，所述画面显示模块703可以设置为：依据所述第一区域的显示范围对所述第一画面进行剪裁，并在所述第一区域显示剪裁后的第一画面。
本公开实施例提供的直播页面的显示装置可执行本公开任意实施例提供的直播页面的显示方法，具备执行直播页面的显示方法相应的功能模块。未在本实施例中详尽描述的技术细节，可参见本公开任意实施例所提供的直播页面的 显示方法。
下面参考图8，其示出了适于用来实现本公开实施例的电子设备(例如终端设备)800的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant，PDA)、PAD(平板电脑)、便携式多媒体播放器(Portable Media Player，PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字电视(Television，TV)、台式计算机等等的固定终端。图8示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图8所示，电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801，其可以根据存储在只读存储器(Read-Only Memory，ROM)802中的程序或者从存储装置808加载到随机访问存储器(Random Access Memory，RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中，还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(Input/Output，I/O)接口805也连接至总线804。
通常，以下装置可以连接至I/O接口805：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806；包括例如液晶显示器(Liquid Crystal Display，LCD)、扬声器、振动器等的输出装置807；包括例如磁带、硬盘等的存储装置808；以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备800，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程 图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置809从网络上被下载和安装，或者从存储装置808被安装，或者从ROM 802被安装。在该计算机程序被处理装置801执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(Erasable Programmable Read-Only Memory，EPROM)或闪存、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory，CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、射频(Radio Frequency，RF)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText Transfer Protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(Local Area Network，LAN)，广域网(Wide Area  Network，WAN)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有至少一个程序，当上述至少一个程序被该电子设备执行时，使得该电子设备：显示直播页面，其中，所述直播页面中显示有第一画面，所述第一画面为直播画面；接收针对目标游戏的显示操作；响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，其中，所述第二区域位于所述第一区域之外。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的 是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该单元本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(Field Programmable Gate Array，FPGA)、专用集成电路(Application Specific Integrated Circuit，ASIC)、专用标准产品(Application Specific Standard Parts，ASSP)、片上系统(System on Chip，SOC)、复杂可编程逻辑设备(Complex Programmable Logic Device，CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的至少一个实施例，示例1提供了一种直播页面的显示方法，包括：
显示直播页面，其中，所述直播页面中显示有第一画面，所述第一画面为直播画面；
接收针对目标游戏的显示操作；
响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，其中，所述第二区域位于所述第一区域之外。
根据本公开的至少一个实施例，示例2根据示例1所述的方法，还包括：
响应于所述显示操作，在所述第一画面上显示互动信息。
根据本公开的至少一个实施例，示例3根据示例1所述的方法，所述直播页面中还显示有互动信息，所述在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：
在所述直播页面的第一区域显示所述第一画面，在所述直播页面的第二区域显示所述目标游戏的第二画面，并在所述第二区域之外显示所述互动信息。
根据本公开的至少一个实施例，示例4根据示例3所述的方法，所述在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，并在所述第二区域之外显示所述互动信息，包括：
在所述直播页面内确定第二区域，在所述第二区域内显示所述目标游戏的第二画面，并根据所述第二区域的显示范围，确定所述第一画面所位于的第一区域的显示范围以及所述互动信息的显示位置，以显示所述第一画面和所述互动信息。
根据本公开的至少一个实施例，示例5根据示例1所述的方法，所述响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：
响应于所述显示操作，显示多个候选页面布局；
接收针对任一所述候选页面布局的选择操作，将所述选择操作对应的候选页面布局确定为目标页面布局；
按照所述目标页面布局在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面。
根据本公开的至少一个实施例，示例6根据示例1所述的方法，所述响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：
根据直播视频类型确定目标页面布局，其中，所述直播视频类型包含横屏画面或竖屏画面；
按照所述目标页面布局在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面。
根据本公开的至少一个实施例，示例7根据示例1所述的方法，在所述接收针对目标游戏的显示操作之前，还包括：
响应于在所述直播页面中针对目标游戏的启动操作，在所述第一画面的上层显示所述目标游戏的第二画面。
根据本公开的至少一个实施例，示例8根据示例7所述的方法，所述在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：
将所述目标游戏的第二画面调整至所述第一画面所位于的图层进行显示。
根据本公开的至少一个实施例，示例9根据示例1-8任一所述的方法，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面之后，还包括：
将所述直播页面中所显示的所述第一画面和所述第二画面发送给服务器，以使服务器将所述第一画面和所述第二画面推送至观众端进行显示。
根据本公开的至少一个实施例，示例10根据示例1-8任一所述的方法，所述在所述直播页面的第一区域显示所述第一画面，包括：
依据所述第一区域的显示范围对所述第一画面进行剪裁，并在所述第一区域显示剪裁后的第一画面。
根据本公开的至少一个实施例，示例11提供了一种直播页面的显示装置，包括：
页面显示模块，设置为显示直播页面，其中，所述直播页面中显示有第一 画面，所述第一画面为直播画面；
操作接收模块，设置为接收针对目标游戏的显示操作；
画面显示模块，设置为响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，其中，所述第二区域位于所述第一区域之外。
根据本公开的至少一个实施例，示例12提供了一种电子设备，包括：
至少一个处理器；
存储器，设置为存储至少一个程序，
当所述至少一个程序被所述至少一个处理器执行，使得所述至少一个处理器实现如示例1-10中任一所述的直播页面的显示方法。
根据本公开的至少一个实施例，示例13提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如示例1-10中任一所述的直播页面的显示方法。
根据本公开的至少一个实施例，示例14提供了一种计算机程序产品，当所述计算机程序产品被计算机执行，使得所述计算机实现如示例1-10任一所述的直播页面的显示方法。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

Claims (14)

  1. 一种直播页面的显示方法，包括：
    显示直播页面，其中，所述直播页面中显示有第一画面，所述第一画面为直播画面；
    接收针对目标游戏的显示操作；
    响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，其中，所述第二区域位于所述第一区域之外。
  2. 根据权利要求1所述的方法，还包括：
    响应于所述显示操作，在所述第一画面上显示互动信息。
  3. 根据权利要求1所述的方法，其中，所述直播页面中还显示有互动信息，所述在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：
    在所述直播页面的第一区域显示所述第一画面，在所述直播页面的第二区域显示所述目标游戏的第二画面，并在所述第二区域之外显示所述互动信息。
  4. 根据权利要求3所述的方法，其中，所述在所述直播页面的第一区域显示所述第一画面，在所述直播页面的第二区域显示所述目标游戏的第二画面，并在所述第二区域之外显示所述互动信息，包括：
    在所述直播页面内确定第二区域，在所述第二区域内显示所述目标游戏的第二画面，并根据所述第二区域的显示范围，确定所述第一画面所位于的第一区域的显示范围以及所述互动信息的显示位置，以显示所述第一画面和所述互动信息。
  5. 根据权利要求1所述的方法，其中，所述响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：
    响应于所述显示操作，显示多个候选页面布局；
    接收针对任一所述候选页面布局的选择操作，将所述选择操作对应的候选 页面布局确定为目标页面布局；
    按照所述目标页面布局在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面。
  6. 根据权利要求1所述的方法，其中，所述响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：
    根据直播视频类型确定目标页面布局，其中，所述直播视频类型包含横屏画面或竖屏画面；
    按照所述目标页面布局在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面。
  7. 根据权利要求1所述的方法，在所述接收针对目标游戏的显示操作之前，还包括：
    响应于在所述直播页面中针对目标游戏的启动操作，在所述第一画面的上层显示所述目标游戏的第二画面。
  8. 根据权利要求7所述的方法，其中，所述在所述直播页面的第二区域显示所述目标游戏的第二画面，包括：
    将所述目标游戏的第二画面调整至所述第一画面所位于的图层进行显示。
  9. 根据权利要求1-8任一所述的方法，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面之后，还包括：
    将所述直播页面中所显示的所述第一画面和所述第二画面发送给服务器，以使服务器将所述第一画面和所述第二画面推送至观众端进行显示。
  10. 根据权利要求1-8任一所述的方法，其中，所述在所述直播页面的第一区域显示所述第一画面，包括：
    依据所述第一区域的显示范围对所述第一画面进行剪裁，并在所述第一区域显示剪裁后的第一画面。
  11. 一种直播页面的显示装置，包括：
    页面显示模块，设置为显示直播页面，其中，所述直播页面中显示有第一画面，所述第一画面为直播画面；
    操作接收模块，设置为接收针对目标游戏的显示操作；
    画面显示模块，设置为响应于所述显示操作，在所述直播页面的第一区域显示所述第一画面，并在所述直播页面的第二区域显示所述目标游戏的第二画面，其中，所述第二区域位于所述第一区域之外。
  12. 一种电子设备，包括：
    至少一个处理器；以及
    与所述至少一个处理器通信连接的存储器；其中，
    所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-10中任一项所述的直播页面的显示方法。
  13. 一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-10中任一项所述的直播页面的显示方法。
  14. 一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-10中任一项所述的直播页面的显示方法。
PCT/CN2023/102746 2022-06-27 2023-06-27 直播页面的显示方法、装置、设备、存储介质和程序产品 Ceased WO2024002069A1 (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
JP2024559380A JP7743647B2 (ja) 2022-06-27 2023-06-27 ライブ配信ページの表示方法、装置、デバイス、記憶媒体及びプログラム製品
AU2023296433A AU2023296433B2 (en) 2022-06-27 2023-06-27 Live streaming page display method and apparatus, device, storage medium, and program product
KR1020247033294A KR102849135B1 (ko) 2022-06-27 2023-06-27 라이브 스트리밍 페이지 표시 방법 및 장치, 디바이스, 저장 매체 및 프로그램 제품
EP23830246.7A EP4489403A4 (en) 2022-06-27 2023-06-27 LIVE STREAMING PAGE DISPLAY METHOD AND APPARATUS, DEVICE, STORAGE MEDIUM, AND PROGRAM PRODUCT
US18/908,508 US12434143B2 (en) 2022-06-27 2024-10-07 Livestreaming page display method and apparatus, device, storage medium, and program product

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210743734.3A CN115174946B (zh) 2022-06-27 2022-06-27 直播页面的显示方法、装置、设备、存储介质和程序产品
CN202210743734.3 2022-06-27

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/908,508 Continuation US12434143B2 (en) 2022-06-27 2024-10-07 Livestreaming page display method and apparatus, device, storage medium, and program product

Publications (1)

Publication Number Publication Date
WO2024002069A1 true WO2024002069A1 (zh) 2024-01-04

Family

ID=83488730

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/102746 Ceased WO2024002069A1 (zh) 2022-06-27 2023-06-27 直播页面的显示方法、装置、设备、存储介质和程序产品

Country Status (7)

Country Link
US (2) US12434143B2 (zh)
EP (1) EP4489403A4 (zh)
JP (1) JP7743647B2 (zh)
KR (1) KR102849135B1 (zh)
CN (1) CN115174946B (zh)
AU (1) AU2023296433B2 (zh)
WO (1) WO2024002069A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115174946B (zh) 2022-06-27 2024-01-30 北京字跳网络技术有限公司 直播页面的显示方法、装置、设备、存储介质和程序产品
CN116248910A (zh) * 2023-03-03 2023-06-09 北京字跳网络技术有限公司 直播页面的显示方法、装置、设备、存储介质和程序产品
CN118870087A (zh) * 2023-04-28 2024-10-29 北京字跳网络技术有限公司 直播界面的处理方法、装置、设备及存储介质
CN119496940A (zh) * 2023-08-18 2025-02-21 北京有竹居网络技术有限公司 一种画面展示方法、装置、设备及存储介质
CN118488281A (zh) * 2024-04-26 2024-08-13 北京达佳互联信息技术有限公司 虚拟空间中的信息展示方法、装置、电子设备及存储介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20170001112A1 (en) * 2015-06-30 2017-01-05 Amazon Technologies, Inc. Game content interface in a spectating system
CN112351302A (zh) * 2020-11-24 2021-02-09 网易（杭州）网络有限公司 基于云游戏的直播交互方法、装置及存储介质
CN112468873A (zh) * 2020-11-16 2021-03-09 北京达佳互联信息技术有限公司 画面显示方法、装置、系统、电子设备、服务器及介质
CN113127782A (zh) * 2021-04-25 2021-07-16 北京高途云集教育科技有限公司 直播界面的显示方法、终端、电子设备及存储介质
CN113457123A (zh) * 2021-07-21 2021-10-01 腾讯科技（深圳）有限公司 基于云游戏的互动方法、装置、电子设备及可读存储介质
CN113573090A (zh) * 2021-07-28 2021-10-29 广州方硅信息技术有限公司 游戏直播中的内容显示方法、装置、系统和存储介质
CN115174946A (zh) * 2022-06-27 2022-10-11 北京字跳网络技术有限公司 直播页面的显示方法、装置、设备、存储介质和程序产品

Family Cites Families (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9986001B2 (en) * 2012-11-05 2018-05-29 Sony Interactive Entertainment Inc. Information processing apparatus
US9667904B2 (en) * 2013-03-11 2017-05-30 Sony Corporation Managing extra space on ultra high definition display presenting high definition video
US9113193B1 (en) * 2014-07-15 2015-08-18 Cisco Technology Inc. Video content item timeline
CN106303743B (zh) * 2016-08-10 2019-05-28 乐蜜有限公司 一种直播画面显示方法、装置及电子设备
JP7068776B2 (ja) * 2017-03-31 2022-05-17 株式会社バンダイナムコエンターテインメント コンピュータシステム、制御方法、視聴者端末、及びプログラム
KR20190068339A (ko) * 2017-12-08 2019-06-18 주식회사 엔씨소프트 온라인 게임 내 게임 방송 서비스 제공 방법 및 시스템
CN111669612B (zh) * 2019-03-08 2023-02-28 腾讯科技（深圳）有限公司 基于直播的信息投放方法、装置和计算机可读存储介质
CN109922353B (zh) * 2019-03-25 2022-07-08 广州方硅信息技术有限公司 直播列表排版布局方法、装置、计算机设备和存储介质
JP6961190B2 (ja) * 2019-03-29 2021-11-05 株式会社コロプラ システム
CN112511849A (zh) * 2020-11-17 2021-03-16 北京达佳互联信息技术有限公司 一种游戏显示方法、装置、设备、系统及存储介质
CN112516589B (zh) * 2020-12-16 2024-07-09 网易（杭州）网络有限公司 直播中游戏商品互动方法、装置、计算机设备及存储介质
CN113382277B (zh) * 2021-06-09 2022-11-04 广州方硅信息技术有限公司 网络直播方法、装置及系统
CN113630614B (zh) 2021-08-09 2025-07-04 广州虎牙科技有限公司 游戏直播方法、装置、系统、电子设备及可读存储介质
CN113891103A (zh) * 2021-08-24 2022-01-04 广州方硅信息技术有限公司 直播显示方法、装置、存储介质及计算机设备

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20170001112A1 (en) * 2015-06-30 2017-01-05 Amazon Technologies, Inc. Game content interface in a spectating system
CN112468873A (zh) * 2020-11-16 2021-03-09 北京达佳互联信息技术有限公司 画面显示方法、装置、系统、电子设备、服务器及介质
CN112351302A (zh) * 2020-11-24 2021-02-09 网易（杭州）网络有限公司 基于云游戏的直播交互方法、装置及存储介质
CN113127782A (zh) * 2021-04-25 2021-07-16 北京高途云集教育科技有限公司 直播界面的显示方法、终端、电子设备及存储介质
CN113457123A (zh) * 2021-07-21 2021-10-01 腾讯科技（深圳）有限公司 基于云游戏的互动方法、装置、电子设备及可读存储介质
CN113573090A (zh) * 2021-07-28 2021-10-29 广州方硅信息技术有限公司 游戏直播中的内容显示方法、装置、系统和存储介质
CN115174946A (zh) * 2022-06-27 2022-10-11 北京字跳网络技术有限公司 直播页面的显示方法、装置、设备、存储介质和程序产品

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4489403A4

Also Published As

Publication number Publication date
CN115174946B (zh) 2024-01-30
US20250025783A1 (en) 2025-01-23
US20260007965A1 (en) 2026-01-08
EP4489403A4 (en) 2025-07-09
KR20240155343A (ko) 2024-10-28
AU2023296433B2 (en) 2025-02-27
KR102849135B1 (ko) 2025-08-25
US12434143B2 (en) 2025-10-07
JP7743647B2 (ja) 2025-09-24
AU2023296433A1 (en) 2024-10-17
EP4489403A1 (en) 2025-01-08
JP2025511844A (ja) 2025-04-16
CN115174946A (zh) 2022-10-11

Similar Documents

Publication Publication Date Title
CN115174946B (zh) 直播页面的显示方法、装置、设备、存储介质和程序产品
WO2023169340A1 (zh) 信息展示方法、装置、电子设备、存储介质和程序产品
US12386500B2 (en) Method, an apparatus, an electronic device and a storage medium for sharing multimedia information in social media
JP7443621B2 (ja) ビデオインタラクション方法、装置、電子機器及び記憶媒体
WO2023160416A1 (zh) 信息展示方法、装置、电子设备、存储介质和程序产品
JP7677734B2 (ja) 画像融合方法、装置、電子機器および記憶媒体
US12430012B2 (en) Playing videos and displaying a posting identifier during a video posting process
WO2023024921A1 (zh) 视频交互方法、装置、设备及介质
WO2024078486A1 (zh) 内容展示方法、装置、设备及存储介质
WO2023216936A1 (zh) 视频播放方法、装置、电子设备、存储介质和程序产品
WO2023216942A1 (zh) 媒体内容的拍摄方法、装置、设备、存储介质和程序产品
JP2024521102A (ja) 動画撮影方法、装置、電子機器及び記憶媒体
WO2022199426A1 (zh) 视频的展示方法、装置、电子设备和存储介质
CN109600656A (zh) 一种视频榜单显示方法、装置，终端设备及存储介质
WO2024051606A1 (zh) 一种游戏展示方法、装置、终端及存储介质
WO2023179362A1 (zh) 控件的显示方法、装置、电子设备、存储介质和程序产品
CN115639934A (zh) 内容分享方法、装置、设备、计算机可读存储介质及产品
WO2025130262A1 (zh) 直播方法、直播交互方法、装置、电子设备和介质
CN116156265A (zh) 直播内容的播放方法、装置、设备、存储介质和程序产品
WO2024041556A1 (zh) 一种连麦展示方法、装置、电子设备、计算机可读介质
JP2025514590A (ja) 再生制御方法、装置、電子機器及び記憶媒体
WO2024012451A1 (zh) 显示控制方法、装置、电子设备和存储介质
WO2026086877A1 (zh) 图像内容的拍摄方法、装置、电子设备、存储介质和程序产品
WO2023155708A1 (zh) 视角的切换方法、装置、电子设备、存储介质和程序产品
CN116248910A (zh) 直播页面的显示方法、装置、设备、存储介质和程序产品

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23830246

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2023830246

Country of ref document: EP

Ref document number: AU2023296433

Country of ref document: AU

WWE Wipo information: entry into national phase

Ref document number: 202427075121

Country of ref document: IN

ENP Entry into the national phase

Ref document number: 2023830246

Country of ref document: EP

Effective date: 20240930

ENP Entry into the national phase

Ref document number: 20247033294

Country of ref document: KR

Kind code of ref document: A

WWE Wipo information: entry into national phase

Ref document number: 2024559380

Country of ref document: JP

Ref document number: 1020247033294

Country of ref document: KR

REG Reference to national code

Ref country code: BR

Ref legal event code: B01A

Ref document number: 112024020679

Country of ref document: BR

ENP Entry into the national phase

Ref document number: 2023296433

Country of ref document: AU

Date of ref document: 20230627

Kind code of ref document: A

WWE Wipo information: entry into national phase

Ref document number: 11202406943P

Country of ref document: SG

ENP Entry into the national phase

Ref document number: 112024020679

Country of ref document: BR

Kind code of ref document: A2

Effective date: 20241004

NENP Non-entry into the national phase

Ref country code: DE