Video data playing method, device and equipment

Abstract

The present disclosure provides a video data playback method, device and equipment, the method comprising: in response to a video playback instruction, obtaining a first video data stream; playing the first video data stream on a first playback interface of a first player, and rendering a trigger icon of a second playback interface of a second player on the first playback interface; in response to an operation instruction on the trigger icon, displaying the second playback interface; playing a second video data stream associated with the first video data stream on the second playback interface. The method provided by the present disclosure realizes simultaneous playback of multiple players, and when playing a video data stream, another video data stream associated with the current video can be played.

Description

Technical Field

[0001] The present disclosure relates to the field of video technology, and in particular to a method, device and equipment for playing video data. Background Art

[0002] With the development of the digital age, human life, work, and study are increasingly dependent on Internet multimedia videos. In actual use, there is a need to combine two multimedia videos for analysis, statistics, and learning. In the related technology, open the web page that links the video resource, select the video resource in the play web page, jump to the video playback page to call the player to play the video resource, and one play click behavior only supports the playback of one video data stream. If you need to combine another video data stream for statistical analysis and learning, you need to switch to the web page of another video resource, reopen a video playback web page to call the video player to play another video data stream.

[0003] It can be seen that the above video data stream playback solution does not support viewing two video data streams at the same time. If the two video data streams are to be combined, web page switching is required, which is complicated and has low playback efficiency, affecting the video data playback effect. Summary of the invention

[0004] This method realizes the simultaneous playback of multiple players. When playing a video data stream, another video data stream associated with the current video can be played.

[0005] In a first aspect, an embodiment of the present disclosure provides a method for playing video data, the method comprising:

[0006] In response to a video playback instruction, obtaining a first video data stream;

[0007] Play the first video data stream on the first playback interface of the first player, and render and display a trigger icon of the second playback interface of the second player on the first playback interface;

[0008] In response to an operation instruction on the trigger icon, displaying a second play interface;

[0009] A second video data stream associated with the first video data stream is played on the second playback interface.

[0010] In a possible implementation manner, the first video data stream is a live video data stream, and the second video data stream is at least a partial video data stream obtained by saving the live video data stream.

[0011] In a possible implementation, playing the first video data stream on the first playback interface of the first player, and rendering and displaying a trigger icon of the second playback interface of the second player on the first playback interface include:

[0012] Play the first video data stream in a first playback interface of a first player, and obtain a style file defining a style of a second playback interface of a second player;

[0013] According to the style file, the trigger icon of the second play interface is rendered on the first play interface.

[0014] In a possible implementation, playing the first video data stream on the first playback interface of the first player, and rendering and displaying a trigger icon of the second playback interface of the second player on the first playback interface include:

[0015] Play the first video data stream on the first playback interface of the first player, and obtain multi-player playback configuration parameters;

[0016] When it is determined according to the multi-player configuration parameters that multi-player playback is supported, a trigger icon of a second playback interface of a second player is rendered and displayed on the first playback interface.

[0017] In a possible implementation, in response to an operation instruction on the trigger icon, displaying the second play interface includes:

[0018] In response to an operation instruction on the trigger icon, a second play interface is displayed according to a preset size.

[0019] In a possible implementation, in response to an operation instruction on a trigger icon, displaying a second play interface includes:

[0020] In response to an operation instruction on the trigger icon, when it is determined that a second video data stream associated with the first video data stream has been currently acquired, displaying a second playback interface;

[0021] In a possible implementation, in response to an operation instruction on a trigger icon, displaying a second play interface includes:

[0022] In response to an operation instruction on the trigger icon, sending a request for obtaining a second video data stream;

[0023] When the second video stream is acquired, the second playback interface is displayed.

[0024] In a possible implementation, in response to the video playback instruction, the method further includes:

[0025] Monitoring the position of the mouse and click operations on the mouse;

[0026] If it is detected that the mouse operates on the first playback interface, a first event identifier is output;

[0027] If it is detected that the mouse operates on the second playback interface, a second event identifier is output;

[0028] For the same operation, the output first event identifier is different from the output second event identifier.

[0029] In a second aspect, an embodiment of the present disclosure provides a video data playback device, including:

[0030] A first video data stream acquisition unit, configured to acquire a first video data stream in response to a video playback instruction;

[0031] A first video data stream playing unit, used for playing the first video data stream on a first playing interface of a first player;

[0032] A first rendering unit, configured to render and display a trigger icon of a second playback interface of a second player on the first playback interface;

[0033] A second play interface display unit, configured to display a second play interface in response to an operation instruction on a trigger icon;

[0034] The second video data stream playing unit is used to play the second video data stream associated with the first video data stream on the second playing interface.

[0035] In a possible implementation manner, the first video data stream is a live video data stream, and the second video data stream is at least a partial video data stream obtained by saving the live video data stream.

[0036] In a possible implementation, the first video data stream playback unit includes:

[0037] A playing subunit, configured to play a first video data stream on a first playing interface of a first player;

[0038] A first acquisition subunit is used to acquire a style file defining a style of a second playback interface of a second player;

[0039] The first rendering subunit is used to render the trigger icon of the second play interface on the first play interface according to the style file.

[0040] In a possible implementation manner, the first video data stream playback unit further includes:

[0041] A second acquisition subunit is used to acquire a multi-player playback configuration parameter after the playback subunit plays the first video data stream;

[0042] A first determination subunit is used to determine whether multi-player playback is supported according to the multi-player configuration parameters, and when the result is yes, trigger the second rendering subunit;

[0043] The second rendering subunit is used to render and display a trigger icon of the second playback interface of the second player on the first playback interface.

[0044] In a possible implementation manner, the second playback interface display unit is further used to:

[0045] The second playback interface is displayed according to the preset size.

[0046] In a possible implementation, the second playback interface display unit further includes:

[0047] A second determining subunit is used to determine whether a second video data stream associated with the first video data stream has been acquired, and if the result is yes, trigger the display subunit;

[0048] The display subunit is used to display the second playback interface.

[0049] In a possible implementation, the second playback interface display unit further includes:

[0050] The transceiver subunit is used to send a request for obtaining the second video data stream, and trigger the display subunit when the second video stream is obtained;

[0051] The display subunit is used to display the second playback interface.

[0052] In a possible implementation, it also includes:

[0053] A mouse monitoring unit, used to monitor the position of the mouse and click operations on the mouse;

[0054] The first event recognition unit outputs a first event identifier to the first playback interface display unit if the mouse is monitored to operate the first playback interface; the first playback interface display unit is used to display the first playback interface;

[0055] The second event recognition unit outputs a second event identifier to the second playback interface display unit if the mouse is monitored to operate the second playback interface;

[0056] For the same operation, the output first event identifier is different from the output second event identifier.

[0057] In a third aspect, an implementation example of the present disclosure provides a video data playback control device, which includes a memory and a processor, wherein the memory stores a computer program that can be run on the processor, and when the computer program is executed by the processor, the steps of any one of the video data stream playback methods in the first aspect are implemented.

[0058] In response to a video playback instruction, obtaining a first video data stream;

[0059] Play the first video data stream on the first playback interface of the first player, and render and display a trigger icon of the second playback interface of the second player on the first playback interface;

[0060] In response to an operation instruction on the trigger icon, displaying a second play interface;

[0061] A second video data stream associated with the first video data stream is played on the second playback interface.

[0062] In a possible implementation manner, the first video data stream is a live video data stream, and the second video data stream is at least a partial video data stream obtained by saving the live video data stream.

[0063] In a possible implementation, the processor plays the first video data stream on the first playback interface of the first player, and renders and displays a trigger icon of the second playback interface of the second player on the first playback interface, including:

[0064] Play the first video data stream on the first playback interface of the first player, and obtain a style file defining the style of the second playback interface of the second player;

[0065] According to the style file, the trigger icon of the second play interface is rendered on the first play interface.

[0066] In a possible implementation, the processor plays the first video data stream on the first playback interface of the first player, and renders and displays a trigger icon of the second playback interface of the second player on the first playback interface, including:

[0067] Play the first video data stream on the first playback interface of the first player, and obtain multi-player playback configuration parameters;

[0068] When it is determined according to the multi-player configuration parameters that multi-player playback is supported, a trigger icon of a second playback interface of a second player is rendered and displayed on the first playback interface.

[0069] In a possible implementation, the processor displays the second play interface in response to the operation instruction of the trigger icon, including:

[0070] In response to an operation instruction on the trigger icon, a second play interface is displayed according to a preset size.

[0071] In a possible implementation, the processor displays the second play interface in response to the operation instruction of the trigger icon, including:

[0072] In response to an operation instruction on the trigger icon, when it is determined that a second video data stream associated with the first video data stream has been currently acquired, a second playback interface is displayed.

[0073] In a possible implementation, the processor displays the second play interface in response to the operation instruction of the trigger icon, including:

[0074] In response to an operation instruction on the trigger icon, sending a request for obtaining a second video data stream;

[0075] When the second video stream is acquired, the second playback interface is displayed.

[0076] In a possible implementation, the processor is further configured to:

[0077] Monitor the position of the mouse and click operations on the mouse;

[0078] If it is detected that the mouse operates on the first playback interface, a first event identifier is output;

[0079] If it is detected that the mouse operates on the second playback interface, a second event identifier is output;

[0080] For the same operation, the output first event identifier is different from the output second event identifier.

[0081] In a fourth aspect, an implementation example of the present disclosure provides a computer-readable storage medium, in which a computer program is stored. When the computer program is executed by a processor, the steps of any one of the video data stream playback methods in the first aspect are implemented.

[0082] The present disclosure provides a video data playback method, device and equipment, the method comprising: in response to a video playback instruction, obtaining a first video data stream; playing the first video data stream on a first playback interface of a first player, and rendering a trigger icon of a second playback interface of a second player on the first playback interface; in response to an operation instruction on the trigger icon, displaying a second playback interface; playing a second video data stream associated with the first video data stream on the second playback interface. The method provided by the present disclosure realizes simultaneous playback of multiple players, and when playing a video data stream, another video data stream associated with the current video can be played at the same time, thereby improving the playback efficiency of the two associated video data. BRIEF DESCRIPTION OF THE DRAWINGS

[0083] In order to more clearly illustrate the technical solutions in the embodiments of the present disclosure, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present disclosure. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative labor.

[0084] Figure 1 A schematic diagram of an application scenario of video data playback provided by an embodiment of the present disclosure;

[0085] Figure 2 A flowchart of a video data playback method provided by an embodiment of the present disclosure;

[0086] Figure 3 A schematic diagram of a second player trigger icon provided in an embodiment of the present disclosure;

[0087] Figure 4 A schematic diagram of a second display interface of a second player provided in an embodiment of the present disclosure;

[0088] Figure 5 A schematic diagram of a video data playback device provided by an embodiment of the present disclosure;

[0089] Figure 6 A schematic diagram of a device for playing video data provided by an embodiment of the present disclosure. DETAILED DESCRIPTION

[0090] The following will be combined with the drawings in the embodiments of the present disclosure to clearly and completely describe the technical solutions in the embodiments of the present disclosure. Obviously, the described embodiments are only part of the embodiments of the present disclosure, not all of the embodiments. Based on the embodiments in the present disclosure, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present disclosure.

[0091] It should be noted that the embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0092] Below, some terms in the embodiments of the present disclosure are explained to facilitate understanding by those skilled in the art.

[0093] (1) The term "client" or user end in the embodiments of the present disclosure refers to a program that corresponds to a server and provides local services to clients. Except for some applications that only run locally, they are generally installed on ordinary client computers and need to cooperate with the server to run. After the development of the Internet, the more commonly used user ends include web browsers used for the World Wide Web, email clients for sending and receiving emails, and client software for instant messaging. For this type of application, there needs to be corresponding servers and service programs in the network to provide corresponding services, such as database services, email services, etc. Therefore, a specific communication connection needs to be established between the client and the server to ensure the normal operation of the application.

[0094] (2) Vue in the disclosed embodiments is a commonly used framework for software development, specifically a progressive framework for building user interfaces. Unlike other large frameworks, Vue is designed to be applied layer by layer from the bottom up. Vue's core library only focuses on the view layer, which is not only easy to use, but also easy to integrate with third-party libraries or existing projects. On the other hand, when used in combination with a modern tool chain and various supporting libraries, Vue is also fully capable of providing drivers for complex single-page applications.

[0095] (3) The term "electronic device" in the embodiments of the present disclosure may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0096] In order to make the purpose, technical solutions and advantages of the present disclosure clearer, the present disclosure will be further described in detail below in conjunction with the accompanying drawings. Obviously, the described embodiments are only part of the embodiments of the present disclosure, rather than all of the embodiments. Based on the embodiments in the present disclosure, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present disclosure.

[0097] The solution for playing video data streams through web pages in the related art does not support playing two video data streams simultaneously on the same web page, resulting in complex operations and low playback efficiency for scenarios where two related video data streams need to be played simultaneously.

[0098] Based on the above problems, the embodiments of the present disclosure provide a method, apparatus and device for playing video data. The method for playing video data can support playing two related video data streams simultaneously on the same web page interface without switching web pages, and supports the operation of two video streams at the same time. The following is an implementation of a method, apparatus and device for playing video data provided by the embodiments of the present disclosure.

[0099] like Figure 1 As shown, an embodiment of the present disclosure provides a schematic diagram of a video data playback application scenario, and the application scenario includes:

[0100] The upload client 101a for uploading video data is used for logging in with an upload account, displaying a video upload interface, and uploading to the network video platform by sending an upload operation instruction, so that the user who logs in to the network video can play the video data with his account.

[0101] The playback client 101b for playing video data is used for allowing a playback account to log in, displaying a video playback interface, and playing required video data on the video playback interface by sending video playback operation instructions.

[0102] Server 102 receives the upload operation instruction sent by the upload account, saves the video data uploaded by the upload account to the database, calls the cloud service process to transmit the video data uploaded by the upload client to the playback interface of the playback client; receives the playback operation instruction sent by the playback account, and plays the requested video data on the playback interface of the client.

[0103] The database 103 is used to store the video data uploaded by the uploading client.

[0104] In the disclosed embodiments, the upload client and the playback client are electronic devices used by users, which may be personal computers, mobile phones, tablet computers, notebooks, e-book readers, and other computer devices with certain computing capabilities and running instant messaging software and websites or social software and websites. Each terminal device is connected to a server via a wireless network, and the server may be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms.

[0105] The present disclosure provides a video data playback method for solving the problem that a single player called on a web page cannot meet the requirements of a scenario where two associated video data streams need to be played simultaneously. The method is applied to a playback client in an upload scenario. The video data playback method is executed by opening the playback client. The playback client can be a web browser, such as Figure 2 As shown, including:

[0106] Step 201, in response to a video play instruction, obtaining a first video data stream;

[0107] The corresponding playback account opens the webpage of the corresponding video resource list through the browser in the playback client, and generates a video playback instruction by selecting and executing playback operations on the video resources in the webpage.

[0108] The playback client responds to the video playback instruction by sending a playback request for the selected video resource to the server, and receives a first video data stream corresponding to the video resource returned by the server.

[0109] Step 202, playing the first video data stream on the first play interface of the first player, and rendering and displaying a trigger icon of the second play interface of the second player on the first play interface;

[0110] In response to the video play instruction, the web page for video play is also opened, and the first player is called to display the first play interface of the first player on the web page, and the first video data stream is played through the first play interface of the first player.

[0111] In the disclosed embodiment, when the playback interface of the first player is displayed on a web page, in addition to rendering the first video data stream on the first player interface, a trigger icon of the second playback interface of the second player is also rendered and displayed on the first playback interface.

[0112] For the player, when rendering on the playback interface, the player needs to determine the content style of the rendering according to the style file corresponding to the player, and render the acquired source video data file on the interface according to the content style.

[0113] Optionally, the first player may render the first video data stream according to a corresponding content style on the first playback interface according to a style file corresponding to the first player.

[0114] As an optional implementation, playing the first video data stream on the first playback interface of the first player, and rendering and displaying the trigger icon of the second playback interface of the second player on the first playback interface include:

[0115] Play the first video data stream on the first playback interface of the first player, and obtain a style file defining the style of the second playback interface of the second player;

[0116] According to the style file, the trigger icon of the second play interface is rendered on the first play interface.

[0117] The style file can be a cascading style file, that is, a css style file.

[0118] Optionally, in response to a video playback instruction for a video resource, when a webpage for video playback is opened, the playback interface is rendered on the webpage according to the CSS style file. The first player is used as the main player, and the corresponding first playback interface is displayed in a normal size suitable for playback, and the display size is optionally obtained through the CSS style file corresponding to the first playback interface.

[0119] Optionally, the trigger icon of the second playback interface can also be rendered by a corresponding CSS style file. The above trigger icon can be displayed in various forms according to pre-defined, such as a short line, a button, or other thumbnail forms.

[0120] The display position of the above trigger icons can also be defined by a CSS style file and displayed in different areas of the display screen, such as in the upper left corner of the playback interface of the main player, or in the lower right corner of the playback interface of the main player.

[0121] Step 203, in response to the operation instruction of the trigger icon, displaying the second play interface;

[0122] The corresponding playback account generates an operation instruction for the trigger icon by performing a trigger operation on the trigger icon on the first playback interface. The trigger form of the trigger icon can also be pre-defined as a variety of forms, such as clicking, sliding, etc.

[0123] In response to the operation instruction of the trigger icon, the second play interface is displayed.

[0124] As an optional implementation, in response to an operation instruction on a trigger icon, a second play interface is displayed, including:

[0125] In response to an operation instruction on the trigger icon, a second play interface is displayed according to a preset size.

[0126] It is understood that the preset size includes the size of the display range of the second playback interface, which may be width and height. Optionally, the preset size may be configured in advance through a CSS style file and obtained from the CSS style file when displayed.

[0127] In another alternative, the preset sizes can be configured in real time via a CSS style file.

[0128] In another optional manner, in response to an operation instruction for a trigger icon, the css style file can be changed in real time based on the operation instruction, and the changes can optionally include rendering style, rendering size, rendering position, etc. It is possible to change only the window size parameters in the css style file in advance, that is, when the window of the second playback interface is forcibly defined as a trigger icon through the window size in the css style file, and when an operation instruction for the trigger icon is received, the window size parameter is changed to the size of the normal display window, that is, the above-mentioned preset size, and then the second playback interface is displayed normally; or, the rendering form of the trigger icon can be changed, which can optionally include triangle, square, circle, etc.; or, the rendering position of the trigger icon can also be changed, which can optionally include rendering at the bottom, top, left, right, etc. of the first playback interface, such as Figure 3 , Figure 4 shown.

[0129] Among them, the display position of the second playback interface can also be defined by a CSS style file and displayed in different areas of the display screen, for example, completely located in the first playback interface; for example, half of it is located in the first playback interface, and the other half is located in other areas outside the first playback interface; or the whole is located in the area outside the first playback interface; it can also be located in other areas where the display function can be realized, and this application does not impose any restrictions.

[0130] Optionally, it supports dragging the displayed second playback interface. The dragging capability is a function supported by the browser to monitor the mouse position and mouse operations. Specifically, it can calculate the distance between the player and the left and top of the window according to the change of the mouse position, so as to obtain the positioning of the mouse and change the position of the second playback interface according to the mouse dragging event.

[0131] Step 204, playing a second video data stream associated with the first video data stream on a second playback interface;

[0132] In an optional implementation manner of the present disclosure, the second video data stream is a video data stream associated with the first video data stream. Specifically, the first video data stream and the second video data stream can be associated with each other by pre-defining the type of association relationship, thereby establishing a binding relationship. For example, two video streams belonging to different playback forms of the same video resource, or video data streams belonging to two adjacent uploads of the same uploading client, or video data streams belonging to the same video content uploaded by different clients, or introductory video data streams belonging to the same content / same theme, etc. Optionally, the playback contents of the two may be related or unrelated, and similarly, the video types of the two may be the same or different, for example, the first video data stream is live broadcast A, and the second video data stream is a pre-defined live broadcast B associated with the first video data stream, or for another example, the first video data stream is live broadcast A, and the second video data stream is a pre-defined playback of live broadcast A associated with the first video data stream.

[0133] As an optional implementation manner, the first video data stream is a live video data stream, and the second video data stream is at least a partial video data stream obtained by saving the live video data stream.

[0134] The above at least part of the video data stream may refer to the entire video data stream, or it may be a part of the video data stream in a specified time period of the entire video stream, such as a video data stream with a length of 10s to 20s of playback time. As an optional implementation, it can be a video data stream of a set length from the time point of the operation instruction of the trigger icon, such as a video data stream 5s before clicking the trigger icon.

[0135] As an optional implementation, playing the first video data stream on the first playback interface of the first player, and rendering and displaying the trigger icon of the second playback interface of the second player on the first playback interface include:

[0136] Play the first video data stream on the first playback interface of the first player, and obtain multi-player playback configuration parameters;

[0137] When it is determined according to the multi-player configuration parameters that multi-player playback is supported, a trigger icon of a second playback interface of a second player is rendered and displayed on the first playback interface.

[0138] Optionally, before rendering the trigger icon, it is necessary to first determine whether the current player supports the multi-player playback function. If the judgment result is that the current player does not support the multi-player playback function, the trigger icon of the second playback interface of the second player will no longer be rendered and displayed on the first playback interface; if the judgment result is that the current player supports the multi-player playback function, the trigger icon of the second playback interface will be rendered.

[0139] The above judgment is achieved by obtaining multi-player playback configuration parameters. The multi-player configuration parameters are pre-configured according to the customer's playback capabilities. There are two types of configurations. One is when the customer has the ability to support multi-player playback, the multi-player configuration parameters are configured to allow the trigger icon of the second playback interface of the second player to be rendered and displayed on the first playback interface; the other is when the customer does not have the ability to support multi-player playback, the multi-player configuration parameters are configured not to allow the trigger icon of the second playback interface of the second player to be rendered and displayed on the first playback interface.

[0140] Optionally, the second playback interface of the second player and the trigger icon of the second playback interface can be overlaid and rendered through a predefined CSS style file. As an optional implementation, the CSS style file can be embodied as follows:

[0141]

[0142] As an optional implementation, in response to an operation instruction on a trigger icon, a second play interface is displayed, including:

[0143] In response to an operation instruction on the trigger icon, when it is determined that a second video data stream associated with the first video data stream has been currently acquired, a second playback interface is displayed.

[0144] Optionally, in response to an operation instruction on a trigger icon, in order to prevent problems such as a black screen, it is necessary to determine whether the second video data stream has been acquired before displaying the second playback interface. If it has been acquired, the second playback interface is displayed normally; if it has not been acquired, it is necessary to wait until the second video data stream has been acquired before displaying the second playback interface.

[0145] The present disclosure does not limit the method for obtaining the second video data stream, which may be obtained synchronously with the first video data stream in response to the video playback instruction, that is, sending a request to obtain the second video data stream when sending a request to obtain the first video data stream, or obtaining the second video data stream during the process of playing the first video data stream on the first playback interface. Optionally, sending a request to obtain the second video data stream when rendering a trigger icon.

[0146] As an optional implementation, in response to an operation instruction on a trigger icon, a second play interface is displayed, including:

[0147] In response to an operation instruction on the trigger icon, sending a request for obtaining a second video data stream;

[0148] If the second video stream is obtained, the second playback interface is displayed.

[0149] Optionally, the video data playback method is based on the Vue framework and is implemented by multiple service units in the Vue framework. In the embodiment of the present disclosure, the service unit in the Vue framework includes attribute parameters and a program execution unit, and the program execution unit implements the corresponding function based on the attribute parameters. Based on the multiple service units encapsulated in the Vue framework, the corresponding personalized requirements can be designed accordingly. In the process of implementing the personalized requirements, the corresponding service unit is called to implement the corresponding function. In the embodiment of the present disclosure, the Vue framework includes a first service unit and a second service unit, wherein the first service unit encapsulates a first player and a first event listener, and the second service unit encapsulates a second player and a second event listener. The first player encapsulated in the first service unit is a program execution unit that implements the function of the first player, and the first event listener encapsulated in the first service unit is a program execution unit that implements the event behavior of the first player, and optionally monitors the trigger operation of the mouse for the first playback interface, and the second player encapsulated in the second service unit is a program execution unit that implements the function of the second player, and the second event listener encapsulated in the second service unit is a program execution unit that implements the event behavior of the second player, and optionally monitors the trigger operation of the mouse for the first playback interface. Optionally, the second service unit is nested in the first service unit, that is, during the calling process of the first service unit, the second service unit will be nestedly called.

[0150] The above first service unit also encapsulates attribute parameters - multi-player configuration parameters. In response to the video playback instruction, the first video data stream is played on the first playback interface of the first player. By obtaining the multi-player configuration parameters, it is determined whether multi-player playback is currently possible. If the configured multiPlayer is true, it means that multi-player playback is possible. In the process of calling the first service unit, the nested second service unit will be called, and the trigger icon will be displayed. If the configured multiPlayer is false, it means that multi-player playback is not possible. In the process of calling the first service unit, the nested second service unit will not be called, and the trigger icon will not be displayed on the first playback interface.

[0151] Optionally, the second service unit is nested in the first service unit. Before nesting, the first player in the first service unit and the second player in the second service unit need to be encapsulated separately to ensure that the original functions of the players can be fully retained during the playback process. The attribute parameter multiPlayer field controls whether the second playback interface is rendered as a trigger icon on the first playback interface. Initially, miniPlayed is false. After monitoring the trigger icon being opened, miniPlayed is true. The second player is initialized to determine whether the second video data stream is obtained. When the second video data stream is obtained, showSecPlayer is changed to true, the window of the second playback interface is enlarged to a predefined size, the second playback interface of the second player is displayed, and the corresponding second video data stream is loaded. When it is detected that the second player is closed, showSecPlayer will be changed to false, the displayed second playback interface is closed, and the second playback interface is rendered as a trigger icon on the first playback interface.

[0152] Then, based on the self-nesting function supported by the Vue framework, a div outer container is nested in the outer layer of the first player, and the size of the first playback interface is set in the outer container to realize the multi-player playback function.

[0153] After the monitoring trigger icon is opened, it is necessary to determine whether the second video data stream to be played is obtained before the second playback interface is displayed. When it is determined that the second video data stream is not obtained, it is necessary to call the beforeOpenMiniPlayer hook function to suspend the display of the second playback interface. After the second video data stream is obtained, showSecPlayer is changed to true, the window of the second playback interface is enlarged to a predefined size, and the second playback interface of the second player is displayed; if it is determined that the second video data stream has been obtained, there is no need to call the beforeOpenMiniPlayer hook function, and showSecPlayer is directly changed to true, the window of the second playback interface is enlarged to a predefined size, and the second playback interface of the second player is displayed.

[0154] Optionally, based on the function of monitoring the position and operation of the mouse supported by the browser, a first event listener is encapsulated in the first service unit to monitor the events related to the first player, and a second event listener is encapsulated in the second service unit to monitor the events related to the second player. As an optional implementation, in response to the video playback instruction, it also includes:

[0155] Monitor the position of the mouse and click operations on the mouse;

[0156] If it is monitored that the mouse operates on the first playback interface, a first event identifier is output;

[0157] If it is detected that the mouse operates on the second playback interface, a second event identifier is output;

[0158] For the same operation, the output first event identifier is different from the output second event identifier.

[0159] Optionally, the first event listener monitors the mouse position changes and click operations to identify the customer's operations on the first playback interface, and throws the event in the form of a first event identifier to perform operations related to the first player according to the first event identifier, such as dragging, enlarging, pausing, speeding up, etc. on the first player; similarly, the second event listener monitors the mouse position changes and click operations to identify the customer's operations on the second playback interface, and throws the event in the form of a second event identifier to perform operations related to the first player according to the first event identifier, such as dragging, enlarging, pausing, speeding up, etc. on the second player.

[0160] Optionally, based on the event listener of the first service unit, when the second service unit is nested, the event listener can be rewritten to implement the event listener in the second service unit. The output event identifier is used to distinguish the specific event. In order to distinguish which event listener outputs the output event, for the same operation event, the first event identifier is different from the second event identifier. Specifically, when rewriting the event listener vue.$listeners in the first service unit, the event identifier output by the event listener in the second service unit is started with 'sub-' to achieve the difference between the first event identifier and the second event identifier. For example, after a click event occurs, if the output event identifier is click, it can be determined that it is the event output by the event listener in the first service unit. If the output event identifier is sub-click, it can be determined that it is the event output by the event listener in the second service unit.

[0161] A video data playback method in an embodiment of the present disclosure is described above, and a device for executing the above video data playback is described below.

[0162] See also Figure 5 The present disclosure provides a video data playback control device, the device comprising:

[0163] A first video data stream acquisition module 501, configured to acquire a first video data stream in response to a video playback instruction;

[0164] A first video data stream playing module 502, used for playing the first video data stream on a first playing interface of a first player;

[0165] A first rendering module 503, configured to render and display a trigger icon of a second playback interface of a second player on the first playback interface;

[0166] The second play interface display module 504 is used to display the second play interface in response to the operation instruction of the trigger icon;

[0167] The second video data stream playing module 505 is used to play the second video data stream associated with the first video data stream on the second playing interface.

[0168] Optionally, the first video data stream is a live video data stream, and the second video data stream is at least a partial video data stream obtained by saving the live video data stream.

[0169] Optionally, the first video data stream playback module includes:

[0170] A playing submodule, used for playing a first video data stream on a first playing interface of a first player;

[0171] A first acquisition submodule is used to acquire a style file defining a style of a second playback interface of a second player;

[0172] The first rendering submodule is used to render the trigger icon of the second play interface on the first play interface according to the style file.

[0173] Optionally, the first video data stream playback module further includes:

[0174] A second acquisition submodule is used to acquire multi-player playback configuration parameters after the playback submodule plays the first video data stream;

[0175] The first determination submodule is used to determine whether multi-player playback is supported according to the multi-player configuration parameters, and when the result is yes, trigger the second dye submodule;

[0176] The second rendering submodule is used to render and display a trigger icon of the second playback interface of the second player on the first playback interface.

[0177] Optionally, the second playback interface display module is further used to:

[0178] The second playback interface is displayed according to the preset size.

[0179] Optionally, the second playback interface display module further includes:

[0180] A second determination submodule, used to determine whether a second video data stream associated with the first video data stream has been acquired, and if the result is yes, trigger the display submodule;

[0181] The display submodule is used to display the second playback interface.

[0182] Optionally, the second playback interface display module further includes:

[0183] The transceiver submodule is used to send a request for obtaining the second video data stream, and trigger the display submodule when the second video stream is obtained;

[0184] The display submodule is used to display the second playback interface.

[0185] Optionally, also include:

[0186] The mouse monitoring module is used to monitor the position of the mouse and the click operation of the mouse;

[0187] The first event recognition module outputs a first event identifier to the first playback interface display module if the mouse is monitored to operate the first playback interface; the first playback interface display module is used to display the first playback interface;

[0188] The second event recognition module outputs a second event identifier to the second playback interface display module if the mouse is monitored to operate the second playback interface;

[0189] For the same operation, the first event ID and the second event ID output are different. Figure 6 , a device for playing video data in an embodiment of the present disclosure includes:

[0190] At least one processor 601 and at least one memory 602, and a bus system 609;

[0191] The memory stores program codes, and when the program codes are executed by the processor, the processor performs the following processes:

[0192] In response to a video playback instruction, obtaining a first video data stream;

[0193] Play the first video data stream on the first playback interface of the first player, and render and display a trigger icon of the second playback interface of the second player on the first playback interface;

[0194] In response to an operation instruction on the trigger icon, displaying a second play interface;

[0195] A second video data stream associated with the first video data stream is played on the second playback interface.

[0196] Figure 6 600 may have relatively large differences due to different configurations or performances, and may include one or more processors (full name in English: central processing units, abbreviated in English: CPU) 601 (for example, one or more processors) and memory 602, and one or more storage media 603 (for example, one or more mass storage devices) storing application programs 604 or data 605. Among them, the memory 602 and the storage medium 603 may be short-term storage or permanent storage. The program stored in the storage medium 603 may include one or more modules (not shown in the figure), and each module may include a series of instruction operations in the information processing device. Furthermore, the processor 601 may be configured to communicate with the storage medium 603 to execute a series of instruction operations in the storage medium 603 on the device 600.

[0197] The device 600 may also include one or more wired or wireless network interfaces 607, one or more input and output interfaces 608, and / or one or more operating systems 606, such as Windows Server, Mac OS X, Unix, Linux, FreeBSD, etc.

[0198] Optionally, the first video data stream is a live video data stream, and the second video data stream is at least a partial video data stream obtained by saving the live video data stream.

[0199] Optionally, the processor is used to play the first video data stream on the first playback interface of the first player, and render and display a trigger icon of the second playback interface of the second player on the first playback interface, including:

[0200] Play the first video data stream on the first playback interface of the first player, and obtain a style file defining the style of the second playback interface of the second player;

[0201] According to the style file, the trigger icon of the second play interface is rendered on the first play interface.

[0202] Optionally, the processor is used to play the first video data stream on the first playback interface of the first player, and render and display a trigger icon of the second playback interface of the second player on the first playback interface, including:

[0203] Play the first video data stream on the first playback interface of the first player, and obtain multi-player playback configuration parameters;

[0204] When it is determined according to the multi-player configuration parameters that multi-player playback is supported, a trigger icon of a second playback interface of a second player is rendered and displayed on the first playback interface.

[0205] Optionally, the processor displays a second play interface in response to an operation instruction on the trigger icon, including:

[0206] In response to an operation instruction on the trigger icon, a second play interface is displayed according to a preset size.

[0207] Optionally, the processor displays a second play interface in response to an operation instruction on the trigger icon, including:

[0208] In response to the operation instruction of the trigger icon, when it is determined that the second video data stream associated with the first video data stream has been currently acquired, the second playback interface is displayed. Optionally, the processor displays the second playback interface in response to the operation instruction of the trigger icon, including:

[0209] In response to an operation instruction on the trigger icon, sending a request for obtaining a second video data stream;

[0210] When the second video stream is acquired, the second playback interface is displayed.

[0211] Optionally, the processor is further configured to:

[0212] Monitor the position of the mouse and click operations on the mouse;

[0213] If it is monitored that the mouse operates on the first playback interface, a first event identifier is output;

[0214] If it is detected that the mouse operates on the second playback interface, a second event identifier is output;

[0215] For the same operation, the output first event identifier is different from the output second event identifier.

[0216] The embodiment of the present disclosure also provides a computer-readable storage medium, including instructions, which, when executed on a computer, enables the computer to execute the video data playback method provided in the above embodiment.

[0217] The embodiments of the present disclosure further provide a computer program product, including a computer program, wherein the computer program includes program instructions. When the program instructions are executed by an electronic device, the electronic device executes the video data playback method provided by the above embodiments.

[0218] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the above-described devices and modules can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

[0219] In the several embodiments provided in the present disclosure, it should be understood that the disclosed systems, devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic, for example, the division of modules is only a logical function division, and there may be other division methods in actual implementation, such as multiple modules or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be an indirect coupling or communication connection through some interfaces, devices or modules, which can be electrical, mechanical or other forms.

[0220] The modules described as separate components may or may not be physically separated, and the components shown as modules may or may not be physical modules, that is, they may be located in one place or distributed on multiple network modules. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0221] In addition, each functional module in each embodiment of the present disclosure may be integrated into a processing module, or each module may exist physically separately, or two or more modules may be integrated into one module. The above-mentioned integrated module may be implemented in the form of hardware or in the form of a software functional module. If the integrated module is implemented in the form of a software functional module and sold or used as an independent product, it may be stored in a computer-readable storage medium.

[0222] In the above embodiments, all or part of the embodiments may be implemented by software, hardware, firmware or any combination thereof. When implemented by software, all or part of the embodiments may be implemented in the form of a computer program product.

[0223] The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on the computer, the process or function according to the embodiment of the present disclosure is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The computer instructions can be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions can be transmitted from a website site, a computer, a server or a data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) mode to another website site, computer, server or data center. The computer-readable storage medium can be any available medium that a computer can store or a data storage device such as a server or a data center that includes one or more available media integration. Available media can be magnetic media, (e.g., floppy disk, hard disk, tape), optical media (e.g., DVD), or semiconductor media (e.g., solid state drive (SSD)), etc.

[0224] The technical solution provided by the present disclosure is introduced in detail above. The principles and implementation methods of the present disclosure are explained by using specific examples in the present disclosure. The description of the above embodiments is only used to help understand the method of the present disclosure and its core idea. At the same time, for those skilled in the art, according to the idea of ​​the present disclosure, there will be changes in the specific implementation methods and application scope. In summary, the content of this specification should not be understood as a limitation on the present disclosure.

Claims

1. A video data playback method, characterized in that: The method includes: In response to a video playback instruction, obtaining a first video data stream; Play the first video data stream on the first playback interface of the first player, and obtain multi-player playback configuration parameters; when it is determined according to the multi-player configuration parameters that multi-player playback is supported, render and display a trigger icon of the second playback interface of the second player on the first playback interface; the first player is located in a first service unit, the second player is located in a second service unit, the second service unit is nested in the first service unit, and the first service unit also includes a first event listener, and the second service unit also includes a second event listener; In response to an operation instruction on the trigger icon, displaying the second play interface; Playing a second video data stream associated with the first video data stream on the second playback interface; a binding relationship is pre-set between the second video data stream and the first video data stream; The displaying the second playback interface in response to the operation instruction on the trigger icon includes: In response to an operation instruction on the trigger icon, sending a request for obtaining the second video data stream; If the second video stream is acquired, displaying the second playback interface; Monitoring the position of the mouse and click operations on the mouse; If the first event listener monitors that the mouse operates the first playback interface, a first event identifier is output; If the second event listener monitors that the mouse operates the second playback interface, a second event identifier is output; wherein, for the same operation, the output first event identifier and the output second event identifier are different.

2. The method according to claim 1, characterized in that The first video data stream is a live video data stream, and the second video data stream is at least a portion of a video data stream saved from the live video data stream.

3. The method according to claim 1, characterized in that Playing the first video data stream on the first playback interface of the first player includes: Play the first video data stream on a first playback interface of a first player, and obtain a style file defining a style of a second playback interface of a second player; The rendering and displaying of a trigger icon of a second playback interface of a second player on the first playback interface includes: According to the style file, the trigger icon of the second play interface is rendered on the first play interface.

4. The method according to claim 1, characterized in that: The displaying the second playback interface in response to the operation instruction on the trigger icon includes: In response to an operation instruction on the trigger icon, the second play interface is displayed according to a preset size.

5. The method according to claim 1, characterized in that The displaying the second playback interface in response to the operation instruction on the trigger icon includes: In response to the operation instruction of the trigger icon, when it is determined that the second video data stream associated with the first video data stream has been currently acquired, the second playback interface is displayed.

6. A video data playback device, characterized in that: The device includes: A first video data stream acquisition unit, configured to acquire a first video data stream in response to a video playback instruction; A first video data stream playback unit is used to play the first video data stream on a first playback interface of a first player; the first video data stream playback unit also includes: a second acquisition subunit, used to obtain multi-player playback configuration parameters after the playback subunit plays the first video data stream; a first determination subunit, used to determine whether multi-player playback is supported according to the multi-player configuration parameters, and trigger a second rendering subunit when the result is yes; the first player is located in a first service unit, the second player is located in a second service unit, the second service unit is nested in the first service unit, and the first service unit also includes a first event listener, and the second service unit also includes a second event listener; a second rendering subunit, used to render and display a trigger icon of a second playback interface of the second player on the first playback interface; A second playback interface display unit, configured to display the second playback interface in response to an operation instruction on the trigger icon; the second playback interface display unit comprises: a transceiver subunit, configured to send a request for obtaining a second video data stream, and trigger a display subunit when the second video stream is obtained; the display subunit is configured to display the second playback interface; A second video data stream playback unit, configured to play a second video data stream associated with the first video data stream on the second playback interface; a binding relationship is pre-set between the second video data stream and the first video data stream; A mouse monitoring unit, used to monitor the position of the mouse and click operations on the mouse; A first event identification unit is configured to output a first event identifier to a first playback interface display unit if the first event listener detects that the mouse operates the first playback interface; the first playback interface display unit is configured to display the first playback interface; A second event identification unit, configured to output a second event identifier to the second playback interface display unit if the second event listener detects that the mouse operates the second playback interface; For the same operation, the outputted first event identifier is different from the outputted second event identifier.

7. The device according to claim 6, characterized in that The first video data stream is a live video data stream, and the second video data stream is at least a portion of a video data stream saved from the live video data stream.

8. The device according to claim 6, characterized in that The first video data stream playing unit comprises: A playing subunit, configured to play the first video data stream on a first playing interface of a first player; A first acquisition subunit is used to acquire a style file defining a style of a second playback interface of a second player; The first rendering subunit is used to render the trigger icon of the second playback interface on the first playback interface according to the style file.

9. The device according to claim 6, characterized in that The second playback interface display unit is further used for: The second playback interface is displayed according to a preset size.

10. The device according to claim 6, characterized in that The second playback interface display unit further includes: A second determining subunit is used to determine whether a second video data stream associated with the first video data stream has been acquired, and if the result is yes, trigger the display subunit; The display subunit is used to display the second playback interface.

11. A video data playback control device, characterized in that: The device comprises a memory and a processor, wherein the memory stores a computer program that can be run on the processor, and when the computer program is executed by the processor, the method according to any one of claims 1 to 5 is implemented.

12. A computer-readable storage medium, characterized in that: The method comprises computer program instructions, which, when executed on a computer, cause the computer to execute the method according to any one of claims 1 to 5.

Images