CN113691866B - Video processing method, device, electronic device and medium - Google Patents

Abstract

The present disclosure discloses a video processing method, device, equipment, medium and product, which relate to the fields of computer vision, image processing, etc. The video processing method includes: for a current video having grayscale data and color data, processing the grayscale data of the current video to obtain transparency data; constructing at least one to-be-displayed image associated with the current video based on the transparency data and the color data; and displaying at least one to-be-displayed image.

Description

Video processing method, device, electronic device and medium

Technical Field

The present disclosure relates to the field of computer technology, in particular to the fields of computer vision, image processing, and more specifically to a video processing method, device, electronic device, medium, and program product.

Background technique

With the rapid development of the Internet, users have higher and higher requirements for video playback. For example, when a user browses related content on a browser page, it is hoped that the video played on the browser page will not affect the user's browsing of related content as much as possible, so that the user can browse related content and watch the played video at the same time. However, the video playback technology in the related art is difficult to meet the needs of users, which reduces the user's experience of browsing related content and watching videos.

Summary of the invention

The present disclosure provides a video processing method, device, electronic device, storage medium and program product.

According to one aspect of the present disclosure, a video processing method is provided, comprising: for a current video having grayscale data and color data, processing the grayscale data of the current video to obtain transparency data; constructing at least one image to be displayed associated with the current video based on the transparency data and the color data; and displaying the at least one image to be displayed.

According to another aspect of the present disclosure, a video processing device is provided, comprising: a first processing module, a construction module, and a first display module. The first processing module is used to process the grayscale data of a current video having grayscale data and color data to obtain transparency data; the construction module is used to construct at least one to-be-displayed image associated with the current video based on the transparency data and the color data; and the first display module is used to display the at least one to-be-displayed image.

According to another aspect of the present disclosure, an electronic device is provided, comprising: at least one processor and a memory in communication with the at least one processor, wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can perform the above-mentioned video processing method.

According to another aspect of the present disclosure, a non-transitory computer-readable storage medium storing computer instructions is provided, wherein the computer instructions are used to enable the computer to execute the above-mentioned video processing method.

According to another aspect of the present disclosure, a computer program product is provided, including a computer program, wherein the computer program implements the above-mentioned video processing method when executed by a processor.

It should be understood that the content described in this section is not intended to identify the key or important features of the embodiments of the present disclosure, nor is it intended to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description.

BRIEF DESCRIPTION OF THE DRAWINGS

The accompanying drawings are used to better understand the present solution and do not constitute a limitation of the present disclosure.

FIG1 schematically shows an application scenario of a video processing method and apparatus according to an embodiment of the present disclosure;

FIG2 schematically shows a flow chart of a video processing method according to an embodiment of the present disclosure;

FIG3 schematically shows a flow chart of a video processing method according to another embodiment of the present disclosure;

FIG4 schematically shows a schematic diagram of a video processing method according to an embodiment of the present disclosure;

FIG5 schematically shows a block diagram of a video processing device according to an embodiment of the present disclosure; and

FIG. 6 is a block diagram of an electronic device for performing video processing to implement an embodiment of the present disclosure.

Detailed ways

The following is a description of exemplary embodiments of the present disclosure in conjunction with the accompanying drawings, including various details of the embodiments of the present disclosure to facilitate understanding, which should be considered as merely exemplary. Therefore, it should be recognized by those of ordinary skill in the art that various changes and modifications may be made to the embodiments described herein without departing from the scope and spirit of the present disclosure. Similarly, for the sake of clarity and conciseness, descriptions of well-known functions and structures are omitted in the following description.

The terms used herein are only for describing specific embodiments and are not intended to limit the present disclosure. The terms "include", "comprising", etc. used herein indicate the existence of the features, steps, operations and/or components, but do not exclude the existence or addition of one or more other features, steps, operations or components.

All terms (including technical and scientific terms) used herein have the meanings commonly understood by those skilled in the art, unless otherwise defined. It should be noted that the terms used herein should be interpreted as having a meaning consistent with the context of this specification, and should not be interpreted in an idealized or overly rigid manner.

When using expressions such as "at least one of A, B, and C", they should generally be interpreted according to the meaning of the expression commonly understood by technical personnel in this field (for example, "a system having at least one of A, B, and C" should include but is not limited to a system having A alone, B alone, C alone, A and B, A and C, B and C, and/or A, B, C, etc.).

The embodiment of the present disclosure provides a video processing method. The video processing method includes: for a current video having grayscale data and color data, processing the grayscale data of the current video to obtain transparency data. Then, based on the transparency data and the color data, constructing at least one to-be-displayed image associated with the current video. Next, displaying the at least one to-be-displayed image.

FIG1 schematically shows an application scenario of a video processing method and apparatus according to an embodiment of the present disclosure. It should be noted that FIG1 is only an example of an application scenario to which the present disclosure embodiment can be applied, to help those skilled in the art understand the technical content of the present disclosure, but does not mean that the present disclosure embodiment cannot be used in other devices, systems, environments or scenarios.

As shown in FIG. 1 , the application scenario 100 of the embodiment of the present disclosure includes a browser page 110 , on which relevant content can be displayed.

For example, the related content displayed on the browser page 110 is represented by an "X", and the displayed related content includes but is not limited to text, pictures, icons, etc. For example, when a user searches through a browser, the related content may include search results for the user's search terms.

Exemplarily, a video may be played on the browser page 110. Related Art When a video 111 is played, the video 111 usually blocks related content displayed on the browser page 110.

In order to solve the problem that the video 111 blocks the relevant content displayed on the browser page 110, the video 112 with transparency data can be played on the browser page 110 to avoid the video 112 blocking the relevant content displayed on the browser page 110 as much as possible. The background part of the video 112 with transparency data is transparent, for example.

However, browsers in related technologies generally do not support playing the video 112 with transparency data. Therefore, through the video processing method of the embodiment of the present disclosure, it is possible to display the video 112 with transparency data on the browser page 110.

An embodiment of the present disclosure provides a video processing method. The video processing method according to an exemplary implementation of the present disclosure is described below with reference to FIGS. 2 to 4 in conjunction with the application scenario of FIG. 1 .

FIG. 2 schematically shows a flow chart of a video processing method according to an embodiment of the present disclosure.

As shown in FIG. 2 , the video processing method 200 of the embodiment of the present disclosure may include, for example, operations S210 to S230 .

In operation S210, for a current video having grayscale data and color data, grayscale data of the current video is processed to obtain transparency data.

In operation S220, at least one to-be-displayed image associated with the current video is constructed based on the transparency data and the color data.

In operation S230, at least one image to be displayed is displayed.

Exemplarily, the current video includes a grayscale channel and a color channel, the grayscale channel indicates grayscale data, and the color channel indicates color data. The color channel includes, for example, RGB channels, R represents red, G represents green, and B represents blue, that is, the RGB channel includes three channels, the pixel value of each channel may be different, and the value range of the pixel value of each channel is, for example, 0-255. The gray channel may include one channel, and the value range of the pixel value of the channel is, for example, 0-255. Alternatively, the gray channel may also include three channels, and the pixel values of the three channels are all the same, for example, all 0-255.

The grayscale data of the current video is, for example, for the background part in each image frame in the current video, and the color data is, for example, for the part where the main object is located in each image frame in the current video. For example, if the current video is for a user, the color data is for the part where the user is located, and the grayscale data is for other parts except the user.

Next, the grayscale data is processed to obtain transparency data, which characterizes the transparency of the background part of each image frame in the current video. At least one image to be displayed is constructed based on the transparency data and the color data, and the at least one image to be displayed corresponds to the image frame in the current video. At least one image to be displayed can constitute a video to be displayed, and the video to be displayed is a transparent video, and the background part in the transparent video is transparent. In one example, the number of at least one image to be displayed and the number of image frames in the current video can be consistent. After obtaining at least one image to be displayed, the image to be displayed can be displayed, thereby achieving the playback of the transparent video.

According to the embodiments of the present disclosure, in some scenarios, the player or browser does not support playing videos with transparency data, so it is impossible to import videos with transparency data into the player or browser. Through the technical solution of the embodiments of the present disclosure, after the current video with grayscale data is imported into the player or browser, the grayscale data is processed to obtain transparency data, and multiple images to be displayed corresponding to the current video are rendered based on the transparency data and color data. The background part of the image to be displayed is transparent, and the video with transparency data is indirectly played through the player or browser by displaying the image to be displayed, thereby meeting the user's demand for video playback.

FIG3 schematically shows a flow chart of a video processing method according to another embodiment of the present disclosure.

As shown in Fig. 3, the video processing method 200 of the embodiment of the present disclosure may include, for example, operations S310 to S360, wherein operation S340 includes, for example, operations S341 to S343.

In operation S310, an initial video is acquired, the initial video including transparency data and color data.

Taking an image frame in the initial video as an example, a certain pixel in the image frame can be represented as RGBA (r, g, b, a), where r, g, b represent color channels, and the value ranges of r, g, b are, for example, 0-255. a represents a transparent channel, and the value range of a is, for example, 0-1. When a is 0, it means completely transparent, when a is 1, it means completely opaque, and when a=0.5, it means semi-transparent.

In operation S320, the transparency data is processed to obtain grayscale data.

In operation S330, a current video is obtained based on the grayscale data and the color data.

For example, the transparency data is weighted with a first weight to obtain grayscale data. In one example, the first weight may be a value of 255, and the transparency data is multiplied by the first weight to obtain the corresponding grayscale data. For example, for a pixel (r, g, b, a), the transparency data a is processed to obtain grayscale data a*255, and the processed pixel may be represented as (r, g, b, a*255). Based on each processed pixel, the current video is obtained.

In operation S340, for a current video having grayscale data and color data, grayscale data of the current video is processed to obtain transparency data. For example, operation S340 includes the following operations S341 to S343.

In operation S341, the current video is played on the browser page.

In operation S342, a current image frame is determined from the current video being played.

In operation S343, the grayscale data of the current image frame is processed to obtain transparency data for the current image frame.

Exemplarily, when playing the current video on the browser page, it can be played in a hidden format, that is, the user cannot see the hidden current video on the browser page, avoiding the current video from blocking the relevant content on the browser page. Then, the current image frame being displayed at this moment is determined from the hidden current video.

Then, the grayscale data of the current image frame is weighted by the second weight to obtain transparency data for the current image frame. For example, for the current image frame, each pixel of the current image frame includes color data and grayscale data, and the grayscale data of each pixel is multiplied by the second weight to obtain transparency data.

For example, the second weight is the reciprocal of the first weight, and when the first weight is 255, the second weight is 1/255. For example, for a pixel (r, g, b, a*255), a*255 is grayscale data, and the grayscale data a*255 is processed based on the second weight to obtain transparency data a*255*1/255=a. The processed pixel can be represented as (r, g, b, a), and a represents transparency data.

In operation S350, at least one to-be-displayed image associated with the current video is constructed based on the transparency data and the color data.

For example, based on the transparency data and the color data of the current image frame, an image to be displayed corresponding to the current image frame is constructed. In other words, when the current video is hidden and played, the current image frame being displayed by the current video can be detected in real time, and the corresponding image to be displayed can be rendered based on the current image frame, and the image to be displayed has transparency data.

In operation S360, at least one image to be displayed is displayed. For example, at least one image to be displayed is displayed on a canvas of a browser, that is, the image to be displayed is generated by rendering frame by frame by detecting the playback progress of the current video, and the image to be displayed is displayed on the canvas.

According to the embodiments of the present disclosure, in some scenarios, the browser does not support playing the initial video with transparency data, so the initial video with transparency data cannot be imported into the browser. Through the technical solution of the embodiments of the present disclosure, the transparency data in the initial video is processed into grayscale data to obtain the current video, and then the current video with grayscale data is imported into the browser.

After the current video is imported into the browser, the current video is played in a hidden manner, and the current image frame being displayed by the current video is detected in real time. The grayscale data of the current image frame is processed to render an image to be displayed with transparency data. By displaying the image to be displayed, the video with transparency data is indirectly played through the browser, which solves the problem that the browser does not support the playback of videos with transparency data in some scenarios and meets the user's demand for video playback.

According to an embodiment of the present disclosure, a control may also be displayed on the canvas of the browser, and the control is used to control the playback state of the current video. For example, the playback state includes at least one of starting playback, pausing playback, and playback progress. The control may be used to control the playback, pausing, and playback progress of the current video. The display control may include a play button, a pause button, a progress bar, and the like. Taking the progress bar as an example, the playback progress of the current video may be adjusted by dragging the progress bar.

The current video originally has an original control to control the playback state of the current video, but when the current video is played in a hidden manner, the original control is also hidden. Although the current video is played in a hidden manner, the disclosed embodiment can still control the playback state of the current video by rendering a generated control on a canvas. When an input operation is received through the control, the playback state of the current video is controlled based on the input operation. Based on the playback state of the current video, the display mode of at least one image to be displayed is changed. For example, at least one image to be displayed can be used as a video to be displayed, and the video to be displayed is a transparent video. By detecting the playback state of the current video, the display state of the video to be displayed is synchronously changed so that the display state of the video to be displayed is consistent with the state of the current video. For example, when the input operation received through the control is pause, the playback state of the current video is controlled to be a pause state, and the display state of the video to be displayed is changed from a play state to a pause state.

According to the embodiments of the present disclosure, by rendering and generating controls on the canvas of the browser, and controlling the playback state of the current video through the controls, the state of the transparent video is synchronized to be consistent with the state of the current video, and the effect of indirectly playing the transparent video through the browser is achieved, which solves the problem that the browser does not support the playback of videos with transparency data in some scenarios. In addition, the state of the transparent video can be controlled according to user needs through the controls, thereby improving the user experience.

FIG. 4 schematically shows a schematic diagram of a video processing method according to an embodiment of the present disclosure.

As shown in FIG. 4 , the current video 410 includes a grayscale channel 411 and a color channel 412 , and the grayscale channel 411 and the color channel 412 are combined to form the current video 410 .

The current video 410 is imported into the browser, for example, the current video 410 is used as the input of the webGL interface in the browser, which is a JavaScript API that can render high-performance interactive 3D and 2D images in a compatible web browser. Then, the grayscale channel 411 is converted into a transparent channel, for example, the grayscale pixel data corresponding to the grayscale channel 411 is parsed frame by frame, and the grayscale pixel data is converted into transparent pixel data. Next, the transparent channel and the color channel 412 are merged to obtain a transparent video 420.

When the current video 410 is played in a hidden manner in the browser, it is rendered frame by frame on the browser canvas to achieve the effect of displaying the transparent video 420 on the canvas, wherein the transparent video 420 includes multiple frames of images to be displayed. In addition, the audio data corresponding to the current video 410 can be used as the audio data for the transparent video 420.

It can be understood that the current video is obtained by converting the transparency data of the initial video into grayscale data so that the current video can be imported into the browser, and then webGL is used to parse and render to generate a transparent video, thereby achieving the effect of playing a transparent video on the browser page and meeting the needs of video playback.

FIG5 schematically shows a block diagram of a video processing device according to an embodiment of the present disclosure.

As shown in FIG. 5 , the video processing device 500 according to the embodiment of the present disclosure includes, for example, a first processing module 510 , a construction module 520 , and a first display module 530 .

The first processing module 510 can be used to process the grayscale data of the current video with grayscale data and color data to obtain transparency data. According to an embodiment of the present disclosure, the first processing module 510 can, for example, perform operation S210 described above with reference to FIG. 2, which will not be repeated here.

The construction module 520 may be used to construct at least one to-be-displayed image associated with the current video based on the transparency data and the color data. According to an embodiment of the present disclosure, the construction module 520 may, for example, perform the operation S220 described above with reference to FIG. 2 , which will not be described in detail herein.

The first display module 530 may be used to display at least one image to be displayed. According to an embodiment of the present disclosure, the first display module 530 may, for example, perform the operation S230 described above with reference to FIG. 2 , which will not be described in detail herein.

According to an embodiment of the present disclosure, the device 500 may further include: a first acquisition module, a second processing module, and a second acquisition module. The first acquisition module is used to acquire an initial video, wherein the initial video includes transparency data and color data; the second processing module is used to process the transparency data to obtain grayscale data; and the second acquisition module is used to obtain a current video based on the grayscale data and the color data.

According to an embodiment of the present disclosure, the second processing module is further used to: perform weighted processing on the transparency data with a first weight to obtain grayscale data.

According to an embodiment of the present disclosure, the first processing module 510 includes: a playing submodule, a determining submodule and a processing submodule. The playing submodule is used to play the current video on the browser page; the determining submodule is used to determine the current image frame from the current video being played; the processing submodule is used to process the grayscale data of the current image frame to obtain the transparency data for the current image frame, wherein the current video is played in a hidden format.

According to an embodiment of the present disclosure, the processing submodule is further used to: perform weighted processing on the grayscale data of the current image frame with a second weight to obtain transparency data for the current image frame, wherein the second weight and the first weight are reciprocals of each other.

According to an embodiment of the present disclosure, the construction module 520 is further used to construct an image to be displayed corresponding to the current image frame based on transparency data for the current image frame and color data for the current image frame.

According to an embodiment of the present disclosure, the first display module 530 is further configured to: display at least one image to be displayed on a canvas of the browser.

According to an embodiment of the present disclosure, the device 500 may further include: a second display module, used to display controls on the canvas of the browser, wherein the controls are used to control the playback status of the current video, wherein the playback status includes at least one of starting playback, pausing playback, and playback progress.

According to an embodiment of the present disclosure, the device 500 may further include: a control module and a change module. The control module is used to control the playback state of the current video based on the input operation in response to receiving the input operation through the control; the change module is used to change the display mode of at least one image to be displayed based on the playback state of the current video.

In the technical solution of the present disclosure, the collection, storage, use, processing, transmission, provision and disclosure of user personal information involved are in compliance with the provisions of relevant laws and regulations and do not violate public order and good morals.

According to an embodiment of the present disclosure, the present disclosure also provides an electronic device, a readable storage medium and a computer program product.

FIG. 6 is a block diagram of an electronic device for performing video processing to implement an embodiment of the present disclosure.

FIG6 shows a schematic block diagram of an example electronic device 600 that can be used to implement an embodiment of the present disclosure. The electronic device 600 is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present disclosure described and/or required herein.

As shown in Figure 6, the device 600 includes a computing unit 601, which can perform various appropriate actions and processes according to a computer program stored in a read-only memory (ROM) 602 or a computer program loaded from a storage unit 608 into a random access memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the device 600 can also be stored. The computing unit 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to the bus 604.

A number of components in the device 600 are connected to the I/O interface 605, including: an input unit 606, such as a keyboard, a mouse, etc.; an output unit 607, such as various types of displays, speakers, etc.; a storage unit 608, such as a disk, an optical disk, etc.; and a communication unit 609, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 609 allows the device 600 to exchange information/data with other devices through a computer network such as the Internet and/or various telecommunication networks.

The computing unit 601 may be a variety of general and/or special processing components with processing and computing capabilities. Some examples of the computing unit 601 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various dedicated artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, digital signal processors (DSPs), and any appropriate processors, controllers, microcontrollers, etc. The computing unit 601 performs the various methods and processes described above, such as video processing methods. For example, in some embodiments, the video processing method may be implemented as a computer software program, which is tangibly contained in a machine-readable medium, such as a storage unit 608. In some embodiments, part or all of the computer program may be loaded and/or installed on the device 600 via ROM 602 and/or communication unit 609. When the computer program is loaded into RAM 603 and executed by the computing unit 601, one or more steps of the video processing method described above may be performed. Alternatively, in other embodiments, the computing unit 601 may be configured to perform the video processing method in any other appropriate manner (e.g., by means of firmware).

Various implementations of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various implementations may include: being implemented in one or more computer programs that can be executed and/or interpreted on a programmable system including at least one programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.

The program code for implementing the method of the present disclosure may be written in any combination of one or more programming languages. These program codes may be provided to a processor or controller of a general-purpose computer, a special-purpose computer, or other programmable video processing device, so that the program code, when executed by the processor or controller, causes the functions/operations specified in the flow chart and/or block diagram to be implemented. The program code may be executed entirely on the machine, partially on the machine, partially on the machine and partially on a remote machine as a stand-alone software package, or entirely on a remote machine or server.

In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

To provide interaction with a user, the systems and techniques described herein can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user can provide input to the computer. Other types of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including acoustic input, voice input, or tactile input).

The systems and techniques described herein may be implemented in a computing system that includes back-end components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes front-end components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such back-end components, middleware components, or front-end components. The components of the system may be interconnected by any form or medium of digital data communication (e.g., a communications network). Examples of communications networks include: a local area network (LAN), a wide area network (WAN), and the Internet.

A computer system may include a client and a server. The client and the server are generally remote from each other and usually interact through a communication network. The relationship of client and server is generated by computer programs running on respective computers and having a client-server relationship with each other. The server may be a cloud server, a server of a distributed system, or a server combined with a blockchain.

It should be understood that the various forms of processes shown above can be used to reorder, add or delete steps. For example, the steps recorded in this disclosure can be executed in parallel, sequentially or in different orders, as long as the desired results of the technical solutions disclosed in this disclosure can be achieved, and this document does not limit this.

The above specific implementations do not constitute a limitation on the protection scope of the present disclosure. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions can be made according to design requirements and other factors. Any modification, equivalent substitution and improvement made within the spirit and principle of the present disclosure shall be included in the protection scope of the present disclosure.

Claims (16)

1. A video processing method, comprising: Playing a current video in a hidden format, wherein the current video includes grayscale data for a background and color data for an object; In the process of playing the current video in the hidden format, detecting the current image frame of the current video being played, and converting the grayscale data of the detected current image frame into transparency data; constructing at least one to-be-displayed image associated with the current video as a transparent video based on the transparency data and the color data; and Playing the transparent video in a display format; The play state of the current video and the play state of the transparent video are synchronized. During the synchronous play of the current video and the transparent video, the controls in the current video are hidden. The controls are used to control the play state of the current video. The play state includes at least one of start play, pause play, and play progress. The method further comprises: Displaying the control on a canvas of the browser, and in response to receiving an input operation through the control, controlling the playback state of the current video based on the input operation; The playback state of the current video is detected, and the playback state of the transparent video is synchronized to be consistent with the playback state of the current video. 2. The method according to claim 1, further comprising: Acquire an initial video, wherein the initial video includes transparency data and color data; Processing the transparency data to obtain grayscale data; and The current video is obtained based on the grayscale data and the color data. 3. The method according to claim 2, wherein the processing of the transparency data to obtain grayscale data comprises: The transparency data is weighted by a first weight to obtain the grayscale data. 4. The method according to claim 3, wherein the step of detecting a current image frame of the current video being played and converting the grayscale data of the detected current image frame into transparency data comprises: Play the current video on the browser page; Determining a current image frame from the current video being played; and The grayscale data of the current image frame is processed to obtain transparency data for the current image frame. 5. The method according to claim 4, wherein the processing of the grayscale data of the current image frame to obtain transparency data for the current image frame comprises: The grayscale data of the current image frame is weighted by a second weight to obtain transparency data for the current image frame. The second weight and the first weight are reciprocals of each other. 6. The method according to claim 4 or 5, wherein constructing at least one to-be-displayed image associated with the current video based on the transparency data and the color data comprises: Based on the transparency data for the current image frame and the color data for the current image frame, an image to be displayed corresponding to the current image frame is constructed. 7. The method according to claim 6, wherein playing the transparent video in a display format comprises: The at least one image to be displayed is displayed on a canvas of the browser. 8. A video processing device, comprising: A first processing module is used to play the current video in a hidden format, wherein the current video includes grayscale data for the background and color data for the object; in the process of playing the current video in the hidden format, detect a current image frame of the current video being played, and convert the grayscale data of the detected current image frame into transparency data; a construction module, configured to construct at least one to-be-displayed image associated with the current video as a transparent video based on the transparency data and the color data; and A first display module, used for playing the transparent video in a display format; The play state of the current video and the play state of the transparent video are synchronized. During the synchronous play of the current video and the transparent video, the controls in the current video are hidden. The controls are used to control the play state of the current video. The play state includes at least one of start play, pause play, and play progress. The device also includes: A control module, configured to display the control on a canvas of the browser, and in response to receiving an input operation through the control, control the playback state of the current video based on the input operation; The synchronization module is used to detect the playback status of the current video and synchronize the playback status of the transparent video to be consistent with the playback status of the current video. 9. The apparatus according to claim 8, further comprising: A first acquisition module, used to acquire an initial video, wherein the initial video includes transparency data and color data; A second processing module, used for processing the transparency data to obtain grayscale data; and The second acquisition module is used to obtain the current video based on the grayscale data and the color data. 10. The device according to claim 9, wherein the second processing module is further configured to: The transparency data is weighted by a first weight to obtain the grayscale data. 11. The apparatus according to claim 10, wherein the first processing module comprises: A playback submodule, used to play the current video on a browser page; A determination submodule, used to determine a current image frame from the current video being played; and The processing submodule is used to process the grayscale data of the current image frame to obtain transparency data for the current image frame. 12. The device according to claim 11, wherein the processing submodule is further configured to: The grayscale data of the current image frame is weighted by a second weight to obtain transparency data for the current image frame. The second weight and the first weight are reciprocals of each other. 13. The device according to claim 11 or 12, wherein the building block is further used for: Based on the transparency data for the current image frame and the color data for the current image frame, an image to be displayed corresponding to the current image frame is constructed. 14. The device according to claim 13, wherein the first display module is further used for: The at least one image to be displayed is displayed on a canvas of the browser. 15. An electronic device, comprising: at least one processor; and a memory communicatively connected to the at least one processor; wherein, The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the method according to any one of claims 1 to 7. 16. A non-transitory computer-readable storage medium storing computer instructions, wherein the computer instructions are used to cause the computer to execute the method of any one of claims 1 to 7.