Display method and device for live broadcast of matches, computer equipment and computer program

The method allows simultaneous display of live esports broadcasts and highlight clips in separate screen areas, addressing the cumbersome process of restarting live streams during playback, thereby simplifying user experience.

JP7849556B2Active Publication Date: 2026-04-21TENCENT TECHNOLOGY (SHENZHEN) CO LTD
View PDF 7 Cites 0 Cited by

Patent Information

Authority / Receiving Office
JP · JP
Patent Type
Patents
Current Assignee / Owner
TENCENT TECHNOLOGY (SHENZHEN) CO LTD
Filing Date
2025-08-15
Publication Date
2026-04-21

AI Technical Summary

Technical Problem

Existing methods for watching esports live broadcasts require users to stop the current playback of highlight clips and restart the live stream to continue watching the match, which is cumbersome.

Method used

A method and apparatus that allows simultaneous display of a live broadcast screen and playback of highlight clips in separate screen areas, enabling users to watch the live broadcast without interrupting it during playback.

Benefits of technology

Enables users to watch the live broadcast and play back highlight clips simultaneously, simplifying the process of returning to the live stream during playback.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure 0007849556000003
    Figure 0007849556000003
  • Figure 0007849556000004
    Figure 0007849556000004
  • Figure 0007849556000005
    Figure 0007849556000005
Patent Text Reader

Abstract

To provide a display method, a device, computer equipment, and a computer program for live game broadcasting, which can simplify the operations required for a user to watch the live broadcasting.SOLUTION: A method includes displaying a live broadcast screen of a match live stream based on a match in which a virtual character in a virtual environment competes on a live broadcast interface (302), displaying a playback control corresponding to a highlight clip, which is a past clip in the match live stream, on the live broadcast interface (304), and displaying the live broadcast screen in a first divided screen area and a playback screen of the highlight clip in a second divided screen area (306) in response to a split screen display operation triggered on the basis of the playback control.SELECTED DRAWING: Figure 3
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This application claims priority based on Chinese patent applications filed with the Chinese Patent Office on November 24, 2021 and December 29, 2021, with application numbers 202111402724.5 and 202111643183.5, and incorporates the entire contents thereof by reference herein.

[0002] This application relates to the technical field of live broadcasts, and particularly to a method and apparatus for displaying esports live broadcasts, computer equipment, and computer programs.

Background Art

[0003] In the process of the esports game confrontation, the server can live broadcast the esports game confrontation to the user. A client that can support the live broadcast function of the esports game can obtain the game live stream of the ongoing confrontation from the server and display the live broadcast screen of the game live stream on the live broadcast interface.

[0004] During the live broadcast of the esports game confrontation, there may be several highlight clips (also referred to as wonderful / exciting events / acts). For example, a highlight clip in which a virtual character controlled by a player of the first team participating in the confrontation defeats all virtual characters controlled by players of the second team participating in the confrontation. Regarding the highlight clip, the user has a need to watch it again. In the related art, a progress bar is displayed on the live broadcast interface, and the progress bar is used to reflect the current playback progress of the game live stream. In response to the playback operation triggered by dragging the progress bar, the client can realize the playback of the highlight clip in the game live stream by playing back the game live stream from the playback progress position selected by the playback operation.

[0005] When playing highlight clips using the method described above, users need to stop the currently playing highlight clip and restart the live stream of the match if they need to continue watching the match live broadcast. This process is cumbersome. [Overview of the project] [Problems that the invention aims to solve]

[0006] This application aims to provide a method and apparatus for displaying live broadcasts of matches, a computer device, and a computer program that can simplify the operation for users when watching live broadcasts. [Means for solving the problem]

[0007] According to one aspect of this application, a method for displaying a live broadcast of a match, which is performed by a computer device, is provided, The live broadcast interface displays the live broadcast screen of the match live stream, and the match live stream is a live stream based on a match in which virtual characters compete in a virtual environment; The live broadcast interface displays playback controls corresponding to highlight clips, where the highlight clips are past clips from the match live stream; and In response to a screen splitting (split display) operation triggered based on the playback control, the live broadcast screen is displayed in a first screen splitting area, and the playback screen of the highlight clip is displayed in a second screen splitting area, wherein the first screen splitting area and the second screen splitting area are different display areas in the live broadcast interface, and the first screen splitting area and the second screen splitting area have no common parts.

[0008] According to another aspect of this application, a display device for live broadcasting of a match is provided, the device is, Includes a display module, The display module is used to display the live broadcast screen of the match live stream on the live broadcast interface, and the match live stream is a live stream based on a match in which virtual characters compete in a virtual environment. The display module is further used to display playback controls corresponding to highlight clips on the live broadcast interface, where the highlight clips are past clips from the match live stream. The display module is further used to display the live broadcast screen in a first screen division area and the playback screen of the highlight clip in a second screen division area in response to a screen division display operation triggered based on the playback control, wherein the first screen division area and the second screen division area are different display areas in the live broadcast interface and have no common parts.

[0009] According to another aspect of this application, a computer device is provided, the computer device comprising a processor and a memory, the memory storing at least one instruction, at least one program, a code set or instruction set, the at least one instruction, the at least one program, the code set or instruction set being loaded and executed by the processor, thereby enabling the method of displaying a live broadcast of a match as described in the above aspect.

[0010] According to another aspect of this application, a computer-readable storage medium is provided, the readable storage medium storing at least one instruction, at least one program, a code set or instruction set, the at least one instruction, the at least one program, the code set or instruction set being loaded and executed by a processor, thereby realizing the method of displaying a live broadcast of a match described in the above aspect.

[0011] According to another aspect of this application, a computer program product or computer program is provided, the computer program product or computer program includes computer instructions, the computer instructions are stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, thereby enabling the computer device to implement a method for displaying a live broadcast of a match, provided in the various selectable implementations described in the above aspect. [Effects of the Invention]

[0012] The embodiments of this application provide at least the following advantageous effects.

[0013] The live broadcast interface displays playback controls corresponding to highlight clips of the match live stream, and screen splitting operations triggered based on the playback controls can enable screen splitting of the match live stream screen and the highlight clip playback screen, allowing users to watch the match live broadcast and play back highlight clips simultaneously. When users play back highlight clips in the manner described above, they can simultaneously watch the match live broadcast without any operation, simplifying the process for users to return to watching the match live broadcast during the highlight clip playback process. [Brief explanation of the drawing]

[0014] [Figure 1] This is a block diagram of the configuration of a computer system provided in one exemplary embodiment of this application. [Figure 2] This figure shows a live broadcast interface provided in one exemplary embodiment of the present application. [Figure 3] This is a flowchart of a method for displaying a live broadcast of a match, provided in one exemplary embodiment of this application. [Figure 4]It is a flowchart of a method for displaying a live game broadcast provided in one exemplary embodiment of the present application. [Figure 5] It is a diagram showing a distance threshold provided in one exemplary embodiment of the present application. [Figure 6] It is a diagram showing playback control provided in one exemplary embodiment of the present application. [Figure 7] It is a diagram showing a target virtual character provided in one exemplary embodiment of the present application. [Figure 8] It is a diagram showing a playback list provided in one exemplary embodiment of the present application. [Figure 9] It is a diagram showing a presented barrage provided in one exemplary embodiment of the present application. [Figure 10] It is a diagram showing a small window display of a playback screen provided in one exemplary embodiment of the present application. [Figure 11] It is a diagram showing playback control of a virtual character provided in one exemplary embodiment of the present application. [Figure 12] It is a diagram showing the display ratio occupied by a second screen division area in a live broadcast interface provided in one exemplary embodiment of the present application. [Figure 13] It is a diagram showing a gesture operation provided in one exemplary embodiment of the present application. [Figure 14] It is a diagram showing a switching operation provided in one exemplary embodiment of the present application. [Figure 15] It is a diagram showing a second screen division area provided in one exemplary embodiment of the present application. [Figure 16] It is a diagram showing a second screen division area provided in one exemplary embodiment of the present application. [Figure 17] It is a flowchart of a front - end interactive process provided in one exemplary embodiment of the present application. [Figure 18] It is a flowchart for realizing a split - screen display provided in one exemplary embodiment of the present application. [Figure 19]This is a flowchart for obtaining the relevant data for screen division display provided in one exemplary embodiment of this application. [Figure 20] This is a diagram illustrating the configuration of a display device for live broadcasting of a match, provided in one exemplary embodiment of this application. [Figure 21] This is a diagram illustrating the configuration of a display device for live broadcasting of a match, provided in one exemplary embodiment of this application. [Figure 22] This is a diagram of the configuration of a terminal provided in one exemplary embodiment of this application. [Modes for carrying out the invention]

[0015] First, let me introduce the nouns (terms) related to the embodiments of this application.

[0016] Virtual environment: A virtual environment that is displayed (or provided) when an application program (app) is executed on a terminal. This virtual environment may be a simulation environment of the real world, a semi-simulated, semi-fictional environment, or a completely fictional environment. The virtual environment may be any one of a 2D virtual environment, a 2.5D virtual environment, or a 3D virtual environment, but the embodiments of this application are not limited to these.

[0017] Virtual character: Refers to at least one movable object controlled by the user in a virtual environment. This virtual character may be a virtual person (character), virtual animal, anime character, etc. Optionally, the virtual character is a three-dimensional model created based on animation skeleton technology. Each virtual character has its own shape and volume in the virtual environment and occupies a portion of the space within that environment.

[0018] Figure 1 is a block diagram of the configuration of a computer system provided in one exemplary embodiment of the present application. The computer system 100 includes a first terminal 110, a second terminal 120, a first server 130, a second server 140, and a third terminal 150.

[0019] The first terminal 110 has the first application program installed and running, which is a client with competitive gameplay functionality for esports matches. For example, the first application program can support a virtual environment, which could be any one of the following: first-person shooting (FPS) games, third-person shooting (TPS) games, MOBA games, tactical competitive games, and strategy games (Simulation Games, SLG). The first terminal 110 is used by the first user 111, who uses the first terminal 110 to control a virtual character in the virtual environment of the first application program to perform activities, and the virtual character may be referred to as the first user 111's virtual character. The virtual character's activities include, but are not limited to, at least one of the following: adjusting body posture, crawling, walking, running, riding, jumping, driving, picking up, shooting, attacking, throwing, and constructing virtual buildings. For example, a virtual character is a virtual human character, such as a simulated human character or an animated human character.

[0020] The second terminal 120 has the first application program installed and running, and the first application program is a client with competitive gameplay functionality for esports matches. For example, the first application program can support a virtual environment, which could be any one of FPS games, TPS games, MOBA games, tactical competitive games, and SLGs. The second terminal 120 is used by the second user 121, who uses the second terminal 120 to control a virtual character in the virtual environment of the first application program to perform activities, and the virtual character may also be referred to as the second user 121's virtual character. The virtual character's activities include, but are not limited to, at least one of the following: adjusting body posture, crawling, walking, running, riding, jumping, driving, picking up, shooting, attacking, throwing, and constructing virtual buildings. As an example, the virtual character is a virtual human character, for example, a simulated human character or an anime human character.

[0021] Optionally, the application programs installed on the first terminal 110 and the second terminal 120 may be the same, or the application programs installed on the two terminals may be the same type of application program on different control system platforms. The first terminal 110 may generally refer to one of several terminals, and the second terminal 120 may generally refer to one of several terminals. For example, the first terminal 110 includes a terminal used by a user on the first team participating in an e-sports competition, and the second terminal 120 includes a terminal used by a user on the second team participating in an e-sports competition. In this embodiment, only the first terminal 110 and the second terminal 120 will be described as examples. The device types of the first terminal 110 and the second terminal 120 may be the same or different. The device types include at least one of a smartphone, tablet computer, e-reader, MP3 player, MP4 player, notebook computer, and desktop computer. In the following embodiments, the explanation will be given using the example that the terminal includes a smartphone.

[0022] The first terminal 110 and the second terminal 120 can be connected to the first server 130 via a wireless network or a wired network.

[0023] The first server 130 includes at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. The first server 130 is used to provide background services to a first application program that has competitive gameplay functionality for esports matches. Optionally, the first server 130 handles the main computing tasks and the terminal handles the secondary computing tasks, or the first server 130 handles the secondary computing tasks and the terminal handles the main computing tasks, or the first server 130 and the terminal perform collaborative computing using a distributed computing architecture.

[0024] In one exemplary example, the first server 130 includes a processor 131, a user account database 132, a battle service module 133, and a user input / output interface (I / O interface) 134. Of these, the processor 131 is used to load instructions stored in the first server 130 and to process data in the user account database 132 and the battle service module 133. The user account database 132 is used to store user account data used by the first terminal 110, the second terminal 120, and other terminals, such as the user account avatar, user account nickname, user account combat power index, and the service area where the user account resides. The battle service module 133 provides multiple battle rooms for users to battle, for example, to provide battle rooms for esports matches for users to battle. The user I / O interface 134 is used to establish communication with the first terminal 110 and the second terminal 120 via a wireless or wired network and exchange data.

[0025] The second server 140 is connected to the first server 130 via a wireless or wired network.

[0026] The second server 140 includes at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. The second server 140 is a server corresponding to the second application program and is used to provide background services to the second application program which has the functionality to broadcast e-sports matches live. Optionally, the second server 140 handles the main computing tasks and the terminal handles the secondary computing tasks, or the second server 140 handles the secondary computing tasks and the terminal handles the main computing tasks, or the second server 140 and the terminal perform collaborative computing using a distributed computing architecture. The second server 140 is used to obtain audio and video generated in real time by the first server 130 in the process of realizing the e-sports match. In some embodiments, a signal collector and a directed end (a broadcast-guiding end) are further present between the first server 130 and the second server 140. The signal collector is used by the first server 130 to collect audio and video data of the e-sports match in real time and transmit it to the directed end. Subsequently, the direct end uploads the aforementioned audio and video to the second server 140 via the network. The second server 140 may be referred to as the live broadcast server. In some embodiments, the first server 130 and the second server 140 are the same server.

[0027] The third terminal 150 is connected to the second server 140 via a wireless or wired network.

[0028] The third terminal 150 has a second application program installed and running, which is a client with live broadcasting functionality for esports matches. For example, the second application program could be a live broadcast client, a game client, a game community client, a video-on-demand client, a short video client, a social client, etc. The second application program acquires the audio and video of the live broadcast of the esports match transmitted by the second server 140 via the third terminal 150 and displays it on the user interface, thereby realizing the live broadcasting functionality for esports matches. The device types of the third terminal 150, the first terminal 110, and the second terminal 120 may be the same or different. The device types include at least one of a smartphone, a tablet computer, an e-reader, an MP3 player, an MP4 player, a laptop computer, and a desktop computer. In the following embodiment, the explanation will be given using the example that the terminal includes a smartphone.

[0029] As an option, both the terminal and server mentioned above are computer devices.

[0030] As those skilled in the art will understand, the number of the aforementioned terminals can be more or less than or equal to one. For example, there may be only one terminal, or there may be dozens, hundreds, or even more terminals. The embodiments of this application are not limited to the number of terminals or the type of device.

[0031] Figure 2 shows a live broadcast interface provided in one exemplary embodiment of the present application. As shown in Figure 2(a), during the process of live broadcasting an esports match, a client capable of supporting the esports match live broadcast function can display a live broadcast interface 201. The live broadcast interface 201 displays a live broadcast screen 202 of the match live stream, which is a live stream based on a match in which virtual characters compete in a virtual environment. If the client determines that a highlight clip exists in the match live stream, the client can display a playback control 204 on the live broadcast interface 201 in at least one of several display methods. The highlight clip is determined by the server and is a past clip in the match live stream. For example, the live broadcast interface 201 displays a progress bar 203, and the client can display the playback control 204 at the target progress position of the progress bar 203. The target progress position is used to indicate the corresponding playback progress of the highlight clip in the match live stream. When multiple highlight clips are obtained, the client can display multiple playback controls 204 in the progress bar 203 according to the rules described above.

[0032] Optionally, the playback control 204 can directly trigger a split-screen display operation or a detailed display operation. When the playback control 204 directly triggers a split-screen display operation, as shown in Figure 2(c), the client can display the live broadcast screen 202 and the highlight clip playback screen in a split-screen view on the live broadcast interface in response to the split-screen display operation triggered by the playback control 204. When the playback control 204 triggers a detailed display operation, as shown in Figure 2(b), the client can display a detailed introduction control 205 corresponding to the highlight clip on the live broadcast interface 201 in response to the detailed display operation triggered by the playback control 204, for example, by displaying the detailed introduction control 205 above the playback control 204. The detailed introduction control 205 displays information for introducing the highlight clip.

[0033] As shown in Figure 2(c), the detailed introduction control 205 can trigger a screen splitting display operation, and in response to the screen splitting display operation triggered by the detailed introduction control 205, the client can split the live broadcast interface to display the live broadcast screen 202 and the playback screen of the highlight clips. In this case, the client displays the live broadcast screen 202 in the first screen splitting area 206 of the live broadcast interface 201, and displays the playback screen in the second screen splitting area 207 of the live broadcast interface 201. The first display area (first screen splitting area) and the second display area (second screen splitting area) are different display areas in the live broadcast interface 201. In response to the user's exit operation for the displayed playback screen, the client can cancel the display of the playback screen and restore the display of the live broadcast screen 202 only in the live broadcast interface 201. In addition, if the match live stream contains multiple highlight clips, in response to a switching operation for the displayed playback screen, the client can switch and display the playback screens of different highlight clips in the match live stream in chronological order.

[0034] The live broadcast interface displays playback controls corresponding to highlight clips of the match live stream, and screen splitting operations triggered based on the playback controls can enable screen splitting of the match live stream screen and the highlight clip playback screen, allowing users to watch the match live broadcast and play back highlight clips simultaneously. When users play back highlight clips in the manner described above, they can simultaneously watch the match live broadcast without any operation, simplifying the process for users to return to watching the match live broadcast during the highlight clip playback process.

[0035] Figure 3 is a flowchart of a method for displaying a live broadcast of a match, provided in one exemplary embodiment of the present application. The method is performed by computer equipment and can be used, for example, by a third terminal or a client in a system such as the one shown in Figure 1. As shown in Figure 3, the method includes the following steps:

[0036] Step 302: Display the live broadcast screen of the match live stream on the live broadcast interface.

[0037] The live broadcast interface is the user interface displayed when a client capable of supporting live match broadcasting provides that functionality. Optionally, "match" refers to an esports match, which is a competition in which esports players control virtual characters in a virtual environment. For example, the competition may be conducted through FPS games, TPS games, MOBA games, etc. In an esports match, at least two teams participate, each team having at least one esports player, and each esports player controls a virtual character in at least one virtual environment to compete against a virtual character controlled by an esports player in the other team in that virtual environment.

[0038] Optionally, the aforementioned match may further refer to a match played by a client capable of supporting the functionality of controlling virtual characters in a virtual environment. For example, such a match includes multiple players connecting online using the aforementioned client capable of supporting the functionality of controlling virtual characters in a virtual environment, controlling their own virtual characters in the virtual environment to play against virtual characters controlled by other players, and players using the aforementioned client to control their own virtual characters in the virtual environment to play against human-machine characters. Among these, players include general players and anchors in the client. Human-machine characters are virtual characters controlled by the aforementioned client or the server of the aforementioned client. For example, a match refers to a match played by multiple game anchors using a MOBA game who connect online.

[0039] As an example, in an esports match based on a MOBA game, two teams participate in each match, with five esports players competing, each controlling one virtual character in the virtual environment of the MOBA game. This virtual environment is the one displayed (or provided) when the MOBA game is run on the terminal. This virtual environment may be a real-world simulation environment, a semi-simulated, semi-fictional environment, or a completely fictional environment. A virtual character refers to at least one movable object controlled by the user in the virtual environment. This virtual character may be a virtual person, a virtual animal, an anime character, etc.

[0040] The match livestream is a livestream based on a match in which virtual characters compete in a virtual environment. In other words, the match livestream is a livestream generated based on an esports match. For example, the displayed live broadcast screen may include a screen showing the virtual characters competing in the virtual environment, a screen showing a commentator explaining the esports match, and screens showing the preparation stages of the match process. By obtaining the match livestream from the server, the client can display the live broadcast screen of the match livestream on its live broadcast interface.

[0041] Step 304: Display the playback controls corresponding to the highlight clips in the live broadcast interface.

[0042] The highlight clip is a past clip from the match live stream. The highlight clip is generated based on the behavior of the virtual character, that is, based on the actions and control actions that the player performs on the virtual character they control. Highlight clips may exist because viewers watching the match live broadcast may be interested in some exciting actions that the player performs while controlling the virtual character. For example, the highlight clip may be a clip in which the virtual character controlled by a player on the first team in the competition successively defeats the virtual characters controlled by all the players on the second team in the competition. The match live stream may contain one or more highlight clips, or it may not contain any highlight clips.

[0043] Optionally, the highlight clip may be confirmed by the client on the server or terminal, or artificially confirmed in the match livestream and sent to the client via the server, or sent directly to the client. Taking the server confirming the highlight clip as an example, when the server acquires the match livestream, it may obtain execution parameters generated by the match's application program, which are generated based on the actions of the esports players using the application program, i.e., based on the actions of the virtual characters controlled by the esports players in the virtual environment, and which are used to reflect the progress of the esports match. For example, within a certain period, a virtual character controlled by one player defeats a virtual character controlled by another player using the skills of that virtual character. Based on such execution parameters, the server may confirm the highlight clip in the match livestream according to highlight clip parameter conditions, which are set for execution parameters generated in the match progress process corresponding to the match livestream. For example, the highlight clip parameter conditions may include, i.e., the execution parameters reflect a virtual character defeating three other virtual characters consecutively within a predetermined time period. When the server determines that the execution parameters satisfy such highlight clip parameter conditions, the server may designate the clip that generated the execution parameters in the match livestream as a highlight clip. The server may designate highlight clips in the match livestream at regular intervals or in real time. The highlight clip parameter conditions are determined artificially. When the server determines that a highlight clip exists in the match livestream, it may instruct the client of the determined result, or the client may request the determined result. Optionally, the client may also designate highlight clips in the match livestream in the manner described above.In other words, after the client obtains the match live stream via the server, it determines whether highlight clips exist in the match live stream using the method described above, and then retrieves the confirmed highlight clips.

[0044] If the client determines that the match livestream contains highlight clips, it can display playback controls corresponding to the highlight clips in the live broadcast interface. Optionally, if the match livestream contains multiple highlight clips, the client can display multiple playback controls in the live broadcast interface, each representing a single highlight clip. Alternatively, the client can display a single playback control in the live broadcast interface, which may represent multiple highlight clips present in the match livestream. The client can achieve displaying playback controls corresponding to highlight clips in the live broadcast interface using at least one of several display methods.

[0045] Optionally, multiple display methods include displaying playback controls directly on the live broadcast interface, specifically, at least one of the following: displaying playback controls on the progress bar of the live broadcast interface (displaying one or more playback controls to represent one or more highlight clips of the match livestream); displaying playback controls around the target virtual character (displaying one or more playback controls to represent one or more highlight clips corresponding to the target virtual character); displaying playback controls at the top or bottom of the live broadcast interface (displaying one playback control to represent one or more highlight clips of the match livestream); and displaying a floating, movable playback control on the live broadcast interface (displaying one playback control to represent one or more highlight clips of the match livestream). Multiple display methods may further include methods of indirectly displaying playback controls, specifically, at least one of the following: displaying playback controls in a playback list displayed on the live broadcast interface based on a playback list display operation (displaying one or more playback controls to represent one or more highlight clips of the match live stream); displaying playback controls around a target virtual character when a control display operation is triggered by a target virtual character (displaying one or more playback controls to represent one or more highlight clips corresponding to the target virtual character); and displaying playback controls on the live broadcast interface in the case of a control display operation triggered by a gesture operation (displaying one or more playback controls to represent one or more highlight clips of the match live stream).

[0046] The aforementioned target virtual character is the virtual character whose actions generated the highlight clip, and the highlight clip corresponding to the target virtual character, i.e., the highlight clip, is generated based on the actions of the target virtual character. Playback controls can be displayed in the form of buttons, floating layers, pop-up windows, lists, icons, pictures, dynamic graphics, etc. For example, a client may display playback controls in a progress bar within a live broadcast interface, where the playback controls are displayed as circular buttons, the buttons display icons, and these icons are used to indicate the type of content in the highlight clip.

[0047] Step 306: In response to a screen splitting operation triggered based on the playback control, the live broadcast screen is displayed in the first screen splitting area, and the playback screen of the highlight clip is displayed in the second screen splitting area.

[0048] The first and second screen division areas are different display areas in the live broadcast interface, and there is no common area between them. Optionally, the first and second screen division areas belong to different views within the live broadcast interface. The live broadcast screen is displayed when the client plays the match live stream acquired in real time, while the playback screen is displayed when the client plays the highlight clip video resource. The highlight clip video resource is obtained by the client via the server, or by the client extracting it from the match live stream after confirming the highlight clip themselves.

[0049] If the playback control corresponds to a single highlight clip, the client may display the playback screen for the corresponding highlight clip. If the playback control corresponds to multiple highlight clips, the client may display the playback screen for the highlight clips of the match live stream in chronological order, or randomly select a highlight clip to play from the highlight clips of the match live stream, or select a highlight clip to play from the highlight clips of the match live stream according to sorting criteria. Sorting criteria may include the number of "likes," comments, views, and gifts for different highlight clips, as well as virtual characters controlled by the user's favorite players.

[0050] Optionally, when a client splits the screen to display highlight clips, the display ratio of the second split area used will also differ depending on the type of content the highlight clips contain. For example, if the highlight clip contains content where one virtual character defeats only one other virtual character, the required display area is relatively small, and a 1:1 display ratio can be used. If the highlight clip contains content where one virtual character defeats five other virtual characters in succession, the required display area is relatively large, and a 16:9 display ratio can be used.

[0051] The playback control can directly trigger a split-screen display operation. For example, in response to a split-screen display operation triggered by the playback control, the client can directly display the live broadcast screen and the playback screen in a split-screen view. Alternatively, the playback control can trigger a detail display operation. In response to a detail display operation triggered by the playback control, the client can display an introduction control to showcase highlight clips, and then, in response to a split-screen display operation triggered by the introduction control, the client can display the live broadcast screen and the playback screen in a split-screen view.

[0052] Optionally, if the playback control corresponds to a single highlight clip, the client can display an introduction control to introduce the highlight clip corresponding to the playback control. If the playback control corresponds to multiple highlight clips, the client can display an introduction control to introduce all of the highlight clips. This introduction control can be displayed in the form of a floating layer, a popup window, a list, etc. When the introduction control is used to introduce multiple highlight clips, information about the different highlight clips introduced by the introduction control can be displayed based on a slide operation on the introduction control. The triggers for operations by the controls described above refer to triggers from operations such as single-click, double-click, multi-click, slide, and long-press on the control.

[0053] In summary, the method provided in this embodiment allows for the display of playback controls corresponding to highlight clips of a live match stream on the live broadcast interface, and enables split-screen display of the live match stream and the highlight clip playback screen through screen splitting operations triggered based on the playback controls. This allows users to watch the live match broadcast and play back highlight clips simultaneously. Since users can simultaneously watch the live match broadcast without any operation while playing back highlight clips in the manner described above, the operation required for users to return to and watch the live match broadcast during the highlight clip playback process is simplified.

[0054] Figure 4 is a flowchart of a method for displaying a live broadcast of a match, provided in one exemplary embodiment of the present application. The method is performed by computer equipment and can be used, for example, by a third terminal in a system or a client in a third terminal, as shown in Figure 1. As shown in Figure 4, the method includes the following steps.

[0055] Step 402: Display the live broadcast screen of the match live stream on the live broadcast interface.

[0056] The live broadcast interface is the user interface displayed when a client capable of supporting the live match broadcast function provides the live match broadcast function. Optionally, "match" refers to an esports match. A match live stream is a live stream based on a match in which virtual characters compete in a virtual environment, and is a live stream generated by an esports match. When a client displays the live broadcast interface, it can obtain the match live stream from the server in real time.

[0057] Step 404: Obtain the server's detection result for whether there are highlight clips in the match live stream.

[0058] Highlight clips are past clips from a match live stream. These highlight clips are clips that may be of interest to users watching the live broadcast of the match. These highlight clips are determined by the server or are determined artificially in the match live stream. When the server acquires a match live stream, it can obtain execution parameters generated by the match's application program. These execution parameters are generated based on the actions of the esports player using the application program, i.e., based on the actions of the virtual character controlled by the esports player within the virtual environment. These execution parameters are used to reflect the progress of the esports match. Based on these execution parameters, the server can determine highlight clips in the match live stream according to highlight clip parameter conditions, which are set for execution parameters generated in the match progress process corresponding to the match live stream. When the server determines that the execution parameters within a certain period satisfy the highlight clip parameter conditions, the server can determine the clip in the match live stream that generated these execution parameters as a highlight clip. The server periodically determines highlight clips in the match live stream or determines highlight clips in real time in the match live stream. These highlight clip parameter conditions are determined artificially. Optionally, clients can also select highlight clips in the match live stream using the method described above.

[0059] If the server determines that a highlight clip exists in the match livestream, it can instruct the client on the detection result of whether a highlight clip exists in the match livestream, or the client can voluntarily request the detection result.

[0060] As an example, Table 1 below shows an introduction to highlight clips in live streams of MOBA game-based matches.

[0061] [Table 1] As shown in Table 1, the content in each row is an introduction to one exciting event (highlight clip), and each exciting event in each row has corresponding highlight clip parameter conditions, which are used to reflect that the exciting event appeared due to execution parameters. Each exciting event has corresponding type, icon, name and detailed description. When a highlight clip is determined based on the highlight clip parameter conditions corresponding to the exciting event in each row, not only can the highlight clip be determined, but the type of content of the highlight clip can also be determined. The types of content of highlight clips in Table 1 may include at least one of the following: a virtual character defeats at least one enemy virtual character, a virtual character unleashes a skill on an enemy virtual character, a virtual character defeats a neutral creature in the virtual environment, and a virtual character destroys an enemy building. Of these, a more detailed classification can be made based on the content in Table 1 corresponding to each type of highlight clip content described above.

[0062] Among these, "First Blood" refers to a situation where, in a match between two teams participating in the competition, a player appearing for the first time on one team controls a virtual character and defeats the virtual character controlled by a player on the other team. "Three Consecutive Wins" refers to a situation where, in a match between two teams participating in the competition, a player on one team controls a virtual character and defeats the virtual characters controlled by three players on the other team in quick succession. "Four Consecutive Superb Wins" refers to a situation where, in a match between two teams participating in the competition, a player on one team controls a virtual character and defeats the virtual characters controlled by four players on the other team in quick succession. "Five Consecutive Unrivaled Wins" refers to a situation where, in a match between two teams participating in the competition, a player on one team controls a virtual character and defeats the virtual characters controlled by five players (all players) on the other team in quick succession.

[0063] Team battle refers to a game in which two teams competing in a single match control virtual characters to engage in combat. A hero is a virtual character controlled by a player, and virtual characters possess skills. Different virtual characters may have the same or different skills. Controlling a hero using a skill means that the player controls their virtual character and releases a control skill on the enemy's virtual character. Control skills can restrict the movement of the enemy's virtual character. Virtual character output refers to the amount of damage dealt to the enemy's virtual character by a virtual character through normal attacks or skill releases. Flash skills are skills that allow a virtual character to instantly teleport a predetermined distance. Life-saving equipment refers to virtual equipment that can be worn by a virtual character and can improve their survivability. Neutral creatures refer to resources that need to be seized in the virtual environment. Virtual characters that seize neutral creatures gain a benefit effect, such as increased attack power or enhanced defense power. Different neutral creatures correspond to different benefit effects. Each faction in which a virtual character is located includes multiple defensive towers. In MOBA games, if a virtual character from one faction destroys all of another faction's defensive towers, that faction's virtual character is considered to have won the round. A Highland Tower is a special defensive tower within a faction where a virtual character is located, and if your Highland Tower is destroyed, the enemy gains a bonus effect.

[0064] Step 406: If there are highlight clips in the match live stream, display the corresponding playback controls for the highlight clips in the live broadcast interface.

[0065] If the client determines that the match livestream contains highlight clips, it may display playback controls corresponding to the highlight clips in the live broadcast interface. These playback controls are used to enable playback of the highlight clips. Optionally, the client may display multiple playback controls in the live broadcast interface, each representing a single highlight clip. Alternatively, the client may display a single playback control in the live broadcast interface, each representing one or more highlight clips present in the match livestream.

[0066] Optionally, the client can display playback controls using one or more of the following display methods (systems):

[0067] <First display method> When a progress bar display operation is received, the client may display a progress bar on the live broadcast interface. This progress bar is used to reflect the playback progress of the match live stream. For example, the progress bar display operation is triggered by a touch operation on the area of ​​the live broadcast interface that displays only the live broadcast screen. Optionally, referring again to Figure 2, when displaying the progress bar, the client may also display relevant information about the match live stream, controls for controlling the playback of the match live stream, controls for releasing bullet comments, and controls for turning bullet comments on / off on the live broadcast interface. When displaying the progress bar, the client may display playback controls at the target progress position of the progress bar, which is used to indicate the corresponding playback progress of the highlight clip in the match live stream. Optionally, if the match live stream contains multiple highlight clips, the client may display multiple playback controls in the progress bar, of which each playback control represents one of the highlight clips in the match live stream.

[0068] For example, if the target progress position is used to indicate the corresponding playback progress in the match livestream at the start time of a highlight clip, and the match livestream has already been playing for 02:00:00 and the highlight clip starts at 01:00:00, then the target progress position is at the center of the progress bar. Since the match livestream is played in a live broadcast manner, its total playback time can accumulate over time, and the target progress position can also be updated as the live broadcast process of the match livestream progresses. For example, for the same highlight clip, the target progress position corresponding to the first time point is at one-third of the way down the progress bar, the target progress position corresponding to the second time point is at one-sixth of the way down the progress bar, and the first time point is before the second time point.

[0069] Optionally, the playback control has multiple display modes. Under different display modes, at least one of the following differs: the shape of the playback control, the icon (or text) displayed on the playback control, and the color of the playback control. For example, under different display modes, all playback controls are displayed as circular buttons, but the icons (or text) displayed on the circular buttons differ. The icons (or text) displayed on the circular buttons are used to reflect the type of content of the highlighted clip corresponding to that display control. When a client displays the playback control at the target progress position on the progress bar, they can display the target mode of the playback control. Of these, the target mode is the display mode of the playback control that corresponds to the type of content of the highlighted clip.

[0070] As an example, refer again to Table 1, which shows the nine types of playback control display forms and the correspondence between each display form and the types of content in the highlight clips. Of these, all display forms are circular buttons, but there are differences in the icons (or text) on the circular buttons. For example, when the highlight clip is "Three Consecutive Wins," the playback control is a button with a circular "three" in the center, and when the highlight clip is "Highland Tower Destruction," the playback control is a circular button with a defensive tower icon in the center.

[0071] As shown in Table 1, in addition to determining the type of content of a highlight clip based on the highlight clip parameter conditions, the type of content of a highlight clip can also be determined by recognizing the relevant data of the highlight clip using a machine learning model. Optionally, the client determines the type of content of the highlight clip using at least one of the first, second, third, and fourth machine learning models. The first, second, third, and fourth machine learning models mentioned above are models built on neural networks (NN).

[0072] The first machine learning model predicts the content type of a highlight clip by recognizing the playback screen of the highlight clip, and the client can input the highlight clip into the first machine learning model to obtain the content type of the highlight clip predicted by the first machine learning model. The first machine learning model is obtained by training it based on the playback screen of a sample clip and the content type of the sample clip (the true content type of the sample clip). For example, by inputting a sample clip into the first machine learning model, the predicted content type of the sample clip is obtained, and then the error loss between the predicted content type of the sample clip and the true content type of the sample clip is determined, and the first machine learning model can be trained with this error loss. The sample clips and content types of the sample clips used by the training model are determined manually (artificially) based on past match live streams.

[0073] The second machine learning model predicts the content type of a highlight clip by recognizing the audio of the highlight clip, and the client can input the audio of the highlight clip into the second machine learning model to obtain the content type of the highlight clip predicted by the second machine learning model. The second machine learning model is obtained by training it based on the audio and content type of a sample clip. For example, by inputting the audio of a sample clip into the second machine learning model, the predicted content type of the sample clip is obtained, and then the error loss between the predicted content type of the sample clip and the true content type of the sample clip is determined, and the trained second machine learning model can be trained using this error loss. The audio of the highlight clip is obtained from within the highlight clip, and the audio of the sample clip is obtained from within the sample clip.

[0074] The third machine learning model predicts the type of content in a highlight clip by recognizing the commentary audio corresponding to the highlight clip. The client can input the commentary audio corresponding to the highlight clip into the third machine learning model to obtain the type of content in the highlight clip predicted by the third machine learning model. The third machine learning model is obtained by training it based on the commentary audio corresponding to a sample clip and the type of content in the sample clip. For example, by inputting the commentary audio corresponding to a sample clip into the third machine learning model, the predicted type of content in the sample clip is obtained. Subsequently, the error loss between the predicted type of content in the sample clip and the true type of content in the sample clip is determined, and the third machine learning model can be trained using this error loss. The commentary audio corresponding to the highlight clip is generated when a match commentator explains the highlight clip, and the commentary audio corresponding to the sample clip is generated when a match commentator explains the sample clip.

[0075] The fourth machine learning model predicts the type of content in a highlight clip by recognizing user interaction data corresponding to the highlight clip. The client can input user interaction data corresponding to the highlight clip into the fourth machine learning model to obtain the type of content in the highlight clip predicted by the fourth machine learning model. The fourth machine learning model is obtained by training it based on user interaction data corresponding to a sample clip and the type of content in the sample clip. For example, by inputting user interaction data corresponding to a sample clip into the fourth machine learning model, the predicted type of content in the sample clip can be obtained. Subsequently, the error loss between the predicted type of content in the sample clip and the true type of content in the sample clip can be obtained, and the fourth machine learning model can be trained using this error loss. User interaction data corresponding to a highlight clip is interaction data generated by the user interacting with and controlling the virtual character in the highlight clip within the duration of the highlight clip, and user interaction data corresponding to a sample clip is interaction data generated by the user interacting with and controlling the virtual character in the sample clip within the duration of the sample clip.

[0076] When a client determines the type of content in a highlight clip using the multiple machine learning models described above, it can do so based on the number of repetitions of the content type predicted by different models. Optionally, the client can further determine the number of repetitions based on the weights corresponding to different models. For example, if the first machine learning model determines type A with a weight of 1, the second machine learning model determines type B with a weight of 3, and the third machine learning model determines type A with a weight of 1, the client can determine that type A has 1+1=2 repetitions, and type B has 3 repetitions, and thus determine type B as the predicted result. Optionally, the server can also determine the type of content in a highlight clip using the aforementioned models and send the determined result to the client, thereby reducing the computational load on the client side. The aforementioned models enable the automatic determination of the content type in a highlight clip based on artificial intelligence (AI), and the accuracy of the determined result is high.

[0077] As an example, referring again to Figure 2, the highlight clip corresponding to the playback control displayed on the far left of the progress bar is the “First Blood” highlight clip in Table 1, and the highlight clip corresponding to the second playback control displayed on the left of the progress bar is one of the “Exciting Operations” highlight clips shown in Table 1.

[0078] When a client displays multiple playback controls on a progress bar, to facilitate clicking playback controls on devices with relatively small screens, the distance between two adjacent playback controls displayed on the progress bar must be greater than or equal to a distance threshold; that is, the distance between two adjacent target progress positions must be greater than or equal to a distance threshold. For example, the distance threshold represents 2 minutes on the progress bar, and the longer the playback time of the match live stream, the shorter the distance threshold becomes in the live broadcast interface. Optionally, if the client detects that the distance between two target progress positions is less than the distance threshold, it can either remove the display of one of the playback controls or increase the distance between the two target progress positions appropriately to make it greater than the distance threshold. Also, the number of playback controls that the client displays on the progress bar must be less than or equal to a quantity threshold. For example, the quantity threshold is 16. Alternatively, the number of highlight clips to be confirmed in the highlight clip confirmation process must be less than or equal to this quantity threshold.

[0079] As an example, Figure 5 shows a distance threshold provided in one exemplary embodiment of the present application. The progress bar of the live broadcast interface 501 displays seven playback controls, and the distance between each pair of playback controls is greater than the distance threshold 503. Also, the distance between the first playback control and the starting point of the progress bar is greater than the distance threshold 503.

[0080] <Second display method> As an option, a virtual environment is displayed on the live broadcast screen displayed by the client. There is a target virtual character in the virtual environment. The client displays a playback control of a highlight clip corresponding to the target virtual character around the target virtual character. For example, the playback control of the highlight clip corresponding to the target virtual character can be displayed above the target virtual character. The highlight clip corresponding to the target virtual character is generated based on the actions of the target virtual character. The highlight clip corresponding to the target virtual character includes one or more. As an option, there are one or more displayed playback controls. When displayed as a plurality, each playback control represents one highlight clip of the target virtual character. When a highlight clip is generated based on the actions of a certain virtual character, that virtual character becomes the target virtual character. For example, when the actions of a certain virtual character satisfy "First Blood" in Table 1, a highlight clip corresponding to that virtual character can be generated, and at this time, that virtual character becomes the target virtual character.

[0081] The display form of the playback control displayed by the client around different target virtual characters can be the same or different. For example, by adopting a circular button with "Play" (meaning playback) displayed in the center for all to display the playback control, it is presented to the user that the virtual character has a corresponding highlight clip. The client can further display the playback control around the target virtual character according to the type of the content of the highlight clip corresponding to the target virtual character.

[0082] As an example, FIG. 6 is a diagram showing playback control provided in one exemplary embodiment of the present application. As shown in FIG. 6, a virtual environment is displayed on the live broadcast interface 601, and there is one target virtual character 602 in the virtual environment. The client can display the playback control 603 above the target virtual character 602, and the playback control 603 is displayed as a circular button with "rewind" displayed in the center, and is used to present to the user that the virtual character has a corresponding highlight clip.

[0083] <The third display method> Optionally, a virtual environment is displayed on the live broadcast screen, there is a target virtual character in the virtual environment, and the client can display an emphasis mark on the target virtual character. In response to a control display operation triggered based on the target virtual character, the client displays a playback control for a highlight clip corresponding to the target virtual character around the target virtual character. For example, a playback control for a highlight clip corresponding to the target virtual character can be displayed above the target virtual character. The highlight clip corresponding to the target virtual character is generated based on the actions of the target virtual character. The highlight clip corresponding to the target virtual character includes one or more. Optionally, there is one or more displayed playback controls, and when displayed as a plurality, each playback control represents one highlight clip of the target virtual character. When a highlight clip is generated based on the actions of a certain virtual character, the virtual character becomes the target virtual character.

[0084] The emphasis mark displayed on the target virtual character is used to highlight and display the target virtual character, that is, to prompt the user that the virtual character has a corresponding highlight clip. The emphasis mark includes highlighting the name of the displayed target virtual character, displaying a frame for the target virtual character, or flashing the display of the target virtual character.

[0085] As an option, when the client receives operations such as single click, double click, multi click, slide, long press, etc. on the target virtual character, it can be determined that the above control display operation has been received.

[0086] The display forms of the playback controls displayed by the client around different target virtual characters can be the same or different. For example, all use circular buttons with "rewind" displayed in the center to display the playback controls. The client can further display the playback controls around the target virtual character according to the type of content of the highlight clip corresponding to the target virtual character. In addition, when the display time is longer than the time length threshold, the client can cancel the display of the above emphasis mark and the above playback control. The display time length is the time length between the start time of the highlight clip corresponding to the target virtual character and the current time, for example, the time length between the start time of the latest highlight clip of the target virtual character and the current time.

[0087] As an example, Figure 7 shows a target virtual character provided in one exemplary embodiment of the present application. As shown in Figure 7(a), a live broadcast interface 701 displays a virtual environment in which one target virtual character 702 exists. The client can display a dotted frame for the target virtual character 702. As shown in Figure 7(b), when the client receives a single-click operation on the target virtual character, three playback controls 703 can be displayed above the target virtual character 702, each playback control 703 representing one highlight clip corresponding to the target virtual character 702. The playback controls 703 are displayed as square buttons, and different characters are displayed in the center of the square buttons to reflect that they represent different highlight clips corresponding to the target virtual character 702.

[0088] <Fourth display method> In response to a playback list display operation, the client can display a playback list of highlight clips in the live broadcast interface, and subsequently, playback controls can be displayed in the playback list. This list display operation can be triggered by a list display control or by a gesture operation in the live broadcast interface. Optionally, the list display control is a button and is displayed at the top or bottom of the live broadcast interface. The gesture operation is a slide operation from the far left of the live broadcast interface inward, or a slide operation from the far right of the live broadcast interface inward. The playback list is displayed as a rectangular frame and is displayed on the left or right side of the live broadcast interface, or as a pop-up window or floating layer. Optionally, if the match live stream contains multiple highlight clips, the client can display multiple playback controls in the playback list, each playback control representing one highlight clip. The content displayed by each playback control includes the name of the highlight clip, the name of the player corresponding to the highlight clip, the avatar of the player corresponding to the highlight clip, and a screenshot of the highlight clip, and the client can obtain this information via the server.

[0089] As an example, Figure 8 shows a playback list provided in one exemplary embodiment of the present application. As shown in Figure 8, a list display button 802 is displayed on the live broadcast interface 801. In response to a single click operation on the list display button 802, the client can display a playback list 803 on the left side of the live broadcast interface 801. Three playback controls are displayed on the playback list 803. Each playback control represents one highlight clip, and each playback control is a rectangular area in the playback list, displaying the name of the highlight clip, the name of the player corresponding to the highlight clip, and a screenshot of the highlight clip. When there are three or more highlight clips, the client can switch between the playback controls in the playback list 803 by sliding on the playback list 803.

[0090] <5th display method> Live comments are displayed on the live broadcast screen shown by the client, for example, by superimposing and moving on the live broadcast screen. If a highlight clip exists in the match live stream, the client can display a notification comment (which can be considered a playback control) corresponding to the highlight clip in the live comments. This notification comment is generated by the server and sent to the client, or generated by the client. This notification comment is used to indicate that a highlight clip exists in the match live stream, and if there are multiple highlight clips, each highlight clip has one corresponding notification comment. Of the live comments, comments other than notification comments are sent by users watching the match live stream. The content of the notification comment is generated based on the content of the highlight clip and includes at least one of the following: information about the player corresponding to the highlight clip, information about the virtual target, the type of content of the highlight clip, and predetermined notification information. Optionally, when the client acquires a highlight clip, it can display the notification comment corresponding to that highlight clip, and thereafter display the notification comment periodically according to a predetermined cycle. The predetermined cycles of different display barrages may be the same or different; for example, the predetermined cycle of a highlight clip with more "likes" is shorter than the predetermined cycle of a highlight clip with relatively fewer "likes".

[0091] In response to a screen splitting operation triggered by a bullet comment, the client displays the live broadcast screen in a first screen splitting area and the playback screen of the highlight clip corresponding to the bullet comment in a second screen splitting area. Optionally, the above screen splitting operation can be triggered by a touch operation on the bullet comment. This includes operations such as single-click, double-click, multi-click, slide, and long-press on the bullet comment. By triggering the screen splitting of the live broadcast screen and the highlight clip playback screen in the form of a bullet comment, it is possible to prominently present the highlight clip to the user and improve the user experience without affecting the user's viewing experience.

[0092] As an example, Figure 9 shows a display of a suggestion barrage provided in one exemplary embodiment of the present application. As shown in Figure 9, the live broadcast interface 901 displays a live broadcast screen of a match live stream, and the live broadcast screen displays a live barrage, which includes barrages sent by users watching the match live stream and suggestion barrages 902, each suggestion barrage 902 representing a highlight clip of the match live stream. In response to a single-click operation on a suggestion barrage 902, the client can be triggered to display the live broadcast screen in a first screen division area and a playback screen of the highlight clip corresponding to the suggestion barrage in a second screen division area. Optionally, the way in which the suggestion barrages and user-sent barrages are displayed may differ, for example, by at least one of different fonts, different colors, or different weights.

[0093] <6th display method> Upon obtaining a highlight clip, the client can display a playback screen of the highlight clip (which can be considered a playback control) in a small window at the edge of the live broadcast interface for a predetermined duration. This predetermined duration is determined by the server or defined by the user. If multiple highlight clips exist, the client can sequentially display the playback screens of the highlight clips in small windows according to the time the highlight clips were obtained and the predetermined duration. Optionally, the client can also display introductory information about the highlight clips near the small windows. A small window is an area within the live broadcast interface with a display size smaller than a predetermined size.

[0094] In response to a screen splitting operation triggered by the playback screen, the client displays the live broadcast screen in a first split area and the playback screen of the highlight clip in a second split area. Optionally, the aforementioned screen splitting operation can be triggered by touch operations on the playback screen displayed in a small window. These operations include, for example, single-click, double-click, multi-click, slide, and long-press on the playback screen. Displaying the playback screen in a small window format for a predetermined duration allows the user to preview the playback screen while also avoiding blocking the user from viewing other content on the live broadcast interface. Users can enhance the user experience by triggering a screen splitting display of a clearer playback screen on demand.

[0095] As an example, Figure 10 shows a window display of a playback screen provided in one exemplary embodiment of the present application. As shown in Figure 10, when a client obtains a highlight clip of a match live stream, the client can display a playback screen 1002 of the highlight clip in a window manner in the lower right corner of the live broadcast interface 1001, and then cancel the display after 5 seconds. If the client receives a single-click operation on the playback screen 1002 displayed in the window during this period, the client can display the live broadcast screen in a first screen division area and the playback screen of the highlight clip in a second screen division area.

[0096] <7th display method> The live broadcast screen displayed by the client shows avatars of virtual characters controlled by the players participating in the match. For example, if there are two teams participating in a match, each with five players, and each player controls one virtual character, the client can display the avatars of all ten virtual characters on the live broadcast screen. In response to a list display operation triggered by the target virtual character's avatar, the client can display a playback list of highlight clips corresponding to the target virtual character. This playback list displays playback controls for the highlight clips corresponding to the target virtual character, and if there are multiple highlight clips, one playback control can be displayed for each highlight clip. These highlight clips are generated based on the actions of the target virtual character. Optionally, the above list display operation can be triggered by a touch operation on the target virtual character's avatar. This includes operations such as single-click, double-click, multi-click, slide, and long-press on the target virtual character's avatar.

[0097] In response to a screen splitting operation triggered by a playback control corresponding to the target virtual character, the client can display the live broadcast screen in the first screen splitting area and the playback screen of the highlight clip corresponding to the target virtual character (playback control) in the second screen splitting area. By triggering the display of the virtual character's playback list using the virtual character's avatar and displaying the virtual character's highlight clip, users can select the virtual character they participated in the match and watch the highlight clip according to their needs, thereby improving the user experience.

[0098] As an example, Figure 11 shows a virtual character playback control provided in one exemplary embodiment of the present application. As shown in Figure 11, when a client receives a single-click operation on the avatar of virtual character B that is displayed, the client can display a playback list 1102 of highlight clips corresponding to virtual character B in the live broadcast interface 1101, and the playback list 1102 contains the respective playback controls for two highlight clips corresponding to virtual character B. In response to a screen splitting operation triggered by the playback control corresponding to virtual character B, the client can display the live broadcast screen in a first screen splitting area and the playback screen of the highlight clip corresponding to the playback control in a second screen splitting area.

[0099] The client may display the playback control using any one of the above-described display methods, or may display the playback control using multiple of the above-described display methods; in other words, the different display methods described above can be freely combined and used, but this is not limited to the embodiments of this application. Furthermore, the client may also display the playback control using other display methods. The above-described display methods are merely examples and do not limit the methods of displaying the playback control according to the embodiments of this application.

[0100] Step 408: In response to a screen splitting operation triggered based on the playback control, the live broadcast screen is displayed in the first screen splitting area, and the playback screen of the highlight clip is displayed in the second screen splitting area.

[0101] The first and second screen division areas are different display areas within the live broadcast interface. The live broadcast screen displays the match live stream acquired by the client in real time, while the playback screen displays the highlight clip video resource played by the client. The match live stream and the highlight clip video resource can be played simultaneously. The highlight clip video resource is acquired by the client via the server.

[0102] Optionally, when the client displays the live broadcast screen and highlight clips in separate screens, it can determine the display ratio of the second screen area to the live broadcast interface based on the type of content in the highlight clips, and then display the live broadcast screen and highlight clips based on the determined display ratio. For example, if the type of content in the highlight clips is "First Blood" in Table 1, the required display area is relatively small, and a 1:1 display ratio can be used. If the type of content in the highlight clips is "Five Consecutive Peerlessness" in Table 1, the required display area is relatively large, and a 16:9 display ratio can be used.

[0103] As an example, Figure 12 shows the display ratio of a second screen division area provided in one exemplary embodiment of the present application to the live broadcast interface. As shown in Figure 12, when it is necessary to display the live broadcast screen and the playback screen separately, the client can determine the display ratio of the second screen division area to the live broadcast interface based on the type 1201 of the content of the highlight clip. For example, in Figure 12(a), the display ratio of the second screen division area is 16:9. In Figure 12(b), the display ratio of the second screen division area is 4:3. In Figure 12(c), the display ratio of the second screen division area is 1:1. In Figure 12(d), the display ratio of the second screen division area is 3:4. When determining the display ratio of the second screen division area, the client can further determine the display position and display area of ​​the second screen division area and the first screen division area.

[0104] Optionally, when a highlight clip contains multiple clips, the client can use even more screen divisions to display the live broadcast and playback screens. For example, the first screen division can be used to display the live broadcast screen, the second screen division to display the first playback screen, and the third screen division to display the second playback screen. The first and second playback screens are obtained by playing different highlight clips.

[0105] The playback control can directly trigger a split-screen display operation. For example, in response to a split-screen display operation triggered by the playback control, the client can directly display the live broadcast screen and the playback screen in a split-screen view. Alternatively, the playback control can trigger a detail display operation. In response to a detail display operation triggered by the playback control, the client can display a detail introduction control corresponding to the highlight clip in the live broadcast interface. In response to a split-screen display operation triggered by the detail introduction control, the client can display the live broadcast screen in a first split-screen area and the playback screen in a second split-screen area. Optionally, when the playback control is displayed in the progress bar, the playback control can trigger the detail display operation described above. The detail introduction control is displayed as a rectangular pop-up window. The detail introduction control displays information for introducing the highlight clip corresponding to the playback control. It is used to introduce information about the highlight clip, such as the name of the highlight clip, the name of the player corresponding to the highlight clip, the avatar of the player corresponding to the highlight clip, and a screenshot of the highlight clip, and the client can obtain the above information via the server. Optionally, the detail introduction control displays a detail introduction button, which is used to trigger a split-screen display operation. The triggers for operations using the aforementioned controls include triggers from single-clicks, double-clicks, multi-clicks, slides, and long presses on the controls.

[0106] Optionally, if the playback control corresponds to a single highlight clip, i.e., it represents a single highlight clip, the client can display the playback screen for the corresponding highlight clip. If the playback control corresponds to multiple highlight clips, i.e., it represents multiple highlight clips, the client can display the playback screen for the highlight clip closest to the current time, or the playback screen for the highlight clip furthest from the current time, or the playback screen for the highlight clip with the most "likes," or randomly select one of the multiple highlight clips and display its playback screen.

[0107] As an example, referring again to Figure 2, when the client receives a single click on the playback control in the progress bar, it can receive a detailed display operation, and a detailed introduction control can be displayed above the playback control. When a single click is received on the "Split screen and watch simultaneously" option in the detailed introduction control, it can receive a split screen display operation, allowing the live broadcast screen and the playback screen to be displayed in a split screen.

[0108] Optionally, the client can trigger the split-screen display operation by other means without displaying the playback controls. For example, in response to a gesture operation on the live broadcast interface satisfying trajectory conditions, the client can display the live broadcast screen in a first split-screen area and the playback screen in a second split-screen area. The trajectory conditions are set for the slide trajectory of the gesture operation. For example, the trajectory conditions include the following: the slide trajectory forms a predetermined shape, or the slide trajectory slides from the outside to the inside of the live broadcast interface, for example, a trajectory sliding from the left to the inside or a trajectory sliding from the right to the inside.

[0109] As an example, Figure 13 shows a gesture operation provided in one exemplary embodiment of the present application. As shown in Figure 13, when a client displays a live broadcast interface 1301 and receives a slide operation 1302 that slides from left to right inward within the live broadcast interface 1301, the client can trigger a screen splitting operation to display the live broadcast screen in a first screen splitting area and the playback screen in a second screen splitting area.

[0110] Furthermore, if the match livestream includes multiple highlight clips, the client can switch the display of the highlight clips in the match livestream playback screen in chronological order in response to switching operations on the playback screen. These switching operations include sliding operations on the displayed playback screen, such as sliding up, sliding down, sliding left, and sliding right. Note that when switching highlight clips, if the playback screen of the displayed highlight clips is implemented using the second or third display method playback control described above, the client can only switch within the range of the highlight clip corresponding to the target virtual character.

[0111] As an example, Figure 14 shows a switching operation provided in one exemplary embodiment of the present application. As shown in Figure 14, the client is displaying a playback screen 1401 of a highlight clip on the live broadcast interface. When the client receives an up slide operation 1402 on the playback screen 1401, the client can switch to displaying a playback screen of a highlight clip that is located chronologically after the highlight clip.

[0112] The client can cancel the split-screen display and restore the full-screen display of the live broadcast screen by turning the playback screen on or off. Simultaneously with displaying the playback screen of the highlight clip in the second split-screen area, the client can also display interactive controls in the second split-screen area, allowing the user to interact with the highlight clip. These interactive controls are displayed as buttons.

[0113] As an example, Figure 15 shows a second screen division area provided in one exemplary embodiment of the present application. As shown in Figure 15, the second screen division area 1501 displays a playback screen of a highlight clip, a "Like" button 1502, and a share button 1503. When a client receives a single click operation on the "Like" button 1502, a "Like" icon can be displayed in the center of the second screen division area 1501.

[0114] As an example, Figure 16 shows a second screen division area provided in one exemplary embodiment of the present application. As shown in Figures 16 and 15, when a client receives a single-click operation on the share button 1503, the client can display a popup window 1504 in the second screen division area 1501, which displays buttons for downloading the highlight clip, for transferring the highlight clip, for sharing the highlight clip with followed users / groups, and for dismissing the display of the popup window 1504.

[0115] In one specific example, the interactive process of the method provided in the embodiment of this application is illustrated by taking the example in which a playback control is displayed on the progress bar and the playback control can trigger the display of a detailed introduction control. Figure 17 is a flowchart of the front-end interactive process provided in one exemplary embodiment of this application. As shown in Figure 17, in step S1, the client displays a live broadcast interface in response to user interaction and displays the live broadcast screen of the match live stream on the live broadcast interface. In step S2, the client displays a progress bar on the live broadcast interface in response to user interaction. In step S3, the client determines whether there are highlight clips in the match live stream. In step S4, if there are no highlight clips in the match live stream, the user can play back the match live stream based on an operation of dragging the progress bar. In step S5, if there are highlight clips in the match live stream, the client displays a playback control (a tag for an exciting event) on the progress bar and can receive an operation of clicking the playback control from the user. In step S6, the client displays a detailed introduction control (a bubble for simultaneous viewing on a split screen) on the live broadcast interface. In step S7, the client receives a click from the user on the button for simultaneous viewing on a split screen within the detailed introduction control. In step S8, the client displays the live broadcast screen of the match livestream and the playback screen of the highlight clips on the live broadcast interface, splitting the screen as needed.

[0116] In one specific example, the implementation process of the method provided in the embodiment of this application is described. Figure 18 is a flowchart for implementing the split-screen display provided in one exemplary embodiment of this application. As shown in Figure 18, in step A1, the client plays the match live stream via the live broadcast interface. In step A2, the client detects whether there are highlight clips in the match live stream. In step A3, if there are no highlight clips in the match live stream, the client does not display playback controls on the progress bar. In step A4, if there are highlight clips in the match live stream, the client may display playback controls (exciting event icons) on the progress bar. In step A5, the client receives a click operation from the user on the playback controls. In step A6, the client displays a detail introduction control (event bubble) on the live broadcast interface. In step A7, the client obtains information for introducing the highlight clips through the server, thereby enabling the display of information for introducing the highlight clips in the detail introduction control. In step A8, the client receives a click operation from the user on the "Split screen and watch simultaneously" button displayed on the detail introduction control. In step A9, the client retrieves the video resources for the highlight clips through the server. In step A10, the client splits the live broadcast interface into two separate display areas: the left area displays the live broadcast screen of the match live stream, and the right area displays the playback screen of the highlight clips.

[0117] As an example, Figure 19 is a flowchart for obtaining relevant data for a split-screen display provided in one exemplary embodiment of this application. As shown in Figure 19, in step B1, the client receives a command from the user to watch a live stream of a match, displays the live broadcast interface, and plays the live stream of the match. In step B2, the client requests the server to provide a detection result regarding whether highlight clips exist in the live stream of the match. In step B3, the client receives the detection result from the server regarding whether highlight clips exist in the live stream of the match and displays a playback control on the progress bar of the live broadcast interface. In step B4, the client receives a click operation from the user on the playback control. In step B5, the client requests the server to provide information to introduce the highlight clips corresponding to the playback control. In step B6, the client receives the information to introduce the highlight clips corresponding to the playback control sent by the server. In step B7, the client displays a detailed introduction control on the live broadcast interface, and in the detailed introduction control, it displays information to introduce the highlight clips corresponding to the playback control. Subsequently, the client receives a click operation from the user on the "Split screen and watch simultaneously" button in the detailed introduction control. In step B8, the client requests the highlight clip video resource from the server. In step B9, the client receives the highlight clip video resource from the server and displays the live broadcast screen of the match live stream and the highlight clip playback screen separately on the live broadcast interface.

[0118] In summary, the method provided in this embodiment allows for the display of playback controls corresponding to highlight clips of a live match stream on the live broadcast interface, and enables split-screen display of the live match stream and the highlight clip playback screen through screen splitting operations triggered based on the playback controls. This allows users to watch the live match broadcast and play back highlight clips simultaneously. Since users can simultaneously watch the live match broadcast without any operation while playing back highlight clips in the manner described above, the operation required for users to return to and watch the live match broadcast during the highlight clip playback process is simplified.

[0119] Furthermore, by enabling the display of a playback screen for highlight clips that correspond to the playback control, it becomes possible to play back pre-edited highlight clips based on user input. This avoids the user having to repeatedly drag the progress bar to find highlight clips, improving the efficiency of finding them.

[0120] The method provided in this embodiment allows for an intuitive display of playback controls by showing the playback controls at the target progress position of the progress bar, and also enables the user to direct the playback progress of highlight clips in the match live stream, thereby making it easier for the user to find highlight clips and improving the efficiency of finding them.

[0121] According to the method provided in this embodiment, by displaying the playback control in different display modes and indicating the type of content of the highlight clip corresponding to the playback control in the display mode of the playback control, the user can intuitively recognize the differences in the content of different highlight clips, thereby making it easier for the user to find highlight clips and improving the efficiency of finding them.

[0122] According to the method provided in this embodiment, by setting the distance between two adjacent playback controls displayed on the progress bar to be greater than or equal to a distance threshold, it is possible to avoid accidental clicks that may occur when users with relatively small terminal screens click on playback controls, thereby improving the user experience.

[0123] According to the method provided in this embodiment, by displaying playback controls around the target virtual character, an intuitive display of playback controls is achieved, and at the same time, it is possible to indicate the virtual character corresponding to the highlight clip, thereby making it convenient for the user to find the highlight clip and improving the efficiency of finding the highlight clip.

[0124] According to the method provided in this embodiment, by displaying a highlight mark on the target virtual character, it is possible to indicate that there is a corresponding virtual character for the highlight clip, thereby improving the efficiency of the user in finding the highlight clip. By displaying playback controls based on control display operations triggered by the target virtual character, direct playback of the highlight clip due to user error can be avoided, thereby improving the user experience.

[0125] According to the method provided in this embodiment, by displaying a playback list and displaying playback controls on the playback list, it is possible to simultaneously display playback controls for multiple highlight clips. This makes it convenient for users to select and play back highlight clips based on their preferences, thereby improving the user experience.

[0126] According to the method provided in this embodiment, by triggering the split display of the live broadcast screen and the highlight clip playback screen in the form of a bullet pattern, it is possible to provide a prominent presentation of the highlight clip to the user without affecting the user's viewing experience, thereby improving the user experience.

[0127] According to the method provided in this embodiment, by displaying the playback screen in a small window format according to a predetermined time length, the user can not only preview the playback screen but also avoid blocking the user from viewing other content on the live broadcast interface. The user can also trigger a split-screen display of a clearer playback screen on demand, thereby improving the user experience.

[0128] According to the method provided in this embodiment, the virtual character avatar triggers the display of the virtual character's playback list, and by displaying the virtual character's highlight clip, the user can select the virtual character that participated in the match according to their needs and watch the highlight clip, thereby improving the user experience.

[0129] According to the method provided in this embodiment, by displaying a detailed introduction control based on the playback control and displaying information for introducing the highlight clip using the detailed introduction control, it is possible to make it convenient for the user to quickly grasp the content of the selected highlight clip, thereby making it easier for the user to find the highlight clip and improving the efficiency of finding the highlight clip.

[0130] According to the method provided in this embodiment, a method for quickly viewing a playback of a highlight clip can be provided by triggering a split-screen display of the highlight clip and the match live stream using gesture controls.

[0131] According to the method provided in this embodiment, by setting different display ratios for second screen division areas for highlight clips of different content types, it is possible to display highlight clips with the optimal display ratio when displaying them in a screen division, thereby improving the user experience of viewing highlight clips.

[0132] According to the method provided in this embodiment, by supporting playback screens of highlight clips that are switched and displayed in response to a switching operation, users can switch between and watch different highlight clips when viewing highlight clips.

[0133] Furthermore, the order in which the steps are performed in the methods provided in the embodiments of this application can be appropriately adjusted, and the steps can be increased or decreased depending on the circumstances. Since all variations that a person skilled in the art could easily conceive of within the technical scope disclosed in this application are all covered by this application, an exhaustive description is omitted here.

[0134] Figure 20 is a diagram of the configuration of a display device for live game broadcasting provided in one exemplary embodiment of this application. As shown in Figure 20, the device includes the following:

[0135] Display Module 2001: Used to display the live broadcast screen of a match live stream on the live broadcast interface. A match live stream is a live stream based on a match in which virtual characters compete in a virtual environment.

[0136] Display module 2001 is further used to display playback controls corresponding to highlight clips in the live broadcast interface, where highlight clips are past clips from the match live stream.

[0137] The display module 2001 is further used to display the live broadcast screen in a first screen division area and the playback screen of a highlight clip in a second screen division area in response to a screen division display operation triggered based on the playback control, wherein the first and second screen division areas are different display areas within the live broadcast interface, and there is no common area between the first and second screen division areas.

[0138] In one selectable design, display module 2001 is used to display a progress bar on the live broadcast interface, display playback controls at the target progress position of the progress bar, and the target progress position is used to indicate the corresponding playback progress in the match live stream of the highlight clip.

[0139] In one selectable design, the playback control has correspondingly multiple display modes, and the display module 2001 is used to display the playback control in the target mode at the target progress position of the progress bar. Of these, the target mode is the display mode of the playback control that corresponds to the type of content of the highlighted clip.

[0140] In one selectable design, as shown in Figure 21, the apparatus further includes the following:

[0141] Determination Module 2002: At least one of the following models—the first machine learning model, the second machine learning model, the third machine learning model, and the fourth machine learning model—is used to determine the type of content in the highlight clips.

[0142] Of these, the first machine learning model predicts the type of content of a highlight clip by recognizing the playback screen of the highlight clip, and is obtained by training the first machine learning model with the playback screen of a sample clip and the type of content of the sample clip. The second machine learning model predicts the type of content of a highlight clip by recognizing the audio of the highlight clip, and is obtained by training the second machine learning model with the audio of a sample clip and the type of content of the sample clip. The third machine learning model predicts the type of content of a highlight clip by recognizing the explanatory audio corresponding to the highlight clip, and is obtained by training the third machine learning model with the explanatory audio corresponding to the sample clip and the type of content of the sample clip. The fourth machine learning model predicts the type of content of a highlight clip by recognizing the user operation data corresponding to the highlight clip, and is obtained by training the fourth machine learning model with the user operation data corresponding to the sample clip and the type of content of the sample clip.

[0143] In one selectable design, the distance between two adjacent playback controls displayed on the progress bar is greater than or equal to a distance threshold.

[0144] In one selectable design, a virtual environment is displayed on the live broadcast screen, the virtual environment contains a target virtual character, and highlight clips are generated based on the actions of the target virtual character. Display module 2001 is used to display playback controls for the highlight clips corresponding to the target virtual character around the target virtual character.

[0145] In one selectable design, display module 2001 is used to display a highlight mark on the target virtual character, and the highlight mark is used to highlight the target virtual character. Based on the control display operation triggered by the target virtual character, playback controls for the highlight clip corresponding to the target virtual character are displayed around the target virtual character.

[0146] In one selectable design, display module 2001 is used to display a playback list of highlight clips on the live broadcast interface in response to a playback list display operation. The playback list displays playback controls.

[0147] In one selectable design, the display module 2001 is used to display a suggestion bullet pattern corresponding to a highlight clip in the live bullet pattern, and in response to a screen splitting display operation triggered by the suggestion bullet pattern, to display the live broadcast screen in a first screen splitting area and the playback screen of the highlight clip corresponding to the suggestion bullet pattern in a second screen splitting area.

[0148] In one selectable design, the display module 2001 is used to display a playback screen of a highlight clip in a small window on the edge of the live broadcast interface according to a predetermined time length when a highlight clip is acquired, and to display the live broadcast screen in a first split screen area and the playback screen of the highlight clip in a second split screen area in response to a screen splitting display operation triggered by the playback screen.

[0149] In one selectable design, the live broadcast screen displays avatars of virtual characters controlled by players participating in the match. Display module 2001 displays a playback list of highlight clips corresponding to the target virtual character in response to a list display operation triggered by the target virtual character's avatar. The playback list displays playback controls for the highlight clips corresponding to the target virtual character. The highlight clips are generated based on the actions of the target virtual character and are used to display the live broadcast screen in a first split screen area and the playback screen of the highlight clips corresponding to the target virtual character in a second split screen area in response to a screen split display operation triggered by the playback controls corresponding to the target virtual character.

[0150] In one selectable design, the display module 2001 is used to display a detailed introduction control corresponding to a highlight clip on the live broadcast interface in response to a detailed display operation triggered by the playback control, the detailed introduction control displays information for introducing the highlight clip, and in response to a screen splitting display operation triggered by the detailed introduction control, it is used to display the live broadcast screen in a first screen splitting area and the playback screen in a second screen splitting area.

[0151] In one selectable design, the display module 2001 is used to display the live broadcast screen in a first screen division area and the playback screen in a second screen division area, depending on whether the gesture operation in the live broadcast interface satisfies the trajectory conditions. The trajectory conditions are set for the slide trajectory of the gesture operation.

[0152] In one selectable design, as shown in Figure 21, the apparatus further includes the following:

[0153] Determination Module 2002: Based on the type of content in the highlight clip, this module is used to determine the display ratio of the second screen division area within the live broadcast interface.

[0154] In one selectable design, the display module 2001 is used to switch and display playback screens of highlight clips from a live match stream in chronological order, in response to a switch operation on the playback screen, when the live match stream contains multiple highlight clips.

[0155] In the above-described embodiment, the display device for live match broadcasts is explained using the division of each functional module as an example. However, in actual application, the above functions may be assigned to different functional modules according to the needs, that is, the internal configuration of the device may be divided into different functional modules to complete all or some of the above functions. Furthermore, the display device for live match broadcasts provided in the above-described embodiment belongs to the same concept as the embodiment of the method for displaying live match broadcasts, and its specific implementation process can be found in the embodiment of the method, so a detailed explanation is omitted here.

[0156] Embodiments of this application further provide a computer device which includes a processor and a memory, the memory storing at least one instruction, at least one program, code set or instruction set, and the at least one instruction, at least one program, code set or instruction set is loaded and executed by the processor to realize the method of displaying a live broadcast of a match provided in each embodiment of the above-described method.

[0157] Optionally, the computer equipment is a terminal. For example, Figure 22 is a configuration diagram of a terminal provided in one exemplary embodiment of this application.

[0158] Terminal 2200 typically includes a processor 2201 and a memory unit 2202.

[0159] The processor 2201 may include one or more processing cores, such as a 4-core processor or an 8-core processor. The processor 2201 may be implemented by employing at least one hardware component from among DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). The processor 2201 may include a main processor and a coprocessor. The main processor is a processor for processing data in an active state and is also called a CPU (Central Processing Unit). The coprocessor is a low-power processor for processing data in a standby state. In some embodiments, the processor 2201 may integrate a GPU (Graphics Processing Unit), which is used to render and draw content that needs to be displayed on a display screen. In some embodiments, the processor 2201 may further include an AI (Artificial Intelligence) processor, which is used to process computational operations related to machine learning.

[0160] The memory unit 2202 may include one or more computer-readable storage media, which may be non-temporary. The memory unit 2202 may further include high-speed random-access memory and non-volatile memory, such as one or more magnetic disks or fresh memory. In some embodiments, the non-temporary computer-readable storage media in the memory unit 2202 is used to store at least one instruction, which is executed by the processor 2201 to realize the method of displaying a live broadcast of a match provided in an embodiment of the method of this application.

[0161] In some embodiments, the terminal 2200 further includes a display screen 2203. The display screen 2203 is used to display a User Interface (UI). The UI may include graphics, text, icons, videos, and any combination thereof. When the display screen 2203 is a touch panel, the display screen 2203 further has the ability to collect touch signals from or above the surface of the display screen 2203. These touch signals can be input to and processed by a processor 2201 as control signals. In this case, the display screen 2203 is further used to provide virtual buttons and / or a virtual keyboard (also known as soft buttons and / or a soft keyboard). In some embodiments, there may be one display screen 2203 mounted on the front plate of the terminal 2200; in some other embodiments, there may be at least two display screens 2203, each mounted on a different surface of the terminal 2200 or designed to be foldable; and in some further embodiments, the display screen 2203 may be a flexible display screen mounted on the curved or foldable surface of the terminal 2200. Furthermore, the display screen 2203 may be mounted as a non-rectangular irregular shape, i.e., an irregularly shaped screen. The display screen 2203 may be formed using materials such as LCD (Liquid Crystal Display) or OLED (Organic Light-Emitting Diode).

[0162] As those skilled in the art will understand, the configuration shown in Figure 22 is not limited to terminal 2200 and may include more or fewer components than shown, or may be a combination of several components, or may employ a different layout.

[0163] In embodiments of this application, a computer-readable storage medium is further provided, which stores at least one program code and is configured to implement a method for displaying a live broadcast of a match, as provided in the embodiments of the above-described methods, when loaded and executed by a processor of a computer device.

[0164] Embodiments of this application further provide a computer program product or computer program, which includes computer instructions, which are stored in a computer-readable storage medium. A processor in a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, thereby enabling the computer device to implement the method of displaying a live broadcast of a match provided in each embodiment of the above-described method.

[0165] While preferred embodiments of this application have been described above, this application is not limited to these embodiments, and any modifications to this application that do not deviate from the spirit of this application fall within the technical scope of this application.

Claims

1. A method for displaying a live broadcast of a match, which is performed by computer equipment. A step of displaying a live broadcast screen of a match live stream on a live broadcast interface, wherein the match live stream is a live stream based on a match in which virtual characters compete in a virtual environment; A step of displaying playback controls corresponding to a highlight clip on the live broadcast interface, wherein the highlight clip is a past clip from the match live stream; In response to a detail display operation triggered by the playback control, a step of displaying a detail introduction control corresponding to the highlight clip on the live broadcast interface, wherein the detail introduction control displays information for introducing the highlight clip; and A method comprising the step of displaying the live broadcast screen in a first screen division area and the playback screen of the highlight clip in a second screen division area in response to a screen division display operation triggered by the detailed introduction control, wherein the first screen division area and the second screen division area are different display areas in the live broadcast interface and the first screen division area and the second screen division area have no common parts.

2. The step of displaying the playback controls corresponding to the highlight clip on the live broadcast interface is: The steps of displaying a progress bar on the live broadcast interface; and A step of displaying the playback control at the target progress position of the progress bar, wherein the target progress position is used to indicate the corresponding playback progress of the highlight clip in the match live stream, The method according to claim 1.

3. The playback control has a plurality of display modes, and the step of displaying the playback control at the target progress position of the progress bar is: The process includes the step of displaying the playback controls for the target form at the target progress position of the progress bar, The target form is a display form among the multiple display forms of the playback control that corresponds to the type of content of the highlight clip. The method according to claim 2.

4. The method further, The process includes a step of determining the type of content of the highlight clip using at least one of the first machine learning model, the second machine learning model, the third machine learning model, and the fourth machine learning model, The first machine learning model predicts the type of content of the highlight clip by recognizing the playback screen of the highlight clip, and the first machine learning model is obtained by training with the playback screen of a sample clip and the type of content of the sample clip. The second machine learning model predicts the type of content of the highlight clip by recognizing the audio of the highlight clip, and the second machine learning model is obtained by training with the audio of the sample clip and the type of content of the sample clip. The third machine learning model predicts the type of content of the highlight clip by recognizing the explanatory audio corresponding to the highlight clip, and the third machine learning model is obtained by training with the explanatory audio corresponding to the sample clip and the type of content of the sample clip. The fourth machine learning model predicts the type of content of the highlight clip by recognizing user operation data corresponding to the highlight clip, and the fourth machine learning model is obtained by training with user operation data corresponding to the sample clip and the type of content of the sample clip. The method according to claim 3.

5. The distance between two adjacent playback controls displayed on the progress bar is greater than or equal to a distance threshold. The method according to claim 2.

6. The live broadcast screen displays the virtual environment, the virtual environment contains a target virtual character, and the highlight clip is generated based on the actions of the target virtual character. The step of displaying playback controls corresponding to the highlight clip on the live broadcast interface is: The step includes displaying playback controls for a highlight clip corresponding to the target virtual character around the target virtual character. The method according to claim 1.

7. The step of displaying playback controls for a highlight clip corresponding to the target virtual character around the target virtual character is: A step of displaying a highlight mark on the target virtual character, wherein the highlight mark is used to highlight the target virtual character; and The step of displaying playback controls for a highlight clip corresponding to the target virtual character around the target virtual character in response to a control display operation triggered based on the target virtual character, The method according to claim 6.

8. The step of displaying the playback controls corresponding to the highlight clip on the live broadcast interface is: The steps of displaying the playback list of the highlight clips on the live broadcast interface in response to the playback list display operation; and The step includes displaying the playback controls in the playback list, The method according to claim 1.

9. The live broadcast screen displays live comments, and the method further: The steps of displaying the suggested bullet pattern corresponding to the highlight clip on the live bullet pattern; and The process includes the steps of displaying the live broadcast screen in the first screen division area and displaying a playback screen of the highlight clip corresponding to the display bullet in the second screen division area in response to a screen division display operation triggered by the aforementioned bullet message, The method according to any one of claims 1 to 8.

10. The method further, In response to the acquisition of the highlight clip, the steps include displaying a playback screen of the highlight clip in a small window on the edge of the live broadcast interface according to a predetermined time length; and The process includes the steps of displaying the live broadcast screen in the first screen division area and the playback screen of the highlight clip in the second screen division area in response to a screen division display operation triggered by the playback screen, The method according to any one of claims 1 to 8.

11. The live broadcast screen displays an avatar of a virtual character controlled by a player participating in the match, and the method further: Steps include: displaying a playback list of highlight clips corresponding to a target virtual character in response to a list display operation triggered by the target virtual character's avatar, wherein the playback list displays playback controls for the highlight clips corresponding to the target virtual character, and the highlight clips are generated based on the actions of the target virtual character; and The steps include displaying the live broadcast screen in the first screen division area and displaying the playback screen of the highlight clip corresponding to the target virtual character in the second screen division area, in response to a screen division display operation triggered by a playback control corresponding to the target virtual character. The method according to any one of claims 1 to 8.

12. The method further, The steps include, in response to the gesture operation in the live broadcast interface satisfying the trajectory conditions, displaying the live broadcast screen in the first screen division area and displaying the playback screen of the highlight clip in the second screen division area, The aforementioned trajectory conditions are set for the slide trajectory of the gesture operation. The method according to any one of claims 1 to 8.

13. The method further, The step includes determining the display ratio of the second screen division area on the live broadcast interface based on the type of content of the aforementioned highlight clip, The method according to any one of claims 1 to 8.

14. The method further, If the match live stream includes multiple highlight clips, the step of switching and displaying the playback screens of the highlight clips of the match live stream in chronological order in response to a switching operation on the playback screen, The method according to any one of claims 1 to 8.

15. A device for displaying a live broadcast of a match, At least one processor, The system comprises a memory unit coupled to at least one of the aforementioned processors for storing a computer program, An apparatus wherein, when the computer program is loaded by the processor and executed by the processor, the method according to any one of claims 1 to 14 is realized.

16. A computer program for causing a computer to perform the method described in any one of claims 1 to 14.

Citation Information

Patent Citations

  • Method and system for automatically adjusting sound and image modes based on scene recognition

    CN110493639A

  • Data display method and device

    CN113286181A

  • Live streaming fragment display method and device, storage medium and electronic equipment

    CN113301421A

  • Image display device and control method thereof

    JP2011505715A

  • Integration of game system and spectator system

    JP2018520772A