视频特效输出控制方法、装置及计算机可读存储介质与流程

【技术领域】

本发明涉及视频特效处理领域，具体涉及一种视频特效输出控制方法、装置及相应的计算机可读存储介质。

背景技术：

随着互联网技术及智能终端设备的发展，各种互联网产品给人们的工作、生活带来了很多便利与娱乐，近年来，人们不再热衷于观看视频，更是热衷于自己制作视频，尤其是制作具有各种炫丽特效的视频，能为人们带来很好的观看体验。而目前，传统的视频特效一般使用shader语言及相应的软件，通过复杂的计算对视频图像纹理进行处理，要求掌握图像处理领域专业化的知识，对视频特效制作的技术门槛要求较高，难以在短时间内制作出多种视频特效。同时，网页页面上也可以制作视频特效，但如何将网页页面上的特效转化为可以在本地视频上应用的视频特效是目前亟需解决的问题，并且，网页页面上的特效分散在网络上各处，如何将该些网络特效进行集中管理及优化也是目前尚未解决的问题。

技术实现要素：

本发明的首要目的在于提供一种视频特效输出控制方法及装置，以解决目前视频特效制作门槛高、效率慢等问题。

本发明的另一目的在于提供一种视频特效输出控制方法相应的计算机可读存储介质。

为实现该目的，本发明采用如下技术方案：

第一方面，本发明一个实施例提供一种视频特效输出控制方法，包括如下步骤：

响应于对获取到的原始视频特效的页面文件的解析指令，解析所述页面文件以获取页面文件的预设标签及预设标签属性；

根据所述预设标签及预设标签属性绘制图形上下文；

根据所述图形上下文结合预设图形库输出原始视频特效相应的特效图形信息。

具体的，所述响应于对获取到的原始视频特效的页面文件的解析指令，解析所述页面文件获取页面文件的预设标签及预设标签属性的步骤，包括：

获取原始视频特效的页面文件；

基于dom解析所述页面文件，获取页面文件的预设标签及预设标签属性。

可选的，所述获取原始视频特效的页面文件的步骤，包括：

接收用户输入的原始视频特效的页面的统一资源定位符；

根据所述统一资源定位符获取对应原始视频特效的页面文件；

或，

接收用户上传的原始视频特效的页面文件。

具体的，所述原始视频特效的页面为html5页面，所述原始视频特效的页面文件包括html、css及javascript文件。

具体的，所述预设标签包括body标签、video标签、canvas标签。

进一步的，所述根据所述图形上下文结合预设图形库输出原始视频特效相应的特效图形信息的步骤之后，还包括：

将待处理的目标视频与所述特效图形信息合成并输出合成后的特效视频。

具体的，所述将待处理的目标视频与所述特效图形信息合成并输出合成后的特效视频的步骤，包括：

响应于对视频特效展示页面上的任意特效图形信息的选定指令，获取相应的特效图形信息；

将待处理的目标视频的图像信息与所述特效图形信息合成特效图像信息并输出合成后的特效视频。

可选的，在所述根据所述图形上下文结合预设图形库输出原始视频特效相应的特效图形信息的步骤之后，还包括：

将所述特效图形信息上传至视频特效展示页面对应的目录。

第二方面，本发明一个实施例提供一种视频特效输出控制装置，包括：

解析模块：用于响应于对获取到的原始视频特效的页面文件的解析指令，解析所述页面文件获取页面文件的预设标签及预设标签属性；

绘图模块：用于根据所述预设标签及预设标签属性绘制图形上下文；

特效输出模块：用于根据所述图形上下文结合预设图形库输出原始视频特效相应的特效图形信息。

特效合成模块：用于将待处理的目标视频与所述特效图形信息合成并输出合成后的特效视频；

特效上传模块：用于将所述特效图形信息上传至视频特效展示页面对应的目录。

第三方面，本发明一个实施例还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现第一方面任意一项所述方法的步骤。

与现有技术相比，本发明具备如下优点：

本发明通过获取原始视频特效的页面文件，并解析网页页面文件获取页面文件的预设标签及预设标签属性，以此绘制图形上下文，然后结合预设图形库输出原始视频特效相应的特效图形信息。本发明通过将原本表现于网页页面上的视频特效转化为可以应用在本地视频上的特效图形信息，以此特效开发者只要掌握基本的网页设计语言即可以自由发挥特效设计创意，降低视频特效的制作门槛，提高视频特效的制作效率。

同时，本发明一个实施例中将原本表现于网页页面上的视频特效转化为可以应用在本地视频上的特效图形信息后，用户可以将该特效图形信息与目标视频渲染合成出特效视频，以此快速绘制视频特效，降低视频特效制作门槛，提高用户兴趣。

并且，本发明一个实施例将原本表现于网页页面上的视频特效转化为可以应用在本地视频上的特效图形信息后，用户可以将该特效图形信息上传至指定的视频特效展示页面，以该视频特效展示页面集中管理转化后的多个特效图形信息，视频特效开发者可以将视频特效上传至该展示页面，视频特效使用者同样可以从该视频特效展示页面上获取所需的特效图形信息，进一步方便用户使用。

显然，上述有关本发明优点的描述是概括性的，更多的优点描述将体现在后续的实施例揭示中，以及，本领域技术人员也可以本发明所揭示的内容合理地发现本发明的其他诸多优点。

本发明附加的方面和优点将在下面的描述中部分给出，这些将从下面的描述中变得明显，或通过本发明的实践了解到。

【附图说明】

图1为本发明视频特效输出控制方法的第一实施例流程示意图。

图2为本发明视频特效输出控制方法的第二实施例流程示意图。

图3为本发明视频特效输出控制方法的第三实施例流程示意图。

图4为本发明实施例中视频特效“大爆炸”的效果示意图。

图5为本发明实施例中视频特效“背景模糊同步播放”的效果示意图。

图6为本发明视频特效输出控制装置的一实施例示意图。

【具体实施方式】

下面结合附图和示例性实施例对本发明作进一步地描述，其中附图中相同的标号全部指的是相同的部件。此外，如果已知技术的详细描述对于示出本发明的特征是不必要的，则将其省略。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像这里一样被特定定义，否则不会用理想化或过于正式的含义来解释。

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。

本技术领域技术人员可以理解，本发明所述的用户界面/操作界面泛指能够用于向智能终端发送控制指令的显示界面，例如，可以为android系统的设置页面中的一个选项(或按键，由所述应用程序添加其中，下同)，也可以是从桌面呼出的通知栏或者交互页面中的一个选项，还可以是所述应用程序的一个活动组件所构造的页面中的一个选项。虽然上面已经示出了本发明的一些示例性实施例，但是本领域的技术人员将理解，在不脱离本发明的原理或精神的情况下，可以对这些示例性实施例做出改变，本发明的范围由权利要求及其等同物限定。

本领域技术人员应当理解，本发明所称的“应用”、“应用程序”、“应用软件”以及类似表述的概念，是业内技术人员所公知的相同概念，是指由一系列计算机指令及相关数据资源有机构造的适于电子运行的计算机软件。除非特别指定，这种命名本身不受编程语言种类、级别，也不受其赖以运行的操作系统或平台所限制。理所当然地，此类概念也不受任何形式的终端所限制。

第一方面，如图1所示是本发明视频特效输出控制方法的一实施例流程示意图，包括步骤s100～s300。

步骤s100：响应于对获取到的原始视频特效的页面文件的解析指令，解析所述页面文件以获取页面文件的预设标签及预设标签属性。

本发明实施例中，所述原始视频特效为网页页面上所表现的视频特效，所述网页页面上的原始视频特效对应了相应的页面文件，本方法的执行主体响应于对获取到的原始视频特效的页面文件的解析指令，解析所述页面文件，获取页面文件中所包含的预设标签及各预设标签的现有属性，本方法的执行主体可以是pc端上的客户端软件、移动端上的应用程序或基于b/s架构的网页页面上的接口，本实施例中，本方法的执行主体称为视频特效转化引擎，该引擎可以运行在pc端上的客户端软件、移动端上的应用程序或基于b/s架构的网页页面上。

本发明实施例中，所述原始视频特效为网页页面上的视频具有的特效，其中，所述网页页面为html5页面，html5规定了一种通过video标签来包含视频的标准方法，目前html5的video标签支持ogg、mpeg4、webm三种视频格式。在html5出现之前，大多数网页页面上的视频通过插件(如flash)进行播放，而对于没有相应插件的浏览器则无法显示、播放网页页面上的视频，html5的出现使得在网页上播放多媒体(包括视频及音频)更具标准化。所述原始视频特效的页面文件为html5页面文件，具体的，所述页面文件包括html、css及javascript文件，html文件包含了网页内容和语义的各类信息，css文件规定了html文件中的各类信息的显示样式，javascript文件为网页提供更丰富的动态效果。在html5页面文件下定义的video标签和canvas标签及其标签属性可以实时处理html5页面上的视频数据，为html5页面上正在播放的视频添加各种各样的视觉效果。

本方法的视频特效转化引擎在获取到所述html5页面文件后，解析所述页面文件，获取页面文件的预设标签及预设标签对应的属性。具体的，所述步骤s100“响应于对获取到的原始视频特效的页面文件的解析指令，解析所述页面文件以获取页面文件的预设标签及预设标签属性”包括步骤s110、s120。

步骤s110：获取原始视频特效的页面文件；

步骤s120：基于dom解析所述页面文件，获取页面文件的预设标签及预设标签属性。

本方法的视频特效转化引擎首先获取原始视频特效的页面文件。

在一种实施例中，原始视频特效的页面文件通过用户输入原始视频特效的页面的统一资源定位符后获取得到，包括步骤：

接收用户输入的原始视频特效的页面的统一资源定位符；

根据所述统一资源定位符获取对应原始视频特效的页面文件。

具体的，在用户界面上提供一输入框，用于接收用户输入的原始视频特效的页面的统一资源定位符，当用户将统一资源定位符提交后，本发明一个实施例的的视频特效转化引擎接收服务器根据所述统一资源定位符反馈的页面文件以获取原始视频特效的对应的页面文件，然后执行后续操作。

本实施例的一种应用场景为，用户制作或发现了html5页面上的原始视频特效，然后将该html5页面的统一资源定位符输入到上述输入框中，本发明一个实施例的视频特效转化引擎根据所述统一资源定位符获取对应原始视频特效的页面文件，继而可以执行后续操作。

在另一种实施例中，原始视频特效的页面文件通过用户上传本地的页面文件后获取得到，包括步骤：

接收用户上传的原始视频特效的页面文件。

具体的，在用户界面上提供一输入框，用于接收用户上传的原始视频特效的页面文件，上述原始视频特效的页面文件包括html、css及javascript文件。

本实施例的一种应用场景为，用户自行制作了html5页面上的视频特效，然后即可将该html5原始视频特效页面对应的页面文件上传，本发明一个实施例的视频特效引擎继而可以执行后续操作。

在获取了原始视频特效的页面文件后，基于dom解析所述页面文件，获取页面文件的预设标签及预设标签属。所述原始视频特效的页面文件包括html、css及javascript文件，当获取到的原始视频特效的页面文件，将html文件转化成xhtml文件，然后提取xhtml文件的各标签构建dom树，将xhtml文件中的标签映射成dom树中的节点，再将css与javascript文件关于各标签的属性赋予各个节点以获取页面文件的预设标签及预设标签属性，所述预设标签包括<body>标签、<video>标签、<canvas>标签。

html文件中用一对预定义的标签来描述包含在其间文本的表现方式，并要求标签成对出现，例如<head></head>、<body></body>、<img></img>，标签用以显示一块区域的信息，如文字，图片，2d图形信息等，但许多html文件中的标签不符合html语法要求，比如缺乏结束标记等。因此本实施例中，将html文件转化为xhtml文件，xhtml文件严格建立在xml基础之上，并且明确定义了格式良好的文档规则，xml(extensiblemarkuplanguage，可扩展标记语言)是一种用于标记电子文件使其具有结构性的标记语言，将html文件转化为xhtml文件后，对待xhtml文档可以像对待一般xml文档一样，利用xml标准技术即可解析xhtml文档。

然后本方法的视频特效转化引擎解析转换得到的xhtml文件构造dom树，具体的，将xhtml文件中的标签映射成dom树中的节点，dom是documentobjectmodel的缩写，构造dom树是根据xhtml文件中标签之间的嵌套关系，将xhtml文件表示为一个树形结构，文件中的标签、属性、以分析的字符数据、注释以及处理指令等都是节点。解析的处理过程如下，首先找出网页文件中所有的开始标签，将其名称存入标签表，接着逐次找出网页文件中每个标签，并判断是不是存在有一个开始标签与结束标签或者是注释标签相对应，如果是不存在对应开始标签的结束标签或注释标签，则删除该标签；否则，如果存在对应开始标签的结束标签，则将这个结束标签与其开始标签之间的内容存储到标签表中，该内容则作为dom树的叶节点，重复操作，直到网页文件中每个标签都处理完之后，就建立了一个由标签及其所包含内容构成的表，然后，将<html>标签设置为dom数的根节点，将表中的叶节点顺次添加到根节点下，形成一棵n叉树。在dom树中即可快速查找到预设标签(<body>标签、<video>标签、<canvas>标签)及预设标签的属性。

步骤s200：根据所述预设标签及预设标签属性绘制图形上下文。

在dom树构建完成后，为dom树的各节点建立相应的renderobject对象，所述节点中包含了预设标签及预设标签属性，一个renderobject对象保存了为绘制dom节点所需要的各种信息，由renderobject对象构建renderobject树，如果dom树动态的加入新的节点，同样本发明一个实施例的视频特效转化引擎也动态地创建相应的renderobject对象，更新renderobject树。在构建完renderobject树之后，选取特定的renderobject对象作为renderlayer对象，继而根据网页文件的层次结构构建renderlayer树，每个renderlayer对象视作一个图像中的一个层，多个层一同构成一个图像，继而绘制图形上下文，本实施例通过将预设标签及预设标签转化成dom树的节点、renderobject树的对象、renderlayer树的对象，最终转化为绘图上下文。

步骤s300：根据所述图形上下文结合预设图形库输出原始视频特效相应的特效图形信息。

所述预设图形库包括2d图像库和/或3d图形库，本发明一个实施例的视频特效转化引擎将所述图形上下文结合预设图形库渲染输出页面文件的原始视频特效所表现的特效图形信息。图形上下文包括2d图形上下文(graphicscontext)和3d图形上下文(graphicscontext3d)，当图形上下文为2d图形上下文时，结合2d图像库并利用cpu完成输出原始视频特效相应的特效图形信息，当图形上下文为3d图形上下文时，结合3d图像库(opengl，direct3d等)并利用cpu和/或gpu完成输出原始视频特效相应的特效图形信息。本发明一个实施例的视频特效转化引擎将网页页面上的原始视频特效转化成可以渲染到本地播放视频中的特效图形信息，用户只需要制作或收集html5页面上的视频特效页面文件然后通过本实施例的视频特效转化引擎转化后即可获得用于编辑本地视频的特效图形信息。

进一步的，如图2所示是本发明视频特效输出控制方法的第二实施例流程示意图，本实施例中，在步骤s300之后，还包括步骤s400。

步骤s400：将待处理的目标视频与所述特效图形信息合成并输出合成后的特效视频。

在通过上述方法转化得到html5页面上表现的原始视频特效的特效图形信息后，将所述特效图形信息渲染合成到所需要制作视频特效效果的目标视频中，以让所述目标视频合成出html5页面上表现的原始视频特效所表现的特效形式，然后输出合成后的特效视频。具体的，将目标视频的每一帧图像复制后根据所述特效图形信息进行处理形成特效视频帧，处理完所有目标视频图像帧后将其进行重新合成，然后渲染出相应的特效视频并输出所述特效视频。

本发明的一种实施例的应用场景中，页面文件表现的原始视频特效为“大爆炸”，即当点击/触控视频画面时，视频播放画面会出现“爆炸”特效，如图5所示是添加爆炸特效前后的视频画面的示意图。本发明一个实施例的视频特效转化引擎根据所述页面文件得到原始视频特效相应的特效图形信息后，结合预设图形库复制目标视频的每一图像帧，同时将目标视频播放的图像画面区域分割成多个不同的子区域，每一个子区域显示目标视频每一帧的一部分图像，当点击/触控视频画面时，所点击/触控处附近的子区域携带目标视频对应的每一帧的图像按照设定的轨迹散开，形成“大爆炸”效果，给予用户更加刺激的观看体验。

本发明的另一种实施例的应用场景中，页面文件表现的原始视频特效为“背景模糊同步播放”，即当视频播放时，视频播放画面背景与视频画面同步播放且是模糊效果，如图6所示是添加背景模糊同步播放特效的视频画面的示意图。本发明一个实施例的视频特效转化引擎根据所述页面文件得到原始视频特效相应的特效图形信息后，结合预设图形库复制目标视频的每一图像帧并将每一帧作模糊处理，同时将目标视频画面缩小一定比例并处于原视频画面中央，然后合成视频特效后输出，用户在观看该特效视频时，背景与原视频画面是同步的且背景画面是原视频画面的模糊化效果，给予用户不同的观看体验。

如图3所示是本发明视频特效输出控制方法的第三实施例流程示意图，本发明中，在步骤s300之后，还包括步骤s500。

步骤s500：将所述特效图形信息上传至视频特效展示页面对应的目录。

在本实施例中，视频特效转化引擎将原始视频特效的html5页面文件转化为特效图形信息后，用户可以将所述特效图形信息上传到视频特效展示页面对应的目录，具体的，所述视频特效展示页面上展现多种特效图形信息，由此，用户可以将制作的html5页面上的原始视频特效转化为特效图形信息后上传至视频特效展示页面，其它用户若需要特定的特效图形信息，通过视频特效展示页面可以获取到相应的特效图形信息，然后将特效图形信息合成渲染到目标视频上并输出相应的特效视频。

进一步的，在将所述特效图形信息上传至视频特效展示页面对应的目录时，还包括：

为所述特效图形信息添加相应的描述信息；

将所述特效图形信息与相应的描述信息关联上传到所述视频特效展示页面对应的目录。

为了方便在视频特效展示页面上搜索出所需的视频特效及让用户第一时间了解视频特效的表现形式，在将所述特效图形信息上传至视频特效展示页面对应的目录时时，还接受用户为所述特效图形信息添加的描述信息，例如用户为自己上传的特效图形信息添加的描述信息为“大爆炸”、“背景模糊前景播放”等，然后将所述特效图形信息与相应的描述信息关联上传到所述视频特效展示页面对应的目录，用户在视频特效展示页面上可以清楚地了解到特效图形信息所表现的形式。

进一步的，视频特效展示页面上还可以为特效图形信息添加相应的图片展示信息，在一种实施例中，通过多张静态图片展示添加特效前的视频图像和添加特效后的视频图像，在另一种实施例中，通过一张或多张动态图片展示添加特效后的视频图像效果。通过图片展示信息，用户在选取所需的特效图形信息时可以更加直观地感知，而无需每次都将特效图形信息与目标视频合成，降低所需的资源消耗。

在将所述特效图形信息上传至视频特效展示页面对应的目录后，所述特效图形信息即展示在所述视频特效展示页面上，进一步的，本发明的一种实施例中，还包括后续步骤：

接收对在视频特效展示页面上的任一特效图形信息的选定指令，获取指定目录下的特效图形信息；

将待处理的目标视频的图像信息与所述特效图形信息合成特效图像信息并输出合成后的特效视频。

在用户需要使用某种视频特效时，在视频特效展示页面上选取任一特效图形信息，在接收到用户的选定指令后，获取指定目录下的特效图形信息，然后将待处理的目标视频的图像信息与所述特效图形信息合成特效图像信息并输出合成后的特效视频。

本发明通过获取原始视频特效的页面文件，并解析网页页面文件获取页面文件的预设标签及预设标签属性，以此绘制图形上下文，然后结合预设图形库输出原始视频特效相应的特效图形信息。本发明通过一个视频特效转化引擎将原本表现于网页页面上的视频特效转化为可以应用在本地视频上的特效图形信息，以此特效开发者只要掌握基本的html语言即可以自由发挥特效设计创意，降低视频特效的制作门槛，提高视频特效的制作效率。

同时，本发明一个实施例的视频特效转化引擎将将原本表现于网页页面上的视频特效转化为可以应用在本地视频上的特效图形信息后，用户可以将该特效图形信息与目标视频渲染合成出特效视频，以此快速绘制视频特效，降低视频特效制作门槛，提高用户兴趣。

并且，本发明一个实施例的视频特效转化引擎将将原本表现于网页页面上的视频特效转化为可以应用在本地视频上的特效图形信息后，用户可以将该特效图形信息上传至指定的视频特效展示页面，以该视频特效展示页面集中管理转化后的多个特效图形信息，视频特效开发者可以将视频特效上传至该展示页面，视频特效使用者同样可以从该视频特效展示页面上获取所需的特效图形信息，进一步方便用户使用。

第二方面，如图4所示是本发明视频特效输出控制装置的一实施例示意图，包括：

解析模块100：用于响应于对获取到的原始视频特效的页面文件的解析指令，解析所述页面文件获取页面文件的预设标签及预设标签属性；

绘图模块200：用于根据所述预设标签及预设标签属性绘制图形上下文；

特效输出模块300：用于根据所述图形上下文结合预设图形库输出原始视频特效相应的特效图形信息；

特效合成模块400：用于将待处理的目标视频与所述特效图形信息合成并输出合成后的特效视频；

特效上传模块500：用于将所述特效图形信息上传至视频特效展示页面对应的目录。

第三方面，本发明还提供一种计算机可读存储介质，其上存储有计算机程序，所示程序被处理器执行时实现上述第一方面视频特效输出控制方法，包括实现如下步骤：

步骤s100：响应于对获取到的原始视频特效的页面文件的解析指令，解析所述页面文件以获取页面文件的预设标签及预设标签属性；

步骤s200：根据所述预设标签及预设标签属性绘制图形上下文；

步骤s300：根据所述图形上下文结合预设图形库输出原始视频特效相应的特效图形信息；

步骤s400：将待处理的目标视频与所述特效图形信息合成并输出合成后的特效视频。

步骤s500：将所述特效图形信息上传至视频特效展示页面对应的目录。

本发明通过获取原始视频特效的页面文件，并解析网页页面文件获取页面文件的预设标签及预设标签属性，以此绘制图形上下文，然后结合预设图形库输出原始视频特效相应的特效图形信息。本发明通过将原本表现于网页页面上的视频特效转化为可以应用在本地视频上的特效图形信息，以此特效开发者只要掌握基本的网页设计语言即可以自由发挥特效设计创意，降低视频特效的制作门槛，提高视频特效的制作效率。同时，本发明一个实施例中将原本表现于网页页面上的视频特效转化为可以应用在本地视频上的特效图形信息后，用户可以将该特效图形信息与目标视频渲染合成出特效视频，以此快速绘制视频特效，降低视频特效制作门槛，提高用户兴趣。并且，本发明一个实施例将原本表现于网页页面上的视频特效转化为可以应用在本地视频上的特效图形信息后，用户可以将该特效图形信息上传至指定的视频特效展示页面，以该视频特效展示页面集中管理转化后的多个特效图形信息，视频特效开发者可以将视频特效上传至该展示页面，视频特效使用者同样可以从该视频特效展示页面上获取所需的特效图形信息，进一步方便用户使用。

虽然上面已经示出了本发明的一些示例性实施例，但是本领域的技术人员将理解，在不脱离本发明的原理或精神的情况下，可以对这些示例性实施例做出改变，本发明的范围由权利要求及其等同物限定。