WO2023093465A1 - 赛事直播的显示方法、装置、设备及存储介质 - Google Patents

赛事直播的显示方法、装置、设备及存储介质 Download PDF

Info

Publication number
WO2023093465A1
WO2023093465A1 PCT/CN2022/128699 CN2022128699W WO2023093465A1 WO 2023093465 A1 WO2023093465 A1 WO 2023093465A1 CN 2022128699 W CN2022128699 W CN 2022128699W WO 2023093465 A1 WO2023093465 A1 WO 2023093465A1
Authority
WO
WIPO (PCT)
Prior art keywords
playback
live
split
display
highlights
Prior art date
Application number
PCT/CN2022/128699
Other languages
English (en)
French (fr)
Inventor
甄智椋
王彬彬
Original Assignee
腾讯科技（深圳）有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 腾讯科技（深圳）有限公司 filed Critical 腾讯科技（深圳）有限公司
Priority to BR112023021686A priority Critical patent/BR112023021686A2/pt
Publication of WO2023093465A1 publication Critical patent/WO2023093465A1/zh
Priority to US18/340,884 priority patent/US20230336792A1/en

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H04N21/4316—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/21—Server components or server architectures
    • H04N21/218—Source of audio or video content, e.g. local disk arrays
    • H04N21/2187—Live feed
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47217—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application

Definitions

  • the present application relates to the field of live broadcasting, and in particular to a display method, device, equipment and storage medium for live broadcasting of events.
  • the server will broadcast the game of the e-sports event to the user.
  • Clients that support the live broadcast function of e-sports events will obtain the live stream of the ongoing game of e-sports events from the server, and display the live stream of the live stream of the event on the live broadcast interface.
  • a progress bar is displayed on the live broadcast interface, and the progress bar is used to reflect the current playing progress of the live event stream. According to the playback operation triggered by dragging the progress bar, the client will start to play back the live event stream from the playback progress selected by the playback operation, so as to realize the playback of highlights in the live event stream.
  • the present application provides a method, device, device and storage medium for displaying a live broadcast of an event, which can simplify the user's operations when watching the live broadcast. Described technical scheme is as follows:
  • a method for displaying a live event which is applied to a computer device, and the method includes:
  • a live broadcast screen of a live event stream is displayed, and the live stream of the event is a live stream of an event in which virtual characters in a virtual environment compete;
  • a playback control corresponding to a highlight segment is displayed in the live broadcast interface, and the highlight segment is a historical segment in the live stream of the event;
  • the live image is displayed in the first split-screen area and the playback image of the highlights is displayed in the second split-screen area, the first split-screen area and the
  • the second split-screen area is a different display area in the live broadcast interface, and there is no intersection between the first split-screen area and the second split-screen area.
  • a display device for a live event comprising:
  • the display module is used to display the live broadcast picture of the live stream of the event in the live broadcast interface, and the live stream of the event is the live stream of the event based on the virtual characters in the virtual environment for competition;
  • the display module is also used to display a playback control corresponding to the highlight segment in the live broadcast interface, and the highlight segment is a historical segment in the live stream of the event;
  • the display module is further configured to respond to the split-screen display operation triggered based on the playback control, display the live image in the first split-screen area and display the playback image of the highlights in the second split-screen area, so
  • the first split-screen area and the second split-screen area are different display areas in the live broadcast interface, and there is no intersection between the first split-screen area and the second split-screen area.
  • a computer device includes a processor and a memory, at least one instruction, at least one section of program, code set or instruction set are stored in the memory, the at least one instruction , the at least one program, the code set or instruction set is loaded and executed by the processor to implement the method for displaying live events as described above.
  • a computer-readable storage medium wherein at least one instruction, at least one program, code set or instruction set is stored in the readable storage medium, the at least one instruction, the at least A program, the code set or instruction set is loaded and executed by the processor to realize the method for displaying live events as described above.
  • a computer program product or computer program comprising computer instructions stored in a computer readable storage medium.
  • the processor of the computer device reads the computer instruction from the computer-readable storage medium, and the processor executes the computer instruction, so that the computer device executes the method for displaying a live event provided in various optional implementation manners of the above aspect.
  • the live screen of the live stream of the event and the playback screen of the highlight segment can be displayed in split screens, so that users can Simultaneously watch live events and replay highlights.
  • the user replays the highlights in the above manner he can watch the live broadcast of the event without any operation, which simplifies the user's operation when returning to watch the live event during the playback of the highlights.
  • Fig. 1 is a structural block diagram of a computer system provided by an exemplary embodiment of the present application
  • Fig. 2 is a schematic diagram of a live broadcast interface provided by an exemplary embodiment of the present application
  • FIG. 3 is a schematic flowchart of a method for displaying live events provided by an exemplary embodiment of the present application
  • Fig. 4 is a schematic flowchart of a method for displaying live events provided by an exemplary embodiment of the present application
  • Fig. 5 is a schematic diagram of a distance threshold provided by an exemplary embodiment of the present application.
  • Fig. 6 is a schematic diagram of a playback control provided by an exemplary embodiment of the present application.
  • Fig. 7 is a schematic diagram of a target virtual character provided by an exemplary embodiment of the present application.
  • Fig. 8 is a schematic diagram of a playback list provided by an exemplary embodiment of the present application.
  • Fig. 9 is a schematic diagram of a prompt barrage provided by an exemplary embodiment of the present application.
  • Fig. 10 is a schematic diagram of a playback screen displayed in a small window provided by an exemplary embodiment of the present application.
  • Fig. 11 is a schematic diagram of a playback control of a virtual character provided by an exemplary embodiment of the present application.
  • Fig. 12 is a schematic diagram of the display ratio of the second split-screen area in the live interface provided by an exemplary embodiment of the present application.
  • Fig. 13 is a schematic diagram of gesture operation provided by an exemplary embodiment of the present application.
  • Fig. 14 is a schematic diagram of a switching operation provided by an exemplary embodiment of the present application.
  • Fig. 15 is a schematic diagram of a second split-screen area provided by an exemplary embodiment of the present application.
  • Fig. 16 is a schematic diagram of a second split-screen area provided by an exemplary embodiment of the present application.
  • Fig. 17 is a schematic flowchart of a front-end interaction process provided by an exemplary embodiment of the present application.
  • Fig. 18 is a schematic flow diagram for implementing split-screen display provided by an exemplary embodiment of the present application.
  • Fig. 19 is a schematic flow diagram of obtaining related data displayed on a split screen provided by an exemplary embodiment of the present application.
  • Fig. 20 is a schematic structural diagram of a display device for a live event provided by an exemplary embodiment of the present application.
  • Fig. 21 is a schematic structural diagram of a display device for a live event provided by an exemplary embodiment of the present application.
  • Fig. 22 is a schematic structural diagram of a terminal provided by an exemplary embodiment of the present application.
  • Virtual Environment is the virtual environment displayed (or provided) by the application when it is run on the terminal.
  • the virtual environment can be a simulation environment of the real world, a semi-simulation and semi-fictional environment, or a purely fictitious environment.
  • the virtual environment may be any one of a two-dimensional virtual environment, a 2.5-dimensional virtual environment, and a three-dimensional virtual environment, which is not limited in this embodiment of the present application.
  • Virtual character refers to at least one movable object controlled by the user in the virtual environment.
  • the virtual character can be a virtual character, a virtual animal, an animation character, etc.
  • 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, occupying a part of the space in the virtual environment.
  • FIG. 1 is a structural block diagram of a computer system provided by an 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 .
  • the first terminal 110 has installed and runs a first application program, and the first application program is a client with a competitive game function of an electronic competition.
  • the first application program supports a virtual environment, specifically, it may be a first-person shooter (First-Person Shooting, FPS) game, a third-person shooter (Third-Personal Shooting, TPS) game, MOBA game, tactical competitive game, strategy game ( Any one of Simulation Game, SLG).
  • the first terminal 110 is the terminal used by the first user 111.
  • the first user 111 uses the first terminal 110 to control the activities of the virtual character located in the virtual environment in the first application program.
  • the virtual character can be called the virtual character of the first user 111 .
  • the activities of the virtual character include but are not limited to: at least one of adjusting body posture, crawling, walking, running, riding, flying, jumping, driving, picking up, shooting, attacking, and throwing.
  • the virtual character is a virtual character, such as a simulated character or an anime character.
  • the second terminal 120 has a first application program installed and running, and the first application program is a client with a competitive match function for an e-sports event.
  • the first application program supports a virtual environment, which may specifically be any one of FPS games, TPS games, MOBA games, tactical arena games, and SLG.
  • the second terminal 120 is a terminal used by the second user 121.
  • the second user 121 uses the second terminal 120 to control the virtual character in the virtual environment in the first application program to perform activities.
  • the virtual character can be called the virtual character of the second user 121 .
  • the activities of the virtual character include but are not limited to: at least one of adjusting body posture, crawling, walking, running, riding, flying, jumping, driving, picking up, shooting, attacking, and throwing.
  • the virtual character is a virtual character, such as a simulated character or an anime character.
  • the application programs installed on the first terminal 110 and the second terminal 120 are the same, or the application programs installed on the two terminals are the same type of application programs on different control system platforms.
  • the first terminal 110 may generally refer to one of the multiple terminals
  • the second terminal 120 may generally refer to one of the multiple terminals.
  • the first terminal 110 includes terminals used by users in the first team participating in the e-sports event
  • the second terminal 120 includes a terminal used by users in the second team participating in the e-sports event. This embodiment is only described by taking the first terminal 110 and the second terminal 120 as examples.
  • the device types of the first terminal 110 and the second terminal 120 are the same or different, and the device types include: smart phones, tablet computers, e-book readers, MP3 players, MP4 players, laptop portable computers and desktop computers at least one.
  • the following embodiments are described by taking a terminal including a smart phone as an example.
  • the first terminal 110 and the second terminal 120 are connected to the first server 130 through a wireless network or a wired network.
  • the first server 130 includes at least one of a server, multiple servers, a cloud computing platform, and a virtualization center.
  • the first server 130 is used to provide background services for the first application program having the function of competitive game of electronic competition.
  • the first server 130 undertakes the main calculation work, and the terminal undertakes the secondary calculation work; or, the first server 130 undertakes the secondary calculation work, and the terminal undertakes the main calculation work; or, the first server 130 and the terminal adopt distributed Computing architecture for collaborative computing.
  • the first server 130 includes a processor 131 , a user account database 132 , a battle service module 133 , and a user-oriented input/output interface (Input/Output Interface, I/O interface) 134 .
  • the processor 131 is used to load the instructions stored in the first server 130, and process the data in the user account database 132 and the battle service module 133;
  • the user account database 132 is used to store the first terminal 110, the second terminal 120 and other terminal
  • the data of the user account used such as the avatar of the user account, the nickname of the user account, the combat power index of the user account, and the service area where the user account is located;
  • the battle service module 133 is used to provide multiple battle rooms for the user to fight, for example, The fighting room of the e-sports event is for users to fight;
  • the user-facing I/O interface 134 is used to establish communication and exchange data with the first terminal 110 and the second terminal 120 through a wireless network or a wired network.
  • the second server 140 is connected to the first server 130 through a wireless network or a wired network.
  • the second server 140 includes at least one of a server, multiple servers, a cloud computing platform, and a virtualization center.
  • the second server 140 is a server corresponding to the second application, and is used to provide background services for the second application with the function of live broadcasting of e-sports events.
  • the second server 140 undertakes the main calculation work, and the terminal undertakes the secondary calculation work; or, the second server 140 undertakes the secondary calculation work, and the terminal undertakes the main calculation work; or, the second server 140 and the terminal adopt distributed Computing architecture for collaborative computing.
  • the second server 140 is used to obtain in real time the audio and video data generated by the first server 130 during the process of realizing the match of the e-sports event.
  • the signal collection device is used to collect the audio and video data of the e-sports events in real time through the first server 130, and import them into the broadcasting guide terminal. Afterwards, the broadcasting end uploads the audio and video data to the second server 140 through the network.
  • the second server 140 may be called a live server. In some embodiments, the first server 130 and the second server 140 are the same server.
  • the third terminal 150 is connected to the second server 140 through a wireless network or a wired network.
  • the third terminal 150 has a second application program installed and running, and the second application program is a client with a live broadcast function of the electronic competition.
  • the second application program is a live broadcast client, a game client, a game community client, a video-on-demand client, a short video client, and a social client.
  • the second application obtains the audio and video data of the live broadcast of the e-sports event sent by the second server 140 through the third terminal 150, and displays it in the user interface, so as to realize the function of providing the live broadcast of the e-sports event.
  • the device types of the third terminal 150, the first terminal 110 and the second terminal 120 are the same or different, and the device types include: smart phones, tablet computers, e-book readers, MP3 players, MP4 players, laptop portable computers and at least one of a desktop computer.
  • the following embodiments are described by taking a terminal including a smart phone as an example.
  • both the above-mentioned terminal and the server are computer equipment.
  • the number of the foregoing terminals may be more or less. For example, there may be only one terminal, or there may be dozens or hundreds of terminals, or more.
  • the embodiment of the present application does not limit the number of terminals and device types.
  • Fig. 2 is a schematic diagram of a live broadcast interface provided by an exemplary embodiment of the present application.
  • the client supporting the live broadcasting function of the e-sports event can display a live broadcast interface 201 .
  • the live broadcast interface 201 displays a live broadcast screen 202 of a live event stream, which is a live stream of an event in which virtual characters in a virtual environment compete.
  • the client determines that there is a highlight segment in the live stream of the game, it will display the playback control 204 on the live interface 201 through at least one of multiple display methods.
  • the highlight segment is determined by the server, and the highlight segment is a historical segment in the live stream of the event.
  • a progress bar 203 is displayed in the live broadcast interface 201 , and the client will display a 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 segment in the live stream of the event.
  • the client will display multiple playback controls 204 in the progress bar 203 according to the above rules.
  • the playback control 204 can directly trigger a split-screen display operation, or trigger a detailed display operation.
  • the playback control 204 directly triggers the split-screen display operation, as shown in (c) of FIG. Playback screen of highlights.
  • the playback control 204 triggers the detail display operation, as shown in (b) of FIG. , for example, the detail introduction control 205 is displayed above the playback control 204 .
  • the detailed introduction control 205 displays information for introducing highlights.
  • the detail introduction control 205 can trigger a split-screen display operation, and in response to the split-screen display operation triggered by the detail introduction control 205, the client will display the live image 202 and highlights in split-screen in the live broadcast interface playback screen.
  • the client displays the live image 202 in the first split screen area 206 of the live broadcast interface 201 , and displays the playback image in the second split screen area 207 of the live broadcast interface 201 .
  • the first display area and the second display area are different display areas in the live broadcast interface 201 .
  • the client can cancel displaying the playback screen and restore only the live broadcast screen 202 to be displayed in the live broadcast interface 201 .
  • the client will switch and display the playback screens of different highlight segments of the live event stream in chronological order.
  • the live screen of the live stream of the event and the playback screen of the highlight segment can be displayed in split screens, so that users can Simultaneously watch live events and replay highlights.
  • the user replays the highlights in the above manner he can watch the live broadcast of the event without any operation, which simplifies the user's operation when returning to watch the live event during the playback of the highlights.
  • Fig. 3 is a schematic flowchart of a method for displaying a live event provided by an exemplary embodiment of the present application.
  • the method is executed by a computer device.
  • the method can be used for the third terminal or the client on the third terminal in the system shown in FIG. 1 .
  • the method includes:
  • Step 302 Display the live video of the live stream of the event in the live broadcast interface.
  • the live broadcast interface is a user interface displayed when the client supporting the live event function provides the live event function.
  • the event refers to an e-sports event
  • an e-sports event is an event in which e-sports players compete by controlling virtual characters in a virtual environment. For example, compete through FPS games, TPS games, MOBA games, etc.
  • an e-sports event there are at least two teams participating in the competition, and there is at least one e-sports player in each team, and each e-sports player controls at least one virtual character in a virtual environment. A virtual character controlled in a virtual environment competes.
  • the above event can also refer to a game played by a client that supports the function of controlling virtual characters in a virtual environment to play a game.
  • the game includes a plurality of players using the above-mentioned client that supports the function of controlling virtual characters in the virtual environment to play games online, and control their own virtual characters in the virtual environment to play games with virtual characters controlled by other players .
  • the player controls his own virtual character to play against the man-machine character in the virtual environment by using the above client.
  • the players include ordinary players and hosts in the client.
  • the man-machine character is a virtual character controlled by the above-mentioned client or the server of the above-mentioned client.
  • an event refers to a game played online by multiple game anchors using MOBA games.
  • the virtual environment is the virtual environment displayed (or provided) when the MOBA game is running on the terminal.
  • the virtual environment can be a simulation environment of the real world, a semi-simulation and semi-fictional environment, or a purely fictitious environment.
  • a virtual character refers to at least one movable object controlled by a user in a virtual environment.
  • the virtual character may be a virtual person, a virtual animal, an anime character, or the like.
  • the event live stream is a live stream of an event based on virtual characters in a virtual environment, that is, the event live stream is a live stream generated by an e-sports event.
  • the displayed live broadcast images include images of virtual characters competing in a virtual environment, images of commentators explaining e-sports events, and images of preparatory stages during a game, etc.
  • the client obtains the live stream of the event from the server, so as to display the live screen of the live stream of the event on the live interface.
  • Step 304 Display the playback controls corresponding to the highlights in the live broadcast interface.
  • This highlight segment is a historical segment from the live stream of the event.
  • the highlight segment is generated based on the behavior of the virtual character, that is, the highlight segment is generated based on the manipulation behavior of the virtual character controlled by the player. Users who watch the live broadcast of the game may be interested in some wonderful behaviors of players manipulating virtual characters, so there will be highlights.
  • the highlight segment is a segment in which a virtual character controlled by a player in the first team participating in the competition continuously defeats virtual characters controlled by all the players in the second team participating in the competition.
  • One or more highlight segments are included in the live event stream, or no highlight segments are included in the live event stream.
  • the highlights are determined by the server or the client on the terminal, or manually determined in the live stream of the game and sent to the client via the server or directly to the client.
  • the server determines the highlights as an example, when the server obtains the live stream of an event, it will obtain the operating parameters generated by the application of the event.
  • the operating parameters are generated based on the operation behavior of the e-sports players using the application Generated by the behavior of the virtual character controlled by the contestants in the virtual environment, the operating parameters are used to reflect the progress of the e-sports event. For example, during a certain period of time, a virtual character controlled by a certain player defeats a virtual character controlled by another player by using the skills of the virtual character.
  • the server can determine the highlight segment in the live event stream based on the highlight segment parameter conditions.
  • the highlight segment parameter conditions are set for the operating parameters generated during the event corresponding to the event live stream.
  • the highlight segment parameter conditions include operating parameters reflecting that a certain avatar continuously beats the other three avatars within a preset time period.
  • the server will generate the running
  • the segment of the parameter is determined to be a highlight segment.
  • the server determines the highlights in the live stream of the event at regular intervals or determines the highlights in the live stream of the event in real time.
  • the highlight segment parameter condition is manually determined.
  • the server determines that there is a highlight segment in the live stream of the game, it will indicate the result of the determination to the client, or the client will request the result of the determination.
  • the client can also determine the highlights in the live stream of the event through the above method. That is, after the client obtains the live event stream from the server, it judges whether there is a highlight segment in the live event stream through the above method and obtains the determined highlight segment.
  • the client When the client determines that the live stream of the event includes highlights, it will display the playback controls corresponding to the highlights on the live broadcast interface.
  • the client displays multiple playback controls on the live broadcast interface, and each playback control represents a highlight segment.
  • the client displays a playback control on the live broadcast interface, and the playback control can represent multiple highlights in the live broadcast stream of the event.
  • the client can display playback controls corresponding to highlights in the live broadcast interface through at least one of multiple display modes.
  • multiple display methods include directly displaying playback controls in the live broadcast interface, specifically, displaying playback controls in the progress bar of the live broadcast interface (displaying one or more playback controls, representing one or more playback controls of the live event stream) highlights), playback controls are displayed around the target avatar (display one or more playback controls, representing one or more highlights corresponding to the target avatar), playback controls are displayed on the top or bottom of the live interface (display A playback control, representing one or more highlights of the live event stream), and a floating and movable playback control displayed in the live broadcast interface (displaying a playback control, representing one or more highlights of the event live stream) at least one.
  • Various display methods also include indirect display of playback controls, which may specifically include displaying playback controls in the playback list displayed on the live interface based on the playback list display operation (displaying one or more playback controls, representing one or more playback controls of the live event stream) a plurality of highlights), when the control display operation is triggered by the target avatar, playback controls are displayed around the target avatar (one or more playback controls are displayed, representing one or more highlights corresponding to the target avatar), And displaying at least one of the playback controls (displaying one or more playback controls, representing one or more highlights of the live stream of the event) in the live broadcast interface in the case of the control display operation triggered by the gesture operation.
  • the above-mentioned target virtual character is a virtual character whose behavior generates a highlight segment, and the highlight segment corresponding to the target virtual character, that is, the highlight segment is generated based on the behavior of the target virtual character.
  • Playback controls will be displayed in the form of buttons, floating layers, pop-up windows, lists, icons, pictures, and dynamic graphics.
  • the client displays the playback control in the progress bar of the live broadcast interface, and the playback control is displayed as a round button, and an icon is displayed in the button, and the icon is used to indicate the content type of the highlights.
  • Step 306 In response to the split-screen display operation triggered based on the playback control, display the live image in the first split-screen area and display the playback image of the highlights in the second split-screen area.
  • the first split-screen area and the second split-screen area are different display areas in the live broadcast interface, and there is no intersection between the first split-screen area and the second split-screen area.
  • the first split screen area and the second split screen area belong to different views in the live broadcast interface.
  • the live image is the image displayed by the client by playing the live event stream obtained in real time
  • the playback image is the image displayed by the client by playing the video resource of the highlights.
  • the video resource of the highlight segment is obtained by the client through the server or by intercepting the live stream of the event after the client determines the highlight segment by itself.
  • the client will display a playback screen of the highlight segment corresponding to the playback control.
  • the client will display the playback screen of the highlight clips of the live event stream in chronological order, or randomly select the currently playing highlight clips from the highlight clips of the live event stream, or according to the order
  • the condition selects the currently playing highlight segment among the highlight segments of the live stream of the event.
  • the sorting conditions include the number of likes, comments, plays, gifts, virtual characters controlled by the user's favorite players, etc. of different highlight clips.
  • the display ratios of the second split-screen regions used by the client are also different when performing split-screen display.
  • the content type of the highlight segment is that a certain avatar only defeats another avatar, then the required display range is relatively small, and a display ratio of 1:1 can be used.
  • the content type of the highlights is that a certain virtual character beats five other virtual characters consecutively, so the required display range is relatively large, and a display ratio of 16:9 can be used.
  • the playback control can directly trigger a split-screen display operation, for example, in response to the split-screen display operation triggered by the playback control, the client can directly display the live video and the playback video in split screens.
  • the playback control can trigger a detail display operation.
  • the client will display an introduction control for introducing the highlights, and then based on the split-screen display operation triggered by the introduction control, the client will display it in split screens. Live screen and playback screen.
  • the client will display an introduction control for introducing the highlight segment corresponding to the playback control.
  • the client may display an introduction control for introducing all the highlight segments.
  • the introduction control will be displayed in the form of floating layer, pop-up window, list, etc.
  • the introductory control is used to introduce multiple highlight segments
  • the information introducing different highlight segments in the intro control may be displayed according to the sliding operation on the introductory control.
  • the aforementioned operation triggered by the control refers to the operation triggered by clicking, double-clicking, multiple clicking, sliding, and long-pressing on the control.
  • the method provided in this embodiment can realize split-screen display of the live broadcast of the live event stream by displaying the playback control corresponding to the highlight segment of the live event stream in the live broadcast interface, and according to the split-screen display operation triggered based on the playback control
  • the screen and the playback screen of the highlights so that users can watch the live broadcast of the game and replay the highlights at the same time.
  • the user replays the highlights in the above manner he can watch the live broadcast of the event without any operation, which simplifies the user's operation when returning to watch the live event during the playback of the highlights.
  • Fig. 4 is a schematic flowchart of a method for displaying a live event provided by an exemplary embodiment of the present application.
  • the method is executed by a computer device.
  • the method can be used for the third terminal or the client on the third terminal in the system shown in FIG. 1 .
  • the method includes:
  • Step 402 Display the live video of the live stream of the event in the live broadcast interface.
  • the live broadcast interface is a user interface displayed when the client supporting the live event function provides the live event function.
  • the event refers to an e-sports event.
  • the live stream of the event is a live stream of an event based on virtual characters in a virtual environment, and the live stream of an event is a live stream generated by an electronic competition.
  • the client displays the live broadcast interface, it will obtain the live stream of the event from the server in real time.
  • Step 404 Obtain the server's detection result of whether there is a highlight segment in the live event stream.
  • Highlights are historical snippets from the live stream of an event.
  • the highlight segment is a segment that may be of interest to users watching the live broadcast of the game.
  • the highlight segment is determined by the server, or manually determined in the live stream of the event.
  • the server obtains the live stream of the event, it will obtain the operating parameters generated by the application of the event.
  • the operating parameters are generated by the behavior in the environment, and the operating parameters are used to reflect the progress of the e-sports event.
  • the server can determine the highlight segment in the live event stream based on the parameter condition of the highlight segment.
  • the parameter condition of the highlight segment is set according to the operating parameters generated during the progress of the event corresponding to the live event stream.
  • the server determines that the operating parameters within a certain period of time meet the parameter conditions of the highlight segment, the server will determine the segment in the live stream of the game that generates the operating parameter as the highlight segment.
  • the server regularly determines the highlight segment in the live event stream or determines the highlight segment in real time in the event live stream.
  • the highlight segment parameter condition is manually determined.
  • the client can also determine the highlights in the live stream of the event through the above method.
  • the server determines that there is a highlight segment in the live event stream, it will indicate to the client the detection result of whether there is a highlight segment in the live event stream, or the client actively requests the detection result.
  • Table 1 shows the introduction for the highlights in the live streaming of events based on MOBA games:
  • the content in each row is an introduction for a highlight event (highlight segment), and the highlight event event in each row corresponds to a highlight parameter condition, and the corresponding highlight parameter condition is used to reflect the running The parameter indicates that the highlight event occurred.
  • Each highlight event corresponds to a type, icon, name and detailed description.
  • the types of content of the highlights in Table 1 may include that the avatar defeats at least one enemy avatar, the avatar releases skills to the enemy avatar, the avatar defeats a neutral creature in the virtual environment, and the avatar destroys an enemy building. at least one of .
  • a more refined classification can also be performed according to the content in Table 1.
  • first blood refers to the first time that the virtual character controlled by a player in one team defeated the virtual character controlled by a player in the other team in a game between two teams participating in the competition.
  • Three-in-a-row victory refers to two teams participating in the competition in a round of competition. The players in one team control the avatars and defeat the avatars controlled by the three players in the other team in a short period of time.
  • “Four-in-a-row Superman” refers to two teams participating in the competition. In a round of competition, the players in one team control the avatars and defeat the avatars controlled by the four players in the other team in a short period of time.
  • “Five consecutive extraordinary” refers to two teams participating in the competition in a game, the players in one team control the avatars and defeat the avatars controlled by five players (all players) in the other team in a short period of time.
  • Team battle refers to two teams participating in the competition in a game, and the players in the two teams control the virtual characters to start a battle.
  • a hero refers to a virtual character controlled by a player.
  • the virtual character has skills, and different virtual characters have the same or different skills.
  • Using skills to control heroes means that players control virtual characters and cast control skills on enemy virtual characters.
  • Control skills can achieve the effect of restricting the movement of enemy virtual characters.
  • the output of the avatar refers to the value of the damage caused by the avatar to the enemy avatar through ordinary attacks or casting skills.
  • the flash skill is a skill that makes the virtual character move a certain distance instantly.
  • the life-saving equipment is among the virtual equipment that can be worn by the virtual character, which improves the survivability.
  • Neutral creatures are resources that need to be robbed in the virtual environment.
  • Virtual characters that rob neutral creatures can obtain beneficial effects, such as enhanced attack power and enhanced defense power. Different neutral creatures correspond to different buff effects.
  • the camp of the virtual character includes multiple defensive towers. In the MOBA game, if the virtual character of a certain camp destroys all the defensive towers of the other camp, it is considered that the virtual character of this camp wins the game.
  • the highland tower is a special defense tower in the camp where the avatar is located. When the highland tower of one's own side is destroyed, the enemy will gain a buff effect.
  • Step 406 In the case that there is a highlight segment in the live stream of the game, display the playback control corresponding to the highlight segment in the live broadcast interface.
  • the client When the client determines that the live stream of the event includes highlights, it will display the playback controls corresponding to the highlights on the live broadcast interface.
  • the playback control is used to realize the playback of the highlights.
  • the client displays multiple playback controls in the live broadcast interface, and each playback control represents a highlight segment.
  • the client displays a playback control on the live broadcast interface, and the playback control represents that there are one or more highlights in the live broadcast stream of the event.
  • the client displays the playback control in one or more of the following display manners.
  • the first display method :
  • the client After receiving the progress bar display operation, the client will display the progress bar in the live broadcast interface.
  • the progress bar is used to reflect the playback progress of the live event stream.
  • the progress bar display operation is triggered by a touch operation on an area in the live broadcast interface that only displays live images.
  • the client when the progress bar is displayed, the client will also display relevant information about the live stream of the event and controls for controlling the playback of the live stream of the event, as well as controls for publishing barrage and for opening or Turn off the control of the barrage displayed in the live broadcast interface.
  • the client When displaying the progress bar, the client will display the playback control at the target progress position of the progress bar, and the target progress position is used to indicate the corresponding playback progress of the highlights in the live event stream.
  • the client when the live event stream includes multiple highlights, the client will display multiple playback controls in the progress bar, where each playback control represents a highlight segment in the live event stream.
  • the target progress position is used to indicate the playback progress corresponding to the starting moment of the highlights in the live stream of the event
  • the live stream of the event is currently played at 02:00:00
  • the start moment of the highlights is 01:00: 00
  • the target progress position is the middle position of the progress bar.
  • the live broadcast of the event is played live, so the total playing time will be accumulated over time, and the target progress position will also be updated with the live broadcast of the event. For example, for the same highlight segment, its corresponding target progress position at the first moment is one-third of the progress bar, at the second moment its corresponding target progress position is one-sixth of the progress bar, and at the first moment it is at the second time before.
  • the playback control corresponds to multiple display forms.
  • at least one of the shape of the playback control, the icon (or text) displayed in the playback control, and the color of the playback control is different.
  • the playback control is displayed as a circular button, but the icon (or text) displayed in the circular button is different.
  • the icon (or text) displayed in the circular button is used to reflect the content type of the highlight segment corresponding to the display control.
  • the client displays the playback control at the target progress position of the progress bar, it will display the playback control in the target form.
  • the target form is the display form corresponding to the content type of the highlights among the display forms of the playback control.
  • Table 1 shows 9 display forms of the playback control, and the corresponding relationship between each display form and the content type of the highlights.
  • Each of the display forms is a circular button, but the icon (or text) in the circular button is different.
  • the playback control is a round button with "three" in the middle
  • the highlight segment is "Destroy the Highland Tower”
  • the playback control is a round button with the icon of the defense tower in the middle.
  • the client determines the content type of the highlights by 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 above-mentioned first machine learning model, second machine learning model, third machine learning model and fourth machine learning model are models constructed based on a neural network (Neural Network, NN).
  • the first machine learning model predicts the content type of the highlight segment by identifying the playback screen of the highlight segment, and the client can obtain the content type of the highlight segment predicted by the first machine learning model by inputting the highlight segment into the first machine learning model .
  • the first machine learning model is obtained by training the playback picture of the sample segment and the type of the content of the sample segment (the type of the real content of the sample segment), for example, inputting the sample segment into the first machine learning model to obtain the predicted value of the sample segment The type of content, and then determine the error loss between the predicted content type of the sample segment and the actual content type of the sample segment, through which the first machine learning model can be trained.
  • the sample clips used for training the model and the content types of the sample clips are manually determined based on the live streams of historical events.
  • the second machine learning model predicts the content type of the highlight segment by identifying the audio of the highlight segment
  • the client can obtain the content of the highlight segment predicted by the second machine learning model by inputting the audio of the highlight segment into the second machine learning model type.
  • the second machine learning model is obtained by training the audio of the sample segment and the content type of the sample segment, for example, inputting the audio of the sample segment into the second machine learning model to obtain the predicted content type of the sample segment, and then determining the predicted sample segment
  • the error loss between the content type of the real sample segment and the content type of the real sample segment, the second machine learning model can be trained through the error loss. Audio for highlights is captured in highlights and audio for sample clips is captured in sample clips.
  • the third machine learning model predicts the content type of the highlight segment by identifying the commentary audio corresponding to the highlight segment.
  • the client can obtain the highlight predicted by the third machine learning model by inputting the commentary audio corresponding to the highlight segment into the third machine learning model.
  • the third machine learning model is obtained by training the commentary audio corresponding to the sample segment and the content type of the sample segment, for example, inputting the commentary audio corresponding to the sample segment into the third machine learning model to obtain the predicted content type of the sample segment, and then determine An error loss between the predicted content type of the sample segment and the actual content type of the sample segment, through which the third machine learning model can be trained.
  • the commentary audio corresponding to the highlight segment is produced by the commentator of the game commenting on the highlight segment, and the commentary audio corresponding to the sample segment is produced by the commentator of the game commenting on the sample segment.
  • the fourth machine learning model predicts the content type of the highlight segment by identifying the user operation data corresponding to the highlight segment.
  • the client can obtain the prediction of the fourth machine learning model by inputting the user operation data corresponding to the highlight segment into the fourth machine learning model.
  • the fourth machine learning model is obtained by training the user operation data corresponding to the sample segment and the content type of the sample segment, for example, inputting the user operation data corresponding to the sample segment into the fourth machine learning model to obtain the predicted content type of the sample segment, Then an error loss between the predicted content type of the sample segment and the actual content type of the sample segment is determined, by which the fourth machine learning model can be trained.
  • the user operation data corresponding to the highlight segment is the operation data generated by the user manipulating the avatar in the highlight segment during the highlight segment
  • the user operation data corresponding to the sample segment is the operation generated by the user manipulating the avatar in the sample segment during the sample segment data.
  • the server can also determine the content type of the highlight segment through the above model, and send the determination result to the client, so as to relieve the calculation pressure on the client side.
  • artificial intelligence Artificial Intelligence, AI
  • the playback control displayed on the far left of the progress bar, the corresponding highlight segment is the highlight segment of "First Blood” in Table 1
  • the second playback control displayed on the left side of the progress bar and the corresponding highlight segment is a highlight segment in "Wonderful Operation” in Table 1.
  • the distance between two adjacent playback controls displayed in the progress bar is not less than the distance threshold. That is, the distance between two adjacent target progress positions is not less than the distance threshold.
  • the distance threshold represents 2 minutes in the progress bar, and the longer the playing time of the live event stream, the shorter the distance threshold will be in the live broadcast interface.
  • the client detects that the distance between the two target progress positions is less than the distance threshold, it will cancel one of the playback controls, or appropriately increase the distance between the two target progress positions so that it is greater than distance threshold.
  • the number of playback controls displayed by the client in the progress bar is less than the number threshold. Exemplarily, the number threshold is 16. Alternatively, during the process of determining the highlights, the number of determined highlights does not exceed the aforementioned number threshold.
  • FIG. 5 is a schematic diagram of a distance threshold provided by an exemplary embodiment of the present application.
  • the progress bar of the live broadcast interface 501 seven playback controls are displayed, and the distance between every two playback controls is greater than the distance threshold 503 .
  • the distance between the first playback control and the starting point of the progress bar is also greater than the distance threshold 503 .
  • the second display method is a first display method
  • a virtual environment is displayed on the live broadcast screen displayed by the client, and there is a target virtual character in the virtual environment, and the client will display playback controls of highlights corresponding to the target virtual character on the side of the target virtual character, for example, in the target virtual character.
  • a playback control of the highlights corresponding to the target virtual character is displayed above the character.
  • the highlights corresponding to the target virtual character are generated based on the behavior of the target virtual character.
  • the highlights corresponding to the target virtual character include one or more.
  • one or more playback controls are displayed, and when multiple playback controls are displayed, each playback control represents a highlight segment of the target virtual character. In the event that a highlight segment is generated based on the behavior of a certain avatar, that avatar becomes the target avatar. For example, if the behavior of a virtual character satisfies the "first blood" in Table 1, a highlight segment corresponding to the virtual character will be generated, and the virtual character will become the target virtual character.
  • the display forms of the playback controls displayed by the client on the sides of different target virtual characters are the same or different.
  • a round button with "back" displayed in the middle is used to display the playback control, so as to remind the user that there is a corresponding highlight segment for the virtual character.
  • the client can also display playback controls around the target virtual character according to the content type of the highlights corresponding to the target virtual character.
  • FIG. 6 is a schematic diagram of a playback control provided by an exemplary embodiment of the present application.
  • a virtual environment is displayed on a live broadcast interface 601 , and a target virtual character 602 exists in the virtual environment.
  • the client will display a playback control 603 above the target virtual character 602, and the playback control 603 is displayed as a circular button with "back" displayed in the middle, to remind the user that there is a corresponding highlight segment for the virtual character.
  • the third display method is a first display method
  • a virtual environment is displayed in the live broadcast screen, and a target virtual character exists in the virtual environment, and the client will display a highlight mark on the target virtual character.
  • the client will display the playback control of the highlight segment corresponding to the target avatar on the side of the target avatar, for example, display the playback control of the highlight segment corresponding to the target avatar above the target avatar.
  • Playback controls The highlights corresponding to the target virtual character are generated based on the behavior of the target virtual character.
  • the highlights corresponding to the target virtual character include one or more.
  • one or more playback controls are displayed, and when multiple playback controls are displayed, each playback control represents a highlight segment of the target virtual character. In the event that a highlight segment is generated based on the behavior of a certain avatar, that avatar becomes the target avatar.
  • the highlight mark displayed on the target avatar is used to highlight the target avatar, that is, to prompt the user that the avatar has a corresponding highlight segment.
  • the highlighted mark includes highlighting the name of the target avatar to be displayed, or displaying a frame for the target avatar, or displaying the target avatar in a blinking manner.
  • the client when the client receives operations such as single-click, double-click, multiple-click, slide, and long-press on the target virtual character, it will determine that the above-mentioned control display operation is received.
  • the display forms of the playback controls displayed by the client on the sides of different target virtual characters are the same or different.
  • a circular button with "back" displayed in the middle is used to display the playback control.
  • the client can also display playback controls around the target virtual character according to the content type of the highlights corresponding to the target virtual character. It should be noted that, if the display duration is greater than the duration threshold, the client will cancel the display of the above-mentioned highlighted mark and the above-mentioned playback control.
  • the display duration is the duration between the start moment of the highlight segment corresponding to the target virtual character and the current moment. For example, the duration between the start moment of the latest highlights of the target avatar and the current moment.
  • FIG. 7 is a schematic diagram of a target virtual character provided by an exemplary embodiment of the present application.
  • a virtual environment is displayed on the live broadcast interface 701 , and a target virtual character 702 exists in the virtual environment.
  • the client will display a dotted frame for the target avatar 702 .
  • three playback controls 703 will be displayed above the target avatar 702, and each playback control 703 represents the target avatar 702 A corresponding highlight segment.
  • the playback control 703 is displayed as a square button, and different texts are displayed in the middle of the square button to reflect different highlights corresponding to the target avatar 702 .
  • the fourth display mode is the fourth display mode
  • the client will display a replay list of highlights in the live broadcast interface, and then display playback controls in the replay list.
  • the list display operation is triggered by a list display control, or the list display operation is triggered by a gesture operation in the live broadcast interface.
  • the list display control is a button displayed above or below the live broadcast interface.
  • the gesture operation is an inward sliding operation from the far left side of the live broadcast interface, or an inward sliding operation from the far right side of the live broadcast interface.
  • the replay list is displayed as a rectangular box, displayed on the left or right side of the live broadcast interface, or displayed as a pop-up window or floating layer.
  • the client when the live event stream includes multiple highlight segments, the client will display multiple playback controls in the playback list, and each playback control represents a highlight segment.
  • the displayed content of each playback control includes the name of the highlight segment, the name of the player corresponding to the highlight segment, the avatar of the player corresponding to the highlight segment, and a screenshot of the highlight segment.
  • the client can obtain the above information through the server.
  • FIG. 8 is a schematic diagram of a playback list provided by an exemplary embodiment of the present application.
  • a list display button 802 is displayed in the live broadcast interface 801 .
  • the client will display a playback list 803 on the left side of the live broadcast interface 801 .
  • Each playback control represents a highlight, and each playback control is a part of the rectangular area in the playback list, and the displayed content includes the name of the highlight, the name of the player corresponding to the highlight, and a screenshot of the highlight.
  • the client can switch and display the playback controls in the playback list 803 through a sliding operation on the playback list 803 .
  • the fifth display mode is the fifth display mode
  • the live broadcast screen displayed by the client has a live bullet chat, for example, the live bullet chat is superimposed on the live broadcast screen and displayed in a moving manner.
  • the client will display the prompt barrage corresponding to the highlight clip (which can be regarded as a playback control) in the live barrage.
  • the prompt barrage is generated by the server and sent to the client, or generated by the client.
  • the prompt barrage is used to prompt that there is a highlight segment in the live stream of the game. If there are multiple highlight segments, each highlight segment corresponds to a prompt barrage.
  • the barrage in the live barrage except for the prompt barrage is sent by the users watching the live stream of the event.
  • the content of the prompt barrage is generated according to the content of the highlight segment, including at least one of player information corresponding to the highlight segment, information of a virtual object, type of content of the highlight segment, and preset prompt information.
  • the client when it acquires a highlight segment, it will display a prompt barrage corresponding to the highlight segment, and then periodically display the prompt barrage according to a preset period.
  • the preset periods of different prompt barrages are the same or different, for example, the preset period of a highlight segment with more likes is shorter than that of a highlight segment with fewer likes.
  • the client In response to the split-screen display operation triggered by the prompt barrage, the client displays the live broadcast image in the first split-screen area and the playback image of the highlights corresponding to the prompt barrage in the second split-screen area.
  • the above split-screen display operation is triggered by a touch operation on the prompt barrage.
  • it includes operations such as single-click, double-click, multiple-click, slide, and long-press on the prompt barrage. Trigger split-screen display of live images and playback images of highlights in the form of bullet screens, so as to significantly prompt users of highlights without affecting the user's viewing experience, which can improve user experience.
  • FIG. 9 is a schematic diagram of a prompt barrage provided by an exemplary embodiment of the present application.
  • a live screen of the live stream of the event is displayed, and a live barrage is displayed on the live screen, and the live barrage includes a barrage sent by a user watching the live stream of the event and a prompt barrage 902 ,
  • Each prompt barrage 902 represents a highlight segment of the live stream of the event.
  • the client will be triggered to display a live broadcast image in the first split-screen area and a playback image of a highlight segment corresponding to the prompt bullet chat in the second split-screen area.
  • the prompt barrage is displayed differently from the barrage sent by the user, for example, including at least one of different fonts, different colors, and different thicknesses.
  • the sixth display mode is the sixth display mode
  • the client In response to obtaining the highlight segment, the client will display a playback image of the highlight segment (which can be regarded as a playback control) in the form of a small window on the edge of the live broadcast interface according to a preset duration.
  • the preset duration is determined by the server or defined by the user. If there are multiple highlight clips, the client will sequentially display the playback images of the highlight clips in the small window according to the time when the highlight clips were acquired and the preset duration.
  • the client terminal will also display the introduction information of the highlights near the small window.
  • the small window is an area whose display size is smaller than the preset size in the live broadcast interface.
  • the client In response to the split-screen display operation triggered by the playback screen, the client displays the live broadcast screen in the first split-screen area and the playback screen of the highlights in the second split-screen area.
  • the above split-screen display operation is triggered by a touch operation on the playback image displayed in the small window.
  • operations such as single-click, double-click, multiple-click, slide, and long-press on the playback screen are included.
  • the playback screen is displayed with a preset duration in the form of a small window, which not only enables the user to preview the playback screen, but also avoids blocking the user to watch other content on the live broadcast interface. Users can trigger split screens to display clearer playback images on demand, which can improve user experience.
  • FIG. 10 is a schematic diagram of a small window displaying a playback screen provided by an exemplary embodiment of the present application.
  • the client when the client obtains the highlights of the live stream of the event, the client will display the playback screen 1002 of the highlights in a small window in the lower right corner of the live broadcast interface 1001, and cancel the display after 5 seconds. show.
  • the client receives a click operation on the playback image 1002 displayed in the small window, the client will display the live broadcast image in the first split-screen area and the playback image of the highlights in the second split-screen area.
  • the seventh display mode is the seventh display mode.
  • the live screen displayed on the client side shows the avatars of the virtual characters controlled by the players participating in the event. For example, there are 2 teams participating in the game, each team has 5 players, and each player controls a virtual character, then the client will The avatars of 10 avatars are displayed on the live screen.
  • the client In response to the list display operation triggered by the avatar of the target avatar, the client will display the playback list of the highlights corresponding to the target avatar.
  • the playback list displays the playback controls of the highlights corresponding to the target avatar. If the highlights are multiple , a playback control is displayed for each highlight segment.
  • the highlight segment is generated based on the behavior of the target virtual character.
  • the above list display operation is triggered by a touch operation on the avatar of the target virtual character among the virtual characters. For example, it includes operations such as single-click, double-click, multiple-click, slide, and long-press on the avatar of the target virtual character.
  • the client In response to the split-screen display operation triggered by the playback control corresponding to the target avatar, the client will display the live broadcast image in the first split-screen area and the playback image of the highlights corresponding to the target avatar (playback control) in the second split-screen area .
  • the avatar's avatar triggers the display of the playback list of the avatar, thereby displaying the highlights of the avatar, which can realize the selection of the avatar to watch the highlights according to the needs of the user, which can improve the user experience.
  • FIG. 11 is a schematic diagram of a playback control of an avatar provided by an exemplary embodiment of the present application.
  • the client when the client receives a click operation on the avatar of the displayed virtual character B, the client will display the playback list 1102 of the highlights corresponding to the virtual character B in the live broadcast interface 1101, the playback list 1102 includes the playback controls of the two highlights corresponding to virtual character B.
  • the client In response to the split-screen display operation triggered by the playback control corresponding to virtual character B, the client will display the live broadcast image in the first split-screen area and the playback image of the highlights corresponding to the playback control in the second split-screen area.
  • the client can use any of the above display methods to display the playback control, or use multiple display methods in the above-mentioned methods to display the playback control at the same time, that is, the above-mentioned different display methods can be used in combination freely. No limit.
  • the client can also display the playback control in other display manners, and the above display manner is only used as an example, and is not a limitation on the manner of displaying the playback control in the embodiment of the present application.
  • Step 408 In response to the split-screen display operation triggered based on the playback control, display the live broadcast image in the first split-screen area and display the playback image of the highlights in the second split-screen area.
  • the first split-screen area and the second split-screen area are different display areas in the live broadcast interface.
  • the live broadcast image is displayed by the client by playing the live event stream obtained in real time
  • the playback image is displayed by the client by playing the video resource of the highlights.
  • the live stream of the event and the video resources of the highlights will be played simultaneously.
  • the video resources of the highlights are acquired by the client through the server.
  • the client when it is displaying live images and highlights in split screens, it will determine the display ratio of the second split-screen area in the live interface according to the content type of the highlights, and then display the live images and highlights according to the determined display ratio.
  • Highlights For example, if the content type of the highlight segment is "first blood” in Table 1, the required display range is relatively small, and a display ratio of 1:1 may be used. If the content type of the highlight segment is "Five consecutive peerless worlds" in Table 1, the required display range is relatively large, and a display ratio of 16:9 can be used.
  • FIG. 12 is a schematic diagram of a display ratio of the second split-screen area in the live broadcast interface provided by an exemplary embodiment of the present application.
  • the client when split-screen display of live images and playback images is required, the client will determine the display ratio of the second split-screen area in the live interface according to the content type 1201 of the highlights. For example, in (a) of FIG. 12 , the display ratio of the second split screen area is 16:9. In (b) of FIG. 12 , the display ratio of the second split screen area is 4:3. In (c) of FIG. 12 , the display ratio of the second split screen area is 1:1. In (d) of FIG. 12 , the display ratio of the second split screen area is 3:4. When determining the display ratio of the second split-screen area, the client also determines the display positions and display areas of the second split-screen area and the first split-screen area.
  • the client can also use more split-screen areas to display live images and playback images.
  • the first split-screen area is used to display the live image
  • the second split-screen area is used to display the first playback image
  • the third split-screen area is used to display the second playback image.
  • the first playback picture and the second playback picture are pictures obtained by playing different highlights.
  • the playback control can directly trigger a split-screen display operation, for example, in response to the split-screen display operation triggered by the playback control, the client can directly display the live video and the playback video in split screens.
  • the playback control can trigger a detail display operation, and in response to the detail display operation triggered by the playback control, the client will display a detail introduction control corresponding to the highlights in the live broadcast interface.
  • the client In response to the split-screen display operation triggered by the detail introduction control, the client will display the live broadcast image in the first split-screen area and the playback image in the second split-screen area.
  • the playback control can trigger the above detailed display operation.
  • the detail introduction control is displayed as a rectangular pop-up window.
  • the detailed introduction control displays information for introducing the highlight segment corresponding to the playback control.
  • the information used to introduce the highlight segment includes the name of the highlight segment, the name of the player corresponding to the highlight segment, the avatar of the player corresponding to the highlight segment, and a screenshot of the highlight segment.
  • the client can obtain the above information through the server.
  • a detailed introduction button is displayed in the detailed introduction control, and the detailed introduction button is used to trigger a split-screen display operation. The above-mentioned triggering operation through the control to triggering the operation through clicking, double-clicking, multiple clicking, sliding, and long-pressing on the control.
  • the client when the playback control corresponds to a highlight segment, that is, it represents a highlight segment, the client will display the playback screen of the highlight segment corresponding to the playback control.
  • the playback control corresponds to multiple highlight segments, that is, it represents multiple highlight segments, the client will display the playback screen of the highlight segment closest to the current time, or display the playback screen of the highlight segment farthest from the current time, or Display the playback screen of the highlight segment with the most likes, or randomly select one of multiple highlight segments to display its playback screen.
  • the client when the client receives a click operation on the playback control in the progress bar, it will receive a detail display operation, and display a detailed introduction control above the playback control.
  • the split-screen display operation When receiving the click operation of "split-screen view" in the detail introduction control, the split-screen display operation will be received, so that the live broadcast image and the playback image will be displayed in split-screen.
  • the client can also not display the playback control, and trigger the split-screen display operation in other ways.
  • the client in response to the gesture operation in the live broadcast interface meeting the trajectory condition, the client will display the live broadcast image in the first split-screen area and display the playback image in the second split-screen area.
  • the trajectory condition is set for the sliding trajectory of the gesture operation.
  • the track condition includes that the sliding track forms a preset shape, and the sliding track is a track that slides from the outside to the inside of the live broadcast interface, such as a track that slides from the left side to the inside or a track that slides from the right side to the inside.
  • FIG. 13 is a schematic diagram of gesture operations provided by an exemplary embodiment of the present application.
  • the client displays the live broadcast interface 1301.
  • the client receives the sliding operation 1302 from the left side inward on the live broadcast interface 1301, it will trigger the split-screen display operation, thereby displaying in the first split-screen area
  • the live broadcast screen and the playback screen are displayed in the second split screen area.
  • the client in response to the switching operation on the playback screen, can switch and display the playback images of the highlight segments of the live event stream in chronological order.
  • the switching operation includes sliding operations on the displayed playback screen, such as sliding up, sliding down, sliding left, and sliding right. It should be noted that if the playback screen of the displayed highlights is realized through the playback control of the second display form or the third display form above, when switching highlights, the client only Toggle within the range of highlights of the .
  • FIG. 14 is a schematic diagram of a switching operation provided by an exemplary embodiment of the present application.
  • the client displays a replay picture 1401 of the highlights in the live broadcast interface.
  • the client receives the slide-up operation 1402 on the playback screen 1401 , the client will switch to display a playback screen of a highlight segment that is behind the highlight segment in time sequence.
  • the client can cancel the split-screen display and restore the full-screen display of the live broadcast according to the close operation of the playback screen. While displaying the playback image of the highlights in the second split-screen area, the client will also display interactive controls in the second split-screen area, so that the user can interact with the highlights. This interactive control appears as a button.
  • FIG. 15 is a schematic diagram of a second split-screen area provided by an exemplary embodiment of the present application.
  • a playback screen of a highlight segment as well as a like button 1502 and a share button 1503 are displayed.
  • a like icon will be displayed in the center of the second split screen area 1501 .
  • FIG. 16 is a schematic diagram of a second split-screen area provided by an exemplary embodiment of the present application.
  • the client when the client receives the click operation for the share button 1503, the client will display a pop-up window 1504 in the second split-screen area 1501, and the pop-up window 1504 displays a link for downloading highlights.
  • Fig. 17 is a schematic flowchart of a front-end interaction process provided by an exemplary embodiment of the present application.
  • the client terminal displays the live broadcast interface according to the user's operation, and displays the live video of the live event stream on the live broadcast interface.
  • the client displays a progress bar in the live broadcast interface according to the user's operation.
  • the client terminal judges whether there are highlights in the live stream of the game.
  • step S4 if there is no highlights in the live event stream, the user can play back the live event stream by dragging the progress bar.
  • step S5 if there is a highlight segment in the live event stream, the client will display the playback control (highlight event label) in the progress bar, and receive the user's operation of clicking the playback control.
  • step S6 the client displays a detailed introduction control on the live broadcast interface (split-screen viewing bubble).
  • step S7 the client receives the user's click operation on the split-screen simultaneous viewing button in the detailed introduction control.
  • step S8 the client splits the live screen of the match live stream and the playback screen of the highlights in the live broadcast interface.
  • Fig. 18 is a schematic flowchart of implementing split-screen display provided by an exemplary embodiment of the present application.
  • the client plays the live stream of the event through the live broadcast interface.
  • the client detects whether there are highlights in the live stream of the game.
  • the client will not display the playback control in the progress bar.
  • the client if there is a highlight segment in the live event stream, the client will display a playback control (the icon of the highlight event) in the progress bar.
  • the client receives the user's click operation on the playback control.
  • step A6 the client displays a detailed introduction control (event bubble) in the live broadcast interface.
  • step A7 the client acquires the information for introducing the highlight segment through the server, so as to display the information for introducing the highlight segment in the detail introduction control.
  • step A8 the client receives the user's click operation on the split-screen view button displayed in the detailed introduction control.
  • step A9 the client obtains the video resource of the highlights through the server.
  • step A10 the client divides the live broadcast interface into two split-screen display areas, and displays the live video of the live stream of the event in the left area, and displays the playback screen of the highlights in the right area.
  • FIG. 19 is a schematic flowchart of acquiring related data displayed on a split screen provided by an exemplary embodiment of the present application.
  • the client receives an instruction from the user to view the live stream of the event, displays the live interface and plays the live stream of the event.
  • the client requests the server for the detection result of whether there is a highlight segment in the live stream of the event.
  • the client obtains the server's detection result of whether there is a highlight segment in the live event stream, and displays the playback control in the progress bar of the live broadcast interface.
  • the client receives the user's click operation on the playback control.
  • the client requests the server for information used to introduce the highlights corresponding to the playback control.
  • step B6 the client obtains the information sent by the server for introducing the highlights corresponding to the playback control.
  • step B7 the client displays a detailed introduction control in the live broadcast interface, and displays in the detailed introduction control the information for introducing the highlights corresponding to the playback control.
  • the client receives the user's click operation on the split-screen view button in the detailed introduction control.
  • step B8 the client requests the video resource of the highlight segment from the server.
  • the client receives the video resource of the highlight segment sent by the server, and displays the live broadcast image of the event live stream and the playback image of the highlight segment in split screens in the live broadcast interface.
  • the method provided in this embodiment can realize split-screen display of the live broadcast of the live event stream by displaying the playback control corresponding to the highlight segment of the live event stream in the live broadcast interface, and according to the split-screen display operation triggered based on the playback control
  • the screen and the playback screen of the highlights so that users can watch the live broadcast of the game and replay the highlights at the same time.
  • the user replays the highlights in the above manner he can watch the live broadcast of the event without any operation, which simplifies the user's operation when returning to watch the live event during the playback of the highlights.
  • displaying the playback screen of the highlight segment corresponding to the playback control can be realized through the playback control, and the pre-edited highlight segment can be played according to the user's operation. It prevents the user from dragging the progress bar to repeatedly search for the highlights, which can improve the efficiency of the users in finding the highlights.
  • the method provided in this embodiment also displays the playback control at the target progress position of the progress bar, realizes the intuitive display of the playback control, and at the same time indicates the playback progress of the highlights in the live stream of the event, which is beneficial for users to find highlights and improve the search for highlights. s efficiency.
  • the method provided in this embodiment also displays the playback control in different display forms, thereby indicating the type of content of the highlight segment corresponding to the playback control through the display form of the playback control, so that the user can intuitively distinguish the difference between the content of different highlight segments, It is beneficial for users to search for highlights and improve the efficiency of searching for highlights.
  • the distance between two adjacent playback controls displayed in the progress bar is not less than the distance threshold, so as to avoid misoperation when users with smaller terminal screens click on the playback control, and improve the user experience.
  • the method provided in this embodiment also displays the playback control on the side of the target avatar to intuitively display the playback control and at the same time indicate the avatar corresponding to the highlights, which is beneficial for users to find highlights and improves the efficiency of finding highlights.
  • the method provided by this embodiment also indicates the virtual character corresponding to the highlight segment by displaying a highlight mark on the target virtual character, so as to improve the efficiency of the user in finding the highlight segment.
  • the playback control is displayed based on the control display operation triggered by the target virtual character, which can prevent the user's misoperation from causing the direct playback of highlights and improve the user experience.
  • the method provided by this embodiment can also display the playback controls of multiple highlights by displaying the playback list and displaying the playback controls in the playback list, which is beneficial for users to select highlights for playback according to their preferences, and improves user experience.
  • the method provided in this embodiment also triggers split-screen display of the live broadcast image and the replay image of the highlight clip in the form of a barrage, so as to significantly prompt the user of the highlight clip without affecting the user's viewing experience, which can improve user experience.
  • the method provided in this embodiment also displays the playback image with a preset duration in the form of a small window, which not only enables the user to preview the playback image, but also avoids blocking the user to watch other content on the live broadcast interface. Users can trigger split screens to display clearer playback images on demand, which can improve user experience.
  • the method provided in this embodiment also triggers the display of the playback list of the avatar through the avatar of the avatar, thereby displaying the highlights of the avatar, which can realize the selection of the avatar to watch the highlights according to the needs of the user, which can improve the user experience .
  • the detailed introduction control is displayed based on the playback control, and the information used to introduce the highlights is displayed through the details introduction control, which is convenient for the user to quickly understand the content of the selected highlight, thereby facilitating the user to find the highlight and improving the user experience. Efficiency in finding highlights.
  • the method provided in this embodiment also triggers split-screen display of highlights and live streams of events through gesture operations, providing an operation mode for quickly watching playback of highlights.
  • the method provided by this embodiment also sets different display ratios of the second split-screen area for highlight clips of different content types, so that the highlight clips can be displayed using the best display ratio when they are displayed in split screens, improving the Improve the user experience of watching highlights.
  • the method provided in this embodiment also supports switching of the playback screen of the displayed highlight segment based on the switching operation, so that the user can conveniently switch and view different highlight segments when watching the highlight segment.
  • Fig. 20 is a schematic structural diagram of a display device for a live event provided by an exemplary embodiment of the present application. As shown in Figure 20, the device includes:
  • the display module 2001 is used for displaying the live image of the live stream of the event in the live broadcast interface.
  • the live stream of the event is the live stream of the event based on the virtual characters in the virtual environment.
  • the display module 2001 is also used for displaying playback controls corresponding to highlights in the live broadcast interface. Highlights are historical fragments in the live broadcast stream of events.
  • the display module 2001 is also configured to respond to the split-screen display operation triggered based on the playback control, to display the live broadcast picture in the first split-screen area and the playback picture of the highlights in the second split-screen area, the first split-screen area and the second split-screen area Split-screen areas are different display areas in the live broadcast interface, and there is no intersection between the first split-screen area and the second split-screen area.
  • display module 2001 for:
  • the playback control is displayed at the target progress position of the progress bar, and the target progress position is used to indicate the corresponding playback progress of the highlight segment in the live event stream.
  • the playback control corresponds to multiple display forms; the display module 2001 is used for:
  • the target form is the display form corresponding to the content type of the highlights among the display forms of the playback control.
  • the device also includes:
  • a determination module 2002 configured to determine the content type of the highlights by 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 content type of the highlight segment by identifying the playback picture of the highlight segment, and the first machine learning model is obtained by training the playback picture of the sample segment and the content type of the sample segment;
  • the second machine The learning model predicts the content type of the highlight segment by identifying the audio of the highlight segment;
  • the second machine learning model is trained by the audio of the sample segment and the content type of the sample segment;
  • the third machine learning model is obtained by identifying the highlight segment
  • the corresponding commentary audio predicts the content type of the highlight segment, the third machine learning model is obtained by training the commentary audio corresponding to the sample segment and the content type of the sample segment;
  • the fourth machine learning model is obtained by identifying the user corresponding to the highlight segment
  • the operation data predicts the content type of the highlight segment, and the fourth machine learning model is obtained through training on the user operation data corresponding to the sample segment and the content type of the sample segment.
  • the distance between two adjacent playback controls displayed in the progress bar is not less than a distance threshold.
  • a virtual environment is displayed in the live broadcast screen, a target virtual character exists in the virtual environment, and highlights are generated based on the behavior of the target virtual character.
  • a playback control of the highlights corresponding to the target virtual character is displayed on the side of the target virtual character.
  • display module 2001 for:
  • a highlight mark is displayed on the target avatar, and the highlight mark is used to highlight the target avatar.
  • the playback control of the highlights corresponding to the target virtual character is displayed around the target virtual character.
  • display module 2001 for:
  • a replay list of highlights is displayed in the live broadcast interface. Show playback controls in the playback list.
  • display module 2001 for:
  • the live broadcast image is displayed in the first split-screen area and the playback image of the highlights corresponding to the prompt barrage is displayed in the second split-screen area.
  • display module 2001 for:
  • a playback screen of the highlights is displayed in a small window at the edge of the live broadcast interface according to the preset duration;
  • the live image is displayed in the first split-screen area and the playback image of the highlights is displayed in the second split-screen area.
  • the avatars of virtual characters controlled by players participating in the competition are displayed on the live broadcast screen; the display module 2001 is used for:
  • the live image is displayed in the first split-screen area and the playback image of the highlights corresponding to the target avatar is displayed in the second split-screen area.
  • display module 2001 for:
  • a detail introduction control corresponding to the highlight segment is displayed on the live broadcast interface, and information for introducing the highlight segment is displayed in the detail introduction control.
  • the live image is displayed in the first split-screen area and the playback image is displayed in the second split-screen area.
  • display module 2001 for:
  • the live broadcast image is displayed in the first split-screen area and the playback image is displayed in the second split-screen area.
  • the trajectory condition is set for the sliding trajectory of the gesture operation.
  • the device also includes:
  • the determination module 2002 is configured to determine the display ratio of the second split-screen area in the live interface according to the type of the highlights.
  • display module 2001 for:
  • the playback images of the highlight segments of the live event stream are switched and displayed in chronological order.
  • the display device for the live broadcast of the game provided by the above embodiment is only illustrated by the division of the above functional modules.
  • the internal structure is divided into different functional modules to complete all or part of the functions described above.
  • the display device for the live event provided by the above embodiment and the embodiment of the method for displaying the live event belong to the same concept, and its specific implementation process is detailed in the method embodiment, and will not be repeated here.
  • the embodiment of the present application also provides a computer device, the computer device includes: a processor and a memory, at least one instruction, at least one section of program, code set or instruction set are stored in the memory, at least one instruction, at least one section of program, code The set or instruction set is loaded and executed by the processor to implement the display method for the live event provided by the above method embodiments.
  • the computer device is a terminal.
  • FIG. 22 is a schematic structural diagram of a terminal provided by an exemplary embodiment of the present application.
  • the terminal 2200 includes: a processor 2201 and a memory 2202 .
  • the processor 2201 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and the like.
  • Processor 2201 can adopt at least one hardware form in DSP (Digital Signal Processing, digital signal processing), FPGA (Field-Programmable Gate Array, field programmable gate array), PLA (Programmable Logic Array, programmable logic array) accomplish.
  • the processor 2201 can also include a main processor and a coprocessor, and the main processor is a processor for processing data in a wake-up state, also called a CPU (Central Processing Unit, central processing unit); the coprocessor is Low-power processor for processing data in standby state.
  • CPU Central Processing Unit, central processing unit
  • the coprocessor is Low-power processor for processing data in standby state.
  • the processor 2201 may be integrated with a GPU (Graphics Processing Unit, image processor), and the GPU is used for rendering and drawing the content to be displayed on the display screen.
  • the processor 2201 may also include an AI (Artificial Intelligence, artificial intelligence) processor, where the AI processor is used to process computing operations related to machine learning.
  • AI Artificial Intelligence, artificial intelligence
  • Memory 2202 may include one or more computer-readable storage media, which may be non-transitory.
  • the memory 2202 may also include high-speed random access memory and non-volatile memory, such as one or more magnetic disk storage devices and flash memory storage devices.
  • the non-transitory computer-readable storage medium in the memory 2202 is used to store at least one instruction, and the at least one instruction is used to be executed by the processor 2201 to realize the live broadcast of the event provided by the method embodiment in this application display method.
  • the terminal 2200 may also optionally include a display screen 2203 .
  • the display screen 2203 is used to display a UI (User Interface, user interface).
  • the UI can include graphics, text, icons, video, and any combination thereof.
  • the display screen 2203 is a touch display screen, the display screen 2203 also has the capability of collecting touch signals on or above the surface of the display screen 2203 .
  • the touch signal can be input to the processor 2201 as a control signal for processing.
  • the display screen 2203 can also be used to provide virtual buttons and/or virtual keyboards, also called soft buttons and/or soft keyboards.
  • the display screen 2203 there may be one display screen 2203, which is provided on the front panel of the terminal 2200; in other embodiments, there may be at least two display screens 2203, which are respectively provided on different surfaces of the terminal 2200 or in a folding design; In some other embodiments, the display screen 2203 may be a flexible display screen, which is arranged on a curved surface or a folded surface of the terminal 2200 . Even, the display screen 2203 can also be set as a non-rectangular irregular figure, that is, a special-shaped screen.
  • the display screen 2203 can be made of LCD (Liquid Crystal Display, liquid crystal display), OLED (Organic Light-Emitting Diode, organic light-emitting diode) and other materials.
  • FIG. 22 does not constitute a limitation on the terminal 2200, and may include more or less components than shown in the figure, or combine some components, or adopt a different component arrangement.
  • the embodiment of the present application also provides a computer-readable storage medium, at least one program code is stored in the computer-readable storage medium, and when the program code is loaded and executed by the processor of the computer device, the implementation of the above-mentioned methods can be realized.
  • the display method of the live event provided by the example.
  • the present application also provides a computer program product or computer program, the computer program product or computer program comprising computer instructions stored in a computer-readable storage medium.
  • the processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the method for displaying live events provided by the above method embodiments.

Landscapes

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

Abstract

一种赛事直播的显示方法、装置、设备及存储介质，属于直播领域。所述方法包括：在直播界面中显示赛事直播流的直播画面，赛事直播流是基于虚拟环境中的虚拟角色进行竞技的赛事的直播流(302)；在直播界面中显示精彩片段对应的回放控件，精彩片段是赛事直播流中的历史片段(304)；响应于基于回放控件触发的分屏显示操作，在第一分屏区域显示直播画面以及在第二分屏区域显示精彩片段的回放画面(306)。

Description

赛事直播的显示方法、装置、设备及存储介质
本申请要求于2021年11月24日提交的申请号为202111402724.5、发明名称为“赛事直播的显示方法、装置、设备及存储介质”的中国专利申请的优先权，以及于2021年12月29日提交的申请号为202111643183.5、发明名称为“赛事直播的显示方法、装置、设备及存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及直播领域，特别涉及一种赛事直播的显示方法、装置、设备及存储介质。
背景技术
在电竞赛事的对局开展的过程中，服务器会向用户直播电竞赛事中的对局。支持电竞赛事直播功能的客户端，会从服务器获取电竞赛事正在进行的对局的赛事直播流，并在直播界面中显示该赛事直播流的直播画面。
在直播电竞赛事的对局的过程中，可能会出现一些精彩片段。例如参与对局的第一战队中的选手控制的虚拟角色，击败了参与对局的第二战队中全部选手控制的虚拟角色的片段。针对精彩片段，用户存在回看的需求。相关技术中，直播界面中会显示进度条，进度条用于反映赛事直播流当前的播放进度。根据拖动进度条触发的回放操作，客户端会从回放操作选择的播放进度开始回放赛事直播流，从而实现回放赛事直播流中的精彩片段。
在通过上述方式回放精彩片段时，若用户需要继续观看赛事直播，则需要退出当前回放的精彩片段，并重新开始播放赛事直播流。在此过程中的操作较繁琐。
发明内容
本申请提供了一种赛事直播的显示方法、装置、设备及存储介质，可以简化用户观看直播时的操作。所述技术方案如下：
根据本申请的一方面，提供了一种赛事直播的显示方法，应用于计算机设备中，所述方法包括：
在直播界面中显示赛事直播流的直播画面，所述赛事直播流是基于虚拟环境中的虚拟角色进行竞技的赛事的直播流；
在所述直播界面中显示精彩片段对应的回放控件，所述精彩片段是所述赛事直播流中的历史片段；
响应于基于所述回放控件触发的分屏显示操作，在第一分屏区域显示所述直播画面以及在第二分屏区域显示所述精彩片段的回放画面，所述第一分屏区域与所述第二分屏区域是所述直播界面中不同的显示区域，所述第一分屏区域与所述第二分屏区域不存在交集。
根据本申请的另一方面，提供了一种赛事直播的显示装置，所述装置包括：
显示模块，用于在直播界面中显示赛事直播流的直播画面，所述赛事直播流是基于虚拟环境中的虚拟角色进行竞技的赛事的直播流；
所述显示模块，还用于在所述直播界面中显示精彩片段对应的回放控件，所述精彩片段是所述赛事直播流中的历史片段；
所述显示模块，还用于响应于基于所述回放控件触发的分屏显示操作，在第一分屏区域显示所述直播画面以及在第二分屏区域显示所述精彩片段的回放画面，所述第一分屏区域与所述第二分屏区域是所述直播界面中不同的显示区域，所述第一分屏区域与所述第二分屏区域不存在交集。
根据本申请的另一方面，提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上方面所述的赛 事直播的显示方法。
根据本申请的另一方面，提供了一种计算机可读存储介质，所述可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上方面所述的赛事直播的显示方法。
根据本申请的另一方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述方面的各种可选实现方式中提供的赛事直播的显示方法。
本申请提供的技术方案带来的有益效果至少包括：
通过在直播界面中显示赛事直播流的精彩片段对应的回放控件，根据基于回放控件触发的分屏显示操作，能够实现分屏显示赛事直播流的直播画面以及精彩片段的回放画面，从而使用户能够同时观看赛事直播以及回放精彩片段。用户在通过上述方式回放精彩片段时，无需操作即可同时观看赛事直播，简化了用户在回放精彩片段的过程中返回观看赛事直播时操作。
附图说明
图1是本申请一个示例性实施例提供的计算机系统的结构框图；
图2是本申请一个示例性实施例提供的直播界面的示意图；
图3是本申请一个示例性实施例提供的赛事直播的显示方法的流程示意图；
图4是本申请一个示例性实施例提供的赛事直播的显示方法的流程示意图；
图5是本申请一个示例性实施例提供的距离阈值的示意图；
图6是本申请一个示例性实施例提供的回放控件的示意图；
图7是本申请一个示例性实施例提供的目标虚拟角色的示意图；
图8是本申请一个示例性实施例提供的回放列表的示意图；
图9是本申请一个示例性实施例提供的提示弹幕的示意图；
图10是本申请一个示例性实施例提供的小窗显示回放画面的示意图；
图11是本申请一个示例性实施例提供的虚拟角色的回放控件的示意图；
图12是本申请一个示例性实施例提供的第二分屏区域在直播界面中的显示比例的示意图；
图13是本申请一个示例性实施例提供的手势操作的示意图；
图14是本申请一个示例性实施例提供的切换操作的示意图；
图15是本申请一个示例性实施例提供的第二分屏区域的示意图；
图16是本申请一个示例性实施例提供的第二分屏区域的示意图；
图17是本申请一个示例性实施例提供的前端交互过程的流程示意图；
图18是本申请一个示例性实施例提供的实现分屏显示的流程示意图；
图19是本申请一个示例性实施例提供的获取分屏显示的相关数据的流程示意图；
图20是本申请一个示例性实施例提供的赛事直播的显示装置的结构示意图；
图21是本申请一个示例性实施例提供的赛事直播的显示装置的结构示意图；
图22是本申请一个示例性实施例提供的终端的结构示意图。
具体实施方式
首先，对本申请实施例中涉及的名词进行介绍：
虚拟环境：是应用程序在终端上运行时显示(或提供)的虚拟环境。该虚拟环境可以是对真实世界的仿真环境，也可以是半仿真半虚构的环境，还可以是纯虚构的环境。虚拟环境可以是二维虚拟环境、2.5维虚拟环境和三维虚拟环境中的任意一种，本申请实施例对此不加以限定。
虚拟角色：是指虚拟环境中由用户控制的至少一个可活动对象。该虚拟角色可以是虚拟 人物、虚拟动物、动漫人物等。可选地，虚拟角色是基于动画骨骼技术创建的三维立体模型。每个虚拟角色在虚拟环境中具有自身的形状和体积，占据虚拟环境中的一部分空间。
图1是本申请一个示例性实施例提供的计算机系统的结构框图，该计算机系统100包括：第一终端110、第二终端120、第一服务器130、第二服务器140以及第三终端150。
第一终端110安装和运行有第一应用程序，第一应用程序是具有电竞赛事的竞技对局功能的客户端。例如，第一应用程序支持虚拟环境，具体可以为第一人称射击(First-Person Shooting，FPS)游戏、第三人称射击(Third-Personal Shooting，TPS)游戏、MOBA游戏、战术竞技游戏、策略类游戏(Simulation Game，SLG)的任意一种。第一终端110是第一用户111使用的终端，第一用户111使用第一终端110控制第一应用程序中位于虚拟环境中的虚拟角色进行活动，虚拟角色可以称为第一用户111的虚拟角色。虚拟角色的活动包括但不限于：调整身体姿态、爬行、步行、奔跑、骑行、飞行、跳跃、驾驶、拾取、射击、攻击、投掷中的至少一种。示意性的，虚拟角色是虚拟人物角色，比如仿真人物角色或动漫人物角色。
第二终端120安装和运行有第一应用程序，第一应用程序是具有电竞赛事的竞技对局功能的客户端。例如，第一应用程序支持虚拟环境，具体可以为FPS游戏、TPS游戏、MOBA游戏、战术竞技游戏、SLG的任意一种。第二终端120是第二用户121使用的终端，第二用户121使用第二终端120控制第一应用程序中位于虚拟环境中的虚拟角色进行活动，虚拟角色可以称为第二用户121的虚拟角色。虚拟角色的活动包括但不限于：调整身体姿态、爬行、步行、奔跑、骑行、飞行、跳跃、驾驶、拾取、射击、攻击、投掷中的至少一种。示意性的，虚拟角色是虚拟人物角色，比如仿真人物角色或动漫人物角色。
可选地，第一终端110和第二终端120上安装的应用程序是相同的，或两个终端上安装的应用程序是不同控制系统平台的同一类型应用程序。第一终端110可以泛指多个终端中的一个，第二终端120可以泛指多个终端中的一个，例如第一终端110包括参与电竞赛事竞技的第一战队中的用户使用的终端，第二终端120包括参与电竞赛事竞技的第二战队中的用户使用的终端。本实施例仅以第一终端110和第二终端120来举例说明。第一终端110和第二终端120的设备类型相同或不同，该设备类型包括：智能手机、平板电脑、电子书阅读器、MP3播放器、MP4播放器、膝上型便携计算机和台式计算机中的至少一种。以下实施例以终端包括智能手机来举例说明。
第一终端110和第二终端120通过无线网络或有线网络与第一服务器130相连。
第一服务器130包括一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。第一服务器130用于为具有电竞赛事的竞技对局功能的第一应用程序提供后台服务。可选地，第一服务器130承担主要计算工作，终端承担次要计算工作；或者，第一服务器130承担次要计算工作，终端承担主要计算工作；或者，第一服务器130和终端之间采用分布式计算架构进行协同计算。
在一个示意性的例子中，第一服务器130包括处理器131、用户帐号数据库132、对战服务模块133、面向用户的输入/输出接口(Input/Output Interface，I/O接口)134。其中，处理器131用于加载第一服务器130中存储的指令，处理用户帐号数据库132和对战服务模块133中的数据；用户帐号数据库132用于存储第一终端110、第二终端120以及其它终端所使用的用户帐号的数据，比如用户帐号的头像、用户帐号的昵称、用户帐号的战斗力指数，用户帐号所在的服务区；对战服务模块133用于提供多个对战房间供用户进行对战，例如在电竞赛事的对战房间供用户进行对战；面向用户的I/O接口134用于通过无线网络或有线网络和第一终端110以及第二终端120建立通信交换数据。
第二服务器140通过无线网络或有线网络与第一服务器130相连。
第二服务器140包括一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。第二服务器140为第二应用程序对应的服务器，用于为具有电竞赛事直播功能的第二应用程 序提供后台服务。可选地，第二服务器140承担主要计算工作，终端承担次要计算工作；或者，第二服务器140承担次要计算工作，终端承担主要计算工作；或者，第二服务器140和终端之间采用分布式计算架构进行协同计算。第二服务器140用于实时获取第一服务器130在实现电竞赛事的对局的过程中，产生的音视频数据。在一些实施例中，第一服务器130与第二服务器140之间还存在信号采集设备和导播端。信号采集设备用于通过第一服务器130实时采集电竞赛事的音频和视频数据，并导入导播端。之后导播端通过网络将上述音视频数据上传至第二服务器140。第二服务器140可称为直播服务器。在一些实施例中，第一服务器130与第二服务器140为同一服务器。
第三终端150通过无线网络或有线网络与第二服务器140相连。
第三终端150安装和运行有第二应用程序，第二应用程序是具有电竞赛事的直播功能的客户端。例如，第二应用程序为直播客户端、游戏客户端、游戏社区客户端、视频点播客户端、短视频客户端以及社交客户端等。第二应用程序通过第三终端150获取第二服务器140发送的电竞赛事直播的音视频数据，并在用户界面中显示，以实现提供电竞赛事的直播功能。第三终端150、第一终端110和第二终端120的设备类型相同或不同，该设备类型包括：智能手机、平板电脑、电子书阅读器、MP3播放器、MP4播放器、膝上型便携计算机和台式计算机中的至少一种。以下实施例以终端包括智能手机来举例说明。
可选地，上述终端和服务器均为计算机设备。
本领域技术人员可以知晓，上述终端的数量可以更多或更少。比如上述终端可以仅为一个，或者上述终端为几十个或几百个，或者更多数量。本申请实施例对终端的数量和设备类型不加以限定。
图2是本申请一个示例性实施例提供的直播界面的示意图。如图2的(a)所示，在进行电竞赛事直播的过程中，支持电竞赛事直播功能的客户端能够显示直播界面201。该直播界面201中显示有赛事直播流的直播画面202，赛事直播流是基于虚拟环境中的虚拟角色进行竞技的赛事的直播流。客户端在确定赛事直播流中存在精彩片段的情况下，会在直播界面201中通过多种显示方式中的至少一种显示回放控件204。该精彩片段是服务器确定的，精彩片段是赛事直播流中的历史片段。例如，该直播界面201中显示有进度条203，客户端会在进度条203的目标进度位置显示回放控件204。目标进度位置用于指示精彩片段在赛事直播流中对应的播放进度。在获取到多个精彩片段的情况下，客户端会在进度条203中按照上述规则显示多个回放控件204。
可选地，回放控件204能够直接触发分屏显示操作，或者，触发详情显示操作。在回放控件204直接触发分屏显示操作的情况下，如图2的(c)所示，响应于回放控件204触发的分屏显示操作，客户端会在直播界面中分屏显示直播画面202以及精彩片段的回放画面。在回放控件204触发详情显示操作的情况下，如图2的(b)所示，响应于回放控件204触发的详情显示操作，客户端会在直播界面201中显示精彩片段对应的详情介绍控件205，例如在回放控件204的上方显示该详情介绍控件205。该详情介绍控件205中显示有用于介绍精彩片段的信息。
如图2的(c)所示，详情介绍控件205能够触发分屏显示操作，响应于详情介绍控件205触发的分屏显示操作，客户端会在直播界面中分屏显示直播画面202以及精彩片段的回放画面。其中，客户端在直播界面201中的第一分屏区域206中显示直播画面202，在直播界面201中的第二分屏区域207中显示回放画面。第一显示区域与第二显示区域是直播界面201中不同的显示区域。根据用户针对显示的回放画面的退出操作，客户端能够取消显示回放画面并恢复仅在直播界面201中显示直播画面202。并且，在赛事直播流包括多个精彩片段的情况下，响应于针对显示的回放画面的切换操作，客户端会按照时间顺序切换显示赛事直播流不同的精彩片段的回放画面。
通过在直播界面中显示赛事直播流的精彩片段对应的回放控件，根据基于回放控件触发的分屏显示操作，能够实现分屏显示赛事直播流的直播画面以及精彩片段的回放画面，从而使用户能够同时观看赛事直播以及回放精彩片段。用户在通过上述方式回放精彩片段时，无需操作即可同时观看赛事直播，简化了用户在回放精彩片段的过程中返回观看赛事直播时操作。
图3是本申请一个示例性实施例提供的赛事直播的显示方法的流程示意图。该方法由计算机设备执行，例如该方法可以用于如图1所示的系统中的第三终端或第三终端上的客户端。如图3所示，该方法包括：
步骤302：在直播界面中显示赛事直播流的直播画面。
该直播界面是支持赛事直播功能的客户端在提供赛事直播功能时显示的用户界面。可选地，该赛事指电竞赛事，电竞赛事是电竞选手通过控制虚拟环境中的虚拟角色进行竞技的赛事。例如通过FPS游戏、TPS游戏、MOBA游戏等进行竞技。在电竞赛事中，有至少两个战队参与竞技，每个战队中存在至少一名电竞选手，每名电竞选手控制至少一个虚拟环境中的虚拟角色，与其他战队中电竞选手在该虚拟环境中控制的虚拟角色进行竞技。
可选地，上述赛事还能够指使用支持控制虚拟环境中的虚拟角色进行对局功能的客户端进行的对局。示例地，该对局包括多名玩家通过使用上述支持控制虚拟环境中的虚拟角色进行对局功能的客户端进行联机，在虚拟环境中控制自身的虚拟角色与其他玩家控制的虚拟角色进行对局。以及玩家通过使用上述客户端，在虚拟环境中控制自身的虚拟角色与人机角色进行对局。其中，玩家包括客户端中的普通玩家以及主播。人机角色是由上述客户端或上述客户端的服务器控制的虚拟角色。例如，赛事指多名使用MOBA游戏的游戏主播通过联机开展的对局。
示例性的，在基于MOBA游戏开展的电竞赛事中，每次竞技由两个战队参与，每个战队中有五名电竞选手参与竞技，每名电竞选手分别控制一个虚拟角色在MOBA游戏中的虚拟环境中进行竞技。该虚拟环境是MOBA游戏在终端上运行时显示(或提供)的虚拟环境。该虚拟环境可以是对真实世界的仿真环境，也可以是半仿真半虚构的环境，还可以是纯虚构的环境。虚拟角色是指虚拟环境中由用户控制的至少一个可活动对象。该虚拟角色可以是虚拟人物、虚拟动物、动漫人物等。
该赛事直播流是基于虚拟环境中的虚拟角色进行竞技的赛事的直播流，即该赛事直播流是电竞赛事产生的直播流。示例性的，显示的该直播画面，包括虚拟角色在虚拟环境中竞技的画面，解说人员解说电竞赛事的画面以及对局过程中准备阶段的画面等。客户端通过从服务器获取赛事直播流，从而实现在直播界面中显示赛事直播流的直播画面。
步骤304：在直播界面中显示精彩片段对应的回放控件。
该精彩片段是赛事直播流中的历史片段。该精彩片段是基于虚拟角色的行为产生的，即该精彩片段是基于选手对其控制的虚拟角色的操控行为产生的。观看赛事直播的用户可能对选手操控虚拟角色的一些精彩行为感兴趣，因此会存在精彩片段。例如，该精彩片段是参与竞技的第一战队中的选手控制的虚拟角色，连续击败了参与竞技的第二战队中全部选手控制的虚拟角色的片段。赛事直播流中包括一个或多个精彩片段，或者，赛事直播流不包括精彩片段。
可选地，该精彩片段是服务器或终端上的客户端确定的，或者，是人工在赛事直播流中确定并经由服务器发送至客户端或直接发送至客户端的。以服务器确定精彩片段为例，服务器在获取赛事直播流时，会获取到赛事的应用程序产生的运行参数，该运行参数是基于使用应用程序的电竞选手的操作行为产生的，即是基于电竞选手控制的虚拟角色在虚拟环境中的行为产生的，该运行参数用于反映电竞赛事进行的情况。例如在某一时间段，某一选手控制的虚拟角色使用该虚拟角色的技能击败了另一选手控制的虚拟角色。服务器根据上述运行参 数，基于精彩片段参数条件能够在赛事直播流中确定精彩片段，精彩片段参数条件是针对赛事直播流对应的赛事的进行过程中产生的运行参数设置的。例如，精彩片段参数条件包括运行参数反映某一虚拟角色在预设时长内连续击败其它三个虚拟角色，在服务器确定运行参数满足上述精彩片段参数条件时，服务器会将赛事直播流中产生该运行参数的片段确定为精彩片段。服务器定时在赛事直播流中确定精彩片段或实时在赛事直播流中确定精彩片段。该精彩片段参数条件是人工确定的。服务器在确定赛事直播流中存在精彩片段的情况下，会向客户端指示该确定的结果，或者由客户端请求该确定的结果。可选地，客户端也能够在赛事直播流中通过上述方式确定精彩片段。即客户端在通过服务器获取到赛事直播流后，通过上述方式判断赛事直播流中是否存在精彩片段并获取确定的精彩片段。
客户端在确定赛事直播流中包括精彩片段的情况下，会在直播界面中显示精彩片段对应的回放控件。可选地，在赛事直播流中包括多个精彩片段的情况下，客户端在直播界面中显示多个回放控件，每个回放控件代表一个精彩片段。或者，客户端在直播界面中显示一个回放控件，该一个回放控件能够代表赛事直播流中存在的多个精彩片段。客户端能够通过多种显示方式中的至少一种，实现在直播界面中显示精彩片段对应的回放控件。
可选地，多种显示方式包括直接在直播界面中显示回放控件的方式，具体可包括在直播界面的进度条中显示回放控件(显示一个或多个回放控件，代表赛事直播流的一个或多个精彩片段)，在目标虚拟角色周侧显示回放控件(显示一个或多个回放控件，代表目标虚拟角色对应的一个或多个精彩片段)，在直播界面中的顶部或底部显示回放控件(显示一个回放控件，代表赛事直播流的一个或多个精彩片段)、以及在直播界面中显示悬浮的可移动的回放控件(显示一个回放控件，代表赛事直播流的一个或多个精彩片段)中的至少一种。多种显示方式还包括间接显示回放控件的方式，具体可包括在基于回放列表显示操作在直播界面中显示的回放列表中显示回放控件(显示一个或多个回放控件，代表赛事直播流的一个或多个精彩片段)，在通过目标虚拟角色触发控件显示操作的情况下在目标虚拟角色周侧显示回放控件(显示一个或多个回放控件，代表目标虚拟角色对应的一个或多个精彩片段)，以及在通过手势操作触发的控件显示操作的情况下在直播界面中显示回放控件(显示一个或多个回放控件，代表赛事直播流的一个或多个精彩片段)中的至少一种。
上述目标虚拟角色是行为产生了精彩片段的虚拟角色，目标虚拟角色对应的精彩片段即该精彩片段是基于该目标虚拟角色的行为产生的。回放控件会以按钮、浮层、弹窗、列表、图标、图片、动态图等形式显示。例如客户端在直播界面中的进度条中显示回放控件，回放控件显示为圆形按钮，按钮中显示有图标，该图标用于指示精彩片段的内容的类型。
步骤306：响应于基于回放控件触发的分屏显示操作，在第一分屏区域显示直播画面以及在第二分屏区域显示精彩片段的回放画面。
该第一分屏区域与第二分屏区域是直播界面中不同的显示区域，第一分屏区域与第二分屏区域不存在交集。可选地，第一分屏区域以及第二分屏区域属于直播界面中不同的视图。直播画面是客户端通过对实时获取到的赛事直播流进行播放从而显示的画面，回放画面是客户端通过对精彩片段的视频资源进行播放从而显示的画面。精彩片段的视频资源是客户端通过服务器获取的或者是客户端自行确定精彩片段后对赛事直播流进行截取从而获取的。
在回放控件对应一个精彩片段的情况下，客户端会显示回放控件对应的精彩片段的回放画面。在回放控件对应多个精彩片段的情况下，客户端会按照时间顺序显示赛事直播流的精彩片段的回放画面，或随机在赛事直播流的精彩片段中选择出当前播放的精彩片段，或根据排序条件在赛事直播流的精彩片段中选择出当前播放的精彩片段。排序条件包括不同精彩片段的点赞次数、评论次数、播放次数、礼物数量、用户自身喜爱的选手控制的虚拟角色等。
可选地，在精彩片段的内容的类型不同的情况下，客户端在对其进行分屏显示时，使用的第二分屏区域的显示比例也不同。例如精彩片段的内容的类型为某一虚拟角色仅击败另一虚拟角色，则所需的显示范围较小，可使用1:1的显示比例。精彩片段的内容的类型为某一 虚拟角色连续击败其它五个虚拟角色，则所需的显示范围较大，可使用16:9的显示比例。
回放控件能够直接触发分屏显示操作，例如响应于回放控件触发的分屏显示操作，客户端能够直接分屏显示直播画面以及回放画面。或者，回放控件能够触发详情显示操作，响应于回放控件触发的详情显示操作，客户端会显示用于介绍精彩片段的介绍控件，之后基于介绍控件触发的分屏显示操作，客户端会分屏显示直播画面以及回放画面。
可选地，在回放控件对应一个精彩片段的情况下，客户端会显示用于介绍回放控件对应的精彩片段的介绍控件。在回放控件对应多个精彩片段的情况下，客户端会显示用于介绍全部精彩片段的介绍控件。该介绍控件会以浮层、弹窗、列表等形式显示。在介绍控件用于介绍多个精彩片段的情况下，根据对介绍控件的滑动操作可显示介绍控件中介绍不同精彩片段的信息。上述通过控件触发操作指通过对控件的单击、双击、多次点击、滑动、长按等触发操作。
综上所述，本实施例提供的方法，通过在直播界面中显示赛事直播流的精彩片段对应的回放控件，根据基于回放控件触发的分屏显示操作，能够实现分屏显示赛事直播流的直播画面以及精彩片段的回放画面，从而使用户能够同时观看赛事直播以及回放精彩片段。用户在通过上述方式回放精彩片段时，无需操作即可同时观看赛事直播，简化了用户在回放精彩片段的过程中返回观看赛事直播时操作。
图4是本申请一个示例性实施例提供的赛事直播的显示方法的流程示意图。该方法由计算机设备执行，例如该方法可以用于如图1所示的系统中的第三终端或第三终端上的客户端。如图4所示，该方法包括：
步骤402：在直播界面中显示赛事直播流的直播画面。
该直播界面是支持赛事直播功能的客户端在提供赛事直播功能时显示的用户界面。可选地，该赛事指电竞赛事。赛事直播流是基于虚拟环境中的虚拟角色进行竞技的赛事的直播流，该赛事直播流是电竞赛事产生的直播流。客户端在显示直播界面时，会实时从服务器获取该赛事直播流。
步骤404：获取服务器针对赛事直播流中是否存在精彩片段的检测结果。
精彩片段是赛事直播流中的历史片段。该精彩片段是观看赛事直播的用户可能感兴趣的片段。该精彩片段是服务器确定的，或者，是人工在赛事直播流中确定的。服务器在获取赛事直播流时，会获取到赛事的应用程序产生的运行参数，该运行参数是基于使用应用程序的电竞选手的操作行为产生的，即是基于电竞选手控制的虚拟角色在虚拟环境中的行为产生的，该运行参数用于反映电竞赛事进行的情况。服务器根据上述运行参数，基于精彩片段参数条件能够在赛事直播流中确定精彩片段，精彩片段参数条件是针对赛事直播流对应的赛事的进行过程中产生的运行参数设置的。在服务器确定某一时段内的运行参数满足精彩片段参数条件时，服务器会将赛事直播流中产生该运行参数的片段确定为精彩片段。服务器定时在赛事直播流中确定精彩片段或在赛事直播流中实时确定精彩片段。该精彩片段参数条件是人工确定的。可选地，客户端也能够在赛事直播流中通过上述方式确定精彩片段。
服务器在确定赛事直播流中存在精彩片段的情况下，会向客户端指示赛事直播流中是否存在精彩片段的检测结果，或者由客户端主动请求该检测结果。
示例地，表1示出了针对基于MOBA游戏的赛事直播流中精彩片段的介绍：
表1
Figure PCTCN2022128699-appb-000001
Figure PCTCN2022128699-appb-000002
如表1所示，每行中的内容是针对一种精彩时刻事件(精彩片段)的介绍，每行中的精彩时刻事件对应有精彩片段参数条件，其对应的精彩片段参数条件用于反映运行参数指示出 现了该精彩时刻事件。每个精彩时刻事件对应有类型、图标、名称以及详细说明。在通过每行中的精彩时刻事件对应的精彩片段参数条件确定精彩片段时，不仅能够确定精彩片段，还能够确定精彩片段的内容的类型。表1中精彩片段的内容的类型可包括虚拟角色击败至少一个敌方虚拟角色、虚拟角色向敌方虚拟角色释放技能、虚拟角色击败虚拟环境中的中立生物、以及虚拟角色摧毁敌方建筑物中的至少一种。其中，对应上述每类精彩片段的内容，还能够按照表1中的内容进行更加精细化的分类。
其中，“一血”指参与竞技的两支战队在一局对战中，第一次出现一支战队中的选手控制虚拟角色击败了另一支战队中选手控制的虚拟角色。“三连决胜”指参与竞技的两支战队在一局对战中，一支战队中的选手控制虚拟角色短时间内连续击败了另一支战队中三名选手各自控制的虚拟角色。“四连超凡”指参与竞技的两支战队在一局对战中，一支战队中的选手控制虚拟角色短时间内连续击败了另一支战队中四名选手各自控制的虚拟角色。“五连超凡”指参与竞技的两支战队在一局对战中，一支战队中的选手控制虚拟角色短时间内连续击败了另一支战队中五名选手(全部选手)控制的虚拟角色。
团战指参与竞技的两支战队在一局对战中，两支战队中的选手控制虚拟角色开展了一场战斗。英雄指选手控制的虚拟角色，虚拟角色具有技能，不同的虚拟角色具有相同或不同的技能。使用技能控制英雄指选手控制虚拟角色，向敌方虚拟角色施放控制技能，控制技能能够实现限制敌方虚拟角色进行移动的效果。虚拟角色的输出指虚拟角色通过普通攻击或施放技能对敌方虚拟角色造成的伤害的数值。闪现技能是使虚拟角色瞬间移动一定距离的技能。保命装备是虚拟角色能够穿戴的虚拟装备中，提升生存能力的装备。中立生物是虚拟环境中需要抢夺的资源，抢夺到中立生物的虚拟角色能够获取到增益效果，例如增强攻击力、增强防御力。不同的中立生物对应不同的增益效果。虚拟角色所在阵营包括多座防御塔，在MOBA游戏中，若某一阵营的虚拟角色摧毁了另一阵营的全部防御塔，则视为该阵营的虚拟角色本局胜利。高地塔是虚拟角色所在阵营中特殊的防御塔，在己方高地塔被摧毁的情况下，敌方会获得增益效果。
步骤406：在赛事直播流中存在精彩片段的情况下，在直播界面中显示精彩片段对应的回放控件。
客户端在确定赛事直播流中包括精彩片段的情况下，会在直播界面中显示精彩片段对应的回放控件。该回放控件用于实现对精彩片段进行回放。可选地，客户端在直播界面中显示多个回放控件，每个回放控件代表一个精彩片段。或者，客户端在直播界面中显示一个回放控件，该回放控件代表赛事直播流中存在一个或多个精彩片段。
可选地，客户端通过如下的一种或多种显示方式显示回放控件。
第一种显示方式：
在接收到进度条显示操作的情况下，客户端会在直播界面中显示进度条。该进度条用于反映赛事直播流的播放进度。示例地，该进度条显示操作是针对直播界面中仅显示直播画面的区域的触控操作触发的。可选地，继续参照2，在显示进度条时，客户端还会显示赛事直播流的相关信息以及用于控制赛事直播流的播放的控件，以及用于发布弹幕的控件以及用于开启或关闭直播界面中显示的弹幕的控件。客户端在显示进度条时，会在进度条的目标进度位置显示回放控件，该目标进度位置用于指示精彩片段在赛事直播流中对应的播放进度。可选地，在赛事直播流包括多个精彩片段的情况下，客户端会在进度条中显示多个回放控件，其中每个回放控件代表赛事直播流中的一个精彩片段。
示例地，在目标进度位置用于指示精彩片段的开始时刻在赛事直播流中对应的播放进度的情况下，赛事直播流当前已播放02:00:00，精彩片段的开始时刻为01:00:00，则该目标进度位置为进度条的中间位置。需要说明的是，赛事直播流采用直播的方式播放，因此其播放总时长会随时间累加，该目标进度位置也会随赛事直播流的直播过程进行更新。例如对于同一精彩片段，第一时刻其对应的目标进度位置为进度条的三分之一处，第二时刻其对应的目标 进度位置为进度条的六分之一处，第一时刻在第二时刻之前。
可选地，回放控件对应有多个显示形态。在不同的显示形态下，回放控件的形状、回放控件中显示的图标(或文字)、回放控件的颜色中的至少一种不同。例如，不同的显示形态下，回放控件均显示为圆形按钮，但圆形按钮中显示的图标(或文字)不同。圆形按钮中显示的图标(或文字)用于反映该显示控件对应的精彩片段的内容的类型。客户端在进度条的目标进度位置显示回放控件时，会显示目标形态的回放控件。其中，目标形态是回放控件的显示形态中与精彩片段的内容的类型对应的显示形态。
示例地，继续参照表1，表1中示出了9种回放控件的显示形态，以及每种显示形态与精彩片段的内容的类型之间的对应关系。其中每种显示形态均为圆形按钮，但圆形按钮中的图标(或文字)存在区别。例如精彩片段为“三连决胜”时，回放控件为中间显示“三”的圆形按钮，精彩片段为“推掉高地塔”时，回放控件为中间显示防御塔的图标的圆形按钮。
除了通过表1所示的基于精彩片段参数条件确定精彩片段的内容的类型以外，还能够通过机器学习模型对精彩片段相关的数据进行识别，从而确定精彩片段的内容的类型。可选地，客户端通过第一机器学习模型、第二机器学习模型、第三机器学习模型和第四机器学习模型中的至少一种模型，确定精彩片段的内容的类型。上述第一机器学习模型、第二机器学习模型、第三机器学习模型和第四机器学习模型是基于神经网络(Neural Network，NN)构建的模型。
第一机器学习模型是通过识别精彩片段的回放画面预测精彩片段的内容的类型的，客户端通过将精彩片段输入第一机器学习模型，可得到第一机器学习模型预测的精彩片段的内容的类型。该第一机器学习模型是通过样本片段的回放画面以及样本片段的内容的类型(真实的样本片段的内容的类型)训练得到的，例如将样本片段输入第一机器学习模型得到预测的样本片段的内容的类型，之后确定预测的样本片段的内容的类型和真实的样本片段的内容的类型之间的误差损失，通过该误差损失可训练第一机器学习模型。训练模型使用的样本片段以及样本片段的内容的类型是人工基于历史赛事直播流确定的。
第二机器学习模型是通过识别精彩片段的音频预测精彩片段的内容的类型的，客户端通过将精彩片段的音频输入第二机器学习模型，可得到第二机器学习模型预测的精彩片段的内容的类型。第二机器学习模型是通过样本片段的音频以及样本片段的内容的类型训练得到的，例如将样本片段的音频输入第二机器学习模型得到预测的样本片段的内容的类型，之后确定预测的样本片段的内容的类型和真实的样本片段的内容的类型之间的误差损失，通过该误差损失可训练第二机器学习模型。精彩片段的音频是在精彩片段中获取的，样本片段的音频是在样本片段中获取的。
第三机器学习模型是通过识别精彩片段对应的解说音频预测精彩片段的内容的类型的，客户端通过将精彩片段对应的解说音频输入第三机器学习模型，可得到第三机器学习模型预测的精彩片段的内容的类型。第三机器学习模型是通过样本片段对应的解说音频以及样本片段的内容的类型训练得到的，例如将样本片段对应的解说音频输入第三机器学习模型得到预测的样本片段的内容的类型，之后确定预测的样本片段的内容的类型和真实的样本片段的内容的类型之间的误差损失，通过该误差损失可训练第三机器学习模型。精彩片段对应的解说音频是赛事的解说人员解说精彩片段所产生的，样本片段对应的解说音频是赛事的解说人员解说样本片段所产生的。
第四机器学习模型是通过识别精彩片段对应的用户操作数据预测精彩片段的内容的类型的，客户端通过将精彩片段对应的用户操作数据输入第四机器学习模型，可得到第四机器学习模型预测的精彩片段的内容的类型。第四机器学习模型是通过样本片段对应的用户操作数据以及样本片段的内容的类型训练得到的，例如将样本片段对应的用户操作数据输入第四机器学习模型得到预测的样本片段的内容的类型，之后确定预测的样本片段的内容的类型和真实的样本片段的内容的类型之间的误差损失，通过该误差损失可训练第四机器学习模型。精 彩片段对应的用户操作数据是用户在精彩片段期间操控精彩片段中的虚拟角色所产生的操作数据，样本片段对应的用户操作数据是用户在样本片段期间操控样本片段中的虚拟角色所产生的操作数据。
客户端在通过上述多种机器学习模型确定精彩片段的内容的类型时，会根据不同模型预测的精彩片段的内容的类型的重复次数确定，可选地，客户端还能够根据不同模型对应的权重确定上述重复次数。例如，第一机器学习模型确定的类型为A，权重为1，第二机器学习模型确定的类型为B，权重为3，第三机器学习模型确定的类型为A，权重为1，则客户端确定类型A的重复次数为1+1＝2次，客户端确定类型B的重复次数为3次，客户端会将类型B确定为预测结果。可选地，服务器也能够通过上述模型来确定精彩片段的内容的类型，并将确定结果发送至客户端，以缓解客户端侧的计算压力。通过上述模型实现了基于人工智能(Artificial Intelligence，AI)自动化确定精彩片段的内容的类型，且确定的结果准确度较高。
示例地，继续参照图2，在进度条的最左侧显示的回放控件，对应的精彩片段为表1中的“一血”的精彩片段，在进度条的左侧显示的第二个回放控件，对应的精彩片段为表1中的“精彩操作”中的一个精彩片段。
客户端在进度条中显示多个回放控件的情况下，为了便于用户在显示屏较小的终端上点击回放控件，进度条中显示的相邻两个回放控件之间的距离不小于距离阈值，即相邻两个目标进度位置之间的距离不小于距离阈值。示例地，该距离阈值在进度条中代表2分钟，赛事直播流的播放时长越长，则该距离阈值在直播界面中会缩短。可选地，客户端检测到两个目标进度位置之间的距离小于距离阈值的情况下，会取消显示其中一个回放控件，或适当增大两个目标进度位置之间的距离，以使其大于距离阈值。另外，客户端在进度条中显示的回放控件的数量，小于数量阈值。示例地，该数量阈值为16个。或者，在确定精彩片段的过程中，确定的精彩片段的数量不超过上述数量阈值。
示例地，图5是本申请一个示例性实施例提供的距离阈值的示意图。在直播界面501的进度条中，显示有7个回放控件，每两个回放控件之间的距离均大于距离阈值503。并且，第一个回放控件与进度条起点之间的距离也大于距离阈值503。
第二种显示方式：
可选地，客户端显示的直播画面中显示有虚拟环境，虚拟环境中存在目标虚拟角色，客户端会在目标虚拟角色的周侧显示目标虚拟角色对应的精彩片段的回放控件，例如在目标虚拟角色的上方显示目标虚拟角色对应的精彩片段的回放控件。目标虚拟角色对应的精彩片段是基于目标虚拟角色的行为产生的。目标虚拟角色对应的精彩片段包括一个或多个。可选地，显示的回放控件为一个多个，显示为多个时，每个回放控件代表目标虚拟角色的一个精彩片段。在基于某一虚拟角色的行为产生精彩片段的情况下，该虚拟角色会成为目标虚拟角色。例如某一虚拟角色的行为满足表1中的“一血”，则会产生该虚拟角色对应的精彩片段，该虚拟角色成为目标虚拟角色。
客户端在不同的目标虚拟角色周侧显示的回放控件的显示形态相同或不同。例如都采用中间显示有“回”的圆形按钮显示回放控件，以提示用户该虚拟角色存在对应的精彩片段。客户端还能够按照目标虚拟角色对应的精彩片段的内容的类型，来在目标虚拟角色的周侧显示回放控件。
示例地，图6是本申请一个示例性实施例提供的回放控件的示意图。如图6所示，在直播界面601中显示有虚拟环境，虚拟环境中存在一个目标虚拟角色602。客户端会在该目标虚拟角色602的上方显示回放控件603，该回放控件603显示为中间显示有“回”的圆形按钮，用以提示用户该虚拟角色存在对应的精彩片段。
第三种显示方式：
可选地，直播画面中显示有虚拟环境，虚拟环境中存在目标虚拟角色，客户端会在目标虚拟角色上显示突出标记。响应于基于目标虚拟角色触发的控件显示操作，客户端会在目标 虚拟角色的周侧显示目标虚拟角色对应的精彩片段的回放控件，例如在目标虚拟角色的上方显示目标虚拟角色对应的精彩片段的回放控件。目标虚拟角色对应的精彩片段是基于目标虚拟角色的行为产生的。目标虚拟角色对应的精彩片段包括一个或多个。可选地，显示的回放控件为一个多个，显示为多个时，每个回放控件代表目标虚拟角色的一个精彩片段。在基于某一虚拟角色的行为产生精彩片段的情况下，该虚拟角色会成为目标虚拟角色。
目标虚拟角色上显示的突出标记，用于突出显示目标虚拟角色，即提示用户该虚拟角色具有对应的精彩片段。该突出标记，包括将显示的目标虚拟角色的名称高亮显示，或为目标虚拟角色显示边框，或闪烁显示目标虚拟角色。
可选地，当客户端接收到针对目标虚拟角色的单击、双击、多次点击、滑动、长按等操作时，会确定接收到上述控件显示操作。
客户端在不同的目标虚拟角色周侧显示的回放控件的显示形态相同或不同。例如都采用中间显示有“回”的圆形按钮显示回放控件。客户端还能够按照目标虚拟角色对应的精彩片段的内容的类型，来在目标虚拟角色的周侧显示回放控件。需要说明的是，若显示时长大于时长阈值，客户端会取消显示上述突出标记以及上述回放控件。显示时长是目标虚拟角色对应的精彩片段的开始时刻与当前时刻之间的时长。例如目标虚拟角色最新的精彩片段的开始时刻与当前时刻之间的时长。
示例地，图7是本申请一个示例性实施例提供的目标虚拟角色的示意图。如图7的(a)所示，在直播界面701中显示有虚拟环境，虚拟环境中存在一个目标虚拟角色702。客户端会为该目标虚拟角色702显示虚线外框。如图7的(b)所示，当客户端接收到针对目标虚拟角色的单击操作时，会在目标虚拟角色702的上方显示3个回放控件703，每个回放控件703代表目标虚拟角色702对应的一个精彩片段。回放控件703显示为方形按钮，且方形按钮中间显示不同的文字，用于反映其代表目标虚拟角色702对应的不同精彩片段。
第四种显示方式：
响应于回放列表显示操作，客户端会在直播界面中显示精彩片段的回放列表，之后在回放列表中显示回放控件。该列表显示操作是通过列表显示控件触发的，或者，该列表显示操作是通过直播界面中的手势操作触发的。可选地，列表显示控件为按钮，显示在直播界面的上方或下方。该手势操作是由直播界面的最左侧向内滑动的操作，或由直播界面的最右侧向内滑动的操作。回放列表显示为矩形框，显示在直播界面的左侧或右侧，或者显示为弹窗或浮层。可选地，在赛事直播流包括多个精彩片段的情况下，客户端会在回放列表中显示多个回放控件，每个回放控件代表一个精彩片段。每个回放控件显示的内容包括精彩片段的名称、精彩片段对应的选手的名称、精彩片段对应的选手的头像以及精彩片段的截图，客户端可通过服务器获取上述信息。
示例地，图8是本申请一个示例性实施例提供的回放列表的示意图。如图8所示，在直播界面801中，显示有列表显示按钮802。响应于针对列表显示按钮802的单击操作，客户端会在直播界面801的左侧显示回放列表803。回放列表803中显示有3个回放控件。每个回放控件代表一个精彩片段，每个回放控件为回放列表中的一部分矩形区域，显示的内容包括精彩片段的名称、精彩片段对应的选手的名称以及精彩片段的截图。在精彩片段包括3个以上时，通过针对回放列表803的滑动操作，客户端能够切换显示回放列表803中的回放控件。
第五种显示方式：
客户端显示的直播画面上显示有直播弹幕，例如该直播弹幕叠加在直播画面上以移动的方式显示。在赛事直播流中存在精彩片段的情况下，客户端会在直播弹幕中显示精彩片段对应的提示弹幕(可视为回放控件)。该提示弹幕是服务器生成并发送至客户端的，或者是客户端生成的。该提示弹幕用于提示赛事直播流中存在精彩片段，在存在多个精彩片段的情况下，每个精彩片段对应有一个提示弹幕。直播弹幕中除提示弹幕以外的弹幕是观看赛事直播流的 用户发送的。提示弹幕的内容是根据精彩片段的内容生成的，包括精彩片段对应的选手的信息、虚拟对象的信息、精彩片段的内容的类型以及预设的提示信息中的至少一种。可选地，在客户端获取到精彩片段时，会显示该精彩片段对应的提示弹幕，之后会按照预设周期周期性显示该提示弹幕。不同提示弹幕的预设周期相同或不同，例如点赞次数更多的精彩片段的预设周期小于点赞次数较少的精彩片段的预设周期。
响应于提示弹幕触发的分屏显示操作，客户端在第一分屏区域显示直播画面以及在第二分屏区域显示提示弹幕对应的精彩片段的回放画面。可选地，上述分屏显示操作是由针对提示弹幕的触控操作触发的。例如包括对提示弹幕的单击、双击、多次点击、滑动、长按等操作。通过弹幕的形式触发分屏显示直播画面和精彩片段的回放画面，实现在不影响用户观看体验的前提下，显著的向用户提示精彩片段，可提升用户体验。
示例地，图9是本申请一个示例性实施例提供的提示弹幕的示意图。如图9所示，在直播界面901中，显示有赛事直播流的直播画面，直播画面上显示有直播弹幕，直播弹幕包括观看赛事直播流的用户发送的弹幕以及提示弹幕902，每个提示弹幕902代表赛事直播流的一个精彩片段。响应于对提示弹幕902的单击操作，会触发客户端在第一分屏区域显示直播画面以及在第二分屏区域显示提示弹幕对应的精彩片段的回放画面。可选地，提示弹幕和用户发送的弹幕的显示方式不同，例如包括字体不同、颜色不同、粗细不同中的至少一种。
第六种显示方式：
响应于获取到精彩片段，客户端会按照预设时长在直播界面的边缘采用小窗的方式显示精彩片段的回放画面(可视为回放控件)。该预设时长是服务器确定的或者是用户自定义的。若存在多个精彩片段，客户端会按照获取到精彩片段的时间以及预设时长依次在小窗中显示精彩片段的回放画面。可选地，客户端还会在小窗的附近显示精彩片段的介绍信息。小窗是直播界面中显示大小小于预设大小的区域。
响应于回放画面触发的分屏显示操作，客户端在第一分屏区域显示直播画面以及在第二分屏区域显示精彩片段的回放画面。可选地，上述分屏显示操作是由针对小窗中显示的回放画面的触控操作触发的。例如包括对回放画面的单击、双击、多次点击、滑动、长按等操作。通过小窗的形式以预设时长显示回放画面，不仅使用户能够预览回放画面，还能够避免遮挡用户观看直播界面的其它内容。用户可按需触发分屏显示更清晰的回放画面，可提升用户体验。
示例地，图10是本申请一个示例性实施例提供的小窗显示回放画面的示意图。如图10所示，当客户端获取到赛事直播流的精彩片段时，客户端会在直播界面1001的右下角，采用小窗的方式显示精彩片段的回放画面1002，且在显示5秒后取消显示。在此期间，若客户端接收到针对小窗显示的回放画面1002的单击操作，客户端会在第一分屏区域显示直播画面以及在第二分屏区域显示该精彩片段的回放画面。
第七种显示方式：
客户端显示的直播画面中显示有参与赛事的选手控制的虚拟角色的头像，例如参与赛事对局的战队为2个，每队有5名选手，每个选手控制一个虚拟角色，则客户端会在直播画面中显示10个虚拟角色各自的头像。响应于目标虚拟角色的头像触发的列表显示操作，客户端会显示目标虚拟角色对应的精彩片段的回放列表，该回放列表中显示有目标虚拟角色对应的精彩片段的回放控件，若精彩片段为多个，则会为每个精彩片段显示一个回放控件。该精彩片段是基于目标虚拟角色的行为产生的。可选地，上述列表显示操作是由针对虚拟角色中的目标虚拟角色的头像的触控操作触发的。例如包括对目标虚拟角色的头像的单击、双击、多次点击、滑动、长按等操作。
响应于目标虚拟角色对应的回放控件触发的分屏显示操作，客户端会在第一分屏区域显示直播画面以及在第二分屏区域显示目标虚拟角色(回放控件)对应的精彩片段的回放画面。通过虚拟角色的头像触发显示虚拟角色的回放列表，从而显示虚拟角色的精彩片段，可实现 根据用户的需求自行选择参赛的虚拟角色来观看精彩片段，可提升用户体验。
示例地，图11是本申请一个示例性实施例提供的虚拟角色的回放控件的示意图。如图11所示，当客户端接收到针对显示的虚拟角色B的头像的单击操作时，客户端会在直播界面1101中，显示虚拟角色B对应的精彩片段的回放列表1102，该回放列表1102中包括虚拟角色B对应的2个精彩片段各自的回放控件。响应于虚拟角色B对应的回放控件触发的分屏显示操作，客户端会在第一分屏区域显示直播画面以及在第二分屏区域显示该回放控件对应的精彩片段的回放画面。
需要说明的是，客户端能够采用上述任一种显示方式显示回放控件，或者同时采用上述方式中的多种显示方式显示回放控件，即上述不同显示方式能够自由组合使用，本申请实施例对此不作限制。另外，客户端还能够通过其它显示方式对回放控件进行显示，上述显示方式仅用作示例，不作为对本申请实施例中显示回放控件的方式的限制。
步骤408：响应于基于回放控件触发的分屏显示操作，在第一分屏区域显示直播画面以及在第二分屏区域显示精彩片段的回放画面。
第一分屏区域与第二分屏区域是直播界面中不同的显示区域。直播画面是客户端通过对实时获取到的赛事直播流进行播放从而显示的，回放画面是客户端通过对精彩片段的视频资源进行播放从而显示的。赛事直播流以及精彩片段的视频资源会同时进行播放。精彩片段的视频资源是客户端通过服务器获取的。
可选地，客户端在分屏显示直播画面和精彩片段时，会根据精彩片段的内容的类型，确定第二分屏区域在直播界面中的显示比例，之后根据确定的显示比例显示直播画面和精彩片段。例如精彩片段的内容的类型为表1中的“一血”，则所需的显示范围较小，可使用1:1的显示比例。精彩片段的内容的类型为表1中的“五连绝世”，则所需的显示范围较大，可使用16:9的显示比例。
示例地，图12是本申请一个示例性实施例提供的第二分屏区域在直播界面中的显示比例的示意图。如图12所示，在需要分屏显示直播画面和回放画面时，客户端会根据精彩片段的内容的类型1201，确定第二分屏区域在直播界面中的显示比例。例如，在图12的(a)中，第二分屏区域的显示比例为16:9。在图12的(b)中，第二分屏区域的显示比例为4:3。在图12的(c)中，第二分屏区域的显示比例为1:1。在图12的(d)中，第二分屏区域的显示比例为3:4。在确定第二分屏区域的显示比例时，客户端还会确定第二分屏区域与第一分屏区域的显示位置以及显示面积。
可选地，在精彩片段包括多个时，客户端还能够使用更多的分屏区域显示直播画面以及回放画面。例如使用第一分屏区域显示直播画面，使用第二分屏区域显示第一回放画面，使用第三分屏区域显示第二回放画面。第一回放画面和第二回放画面是播放不同的精彩片段得到的画面。
回放控件能够直接触发分屏显示操作，例如响应于回放控件触发的分屏显示操作，客户端能够直接分屏显示直播画面以及回放画面。或者，回放控件能够触发详情显示操作，响应于回放控件触发的详情显示操作，客户端会在直播界面中显示精彩片段对应的详情介绍控件。响应于详情介绍控件触发的分屏显示操作，客户端会在第一分屏区域显示直播画面以及在第二分屏区域显示回放画面。可选地，在回放控件显示在进度条中的情况下，回放控件能够触发上述详情显示操作。详情介绍控件显示为矩形弹窗。详情介绍控件中显示有用于介绍回放控件对应的精彩片段的信息。用于介绍精彩片段的信息，包括精彩片段的名称、精彩片段对应的选手的名称、精彩片段对应的选手的头像以及精彩片段的截图，客户端可通过服务器获取上述信息。可选地，详情介绍控件中显示有详情介绍按钮，详情介绍按钮用于触发分屏显示操作。上述通过控件触发操作至通过对控件的单击、双击、多次点击、滑动、长按等触发操作。
可选地，在回放控件对应一个精彩片段，即其代表一个精彩片段的情况下，客户端会显 示回放控件对应的精彩片段的回放画面。在回放控件对应多个精彩片段，即其代表多个精彩片段的情况下，客户端会显示距离当前时间最近的精彩片段的回放画面，或显示距离当前时间最远的精彩片段的回放画面，或显示点赞次数最多的精彩片段的回放画面，或在多个精彩片段中随机选择一个显示其回放画面。
示例地，继续参照图2，客户端在接收到针对进度条中的回放控件的单击操作时，会接收到详情显示操作，并在回放控件的上方显示详情介绍控件。在接收到针对详情介绍控件中的“分屏同看”的单击操作时，会接收到分屏显示操作，从而分屏显示直播画面以及回放画面。
可选地，客户端还能够不显示回放控件，并通过其它方式触发该分屏显示操作。例如，响应于直播界面中的手势操作满足轨迹条件，客户端会在第一分屏区域显示直播画面以及在第二分屏区域显示回放画面。其中，轨迹条件是针对手势操作的滑动轨迹设置的。例如，轨迹条件包括滑动轨迹形成预设形状、滑动轨迹是由直播界面的外侧向内侧滑动的轨迹，例如由左侧向内滑动的轨迹或右侧向内滑动的轨迹。
示例地，图13是本申请一个示例性实施例提供的手势操作的示意图。如图13所示，客户端显示直播界面1301，在客户端接收到直播界面1301中，由左侧向内滑动的滑动操作1302时，会触发分屏显示操作，从而在第一分屏区域显示直播画面以及在第二分屏区域显示回放画面。
另外，在赛事直播流包括多个精彩片段的情况下，响应于针对回放画面的切换操作，客户端能够按照时间顺序切换显示赛事直播流的精彩片段的回放画面。该切换操作包括针对显示的回放画面的滑动操作，例如上滑、下滑、左滑以及右滑。需要说明的是，若显示的精彩片段的回放画面，是通过上述第二种显示形态或第三种显示形态的回放控件的实现的，在切换精彩片段时，客户端仅会在目标虚拟角色对应的精彩片段范围内进行切换。
示例地，图14是本申请一个示例性实施例提供的切换操作的示意图。如图14所示，客户端在直播界面中显示精彩片段的回放画面1401。在客户端接收到针对回放画面1401的上滑操作1402时，客户端会切换显示时序上位于精彩片段之后的一个精彩片段的回放画面。
客户端能够根据对回放画面的关闭操作，取消分屏显示，并恢复全屏显示直播画面。在第二分屏区域显示精彩片段的回放画面的同时，客户端还会在第二分屏区域显示互动控件，从而使用户能够针对精彩片段进行互动。该互动控件显示为按钮。
示例地，图15是本申请一个示例性实施例提供的第二分屏区域的示意图。如图15所示，在第二分屏区域中1501，显示有精彩片段的回放画面，以及点赞按钮1502和分享按钮1503。在客户端接收到针对点赞按钮1502的单击操作时，会在第二分屏区域1501的中心显示点赞图标。
示例地，图16是本申请一个示例性实施例提供的第二分屏区域的示意图。如图16以及图15所示，在客户端接收到针对分享按钮1503的单击操作时，客户端会在第二分屏区域1501显示弹窗1504，弹窗1504中显示有用于下载精彩片段的按钮、用于转发精彩片段的按钮、向关注的用户/群分享精彩片段的按钮以及取消显示弹窗1504的按钮。
在一个具体的例子中，以回放控件显示在进度条中，且回放控件能够触发显示详情介绍控件为例，对本申请实施例提供的方法的交互过程进行介绍。图17是本申请一个示例性实施例提供的前端交互过程的流程示意图。如图17所示，在步骤S1中，客户端根据用户的操作显示直播界面，以及在直播界面显示赛事直播流的直播画面。在步骤S2中，客户端根据用户的操作，在直播界面中显示进度条。在步骤S3中，客户端判断赛事直播流中是否存在精彩片段。在步骤S4中，在赛事直播流中不存在精彩片段的情况下，用户可通过拖动进度条的操作对赛事直播流进行回放。在步骤S5中，在赛事直播流中存在精彩片段的情况下，客户端会在进度条中显示回放控件(精彩事件标签)，并接收用户点击回放控件的操作。在步骤S6中，客户端在直播界面中显示详情介绍控件(分屏同看气泡)。在步骤S7中，客户端接收用户针对详情介绍控件中分屏同看按钮的点击操作。在步骤S8中，客户端在直播界面中分屏显示赛 事直播流的直播画面以及精彩片段的回放画面。
在一个具体的例子中，对本申请实施例提供的方法的实现过程进行介绍。图18是本申请一个示例性实施例提供的实现分屏显示的流程示意图。如图18所示，在步骤A1中，客户端通过直播界面播放赛事直播流。在步骤A2中，客户端检测赛事直播流中是否存在精彩片段。在步骤A3中，在赛事直播流中不存在精彩片段的情况下，客户端不会在进度条中显示回放控件。在步骤A4中，在赛事直播流中存在精彩片段的情况下，客户端会在进度条中显示回放控件(精彩事件的图标)。步骤A5中，客户端接收用户针对回放控件的点击操作。在步骤A6中，客户端在直播界面中显示详情介绍控件(事件气泡)。在步骤A7中，客户端通过服务器，获取用于介绍精彩片段的信息，以实现在详情介绍控件中显示用于介绍精彩片段的信息。在步骤A8中，客户端接收用户针对详情介绍控件中显示的分屏同看按钮的点击操作。在步骤A9中，客户端通过服务器，获取精彩片段的视频资源。在步骤A10中，客户端将直播界面分为两个分屏显示区域，并在左侧区域显示赛事直播流的直播画面，以及在右侧区域显示精彩片段的回放画面。
示例地，图19是本申请一个示例性实施例提供的获取分屏显示的相关数据的流程示意图。如图19所示，在步骤B1中，客户端接收用户发出的查看赛事直播流的指令，显示直播界面并播放赛事直播流。在步骤B2中，客户端向服务器请求针对赛事直播流中是否存在精彩片段的检测结果。在步骤B3中，客户端获取服务器针对赛事直播流中是否存在精彩片段的检测结果，并在直播界面的进度条中显示回放控件。在步骤B4中，客户端接收用户针对回放控件的点击操作。在步骤B5中，客户端向服务器请求用于介绍回放控件对应的精彩片段的信息。在步骤B6中，客户端获取服务器发送的用于介绍回放控件对应的精彩片段的信息。在步骤B7中，客户端在直播界面中显示详情介绍控件，并在详情介绍控件中显示用于介绍回放控件对应的精彩片段的信息。之后客户端接收用户针对详情介绍控件中分屏同看按钮的点击操作。在步骤B8中，客户端向服务器请求精彩片段的视频资源。在步骤B9中，客户端接收服务器发送的精彩片段的视频资源，并在直播界面中分屏显示赛事直播流的直播画面以及精彩片段的回放画面。
综上所述，本实施例提供的方法，通过在直播界面中显示赛事直播流的精彩片段对应的回放控件，根据基于回放控件触发的分屏显示操作，能够实现分屏显示赛事直播流的直播画面以及精彩片段的回放画面，从而使用户能够同时观看赛事直播以及回放精彩片段。用户在通过上述方式回放精彩片段时，无需操作即可同时观看赛事直播，简化了用户在回放精彩片段的过程中返回观看赛事直播时操作。
另外，通过回放控件实现显示回放控件对应的精彩片段的回放画面，能够实现根据用户的操作播放预先剪辑的精彩片段。避免用户拖动进度条反复寻找精彩片段，能够提升用户寻找精彩片段的效率。
本实施例提供的方法，还通过在进度条的目标进度位置显示回放控件，实现直观显示回放控件的同时，指示精彩片段在赛事直播流中的播放进度，利于用户寻找精彩片段，提升寻找精彩片段的效率。
本实施例提供的方法，还通过不同的显示形态显示回放控件，从而通过回放控件的显示形态指示回放控件对应的精彩片段的内容的类型，使用户能够直观的分辨不同精彩片段的内容的区别，利于用户寻找精彩片段，提升寻找精彩片段的效率。
本实施例提供的方法，还通过使进度条中显示的相邻两个回放控件之间的距离不小于距离阈值，来避免使用的终端屏幕较小的用户点击回放控件时出现误操作，提升了用户体验。
本实施例提供的方法，还通过在目标虚拟角色的周侧显示回放控件，实现直观显示回放控件的同时，指示精彩片段对应的虚拟角色，利于用户寻找精彩片段，提升寻找精彩片段的效率。
本实施例提供的方法，还通过在目标虚拟角色上显示突出标记，来指示对应有精彩片段 的虚拟角色，提升用户寻找精彩片段的效率。基于目标虚拟角色触发的控件显示操作显示回放控件，能够避免用户的误操作导致直接回放精彩片段，提升了用户体验。
本实施例提供的方法，还通过显示回放列表以及在回放列表中显示回放控件，能够实现同时显示多个精彩片段的回放控件，利于用户根据自身喜好选择精彩片段进行回放，提升了用户体验。
本实施例提供的方法，还通过弹幕的形式触发分屏显示直播画面和精彩片段的回放画面，实现在不影响用户观看体验的前提下，显著的向用户提示精彩片段，可提升用户体验。
本实施例提供的方法，还通过小窗的形式以预设时长显示回放画面，不仅使用户能够预览回放画面，还能够避免遮挡用户观看直播界面的其它内容。用户可按需触发分屏显示更清晰的回放画面，可提升用户体验。
本实施例提供的方法，还通过虚拟角色的头像触发显示虚拟角色的回放列表，从而显示虚拟角色的精彩片段，可实现根据用户的需求自行选择参赛的虚拟角色来观看精彩片段，可提升用户体验。
本实施例提供的方法，还通过基于回放控件显示详情介绍控件，并通过详情介绍控件显示用于介绍精彩片段的信息，便于用户快速了解选择的精彩片段的内容，从而利于用户寻找精彩片段，提升寻找精彩片段的效率。
本实施例提供的方法，还通过手势操作触发分屏显示精彩片段和赛事直播流，提供了一种快速观看精彩片段的回放的操作方式。
本实施例提供的方法，还通过为不同内容类型的精彩片段，设置不同的第二分屏区域的显示比例，从而使精彩片段在分屏显示时，能够使用最佳的显示比例进行显示，提升了用户观看精彩片段的体验。
本实施例提供的方法，还通过支持基于切换操作切换显示的精彩片段的回放画面，使用户在观看精彩片段时，能够方便的切换查看不同的精彩片段。
需要说明的是，本申请实施例提供的方法步骤的先后顺序可以进行适当调整，步骤也可以根据情况进行相应增减，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化的方法，都应涵盖在本申请的保护范围之内，因此不再赘述。
图20是本申请一个示例性实施例提供的赛事直播的显示装置的结构示意图。如图20所示，该装置包括：
显示模块2001，用于在直播界面中显示赛事直播流的直播画面，赛事直播流是基于虚拟环境中的虚拟角色进行竞技的赛事的直播流。
显示模块2001，还用于在直播界面中显示精彩片段对应的回放控件，精彩片段是赛事直播流中的历史片段。
显示模块2001，还用于响应于基于回放控件触发的分屏显示操作，在第一分屏区域显示直播画面以及在第二分屏区域显示精彩片段的回放画面，第一分屏区域与第二分屏区域是直播界面中不同的显示区域，第一分屏区域与第二分屏区域不存在交集。
在一个可选的设计中，显示模块2001，用于：
在直播界面中显示进度条。在进度条的目标进度位置显示回放控件，目标进度位置用于指示精彩片段在赛事直播流中对应的播放进度。
在一个可选的设计中，回放控件对应有多个显示形态；显示模块2001，用于：
在进度条的目标进度位置，显示目标形态的回放控件。其中，目标形态是回放控件的显示形态中与精彩片段的内容的类型对应的显示形态。
在一个可选的设计中，如图21所示，装置还包括：
确定模块2002，用于通过第一机器学习模型、第二机器学习模型、第三机器学习模型和第四机器学习模型中的至少一种模型，确定精彩片段的内容的类型；
其中，第一机器学习模型是通过识别精彩片段的回放画面预测精彩片段的内容的类型的，第一机器学习模型是通过样本片段的回放画面以及样本片段的内容的类型训练得到的；第二机器学习模型是通过识别精彩片段的音频预测精彩片段的内容的类型的，第二机器学习模型是通过样本片段的音频以及样本片段的内容的类型训练得到的；第三机器学习模型是通过识别精彩片段对应的解说音频预测精彩片段的内容的类型的，第三机器学习模型是通过样本片段对应的解说音频以及样本片段的内容的类型训练得到的；第四机器学习模型是通过识别精彩片段对应的用户操作数据预测精彩片段的内容的类型的，第四机器学习模型是通过样本片段对应的用户操作数据以及样本片段的内容的类型训练得到的。
在一个可选的设计中，进度条中显示的相邻两个回放控件之间的距离不小于距离阈值。
在一个可选的设计中，直播画面中显示有虚拟环境，虚拟环境中存在目标虚拟角色，精彩片段是基于目标虚拟角色的行为产生的。显示模块2001，用于：
在目标虚拟角色的周侧显示目标虚拟角色对应的精彩片段的回放控件。
在一个可选的设计中，显示模块2001，用于：
在目标虚拟角色上显示突出标记，突出标记用于突出显示目标虚拟角色。响应于基于目标虚拟角色触发的控件显示操作，在目标虚拟角色的周侧显示目标虚拟角色对应的精彩片段的回放控件。
在一个可选的设计中，显示模块2001，用于：
响应于回放列表显示操作，在直播界面中显示精彩片段的回放列表。在回放列表中显示回放控件。
在一个可选的设计中，显示模块2001，用于：
在直播弹幕中显示精彩片段对应的提示弹幕；
响应于提示弹幕触发的分屏显示操作，在第一分屏区域显示直播画面以及在第二分屏区域显示提示弹幕对应的精彩片段的回放画面。
在一个可选的设计中，显示模块2001，用于：
响应于获取到精彩片段，按照预设时长在直播界面的边缘采用小窗的方式显示精彩片段的回放画面；
响应于回放画面触发的分屏显示操作，在第一分屏区域显示直播画面以及在第二分屏区域显示精彩片段的回放画面。
在一个可选的设计中，直播画面中显示有参与赛事的选手控制的虚拟角色的头像；显示模块2001，用于：
响应于目标虚拟角色的头像触发的列表显示操作，显示目标虚拟角色对应的精彩片段的回放列表，回放列表中显示有目标虚拟角色对应的精彩片段的回放控件，精彩片段是基于目标虚拟角色的行为产生的；
响应于目标虚拟角色对应的回放控件触发的分屏显示操作，在第一分屏区域显示直播画面以及在第二分屏区域显示目标虚拟角色对应的精彩片段的回放画面。
在一个可选的设计中，显示模块2001，用于：
响应于回放控件触发的详情显示操作，在直播界面中显示精彩片段对应的详情介绍控件，详情介绍控件中显示有用于介绍精彩片段的信息。响应于详情介绍控件触发的分屏显示操作，在第一分屏区域显示直播画面以及在第二分屏区域显示回放画面。
在一个可选的设计中，显示模块2001，用于：
响应于直播界面中的手势操作满足轨迹条件，在第一分屏区域显示直播画面以及在第二分屏区域显示回放画面。其中，轨迹条件是针对手势操作的滑动轨迹设置的。
在一个可选的设计中，如图21所示，装置还包括：
确定模块2002，用于根据精彩片段的内容的类型，确定第二分屏区域在直播界面中的显示比例。
在一个可选的设计中，显示模块2001，用于：
在赛事直播流包括多个精彩片段的情况下，响应于针对回放画面的切换操作，按照时间顺序切换显示赛事直播流的精彩片段的回放画面。
需要说明的是：上述实施例提供的赛事直播的显示装置，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的赛事直播的显示装置与赛事直播的显示方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
本申请的实施例还提供了一种计算机设备，该计算机设备包括：处理器和存储器，存储器中存储有至少一条指令、至少一段程序、代码集或指令集，至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现上述各方法实施例提供的赛事直播的显示方法。
可选地，该计算机设备为终端。示例地，图22是本申请一个示例性实施例提供的终端的结构示意图。
通常，终端2200包括有：处理器2201和存储器2202。
处理器2201可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器2201可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器2201也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central Processing Unit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器2201可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器2201还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。
存储器2202可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器2202还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器2202中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器2201所执行以实现本申请中方法实施例提供的赛事直播的显示方法。
在一些实施例中，终端2200还可选包括有显示屏2203。显示屏2203用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏2203是触摸显示屏时，显示屏2203还具有采集在显示屏2203的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器2201进行处理。此时，显示屏2203还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏2203可以为一个，设置终端2200的前面板；在另一些实施例中，显示屏2203可以为至少两个，分别设置在终端2200的不同表面或呈折叠设计；在再一些实施例中，显示屏2203可以是柔性显示屏，设置在终端2200的弯曲表面上或折叠面上。甚至，显示屏2203还可以设置成非矩形的不规则图形，也即异形屏。显示屏2203可以采用LCD(Liquid Crystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode，有机发光二极管)等材质制备。
本领域技术人员可以理解，图22中示出的结构并不构成对终端2200的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
本申请实施例中还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有至少一条程序代码，当该程序代码由计算机设备的处理器加载并执行时，实现上述各方法实施例提供的赛事直播的显示方法。
本申请还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各方法实施例提供的赛事直播的显示方法。

Claims (33)

  1. 一种赛事直播的显示方法，其特征在于，应用于计算机设备中，所述方法包括：
    在直播界面中显示赛事直播流的直播画面，所述赛事直播流是基于虚拟环境中的虚拟角色进行竞技的赛事的直播流；
    在所述直播界面中显示精彩片段对应的回放控件，所述精彩片段是所述赛事直播流中的历史片段；
    响应于基于所述回放控件触发的分屏显示操作，在第一分屏区域显示所述直播画面以及在第二分屏区域显示所述精彩片段的回放画面，所述第一分屏区域与所述第二分屏区域是所述直播界面中不同的显示区域，所述第一分屏区域与所述第二分屏区域不存在交集。
  2. 根据权利要求1所述的方法，其特征在于，所述在所述直播界面中显示精彩片段对应的回放控件，包括：
    在所述直播界面中显示进度条；
    在所述进度条的目标进度位置显示所述回放控件，所述目标进度位置用于指示所述精彩片段在所述赛事直播流中对应的播放进度。
  3. 根据权利要求2所述的方法，其特征在于，所述回放控件对应有多个显示形态；所述在所述进度条的目标进度位置显示所述回放控件，包括：
    在所述进度条的目标进度位置，显示目标形态的回放控件；
    其中，所述目标形态是所述回放控件的所述显示形态中与所述精彩片段的内容的类型对应的显示形态。
  4. 根据权利要求3所述的方法，其特征在于，所述方法还包括：
    通过第一机器学习模型、第二机器学习模型、第三机器学习模型和第四机器学习模型中的至少一种模型，确定所述精彩片段的内容的类型；
    其中，所述第一机器学习模型是通过识别所述精彩片段的回放画面预测所述精彩片段的内容的类型的，所述第一机器学习模型是通过样本片段的回放画面以及所述样本片段的内容的类型训练得到的；所述第二机器学习模型是通过识别所述精彩片段的音频预测所述精彩片段的内容的类型的，所述第二机器学习模型是通过所述样本片段的音频以及所述样本片段的内容的类型训练得到的；所述第三机器学习模型是通过识别所述精彩片段对应的解说音频预测所述精彩片段的内容的类型的，所述第三机器学习模型是通过所述样本片段对应的解说音频以及所述样本片段的内容的类型训练得到的；所述第四机器学习模型是通过识别所述精彩片段对应的用户操作数据预测所述精彩片段的内容的类型的，所述第四机器学习模型是通过所述样本片段对应的用户操作数据以及所述样本片段的内容的类型训练得到的。
  5. 根据权利要求2所述的方法，其特征在于，所述进度条中显示的相邻两个回放控件之间的距离不小于距离阈值。
  6. 根据权利要求1所述的方法，其特征在于，所述直播画面中显示有所述虚拟环境，所述虚拟环境中存在目标虚拟角色，所述精彩片段是基于所述目标虚拟角色的行为产生的；
    所述在所述直播界面中显示精彩片段对应的回放控件，包括：
    在所述目标虚拟角色的周侧显示所述目标虚拟角色对应的精彩片段的回放控件。
  7. 根据权利要求6所述的方法，其特征在于，所述在所述目标虚拟角色的周侧显示所述目标虚拟角色对应的精彩片段的回放控件，包括：
    在所述目标虚拟角色上显示突出标记，所述突出标记用于突出显示所述目标虚拟角色；
    响应于基于所述目标虚拟角色触发的控件显示操作，在所述目标虚拟角色的周侧显示所述目标虚拟角色对应的精彩片段的回放控件。
  8. 根据权利要求1所述的方法，其特征在于，所述在所述直播界面中显示精彩片段对应的回放控件，包括：
    响应于回放列表显示操作，在所述直播界面中显示所述精彩片段的回放列表；
    在所述回放列表中显示所述回放控件。
  9. 根据权利要求1至8任一所述的方法，其特征在于，所述直播画面上显示有直播弹幕；所述方法还包括：
    在所述直播弹幕中显示所述精彩片段对应的提示弹幕；
    响应于所述提示弹幕触发的分屏显示操作，在所述第一分屏区域显示所述直播画面以及在所述第二分屏区域显示所述提示弹幕对应的精彩片段的回放画面。
  10. 根据权利要求1至8任一所述的方法，其特征在于，所述方法还包括：
    响应于获取到所述精彩片段，按照预设时长在所述直播界面的边缘采用小窗的方式显示所述精彩片段的回放画面；
    响应于所述回放画面触发的分屏显示操作，在所述第一分屏区域显示所述直播画面以及在所述第二分屏区域显示所述精彩片段的回放画面。
  11. 根据权利要求1至8任一所述的方法，其特征在于，所述直播画面中显示有参与所述赛事的选手控制的虚拟角色的头像；所述方法还包括：
    响应于目标虚拟角色的头像触发的列表显示操作，显示所述目标虚拟角色对应的精彩片段的回放列表，所述回放列表中显示有所述目标虚拟角色对应的精彩片段的回放控件，所述精彩片段是基于所述目标虚拟角色的行为产生的；
    响应于所述目标虚拟角色对应的回放控件触发的分屏显示操作，在所述第一分屏区域显示所述直播画面以及在所述第二分屏区域显示所述目标虚拟角色对应的精彩片段的回放画面。
  12. 根据权利要求1至8任一所述的方法，其特征在于，所述响应于基于所述回放控件触发的分屏显示操作，在第一分屏区域显示所述直播画面以及在第二分屏区域显示所述精彩片段的回放画面，包括：
    响应于所述回放控件触发的详情显示操作，在所述直播界面中显示所述精彩片段对应的详情介绍控件，所述详情介绍控件中显示有用于介绍所述精彩片段的信息；
    响应于所述详情介绍控件触发的分屏显示操作，在所述第一分屏区域显示所述直播画面以及在所述第二分屏区域显示所述回放画面。
  13. 根据权利要求1至8任一所述的方法，其特征在于，所述方法还包括：
    响应于所述直播界面中的手势操作满足轨迹条件，在所述第一分屏区域显示所述直播画面以及在所述第二分屏区域显示所述回放画面；
    其中，所述轨迹条件是针对所述手势操作的滑动轨迹设置的。
  14. 根据权利要求1至8所述的方法，其特征在于，所述方法还包括：
    根据所述精彩片段的内容的类型，确定所述第二分屏区域在所述直播界面中的显示比例。
  15. 根据权利要求1至8任一所述的方法，其特征在于，所述方法还包括：
    在所述赛事直播流包括多个精彩片段的情况下，响应于针对所述回放画面的切换操作，按照时间顺序切换显示所述赛事直播流的精彩片段的回放画面。
  16. 一种赛事直播的显示装置，其特征在于，所述装置包括：
    显示模块，用于在直播界面中显示赛事直播流的直播画面，所述赛事直播流是基于虚拟环境中的虚拟角色进行竞技的赛事的直播流；
    所述显示模块，还用于在所述直播界面中显示精彩片段对应的回放控件，所述精彩片段是所述赛事直播流中的历史片段；
    所述显示模块，还用于响应于基于所述回放控件触发的分屏显示操作，在第一分屏区域显示所述直播画面以及在第二分屏区域显示所述精彩片段的回放画面，所述第一分屏区域与所述第二分屏区域是所述直播界面中不同的显示区域，所述第一分屏区域与所述第二分屏区域不存在交集。
  17. 根据权利要求16所述的装置，其特征在于，所述显示模块，用于：
    在所述直播界面中显示进度条；
    在所述进度条的目标进度位置显示所述回放控件，所述目标进度位置用于指示所述精彩片段在所述赛事直播流中对应的播放进度。
  18. 根据权利要求17所述的装置，其特征在于，所述回放控件对应有多个显示形态；所述显示模块，用于：
    在所述进度条的目标进度位置，显示目标形态的回放控件；
    其中，所述目标形态是所述回放控件的所述显示形态中与所述精彩片段的内容的类型对应的显示形态。
  19. 根据权利要求18所述的装置，其特征在于，所述装置还包括：
    确定模块，用于通过第一机器学习模型、第二机器学习模型、第三机器学习模型和第四机器学习模型中的至少一种模型，确定所述精彩片段的内容的类型；
    其中，所述第一机器学习模型是通过识别所述精彩片段的回放画面预测所述精彩片段的内容的类型的，所述第一机器学习模型是通过样本片段的回放画面以及所述样本片段的内容的类型训练得到的；所述第二机器学习模型是通过识别所述精彩片段的音频预测所述精彩片段的内容的类型的，所述第二机器学习模型是通过所述样本片段的音频以及所述样本片段的内容的类型训练得到的；所述第三机器学习模型是通过识别所述精彩片段对应的解说音频预测所述精彩片段的内容的类型的，所述第三机器学习模型是通过所述样本片段对应的解说音频以及所述样本片段的内容的类型训练得到的；所述第四机器学习模型是通过识别所述精彩片段对应的用户操作数据预测所述精彩片段的内容的类型的，所述第四机器学习模型是通过所述样本片段对应的用户操作数据以及所述样本片段的内容的类型训练得到的。
  20. 根据权利要求17所述的装置，其特征在于，所述进度条中显示的相邻两个回放控件之间的距离不小于距离阈值。
  21. 根据权利要求16所述的装置，其特征在于，所述直播画面中显示有所述虚拟环境，所述虚拟环境中存在目标虚拟角色，所述精彩片段是基于所述目标虚拟角色的行为产生的；所述显示模块，用于：
    在所述目标虚拟角色的周侧显示所述目标虚拟角色对应的精彩片段的回放控件。
  22. 根据权利要求21所述的装置，其特征在于，所述显示模块，用于：
    在所述目标虚拟角色上显示突出标记，所述突出标记用于突出显示所述目标虚拟角色；
    响应于基于所述目标虚拟角色触发的控件显示操作，在所述目标虚拟角色的周侧显示所述目标虚拟角色对应的精彩片段的回放控件。
  23. 根据权利要求16所述的装置，其特征在于，所述显示模块，用于：
    响应于回放列表显示操作，在所述直播界面中显示所述精彩片段的回放列表；
    在所述回放列表中显示所述回放控件。
  24. 根据权利要求16至23任一所述的装置，其特征在于，所述直播画面上显示有直播弹幕；所述显示模块，用于：
    在所述直播弹幕中显示所述精彩片段对应的提示弹幕；
    响应于所述提示弹幕触发的分屏显示操作，在所述第一分屏区域显示所述直播画面以及在所述第二分屏区域显示所述提示弹幕对应的精彩片段的回放画面。
  25. 根据权利要求16至23任一所述的装置，其特征在于，所述显示模块，用于：
    响应于获取到所述精彩片段，按照预设时长在所述直播界面的边缘采用小窗的方式显示所述精彩片段的回放画面；
    响应于所述回放画面触发的分屏显示操作，在所述第一分屏区域显示所述直播画面以及在所述第二分屏区域显示所述精彩片段的回放画面。
  26. 根据权利要求16至23任一所述的装置，其特征在于，所述直播画面中显示有参与所 述赛事的选手控制的虚拟角色的头像；所述显示模块，用于：
    响应于目标虚拟角色的头像触发的列表显示操作，显示所述目标虚拟角色对应的精彩片段的回放列表，所述回放列表中显示有所述目标虚拟角色对应的精彩片段的回放控件，所述精彩片段是基于所述目标虚拟角色的行为产生的；
    响应于所述目标虚拟角色对应的回放控件触发的分屏显示操作，在所述第一分屏区域显示所述直播画面以及在所述第二分屏区域显示所述目标虚拟角色对应的精彩片段的回放画面。
  27. 根据权利要求16至23任一所述的装置，其特征在于，所述显示模块，用于：
    响应于所述回放控件触发的详情显示操作，在所述直播界面中显示所述精彩片段对应的详情介绍控件，所述详情介绍控件中显示有用于介绍所述精彩片段的信息；
    响应于所述详情介绍控件触发的分屏显示操作，在所述第一分屏区域显示所述直播画面以及在所述第二分屏区域显示所述回放画面。
  28. 根据权利要求16至23任一所述的装置，其特征在于，所述显示模块，用于：
    响应于所述直播界面中的手势操作满足轨迹条件，在所述第一分屏区域显示所述直播画面以及在所述第二分屏区域显示所述回放画面；
    其中，所述轨迹条件是针对所述手势操作的滑动轨迹设置的。
  29. 根据权利要求16至23所述的装置，其特征在于，所述装置还包括：
    确定模块，用于根据所述精彩片段的内容的类型，确定所述第二分屏区域在所述直播界面中的显示比例。
  30. 根据权利要求16至23任一所述的装置，其特征在于，所述显示模块，用于：
    在所述赛事直播流包括多个精彩片段的情况下，响应于针对所述回放画面的切换操作，按照时间顺序切换显示所述赛事直播流的精彩片段的回放画面。
  31. 一种计算机设备，其特征在于，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或所述指令集由所述处理器加载并执行以实现如权利要求1至15任一所述的赛事直播的显示方法。
  32. 一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1至15任一所述的赛事直播的显示方法。
  33. 一种计算机程序产品，其特征在于，所述计算机程序产品包括计算机指令，所述计算机指令存储在计算机可读存储介质中，计算机设备的处理器从所述计算机可读存储介质读取所述计算机指令，所述处理器执行所述计算机指令，使得所述计算机设备执行如权利要求1至15任一所述的赛事直播的显示方法。
PCT/CN2022/128699 2021-11-24 2022-10-31 赛事直播的显示方法、装置、设备及存储介质 WO2023093465A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
BR112023021686A BR112023021686A2 (pt) 2021-11-24 2022-10-31 Método de exibição e aparelho para transmissão ao vivo de eventos, dispositivo e meio de armazenamento
US18/340,884 US20230336792A1 (en) 2021-11-24 2023-06-25 Display method and apparatus for event livestreaming, device and storage medium

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
CN202111402724.5 2021-11-24
CN202111402724 2021-11-24
CN202111643183.5A CN114339368B (zh) 2021-11-24 2021-12-29 赛事直播的显示方法、装置、设备及存储介质
CN202111643183.5 2021-12-29

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/340,884 Continuation US20230336792A1 (en) 2021-11-24 2023-06-25 Display method and apparatus for event livestreaming, device and storage medium

Publications (1)

Publication Number Publication Date
WO2023093465A1 true WO2023093465A1 (zh) 2023-06-01

Family

ID=81017058

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/128699 WO2023093465A1 (zh) 2021-11-24 2022-10-31 赛事直播的显示方法、装置、设备及存储介质

Country Status (4)

Country Link
US (1) US20230336792A1 (zh)
CN (1) CN114339368B (zh)
BR (1) BR112023021686A2 (zh)
WO (1) WO2023093465A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116781985A (zh) * 2023-08-23 2023-09-19 北京盘腾科技有限公司 一种赛事直播画面的控制方法及装置

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114339368B (zh) * 2021-11-24 2023-04-14 腾讯科技（深圳）有限公司 赛事直播的显示方法、装置、设备及存储介质
CN114827735A (zh) * 2022-04-21 2022-07-29 咪咕文化科技有限公司 视频回看方法、装置、设备及存储介质
CN117061779A (zh) * 2022-05-06 2023-11-14 腾讯科技（深圳）有限公司 直播画面显示方法、装置、设备、存储介质及程序产品
CN115002529A (zh) * 2022-05-07 2022-09-02 咪咕文化科技有限公司 视频拆条方法、装置、设备及存储介质
CN115079879A (zh) * 2022-06-06 2022-09-20 北京字跳网络技术有限公司 直播页面的显示方法、装置、设备、存储介质和程序产品
CN115834946A (zh) * 2022-11-09 2023-03-21 北京字跳网络技术有限公司 交互方法、装置、电子设备和存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20180369693A1 (en) * 2017-06-26 2018-12-27 Netease (Hangzhou) Network Co.,Ltd. Virtual Character Control Method, Apparatus, Storage Medium and Electronic Device
CN111836110A (zh) * 2020-07-23 2020-10-27 腾讯科技（深圳）有限公司 比赛视频的展示方法、装置、电子设备及存储介质
CN113301421A (zh) * 2021-05-19 2021-08-24 广州繁星互娱信息科技有限公司 直播片段展示方法和装置、存储介质及电子设备
CN113490010A (zh) * 2021-07-06 2021-10-08 腾讯科技（深圳）有限公司 基于直播视频的互动方法、装置、设备及存储介质
CN113497946A (zh) * 2020-03-20 2021-10-12 腾讯科技（深圳）有限公司 视频处理方法、装置、电子设备和存储介质
CN114339368A (zh) * 2021-11-24 2022-04-12 腾讯科技（深圳）有限公司 赛事直播的显示方法、装置、设备及存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10187666B2 (en) * 2016-01-26 2019-01-22 Twitter, Inc. Live video streaming services using one or more external devices
US10397620B2 (en) * 2016-06-30 2019-08-27 SnifferCat, Inc. Systems and methods for dynamic stitching of advertisements in live stream content
CN106851327A (zh) * 2016-12-31 2017-06-13 天脉聚源（北京）科技有限公司 回看互动的方法和装置
CN111417010B (zh) * 2018-05-03 2022-11-15 广州虎牙信息科技有限公司 直播播放方法、装置、计算机可读存储介质和计算机设备
CN112995687B (zh) * 2021-02-08 2023-06-23 腾竞体育文化发展(上海)有限公司 基于互联网的互动方法、装置、设备及介质
CN113014957B (zh) * 2021-02-25 2023-01-31 北京市商汤科技开发有限公司 视频镜头切分方法和装置、介质和计算机设备

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20180369693A1 (en) * 2017-06-26 2018-12-27 Netease (Hangzhou) Network Co.,Ltd. Virtual Character Control Method, Apparatus, Storage Medium and Electronic Device
CN113497946A (zh) * 2020-03-20 2021-10-12 腾讯科技（深圳）有限公司 视频处理方法、装置、电子设备和存储介质
CN111836110A (zh) * 2020-07-23 2020-10-27 腾讯科技（深圳）有限公司 比赛视频的展示方法、装置、电子设备及存储介质
CN113301421A (zh) * 2021-05-19 2021-08-24 广州繁星互娱信息科技有限公司 直播片段展示方法和装置、存储介质及电子设备
CN113490010A (zh) * 2021-07-06 2021-10-08 腾讯科技（深圳）有限公司 基于直播视频的互动方法、装置、设备及存储介质
CN114339368A (zh) * 2021-11-24 2022-04-12 腾讯科技（深圳）有限公司 赛事直播的显示方法、装置、设备及存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116781985A (zh) * 2023-08-23 2023-09-19 北京盘腾科技有限公司 一种赛事直播画面的控制方法及装置
CN116781985B (zh) * 2023-08-23 2023-10-20 北京盘腾科技有限公司 一种赛事直播画面的控制方法及装置

Also Published As

Publication number Publication date
CN114339368A (zh) 2022-04-12
BR112023021686A2 (pt) 2023-12-19
CN114339368B (zh) 2023-04-14
US20230336792A1 (en) 2023-10-19

Similar Documents

Publication Publication Date Title
WO2023093465A1 (zh) 赛事直播的显示方法、装置、设备及存储介质
US10960308B2 (en) Restoring gameplay by replaying past inputs
US9959008B2 (en) Computer peripheral display and communication device providing an adjunct 3D user interface
CN112691377A (zh) 虚拟角色的控制方法、装置、电子设备及存储介质
CN114286161B (zh) 赛事直播时物品推荐方法、装置、设备及存储介质
JP7447296B2 (ja) 仮想道具のインタラクティブ処理方法、装置、電子機器及びコンピュータプログラム
CN110548288A (zh) 虚拟对象的受击提示方法、装置、终端及存储介质
WO2022257653A1 (zh) 虚拟道具的显示方法、装置、电子设备及存储介质
CN112416196B (zh) 虚拟对象的控制方法、装置、设备及计算机可读存储介质
WO2022222592A1 (zh) 虚拟对象的信息显示方法、装置、电子设备及存储介质
CN112691366B (zh) 虚拟道具的显示方法、装置、设备及介质
US20230398453A1 (en) Virtual item processing method and apparatus, electronic device, computer-readable storage medium, and computer program product
WO2022121503A1 (zh) 预购道具的显示方法、装置、设备、介质及产品
CN112402959A (zh) 虚拟对象的控制方法、装置、设备及计算机可读存储介质
JP2024500929A (ja) 仮想シーンに表情を表示する方法と装置及びコンピュータ機器とプログラム
CN110801629B (zh) 虚拟对象生命值提示图形的显示方法、装置、终端及介质
CN114339438A (zh) 基于直播画面的互动方法、装置、电子设备及存储介质
WO2023024880A1 (zh) 虚拟场景中的表情显示方法、装置、设备以及介质
CN116531758A (zh) 虚拟角色的控制方法、装置、存储介质以及电子装置
CN115634449A (zh) 虚拟场景中控制虚拟对象的方法、装置、设备及产品
WO2023231557A1 (zh) 虚拟对象的互动方法、装置、设备、存储介质及程序产品
WO2024060924A1 (zh) 虚拟场景的互动处理方法、装置、电子设备及存储介质
WO2024066936A1 (zh) 游戏视频的播放方法、装置、设备及存储介质
WO2024021792A1 (zh) 虚拟场景的信息处理方法、装置、设备、存储介质及程序产品
Zhou et al. Data Feel: Exploring Visual Effects in Video Games to Support Sensemaking Tasks

Legal Events

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

Ref document number: 22897548

Country of ref document: EP

Kind code of ref document: A1

REG Reference to national code

Ref country code: BR

Ref legal event code: B01A

Ref document number: 112023021686

Country of ref document: BR

ENP Entry into the national phase

Ref document number: 112023021686

Country of ref document: BR

Kind code of ref document: A2

Effective date: 20231018

ENP Entry into the national phase

Ref document number: 2024502658

Country of ref document: JP

Kind code of ref document: A