具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。

在使用类似于“A、B和C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。

本公开的实施例提供了一种视频处理方法。视频处理方法包括：针对具有灰度数据和色彩数据的当前视频，处理当前视频的灰度数据，得到透明度数据。然后，基于透明度数据和色彩数据，构建与当前视频相关联的至少一个待显示图像。接下来，显示至少一个待显示图像。

图1示意性示出了根据本公开一实施例的视频处理方法和装置的应用场景。需要注意的是，图1所示仅为可以应用本公开实施例的应用场景的示例，以帮助本领域技术人员理解本公开的技术内容，但并不意味着本公开实施例不可以用于其他设备、系统、环境或场景。

如图1所示，本公开实施例的应用场景100包括浏览器页面110，在浏览器页面110上可以显示相关的内容。

例如，在浏览器页面110上显示的相关内容以“X”表示，显示的相关内容包括但不仅限于文字、图片、图标等等。例如，当用户通过浏览器进行搜索时，相关内容可以包括针对用户的搜索词的搜索结果。

示例性地，在浏览器页面110上可以播放视频。相关技术在播放视频111时，视频111通常遮挡显示在浏览器页面110上的相关内容。

为了解决视频111遮挡显示在浏览器页面110上的相关内容的问题，可以将具有透明度数据的视频112播放在浏览器页面110上，尽可能避免视频112遮挡显示在浏览器页面110上的相关内容。具有透明度数据的视频112中的背景部分例如为透明。

但是，相关技术的浏览器通常不支持播放具有透明度数据的视频112，因此，通过本公开实施例的视频处理方法，可以实现在浏览器页面110上显示具有透明度数据的视频112。

本公开实施例提供了一种视频处理方法，下面结合图1的应用场景，参考图2～图4来描述根据本公开示例性实施方式的视频处理方法。

图2示意性示出了根据本公开一实施例的视频处理方法的流程图。

如图2所示，本公开实施例的视频处理方法200例如可以包括操作S210～操作S230。

在操作S210，针对具有灰度数据和色彩数据的当前视频，处理当前视频的灰度数据，得到透明度数据。

在操作S220，基于透明度数据和色彩数据，构建与当前视频相关联的至少一个待显示图像。

在操作S230，显示至少一个待显示图像。

示例性地，当前视频例如包括灰度通道和色彩通道，灰度通道指示了灰度数据，色彩通道指示了色彩数据。色彩通道例如包括RGB通道，R表示红色、G表示绿色、B表示蓝色，即，RGB通道包括三个通道，每个通道的像素值可以不同，每个通道的像素值的取值范围例如为0-255。灰色通道可以包括一个通道，该通道的像素值的取值范围例如为0-255。或者，该灰色通道也可以包括三个通道，该三个通道的像素值的取值均相同，例如均为0-255。

当前视频的灰度数据例如是针对当前视频中每个图像帧中的背景部分，色彩数据例如是针对当前视频中每个图像帧中的主要对象所在部分。例如，如果当前视频是针对用户的，则色彩数据是针对用户所在的部分，灰度数据则是针对除用户之外的其他部分。

接下来，处理该灰度数据得到透明度数据，该透明度数据表征了当前视频中每个图像帧的背景部分的透明度。基于透明度数据和色彩数据构建至少一个待显示图像，该至少一个待显示图像与当前视频中的图像帧对应。至少一个待显示图像可以组成待显示视频，该待显示视频为透明视频，透明视频中的背景部分为透明。在一示例中，至少一个待显示图像的数量和当前视频中的图像帧数量可以一致。在得到至少一个待显示图像之后，可以显示待显示图像，进而实现播放透明视频。

根据本公开的实施例，在一些场景下播放器或浏览器不支持播放具有透明度数据的视频，因此无法将具有透明度数据的视频导入播放器或浏览器中。通过本公开实施例的技术方案，将具有灰度数据的当前视频导入播放器或浏览器中之后，再处理灰度数据得到透明度数据，基于透明度数据和色彩数据渲染与当前视频对应的多个待显示图像，该待显示图像的背景部分为透明，通过显示待显示图像间接实现了通过播放器或浏览器播放具有透明度数据的视频，实现了用户对视频播放的需求。

图3示意性示出了根据本公开另一实施例的视频处理方法的流程图。

如图3所示，本公开实施例的视频处理方法200例如可以包括操作S310～操作S360。其中，操作S340例如包括操作S341～操作S343。

在操作S310，获取初始视频，初始视频包括透明度数据和色彩数据。

以初始视频中的一个图像帧为例，该图像帧中的某一像素可以表示为RGBA(r，g，b，a)，其中，r、g、b例如表示色彩通道，r、g、b取值范围例如均为0-255。a例如表示透明通道，a的取值范围例如为0-1，当a为0时表示完全透明，当a为1时表示完全不透明，当a＝0.5时表示半透明。

在操作S320，处理透明度数据，得到灰度数据。

在操作S330，基于灰度数据和色彩数据，得到当前视频。

例如，以第一权重对透明度数据进行加权处理，得到灰度数据。在一示例中，第一权重可以是数值255，将透明度数据乘以第一权重得到对应的灰度数据。例如，针对像素(r，g，b，a)，处理其中的透明度数据a得到灰度数据a*255，处理后的像素可以表示为(r，g，b，a*255)。基于每个处理后的像素，得到当前视频。

在操作S340，针对具有灰度数据和色彩数据的当前视频，处理当前视频的灰度数据，得到透明度数据。例如，操作S340包括以下操作S341～操作S343。

在操作S341，在浏览器页面上播放当前视频。

在操作S342，从播放的当前视频中确定当前图像帧。

在操作S343，处理当前图像帧的灰度数据，得到针对当前图像帧的透明度数据。

示例性地，在浏览器页面上播放当前视频时，可以以隐藏格式进行播放，即用户在浏览器页面上看不到隐藏的当前视频，避免当前视频遮挡浏览器页面上的相关内容。然后，从隐藏播放的当前视频中确定此刻正在显示的当前图像帧。

然后，以第二权重对当前图像帧的灰度数据进行加权处理，得到针对当前图像帧的透明度数据。例如，针对当前图像帧，该当前图像帧的每个像素包括色彩数据灰度数据，将每个像素的灰度数据乘以第二权重得到透明度数据。

例如，第二权重与第一权重互为倒数，当第一权重为255时，第二权重为1/255。例如，针对一个像素(r，g，b，a*255)，a*255为灰度数据，基于第二权重处理该灰度数据a*255得到透明度数据a*255*1/255＝a，处理后的像素可以表示为(r，g，b，a)，a表示透明度数据。

在操作S350，基于透明度数据和色彩数据，构建与当前视频相关联的至少一个待显示图像。

例如，基于针对当前图像帧的透明度数据和针对当前图像帧的色彩数据，构建与当前图像帧对应的一个待显示图像。换言之，在当前视频隐藏播放时，可以实时检测当前视频正在显示的当前图像帧，并基于当前图像帧渲染得到对应的待显示图像，该待显示图像具有透明度数据。

在操作S360，显示至少一个待显示图像。例如，在浏览器的画布上显示至少一个待显示图像，即，通过检测当前视频的播放进度来逐帧进行渲染生成待显示图像，并将待显示图像显示在画布上。

根据本公开的实施例，在一些场景下浏览器不支持播放具有透明度数据的初始视频，因此无法将具有透明度数据的初始视频导入浏览器中。通过本公开实施例的技术方案，将初始视频中的透明度数据处理成灰度数据，从而得到当前视频，然后将具有灰度数据的当前视频导入浏览器中。

将当前视频导入浏览器之后，以隐藏的方式播放当前视频，并实时检测当前视频正在显示的当前图像帧，处理当前图像帧的灰度数据以渲染得到具有透明度数据的待显示图像，通过显示待显示图像间接实现了通过浏览器播放具有透明度数据的视频，解决了在一些场景下浏览器不支持播放具有透明度数据的视频的问题，实现了用户对视频播放的需求。

根据本公开的实施例，还可以在浏览器的画布上显示控件，控件用于控制当前视频的播放状态。例如，播放状态包括开始播放、暂停播放、播放进度中的至少一项。通过控件可以控制当前视频的进行播放、暂停、播放进度等。显示控件可以包括播放键、暂停键、进度条等，以进度条为例，通过拖动进度条可以调整当前视频的播放进度。

当前视频本来是具有原始控件来控制当前视频的播放状态的，但是，当前视频以隐藏方式进行播放时，原始控件也被隐藏。虽然当前视频以隐藏方式进行播放，本公开实施例还是可以通过在画布上渲染生成控件来控制当前视频的播放状态。当通过控件接收到输入操作时，基于输入操作控制当前视频的播放状态。基于当前视频的播放状态，改变至少一个待显示图像的显示模式。例如，至少一个待显示图像可以作为待显示视频，待显示视频即为透明视频，通过检测当前视频的播放状态，同步改变待显示视频的显示状态，使得待显示视频的显示状态与当前视频的状态一致。例如，当通过控件接收到的输入操作为暂停时，控制当前视频的播放状态为暂停状态，并将待显示视频的显示状态由播放状态改变为暂停状态。

根据本公开的实施例，通过在浏览器的画布上渲染生成控件，并通过控件控制当前视频的播放状态，进而将透明视频的状态同步为与当前视频的状态一致，实现间接通过浏览器播放透明视频的效果，解决了在一些场景下浏览器不支持具有透明度数据的视频播放的问题。并且通过控件可以实现根据用户需求来控制透明视频的状态，提高用户的体验。

图4示意性示出了根据本公开一实施例的视频处理方法的示意图。

如图4所示，当前视频410包括灰度通道411和色彩通道412，灰度通道411和色彩通道412合并形成当前视频410。

将当前视频410导入浏览器，例如将当前视频410作为浏览器中webGL接口的输入，webGL是一种JavaScript API，可在兼容的Web浏览器中渲染高性能的交互式3D和2D图像。然后，将灰度通道411转换为透明通道，例如逐帧解析灰度通道411对应的灰度像素数据，将灰度像素数据转换为透明像素数据。接下来，将透明通道和色彩通道412合并，得到透明视频420。

在浏览器中以隐藏方式播放当前视频410时，同时在浏览器的画布上逐帧渲染，实现在画布上显示透明视频420的效果，其中，透明视频420包括多帧待显示图像。另外，可以将与当前视频410对应的音频数据作为针对透明视频420的音频数据。

可以理解，通过将初始视频的透明度数据转换为灰度数据得到当前视频，以便将当前视频导入浏览器中，然后利用webGL解析并渲染生成透明视频，实现了在浏览器页面上播放透明视频的效果，满足视频播放的需求。

图5示意性示出了根据本公开一实施例的视频处理装置的框图。

如图5所示，本公开实施例的视频处理装置500例如包括第一处理模块510、构建模块520以及第一显示模块530。

第一处理模块510可以用于针对具有灰度数据和色彩数据的当前视频，处理当前视频的灰度数据，得到透明度数据。根据本公开实施例，第一处理模块510例如可以执行上文参考图2描述的操作S210，在此不再赘述。

构建模块520可以用于基于透明度数据和色彩数据，构建与当前视频相关联的至少一个待显示图像。根据本公开实施例，构建模块520例如可以执行上文参考图2描述的操作S220，在此不再赘述。

第一显示模块530可以用于显示至少一个待显示图像。根据本公开实施例，第一显示模块530例如可以执行上文参考图2描述的操作S230，在此不再赘述。

根据本公开的实施例，装置500还可以包括：第一获取模块、第二处理模块和第二获取模块。第一获取模块，用于获取初始视频，其中，初始视频包括透明度数据和色彩数据；第二处理模块，用于处理透明度数据，得到灰度数据；第二获取模块，用于基于灰度数据和色彩数据，得到当前视频。

根据本公开的实施例，第二处理模块还用于：以第一权重对透明度数据进行加权处理，得到灰度数据。

根据本公开的实施例，第一处理模块510包括：播放子模块、确定子模块和处理子模块。播放子模块，用于在浏览器页面上播放当前视频；确定子模块，用于从播放的当前视频中确定当前图像帧；处理子模块，用于处理当前图像帧的灰度数据，得到针对当前图像帧的透明度数据，其中，当前视频以隐藏格式进行播放。

根据本公开的实施例，处理子模块还用于：以第二权重对当前图像帧的灰度数据进行加权处理，得到针对当前图像帧的透明度数据，其中，第二权重与第一权重互为倒数。

根据本公开的实施例，构建模块520还用于：基于针对当前图像帧的透明度数据和针对当前图像帧的色彩数据，构建与当前图像帧对应的一个待显示图像。

根据本公开的实施例，第一显示模块530还用于：在浏览器的画布上显示至少一个待显示图像。

根据本公开的实施例，装置500还可以包括：第二显示模块，用于在浏览器的画布上显示控件，其中，控件用于控制当前视频的播放状态，其中，播放状态包括开始播放、暂停播放、播放进度中的至少一项。

根据本公开的实施例，装置500还可以包括：控制模块和改变模块。控制模块，用于响应于通过控件接收到输入操作，基于输入操作控制当前视频的播放状态；改变模块，用于基于当前视频的播放状态，改变至少一个待显示图像的显示模式。

本公开的技术方案中，所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理，均符合相关法律法规的规定，且不违背公序良俗。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图6是用来实现本公开实施例的用于执行视频处理的电子设备的框图。

图6示出了可以用来实施本公开实施例的示例电子设备600的示意性框图。电子设备600旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图6所示，设备600包括计算单元601，其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序，来执行各种适当的动作和处理。在RAM 603中，还可存储设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

设备600中的多个部件连接至I/O接口605，包括：输入单元606，例如键盘、鼠标等；输出单元607，例如各种类型的显示器、扬声器等；存储单元608，例如磁盘、光盘等；以及通信单元609，例如网卡、调制解调器、无线通信收发机等。通信单元609允许设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理，例如视频处理方法。例如，在一些实施例中，视频处理方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元608。在一些实施例中，计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到设备600上。当计算机程序加载到RAM 603并由计算单元601执行时，可以执行上文描述的视频处理方法的一个或多个步骤。备选地，在其他实施例中，计算单元601可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行视频处理方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至y一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程视频处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。