CN111010591A - 视频的编辑方法及浏览器、服务器 - Google Patents

Abstract

本申请提供了一种视频的编辑方法及浏览器、服务器；其中，所述视频的编辑方法包括：浏览器获取用户添加的元素；所述浏览器利用所述元素中除待编辑视频外的元素，生成并显示多张元素效果合成图；其中，每张所述元素效果合成图，至少包括一个所述用户指定的，所述元素中除所述待编辑视频外的元素；所述浏览器将所述待编辑视频以及所述元素效果合成图，发送给服务器；所述服务器将所述元素效果合成图叠加到所述待编辑视频中，得到最终视频；所述服务器将所述最终视频发送给所述浏览器。通过生成并元素效果合成图并显示给用户，以及直接将元素效果合成图叠加到待编辑视频中，得到最终视频，使得编辑得到的最终视频，与用户在浏览器看到效果是一致的。

Description

视频的编辑方法及浏览器、服务器

技术领域

本申请涉及视频编辑技术领域，特别涉及一种视频的编辑方法及浏览器、服务器。

背景技术

随着网络媒体的发展，越来越多的用户开始通过视频处理软件，对视频进行处理，例如添加字幕、添加图片、拼接视频等。但是，视频处理软件不仅需要进行下载安装，并且不少的视频处理软件还需要购买才能使用。

所以现在为了让用户更加便捷的对视频进行编辑，人们开始开发设计在线视频编辑处理系统，让用户直接可以在浏览器中对视频进行编辑，无需下载和安装视频编辑软件。

但是，现有技术中，由于浏览器和生成视频的服务器的软件环境差异极大，所以用户在浏览器看到的，浏览器对视频、图片、文字等元素的编辑效果，与将视频、图片、文字等元素发送给服务器后，服务器编辑生成的视频的效果，存在较大的差异，从而使得用户很难得到满意视频。

发明内容

基于上述现有技术的不足，本申请提供了一种视频的编辑方法及装置，以解决现有技术通过在线编辑视频时，在浏览器看到的编辑效果与最终生成的视频的效果不一致的问题。

为了实现上述目的，本申请提供了以下技术方案：

本申请第一方面提供了一种视频的编辑方法，包括：

浏览器获取用户添加的元素；

所述浏览器利用所述元素中除待编辑视频外的元素，生成并显示多张元素效果合成图；其中，每张所述元素效果合成图，至少包括一个所述用户指定的，所述元素中除所述待编辑视频外的元素；

所述浏览器将所述待编辑视频以及所述元素效果合成图，发送给服务器；

所述浏览器接收所述服务器发送的最终视频；其中，所述最终视频由所述浏览器将所述元素效果合成图叠加到所述待编辑视频中得到。

可选地，在上述方法中，所述浏览器获取用户添加的元素，包括：

所述浏览器为所述用户提供多个视频模板；

所述浏览器获取所述用户选择的所述视频模板的元素以及所述用户添加到所述视频模板中的元素。

可选地，在上述方法中，所述浏览器利用所述元素中除待编辑视频外的元素，生成多张元素效果合成图，包括：

所述浏览器将所述元素划分为第一类元素和第二类元素；其中，所述第一类元素包括所述待编辑视频，所述第二类元素包括除所述待编辑视频外的其他元素；

所述浏览器分别将所述第二类元素中一个或多个元素，根据所述元素的层级的顺序，依次叠加到画布上，得到多张元素效果合成图；其中，每张所述画布上叠加的元素以及所述元素的层级由所述用户指定。

可选地，在上述方法中，所述浏览器分别将所述第二类元素中一个或多个元素，根据所述元素的层级的顺序，依次叠加到画布上，得到多张元素效果合成图，包括：

所述浏览器将所述第二类元素划分为多个元素组；其中，一个所述元素组包含所述第二类元素中，由所述用户指定叠加到同一画布上的所有元素；

所述浏览器针对每个所述元素组，创建一张空白画布，并依据所述元素的层级的顺序，依次将所述元素组的元素绘制在所述空白画布上，得到每个所述元素组对应的元素效果合成图。

本申请第二方面提供了另一种视频的编辑方法，包括：

所述服务器接收浏览器发送的待编辑视频以及元素效果合成图；其中，所述元素效果合成图由所述浏览器利用用户添加的元素中，除待编辑视频外的元素生成并显示；每张所述元素效果合成图，至少包括一个所述用户指定的，所述元素中除所述待编辑视频外的元素；

所述服务器将所述元素效果合成图叠加到所述待编辑视频中，得到最终视频；

所述服务器将所述最终视频发送给所述浏览器。

可选地，在上述方法中，所述服务器将所述元素效果合成图叠加到所述待编辑视频中，得到最终视频，包括：

所述服务器利用目标元素效果合成图生成背景视频；其中，所述目标元素效果合成图仅包括用户指定层级最低的元素；

所述服务器分别将所述待编辑视频的每一视频帧，叠加到所述背景视频对应的一帧视频帧上；

所述服务器将除所述目标元素效果合成图之外的所述元素效果合成图，分别叠加到对应的所述待编辑视频的视频帧上；其中，所述除所述目标元素效果合成图之外的元素效果合成图，对应的所述待编辑视频的视频帧由所述用户指定。

可选地，在上述方法中，所述服务器将除所述目标元素效果合成图之外的所述元素效果合成图，分别叠加到所述待编辑视频的相应视频帧上，包括：

所述服务器确定所述待编辑视频的每一帧视频帧，对应的所述元素效果合成图；

所述服务器分别针对所述待编辑视频的每一帧视频帧，将所述视频帧对应的所述元素效果合成图，根据所述元素效果合成图的层级的顺序，依次叠加到所述视频帧上。

本申请第三方面提供了一种浏览器，包括：

获取单元，用于获取用户添加的元素；

生成单元，用于利用所述元素中除待编辑视频外的元素，生成并显示多张元素效果合成图；其中，每张所述元素效果合成图，至少包括一个所述用户指定的，所述元素中除所述待编辑视频外的元素；

发送单元，用于将所述待编辑视频以及所述元素效果合成图，发送给服务器；

接收单元，用于接收所述服务器发送的最终视频；其中，所述最终视频由所述浏览器将所述元素效果合成图叠加到所述待编辑视频中得到。

可选地，在上述浏览器中，所述获取单元，包括：

提供单元，用于为所述用户提供多个视频模板；

获取子单元，用于获取所述用户选择的所述视频模板的元素以及所述用户添加到所述视频模板中的元素。

可选地，在上述浏览器中，所述生成单元，包括：

分类单元，用于将所述元素划分为第一类元素和第二类元素；其中，所述第一类元素包括所述待编辑视频，所述第二类元素包括除所述待编辑视频外的其他元素；

生成子单元，用于分别将所述第二类元素中一个或多个元素，根据所述元素的层级的顺序，依次叠加到画布上，得到多张元素效果合成图；其中，每张所述画布上叠加的元素以及所述元素的层级由所述用户指定。

可选地，在上述浏览器中，所述生成子单元，包括：

分组单元，用于将所述第二类元素划分为多个元素组；其中，一个所述元素组包含所述第二类元素中，由所述用户指定叠加到同一画布上的所有元素；

绘制单元，用于针对每个所述元素组，创建一张空白画布，并依据所述元素的层级的顺序，依次将所述元素组的元素绘制在所述空白画布上，得到每个所述元素组对应的元素效果合成图。

本申请第四方面提供了一种服务器，包括：

接收单元，用于接收浏览器发送的待编辑视频以及元素效果合成图；其中，所述元素效果合成图由所述浏览器利用用户添加的元素中，除待编辑视频外的元素生成并显示；每张所述元素效果合成图，至少包括一个所述用户指定的，所述元素中除所述待编辑视频外的元素；

叠加单元，用于将所述元素效果合成图叠加到所述待编辑视频中，得到最终视频；

发送单元，用于将所述最终视频发送给所述浏览器。

可选地，在上述服务器中，所述叠加单元，包括：

背景视频生成单元，用于利用目标元素效果合成图生成背景视频；其中，所述目标元素效果合成图仅包括用户指定层级最低的元素；

背景视频叠加单元，用于分别将所述待编辑视频的每一视频帧，叠加到所述背景视频对应的一帧视频帧上；

效果图叠加单元，用于将除所述目标元素效果合成图之外的所述元素效果合成图，分别叠加到对应的所述待编辑视频的视频帧上；其中，所述除所述目标元素效果合成图之外的元素效果合成图，对应的所述待编辑视频的视频帧由所述用户指定。

可选地，在上述服务器中，所述效果图叠加单元，包括：

确定单元，用于确定所述待编辑视频的每一帧视频帧，对应的所述元素效果合成图；

效果图叠加子单元，用于分别针对所述待编辑视频的每一帧视频帧，将所述视频帧对应的所述元素效果合成图，根据所述元素效果合成图的层级的顺序，依次叠加到所述视频帧上。

本申请提供的一种视频的编辑方法及浏览器、服务器，通过浏览器获取用户添加的元素，并利用用户添加的元素中，除待编辑视频外的元素，生成并显示多张元素效果合成图。其中，每张元素效果合成图，至少包括一个用户指定的除所述待编辑视频外的元素。从而让用户能直观的看到自己编译的元素合成后的效果，以便用户根据自己所要达到的编辑效果，进行相应地更改。然后，浏览器将待编辑视频以及元素效果合成图，发送给服务器，以通过服务器将元素效果合成图叠加到待编辑视频中得到最终视频，并将最终视频返回浏览器。由于，最终视频是由服务器将元素效果合成图直接叠加到待编辑视频得到，而不是单独将各个元素，编辑到待编辑视频中，所以有效地保证了所得到的最终视频，与用户在浏览器所看到效果是一致的，从而使得用户可以通过线上编译得到自己满意视频。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本申请实施例提供的一种视频的编辑方法的流程示意图；

图2为本申请另一实施例提供的另一种视频的编辑方法的流程示意图；

图3为本申请另一实施例提供的另一种视频的编辑方法的流程示意图；

图4为本申请另一实施例提供的另一种视频的编辑方法的流程示意图；

图5为本申请另一实施例提供的另一种视频的编辑方法的流程示意图；

图6为本申请另一实施例提供的另一种视频的编辑方法的流程示意图；

图7为本申请另一实施例提供的一种浏览器的结构示意图；

图8为本申请另一实施例提供的另一种浏览器的获取单元的结构示意图；

图9为本申请另一实施例提供的另一种浏览器的生成单元的结构示意图；

图10为本申请另一实施例提供的另一种浏览器的生成子单元的结构示意图；

图11为本申请另一实施例提供的一种服务器的结构示意图；

图12为本申请另一实施例提供的另一种服务器的叠加单元的结构示意图；

图13为本申请另一实施例提供的另一种服务器的效果图叠加单元的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

在本申请中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本申请实施例提供了一种视频的编辑方法，如图1所示，包括：

S101、浏览器获取用户添加的元素。

其中，元素指的是用于视频编辑的各种材料元素。具体可以包括待编辑视频、文字、背景图片、动画等。因此，获取用户添加的元素，具体为获取用户用于编辑视频的所有元素。

具体的，用户可以通过网上下载、输入以及上传等方式添加元素，然后对元素进行编辑。例如，在编辑视频的每一帧输入不同的字幕，然后编辑字幕的字体大小、字体颜色、字幕的显示位置以及字幕背景等。

可选地，本申请另一实施例中，步骤S101的一种实施方式，如图2所示，具体包括：

S201、浏览器为用户提供多个视频模板。

为了更方便用户进行编辑，浏览器还可以为用户提供多个预设的视频模板，用户可以选择并下载符合自己喜好的视频模板，然后对视频模板上的元素进行调整，或者在视频模板上添加其他元素，从而能加快视频编辑的效率，也能为用户带来编辑的灵感。当然，用户也可以不选择视频模板，或者从其他渠道获取视频模板。

S202、浏览器获取用户选择的视频模板的元素以及用户添加到视频模板中的元素。

由于视频模板也是用户选择下载的，所以用户选择的视频模板的元素以及用户添加到视频模板中的元素，都属于用户添加的元素。所以，浏览器将获取组成用户选择的视频模板的每个元素，以及用户添加到视频模板中的各个元素。

S102、浏览器利用元素中除待编辑视频外的元素，生成并显示多张元素效果合成图。

其中，元素效果合成图指的将用户添加的元素，绘制到画布上得到效果图。由于，一张元素效果合成图可以仅包含一个元素，也可以包含多个元素。每张元素效果合成图所包含的元素由用户指定。并且由于视频无法和其他元素进行合并，所以，每张元素效果合成图，至少包括一个用户指定的元素中，除待编辑视频外的元素。

具体的，由于经常需要在同一视频帧上添加多个元素，而元素与元素之间的平面位置关系即上下左右的关系，以及叠加关系即元素与元素之间的上下层级关系，对视频的最终效果的非常重要。所以，根据用户指定元素以及元素与元素的关系，将一个或多个元素，共同绘制在一张画布，得到元素合并后效果图，即元素效果合成图，并显示给用户，从而有助于用户对元素的进行编辑和调整，最终得到自己满意的效果。

可选地，本申请另一实施例中，步骤S102的一种具体实施方式，如图3所示，包括：

S301、浏览器将元素划分为第一类元素和第二类元素，第一类元素包括待编辑视频，第二类元素包括除待编辑视频外的其他元素。

由于，待编辑视频无法像其他元素一样，可以一起合并到一张画布上，合为一层，待编辑视频需要单独一层，所以待编辑视频不需要生成元素相关合成图。或者，也可以理解为待编辑视频的每一帧图片，就是一张元素效果合成图。

为了将待编辑视频和其他元素区分，本申请实施例中，将待编辑视频划分为第一类元素，将除待编辑视频外的其他元素划分为第二类元素。

S302、浏览器分别将第二类元素中一个或多个元素，根据元素的层级的顺序，依次叠加到画布上，得到多张元素效果合成图。

其中，每张画布上叠加的元素以及元素的层级由用户指定。具体的，元素的层级，指的是元素之间的上下层的位置关系，层级越低的元素，则越在底层。所以，当两个元素的添加位置存在重合时，在重合区域，上层的元素将会遮挡住下层的元素。

所以，用户在添加元素进行编辑时，除了要指定哪些元素共同合并为一张元素效果图外，还应该指定各个元素的层级。具体的，对于在合并为同一张画布上的元素，根据元素的层级的顺序，依次叠加到同一画布上，从而得到元素相互叠加后的效果图，即得到相应的元素效果合成图。

可选地，本申请另一实施例中，步骤S302的一种具体实施方式，如图4所示，包括：

S401、浏览器将第二类元素划分为多个元素组，一个元素组包含第二类元素中，由用户指定叠加到同一画布上的所有元素。

由于，对于用户指定的不叠加在同一画布上的元素，可以同时叠加在不同的画布上。即多线程执行元素效果合成图的生成操作。所以，可将第二类元素中用户指定叠加到同一画布上的所有元素，划分为一个元素组。然后，分别将每个元素组的元素叠加到画布上，避免出现元素的混淆，且易于同时生成多张元素效果合成图，加快视频编辑的效率。

S402、浏览器针对每个元素组，创建一张空白画布，并依据元素的层级的顺序，依次将元素组的元素绘制在空白画布上，得到每个元素组对应的元素效果合成图。

需要说明的是，将得到每个元素组对应的元素效果合成图显示给用户，用户可根据自己的需求，对元素的层级以及位置等进行调整。此时，将响应用户的调整操作，对元素效果合成图进行调整，并在后用户最终确认后，执行步骤S103。

S103、浏览器将待编辑视频以及元素效果合成图，发送给服务器。

需要说明的是，浏览器将待编辑视频以及元素效果合成图，发送给服务器，相应地服务器则接收浏览器发送的待编辑视频以及元素效果合成图。

S104、服务器将元素效果合成图叠加到待编辑视频中，得到最终视频。

具体的，服务器直接将元素效果合成图叠加到待编辑视频的视频帧上，即可以理解为进行图片的叠加，得到最终的视频。而不是将用户添加的各个元素，分别的添加到待编辑视频的视频帧上，所以避免了浏览器和服务器因软件环境差异大，对元素进行编辑所得到的效果存在较大差异的情况。

可选地，本申请另一实施例中，步骤S104的一种具体实施方式，如图5所示，包括：

S501、服务器利用目标元素效果合成图生成背景视频，目标元素效果合成图仅包括用户指定层级最低的元素。

需要说明的是，用户可以在添加元素时添加视频的背景图片。所添加的背景图片将单独生成一张元素效果合成图。由于，视频的背景图片是显示在视频帧的下层，所以背景图片是层级最低的元素。可选地，若用户未额外添加背景图片，则默认用户添加的背景图片为白色或者黑色。并且，背景图片的大小范围则为视频所能放大的最大范围。

具体的，服务器根据元素效果合成图所包括的元素的层级，查找到由背景图片生成的目标元素效果合成图，然后利用目标元素效果合成图生成与待编辑视频的帧数相同的背景视频，以便通过执行步骤S502，在待编辑视频的每一帧视频下设置视频背景。

S502、服务器分别将待编辑视频的每一视频帧，叠加到背景视频对应的一帧视频帧上。

S503、服务器将除目标元素效果合成图之外的元素效果合成图，分别叠加到对应的待编辑视频的视频帧上。

需要说明的是，每一张元素效果合成图至少对应待编辑视频的视频帧，待编辑视频的每一帧视频帧可以对应一张或多张元素效果合成图，也可以不对应任何一张元素效果合成图。

其中，除目标元素效果合成图之外的元素效果合成图，对应的待编辑视频的视频帧由用户指定。

可选地，用户可以通过指定添加的元素对应视频帧，来指定元素效果合成图，对应的待编辑视频的视频帧。即也可以理解为元素效果合成图叠加到待编辑视频的哪一帧或那几帧视频帧上，与元素效果合成图所包括的元素对应的视频帧相同，而元素对应的视频帧由用户指定。

所以具体的，服务器根据除目标元素效果合成图之外的每张元素效果合成图，所包括的元素对应的视频帧，确定目标元素效果合成图对应的待编辑视频的视频帧，然后将元素效果合成图分别叠加到对应的待编辑视频的视频帧上。

可选地，本申请另一实施例中，步骤S503的一种具体实施方式，如图6所示，包括：

S601、服务器确定待编辑视频的每一帧视频帧，对应的元素效果合成图。

需要说明的是，本步骤所提及的元素效果合成图指的是除目标元素效果合成图之外的元素效果合成图。

其中，确定待编辑视频的每一帧视频帧，对应的元素效果合成图，可通过确定每一张元素效果合成图对应的视频帧来实现。对于，没有元素效果合成图对应的视频帧，则说明其对应的元素效果合成图为零。

S602、服务器分别针对待编辑视频的每一帧视频帧，将视频帧对应的元素效果合成图，根据元素效果合成图的层级的顺序，依次叠加到视频帧上。

需要说明的是，元素的叠加存在层级关系，元素效果合成图元素同样也存在层级关系。可选地，元素效果合成图的层级可由用户直接指定，也可以是根据所包括的元素的层级来确定。具体的，元素效果合成图所包括的元素的层级越高，则元素效果合成图的层级越高。

具体的，对于叠加到同一视频帧上的多张元素效果合成图，根据元素效果合成图的层级的顺序，依次的叠加到视频帧上。

S105、服务器将最终视频发送给浏览器。

具体的，服务器将最终视频发送给浏览器，浏览器相应地接收到最终视频，并提示用户视频编辑完成。

本申请实施例提供的一种视频的编辑方法，通过浏览器获取用户添加的元素，并利用用户添加的元素中，除待编辑视频外的元素，生成并显示多张元素效果合成图。其中，每张元素效果合成图，至少包括一个用户指定的除所述待编辑视频外的元素。从而，让用户能直观的看到自己编译的元素合成后的效果，以便用户根据自己所要达到的编辑效果，进行相应地更改。然后，浏览器将待编辑视频以及元素效果合成图，发送给服务器，以通过服务器将元素效果合成图叠加到待编辑视频中得到最终视频，并将最终视频返回浏览器。由于，最终视频是由服务器将元素效果合成图直接叠加到待编辑视频得到，而不是单独将各个元素，编辑到待编辑视频中，所以有效地保证了所得到的最终视频，与用户在浏览器所看到效果是一致的，从而使得用户可以通过线上编译得到自己满意视频。

本申请另一实施例提供了一种浏览器，如图7所示，包括：

获取单元701，用于获取用户添加的元素。

需要说明的是，获取单元701的具体工作过程可相应地参考上述方法实施例中的步骤S101，此处不再赘述。

生成单元702，用于利用元素中除待编辑视频外的元素，生成并显示多张元素效果合成图。

其中，每张元素效果合成图，至少包括一个用户指定的，元素中除待编辑视频外的元素。

需要说明的是，生成单元702的具体工作过程可相应地参考上述方法实施例中的步骤S102，此处不再赘述。

发送单元703，用于将待编辑视频以及元素效果合成图，发送给服务器。

需要说明的是，发送单元703的具体工作过程可相应地参考上述方法实施例中的步骤S103，此处不再赘述。

接收单元704，用于接收服务器发送的最终视频。

其中，最终视频由浏览器将元素效果合成图叠加到待编辑视频中得到。

需要说明的是，获取单元701的具体工作过程可相应地参考上述方法实施例中的步骤S105，此处不再赘述。

可选地，本申请另一实施例中，获取单元701，如图8所示，包括：

提供单元801，用于为用户提供多个视频模板。

需要说明的是，提供单元801的具体工作过程可相应地参考上述方法实施例中的步骤S201，此处不再赘述。

获取子单元802，用于获取用户选择的视频模板的元素以及用户添加到视频模板中的元素。

需要说明的是，获取子单元802的具体工作过程可相应地参考上述方法实施例中的步骤S202，此处不再赘述。

可选地，本申请另一实施例中，生成单元702，如图9所示，包括：

分类单元901，用于将元素划分为第一类元素和第二类元素。

其中，第一类元素包括待编辑视频，第二类元素包括除待编辑视频外的其他元素。

需要说明的是，分类单元901的具体工作过程可相应地参考上述方法实施例中的步骤S301，此处不再赘述。

生成子单元902，用于分别将第二类元素中一个或多个元素，根据元素的层级的顺序，依次叠加到画布上，得到多张元素效果合成图。

其中，每张画布上叠加的元素以及元素的层级由用户指定。

需要说明的是，生成子单元902的具体工作过程可相应地参考上述方法实施例中的步骤S302，此处不再赘述。

可选地，本申请另一实施例中，生成子单元902，如图10所示，包括：

分组单元1001，用于将第二类元素划分为多个元素组。

其中，一个元素组包含第二类元素中，由用户指定叠加到同一画布上的所有元素。

需要说明的是，分组单元1001的具体工作过程可相应地参考上述方法实施例中的步骤S401，此处不再赘述。

绘制单元1002，用于针对每个元素组，创建一张空白画布，并依据元素的层级的顺序，依次将元素组的元素绘制在空白画布上，得到每个元素组对应的元素效果合成图。

需要说明的是，绘制单元1002的具体工作过程可相应地参考上述方法实施例中的步骤S402，此处不再赘述。

本申请另一实施例提供了一种服务器，如图11所示，包括：

接收单元1101，用于接收浏览器发送的待编辑视频以及元素效果合成图。

其中，元素效果合成图由浏览器利用用户添加的元素中，除待编辑视频外的元素生成并显示。每张元素效果合成图，至少包括一个用户指定的，元素中除待编辑视频外的元素。

需要说明的是，接收单元1101的具体工作过程可相应地参考上述方法实施例中的步骤S103，此处不再赘述。

叠加单元1102，用于将元素效果合成图叠加到待编辑视频中，得到最终视频。

需要说明的是，叠加单元1102的具体工作过程可相应地参考上述方法实施例中的步骤S104，此处不再赘述。

发送单元1103，用于将最终视频发送给浏览器。

需要说明的是，发送单元1103的具体工作过程可相应地参考上述方法实施例中的步骤S105，此处不再赘述。

可选地，本申请另一实施例中，叠加单元1102，如图12所示，包括：

背景视频生成单元1201，用于利用目标元素效果合成图生成背景视频；其中，目标元素效果合成图仅包括用户指定层级最低的元素。

需要说明的是，背景视频生成单元1201的具体工作过程可相应地参考上述方法实施例中的步骤S501，此处不再赘述。

背景视频叠加单元1202，用于分别将待编辑视频的每一视频帧，叠加到背景视频对应的一帧视频帧上。

需要说明的是，背景视频叠加单元1202的具体工作过程可相应地参考上述方法实施例中的步骤S502，此处不再赘述。

效果图叠加单元1203，用于将除目标元素效果合成图之外的元素效果合成图，分别叠加到对应的待编辑视频的视频帧上。

其中，除目标元素效果合成图之外的元素效果合成图，对应的待编辑视频的视频帧由用户指定。

需要说明的是，效果图叠加单元1203的具体工作过程可相应地参考上述方法实施例中的步骤S503，此处不再赘述。

可选地，本申请另一实施例中，效果图叠加单元1203，如图13所示，包括：

确定单元1301，用于确定待编辑视频的每一帧视频帧，对应的元素效果合成图。

需要说明的是，确定单元1301的具体工作过程可相应地参考上述方法实施例中的步骤S601，此处不再赘述。

效果图叠加子单元1302，用于分别针对待编辑视频的每一帧视频帧，将视频帧对应的元素效果合成图，根据元素效果合成图的层级的顺序，依次叠加到视频帧上。

需要说明的是，效果图叠加子单元1302的具体工作过程可相应地参考上述方法实施例中的步骤S602，此处不再赘述。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (14)

1.一种视频的编辑方法，其特征在于，包括：

浏览器获取用户添加的元素；

所述浏览器利用所述元素中除待编辑视频外的元素，生成并显示多张元素效果合成图；其中，每张所述元素效果合成图，至少包括一个所述用户指定的，所述元素中除所述待编辑视频外的元素；

所述浏览器将所述待编辑视频以及所述元素效果合成图，发送给服务器；

所述浏览器接收所述服务器发送的最终视频；其中，所述最终视频由所述浏览器将所述元素效果合成图叠加到所述待编辑视频中得到。

2.根据权利要求1所述的方法，其特征在于，所述浏览器获取用户添加的元素，包括：

所述浏览器为所述用户提供多个视频模板；

所述浏览器获取所述用户选择的所述视频模板的元素以及所述用户添加到所述视频模板中的元素。

3.根据权利要求1所述的方法，其特征在于，所述浏览器利用所述元素中除待编辑视频外的元素，生成多张元素效果合成图，包括：

所述浏览器将所述元素划分为第一类元素和第二类元素；其中，所述第一类元素包括所述待编辑视频，所述第二类元素包括除所述待编辑视频外的其他元素；

所述浏览器分别将所述第二类元素中一个或多个元素，根据所述元素的层级的顺序，依次叠加到画布上，得到多张元素效果合成图；其中，每张所述画布上叠加的元素以及所述元素的层级由所述用户指定。

4.根据权利要求3所述的方法，其特征在于，所述浏览器分别将所述第二类元素中一个或多个元素，根据所述元素的层级的顺序，依次叠加到画布上，得到多张元素效果合成图，包括：

所述浏览器将所述第二类元素划分为多个元素组；其中，一个所述元素组包含所述第二类元素中，由所述用户指定叠加到同一画布上的所有元素；

所述浏览器针对每个所述元素组，创建一张空白画布，并依据所述元素的层级的顺序，依次将所述元素组的元素绘制在所述空白画布上，得到每个所述元素组对应的元素效果合成图。

5.一种视频的编辑方法，其特征在于，包括：

所述服务器接收浏览器发送的待编辑视频以及元素效果合成图；其中，所述元素效果合成图由所述浏览器利用用户添加的元素中，除待编辑视频外的元素生成并显示；每张所述元素效果合成图，至少包括一个所述用户指定的，所述元素中除所述待编辑视频外的元素；

所述服务器将所述元素效果合成图叠加到所述待编辑视频中，得到最终视频；

所述服务器将所述最终视频发送给所述浏览器。

6.根据权利要求5所述的方法，其特征在于，所述服务器将所述元素效果合成图叠加到所述待编辑视频中，得到最终视频，包括：

所述服务器利用目标元素效果合成图生成背景视频；其中，所述目标元素效果合成图仅包括用户指定层级最低的元素；

所述服务器分别将所述待编辑视频的每一视频帧，叠加到所述背景视频对应的一帧视频帧上；

所述服务器将除所述目标元素效果合成图之外的所述元素效果合成图，分别叠加到对应的所述待编辑视频的视频帧上；其中，所述除所述目标元素效果合成图之外的元素效果合成图，对应的所述待编辑视频的视频帧由所述用户指定。

7.根据权利要6所述的方法，其特征在于，所述服务器将除所述目标元素效果合成图之外的所述元素效果合成图，分别叠加到所述待编辑视频的相应视频帧上，包括：

所述服务器确定所述待编辑视频的每一帧视频帧，对应的所述元素效果合成图；

所述服务器分别针对所述待编辑视频的每一帧视频帧，将所述视频帧对应的所述元素效果合成图，根据所述元素效果合成图的层级的顺序，依次叠加到所述视频帧上。

8.一种浏览器，其特征在于，包括：

获取单元，用于获取用户添加的元素；

生成单元，用于利用所述元素中除待编辑视频外的元素，生成并显示多张元素效果合成图；其中，每张所述元素效果合成图，至少包括一个所述用户指定的，所述元素中除所述待编辑视频外的元素；

发送单元，用于将所述待编辑视频以及所述元素效果合成图，发送给服务器；

接收单元，用于接收所述服务器发送的最终视频；其中，所述最终视频由所述浏览器将所述元素效果合成图叠加到所述待编辑视频中得到。

9.根据权利要求8所述的浏览器，其特征在于，所述获取单元，包括：

提供单元，用于为所述用户提供多个视频模板；

获取子单元，用于获取所述用户选择的所述视频模板的元素以及所述用户添加到所述视频模板中的元素。

10.根据权利要求8所述的浏览器，其特征在于，所述生成单元，包括：

分类单元，用于将所述元素划分为第一类元素和第二类元素；其中，所述第一类元素包括所述待编辑视频，所述第二类元素包括除所述待编辑视频外的其他元素；

生成子单元，用于分别将所述第二类元素中一个或多个元素，根据所述元素的层级的顺序，依次叠加到画布上，得到多张元素效果合成图；其中，每张所述画布上叠加的元素以及所述元素的层级由所述用户指定。

11.根据权利要求10所述的浏览器，其特征在于，所述生成子单元，包括：

分组单元，用于将所述第二类元素划分为多个元素组；其中，一个所述元素组包含所述第二类元素中，由所述用户指定叠加到同一画布上的所有元素；

绘制单元，用于针对每个所述元素组，创建一张空白画布，并依据所述元素的层级的顺序，依次将所述元素组的元素绘制在所述空白画布上，得到每个所述元素组对应的元素效果合成图。

12.一种服务器，其特征在于，包括：

接收单元，用于接收浏览器发送的待编辑视频以及元素效果合成图；其中，所述元素效果合成图由所述浏览器利用用户添加的元素中，除待编辑视频外的元素生成并显示；每张所述元素效果合成图，至少包括一个所述用户指定的，所述元素中除所述待编辑视频外的元素；

叠加单元，用于将所述元素效果合成图叠加到所述待编辑视频中，得到最终视频；

发送单元，用于将所述最终视频发送给所述浏览器。

13.根据权利要求12所述的服务器，其特征在于，所述叠加单元，包括：

背景视频生成单元，用于利用目标元素效果合成图生成背景视频；其中，所述目标元素效果合成图仅包括用户指定层级最低的元素；

背景视频叠加单元，用于分别将所述待编辑视频的每一视频帧，叠加到所述背景视频对应的一帧视频帧上；

效果图叠加单元，用于将除所述目标元素效果合成图之外的所述元素效果合成图，分别叠加到对应的所述待编辑视频的视频帧上；其中，所述除所述目标元素效果合成图之外的元素效果合成图，对应的所述待编辑视频的视频帧由所述用户指定。

14.根据权利要13所述的服务器，其特征在于，所述效果图叠加单元，包括：

确定单元，用于确定所述待编辑视频的每一帧视频帧，对应的所述元素效果合成图；

效果图叠加子单元，用于分别针对所述待编辑视频的每一帧视频帧，将所述视频帧对应的所述元素效果合成图，根据所述元素效果合成图的层级的顺序，依次叠加到所述视频帧上。

Images