CN114268749B - 一种视频视觉效果模板化的方法及系统 - Google Patents

Abstract

本发明提供一种视频视觉效果模板化的方法及系统，其中方法包括创建视频模板，还包括以下步骤：在前端页面的可视化操作区域中设置画布的尺寸，背景色；在画布中添加元素，通过拖拽的方式对各元素的层级位置、尺寸、位置进行调整；在画布中调整视频预留区，通过拖拽的方式，调整视频预留区层级位置、尺寸和位置；设置LOGO变量，为某张图片添加LOGO属性，在原图片的层级位置、尺寸和位置的基础上，将该图片设置为LOGO变量；设置字幕区，为某段文字添加字幕属性；设置模糊区，在画布中添加模糊区变量模块，按照模糊区的层级位置、尺寸在对应区域进行高斯模糊的处理；后端按照各元素的属性信息加工处理，将变量区进行相应的替换，生成为视频文件。

Description

一种视频视觉效果模板化的方法及系统

技术领域

本发明涉及视频制作的技术领域，特别是一种视频视觉效果模板化的方法及系统。

背景技术

视频制作时，需要通过Premiere或者After Effects等专业软件对视频进行编辑，在专业编辑软件中导入图片、视频、书写文字等内容，为视频上下添加图文内容，视频内容，或者在视频前方增加一个遮罩装饰层。而当前投放在抖音、快手的视频内容以及广告视频，图文内容等信息都是固定的，将视频内容拆分后可以发现，除了视频的主区域是变化的，其他地方都是固定不变的。通过专业软件生成的视频需要逐个视频导入再导出进行处理，十分的不便利。

发明内容

为了解决上述的技术问题，本发明提出的视频视觉效果模板化的方法及系统，通过设置视频预留区，为视频替换增加变量内容区域，再通过可视化的操作界面添加图片、视频、文字等内容，通过直接调整元素之间的层级关系，实现添加背景，添加遮罩，将视频预留区拖拽到指定位置等方式。

本发明的第一目的是提供一种视频视觉效果模板化的方法，包括创建视频模板，还包括以下步骤：

步骤1：在前端页面的可视化操作区域中设置画布的尺寸，背景色；

步骤2：在画布中添加元素，通过拖拽的方式对各元素的层级位置、尺寸、位置进行调整；

步骤3：在画布中调整视频预留区，通过拖拽的方式，调整视频预留区层级位置、尺寸和位置；

步骤4：设置LOGO变量，为某张图片添加LOGO属性，在原图片的层级位置、尺寸和位置的基础上，将该图片设置为LOGO变量；

步骤5：设置字幕区，为某段文字添加字幕属性；

步骤6：设置模糊区，点击模糊区功能，在画布中添加模糊区变量模块，按照模糊区的层级位置、尺寸在对应区域进行高斯模糊的处理；

步骤7：将画布、视频预留区和各元素的属性和变量信息传递给后端，后端按照各元素的属性信息加工处理，按照各元素实际的尺寸和位置以及层级位置，并将变量区进行相应的替换，生成为视频文件。

优选的是，所述创建视频模板步骤还包括在视频模板中绘制出预设画布、视频预留区，并按照屏幕尺寸自动缩放画布。

在上述任一方案中优选的是，所述视频预留区的工作方法为前端将层级关系、X轴Y轴的位置信息、长和宽的大小信息同步给后端，后端按照对应信息替换为视频文件。

在上述任一方案中优选的是，所述视频预留区的视频尺寸的最小边长=视频预留区边长最小边长，视频尺寸的最大边长按照最小边长的缩小和放大比例进行尺寸的等比例缩小和等比例放大。

在上述任一方案中优选的是，所述画布的宽高按照视频的实际宽高尺寸进行定义。

在上述任一方案中优选的是，所述画布是视频生成层级的最底层，所述画布的颜色做为视频生成时的默认颜色，各元素超出所述画布边缘的部分在视频生成时会被裁剪。

在上述任一方案中优选的是，所述元素包括图片、alpha通道图片、文字、视频、alpha通道视频和GIF动图中至少一种。

在上述任一方案中优选的是，所述图片和所述alpha通道图片的处理方法为：

通过在画布中拖拽图片，前端获取到图片的X轴和Y轴的像素点位置，图片的长和宽的实际尺寸、缩放比，在画布中为图片设置的图片透明度、以及图层的层级关系；

将X轴Y轴坐标、长宽实际尺寸、缩放比，透明度传输给后端；

后端通过获取到的坐标位置定位图片，通过实际尺寸和缩放比进行图片的缩放；

按照透明度调整图片的透明度，再按照层级位置将图片放置到对应层级位置，按照视频的时长进行合成。

在上述任一方案中优选的是，所述文字的处理方法为：

通过画布中书写文字，对文字进行字号大小、字体、描边、颜色、层级位置修改；

向后端传输数据时，按照当前可见的字号大小、字体、描边、颜色、进行截图；

将图层层级、X轴Y轴坐标、层级位置信息传输给后端，实际生产时将png图片合成到视频中。

在上述任一方案中优选的是，需要变更颜色的所述文字的处理方法为：在视频生成之前，用户会为部分关键字设置指定字体颜色、字体、粗细、字号大小。

在上述任一方案中优选的是，视频合成之前，通过正则表达式获取到字幕文件中的关键字信息，按照SRT文件标准或者ASS文件标准进行关键字格式替换。

在上述任一方案中优选的是，所述视频、所述alpha通道视频和所述GIF动图的处理方法为：

视频和动图默认抽取第5帧内容作为缩略图，不足5帧抽取第1帧内容作为缩略图并保留视频和GIF动图的对应关系ID值，图片尺寸按照原视频尺寸，原GIF动图的尺寸大小进行截取，抽取后生成alpha通道的透明PNG图片；

将缩略图呈现在画布中便于前端操作者拖拽，前端操作者可以对层级、位置、尺寸、是否循环播放进行自定义，定义完成后，前端将素材的对应关系ID值，层级、位置、尺寸、是否循环播放传给后端；

后端按照层级位置放置到指定的层级，按照位置信息的X轴Y轴和尺寸信息进行素材的摆放，视频实际生成时，按照是否循环播放自动适配最终视频的时长，循环播放，将按照最终视频的时长循环播放模板中的视频和GIF动图，不循环播放，将在播放至最后一帧时呈现静态的图像。

在上述任一方案中优选的是，在同一个模板中，能且仅能设置一个所述LOGO变量。

在上述任一方案中优选的是，所述步骤4包括对原有的图片进行所述LOGO变量的设置，按照图片的位置、尺寸大小、层级关系等信息进行定义。

在上述任一方案中优选的是，前端将层级关系、X轴Y轴的位置信息、长和宽的大小信息同步给后端，后端按照对应信息替换为视频文件，视频尺寸的最小边长=视频预留区边长最小边长，视频尺寸的最大边长按照最小边长的缩小和放大比例进行尺寸的等比例缩小和等比例放大，并将新LOGO变量的左上角顶点位置等于X轴和Y轴的交点位置。

在上述任一方案中优选的是，所述步骤5包括上传新的所述LOGO变量能够替换模板中的LOGO变量，替换时，新上传的LOGO变量的宽高比不会发生变化，新LOGO变量的最小边长=模板LOGO变量的最小边长，新LOGO变量的最大边长等比缩放。

在上述任一方案中优选的是，所述步骤6包括在原文字的层级位置、尺寸、字体、字号、字体颜色的基础上，将该字幕区域设置为字幕变量，前端将对应属性信息传递给后端，后端按照字幕区的属性信息自动替换为相应的字幕文件。

在上述任一方案中优选的是，所述字幕区的处理方法为通过画布中为某段文字进行变量设置，并设置文字的字体、颜色、字号大小、粗细、阴影、层级位置，前端将文字属性信息传输给后端，后端将自动生成或者用户上传的SRT文件或ASS文件按照设定的字体、颜色、字号大小、粗细进行字幕的显示。

在上述任一方案中优选的是，所述模糊区的处理方法包括首选区域整体模糊和只模糊文字。

在上述任一方案中优选的是，所述首选区域整体模糊是指按照指定区域将截取出视频，使用ffmpeg的gblur参数将该视频进行高斯模糊处理，并覆盖到原视频上进行遮挡。

在上述任一方案中优选的是，所述只模糊文字是指通过OCR技术识别出指定区域的文字，生成字幕文件并记录文字出现的时序。

在上述任一方案中优选的是，每一段字幕时序抽取中间帧，使用opencv的findTextRegion计算出文字区域，并提取出文字轮廓的不规则PNG透明图片，将图片高斯模糊后覆盖到视频原位置的上层进行遮盖，图片遮盖时长=字幕出现时长。

本发明的第二目的是提供一种视频视觉效果模板化的系统，包括用于创建视频模板的模板创建模块，还包括以下模块：

设置模块：用于在前端页面的可视化操作区域中设置画布的尺寸，背景色；

所述设置模块还用于在画布中添加元素，通过拖拽的方式对各元素的层级位置、尺寸、位置进行调整；

所述设置模块还用于在画布中调整视频预留区，通过拖拽的方式，调整视频预留区层级位置、尺寸和位置；

所述设置模块还用于设置LOGO变量，为某张图片添加LOGO属性，在原图片的层级位置、尺寸和位置的基础上，将该图片设置为LOGO变量；

所述设置模块还用于设置字幕区，为某段文字添加字幕属性；

所述设置模块还用于设置模糊区，点击模糊区功能，在画布中添加模糊区变量模块，按照模糊区的层级位置、尺寸在对应区域进行高斯模糊的处理；

视频生成模块：用于将画布、视频预留区和各元素的属性和变量信息传递给后端，后端按照各元素的属性信息加工处理，按照各元素实际的尺寸和位置以及层级位置，并将变量区进行相应的替换，生成为视频文件。

优选的是，所述模板创建模块还用于在视频模板中绘制出预设画布、视频预留区，并按照屏幕尺寸自动缩放画布。

在上述任一方案中优选的是，所述视频预留区的工作方法为前端将层级关系、X轴Y轴的位置信息、长和宽的大小信息同步给后端，后端按照对应信息替换为视频文件。

在上述任一方案中优选的是，所述视频预留区的视频尺寸的最小边长=视频预留区边长最小边长，视频尺寸的最大边长按照最小边长的缩小和放大比例进行尺寸的等比例缩小和等比例放大。

在上述任一方案中优选的是，所述画布的宽高按照视频的实际宽高尺寸进行定义。

在上述任一方案中优选的是，所述画布是视频生成层级的最底层，所述画布的颜色做为视频生成时的默认颜色，各元素超出所述画布边缘的部分在视频生成时会被裁剪。

在上述任一方案中优选的是，所述元素包括图片、alpha通道图片、文字、视频、alpha通道视频和GIF动图中至少一种。

在上述任一方案中优选的是，所述图片和所述alpha通道图片的处理方法为：

通过在画布中拖拽图片，前端获取到图片的X轴和Y轴的像素点位置，图片的长和宽的实际尺寸、缩放比，在画布中为图片设置的图片透明度、以及图层的层级关系；

将X轴Y轴坐标、长宽实际尺寸、缩放比，透明度传输给后端；

后端通过获取到的坐标位置定位图片，通过实际尺寸和缩放比进行图片的缩放；

按照透明度调整图片的透明度，再按照层级位置将图片放置到对应层级位置，按照视频的时长进行合成。

在上述任一方案中优选的是，所述文字的处理方法为：

通过画布中书写文字，对文字进行字号大小、字体、描边、颜色、层级位置修改；

向后端传输数据时，按照当前可见的字号大小、字体、描边、颜色、进行截图；

将图层层级、X轴Y轴坐标、层级位置信息传输给后端，实际生产时将png图片合成到视频中。

在上述任一方案中优选的是，需要变更颜色的所述文字的处理方法为：在视频生成之前，用户会为部分关键字设置指定字体颜色、字体、粗细、字号大小。

在上述任一方案中优选的是，视频合成之前，通过正则表达式获取到字幕文件中的关键字信息，按照SRT文件标准或者ASS文件标准进行关键字格式替换。

在上述任一方案中优选的是，所述视频、所述alpha通道视频和所述GIF动图的处理方法为：

视频和动图默认抽取第5帧内容作为缩略图，不足5帧抽取第1帧内容作为缩略图并保留视频和GIF动图的对应关系ID值，图片尺寸按照原视频尺寸，原GIF动图的尺寸大小进行截取，抽取后生成alpha通道的透明PNG图片；

将缩略图呈现在画布中便于前端操作者拖拽，前端操作者可以对层级、位置、尺寸、是否循环播放进行自定义，定义完成后，前端将素材的对应关系ID值，层级、位置、尺寸、是否循环播放传给后端；

后端按照层级位置放置到指定的层级，按照位置信息的X轴Y轴和尺寸信息进行素材的摆放，视频实际生成时，按照是否循环播放自动适配最终视频的时长，循环播放，将按照最终视频的时长循环播放模板中的视频和GIF动图，不循环播放，将在播放至最后一帧时呈现静态的图像。

在上述任一方案中优选的是，在同一个模板中，能且仅能设置一个所述LOGO变量。

在上述任一方案中优选的是，所述设置模块还用于对原有的图片进行所述LOGO变量的设置，按照图片的位置、尺寸大小、层级关系等信息进行定义。前端将层级关系、X轴Y轴的位置信息、长和宽的大小信息同步给后端，后端按照对应信息替换为视频文件，视频尺寸的最小边长=视频预留区边长最小边长，视频尺寸的最大边长按照最小边长的缩小和放大比例进行尺寸的等比例缩小和等比例放大，并将新LOGO变量的左上角顶点位置等于X轴和Y轴的交点位置。

在上述任一方案中优选的是，所述设置模块还用于上传新的所述LOGO变量能够替换模板中的LOGO变量，替换时，新上传的LOGO变量的宽高比不会发生变化，新LOGO变量的最小边长=模板LOGO变量的最小边长，新LOGO变量的最大边长等比缩放。

在上述任一方案中优选的是，所述设置模块还用于在原文字的层级位置、尺寸、字体、字号、字体颜色的基础上，将该字幕区域设置为字幕变量，前端将对应属性信息传递给后端，后端按照字幕区的属性信息自动替换为相应的字幕文件。

在上述任一方案中优选的是，所述字幕区的处理方法为通过画布中为某段文字进行变量设置，并设置文字的字体、颜色、字号大小、粗细、阴影、层级位置，前端将文字属性信息传输给后端，后端将自动生成或者用户上传的SRT文件或ASS文件按照设定的字体、颜色、字号大小、粗细进行字幕的显示。

在上述任一方案中优选的是，所述模糊区的处理方法包括首选区域整体模糊和只模糊文字。

在上述任一方案中优选的是，所述首选区域整体模糊是指按照指定区域将截取出视频，使用ffmpeg的gblur参数将该视频进行高斯模糊处理，并覆盖到原视频上进行遮挡。

在上述任一方案中优选的是，所述只模糊文字是指通过OCR技术识别出指定区域的文字，生成字幕文件并记录文字出现的时序。

在上述任一方案中优选的是，每一段字幕时序抽取中间帧，使用opencv的findTextRegion计算出文字区域，并提取出文字轮廓的不规则PNG透明图片，将图片高斯模糊后覆盖到视频原位置的上层进行遮盖，图片遮盖时长=字幕出现时长。

本发明提出了一种视频视觉效果模板化的方法及系统，能够简单快捷地为视频增加固定的图文内容，遮罩，静态或者动态的视频背景以及装饰。

SRT文件全称是SubRip Text，比较流行的文本字幕之一，其制作规范为时间代码+字幕，配合上.style文件能让SRT自带一些字体上的特效等。

ASS文件全称是Advanced SubStation Alpha，比较流行的文本字幕之一，视觉效果相较于SRT更丰富。

Ffmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。

gblur参数是指ffmpeg中模糊背景的命令。

OCR技术（Optical Character Recognition，光学字符识别）是指电子设备（例如扫描仪或数码相机）检查纸上打印的字符，通过检测暗、亮的模式确定其形状，然后用字符识别方法将形状翻译成计算机文字的过程；即，针对印刷体字符，采用光学的方式将纸质文档中的文字转换成为黑白点阵的图像文件，并通过识别软件将图像中的文字转换成文本格式，供文字处理软件进一步编辑加工的技术。

Opencv是一个基于Apache2.0许可（开源）发行的跨平台计算机视觉和机器学习软件库，实现图像处理和计算机视觉方面的很多通用算法。

findTextRegion是OpenCV用于查找和筛选文字区域的参数。

附图说明

图1为按照本发明的视频视觉效果模板化的方法的一优选实施例的流程图。

图2为按照本发明的视频视觉效果模板化的系统的一优选实施例的模块图。

图3为按照本发明的视频视觉效果模板化的方法的一优选实施例的文字滚屏效果示意图。

图4为按照本发明的视频视觉效果模板化的方法的一优选实施例的视频上下添加文字效果示意图。

图5为按照本发明的视频视觉效果模板化的方法的一优选实施例的视频左右添加文字效果示意图。

图6为按照本发明的视频视觉效果模板化的方法的一优选实施例的视频置左文字置右效果示意图。

图7为按照本发明的视频视觉效果模板化的方法的一优选实施例的视频偏左背景文字效果示意图。

图8为按照本发明的视频视觉效果模板化的方法的一优选实施例的图片在中间区域轮播效果示意图。

图9为按照本发明的视频视觉效果模板化的方法的一优选实施例的图片在左侧区域轮播效果示意图。

具体实施方式

下面结合附图和具体的实施例对本发明做进一步的阐述。

实施例一

如图1、图2所示，执行步骤100，模板创建模块200创建视频模板，在视频模板中绘制出预设画布、视频预留区，并按照屏幕尺寸自动缩放画布。

视频预留区的工作方法为前端将层级关系、X轴Y轴的位置信息、长和宽的大小信息同步给后端，后端按照对应信息替换为视频文件；视频预留区的视频尺寸的最小边长=视频预留区边长最小边长，视频尺寸的最大边长按照最小边长的缩小和放大比例进行尺寸的等比例缩小和等比例放大。

画布的宽高按照视频的实际宽高尺寸进行定义，画布是视频生成层级的最底层，所述画布的颜色做为视频生成时的默认颜色，各元素超出所述画布边缘的部分在视频生成时会被裁剪。

执行步骤110，设置模块210在前端页面的可视化操作区域中设置画布的尺寸，背景色。

执行步骤120，设置模块210在画布中添加元素，通过拖拽的方式对各元素的层级位置、尺寸、位置进行调整。元素包括图片、alpha通道图片、文字、视频、alpha通道视频和GIF动图中至少一种。

1）图片和alpha通道图片的处理方法为：

通过在画布中拖拽图片，前端获取到图片的X轴和Y轴的像素点位置，图片的长和宽的实际尺寸、缩放比，在画布中为图片设置的图片透明度、以及图层的层级关系；

将X轴Y轴坐标、长宽实际尺寸、缩放比，透明度传输给后端；

后端通过获取到的坐标位置定位图片，通过实际尺寸和缩放比进行图片的缩放；

按照透明度调整图片的透明度，再按照层级位置将图片放置到对应层级位置，按照视频的时长进行合成。

2）文字的处理方法为：

通过画布中书写文字，对文字进行字号大小、字体、描边、颜色、层级位置修改；

向后端传输数据时，按照当前可见的字号大小、字体、描边、颜色、进行截图；

将图层层级、X轴Y轴坐标、层级位置信息传输给后端，实际生产时将png图片合成到视频中。

需要变更颜色的文字的处理方法为：在视频生成之前，用户会为部分关键字设置指定字体颜色、字体、粗细、字号大小。视频合成之前，通过正则表达式获取到字幕文件中的关键字信息，按照SRT文件标准或者ASS文件标准进行关键字格式替换。

3）所述视频、所述alpha通道视频和所述GIF动图的处理方法为：

视频和动图默认抽取第5帧内容作为缩略图，不足5帧抽取第1帧内容作为缩略图并保留视频和GIF动图的对应关系ID值，图片尺寸按照原视频尺寸，原GIF动图的尺寸大小进行截取，抽取后生成alpha通道的透明PNG图片；

将缩略图呈现在画布中便于前端操作者拖拽，前端操作者可以对层级、位置、尺寸、是否循环播放进行自定义，定义完成后，前端将素材的对应关系ID值，层级、位置、尺寸、是否循环播放传给后端；

后端按照层级位置放置到指定的层级，按照位置信息的X轴Y轴和尺寸信息进行素材的摆放，视频实际生成时，按照是否循环播放自动适配最终视频的时长，循环播放，将按照最终视频的时长循环播放模板中的视频和GIF动图，不循环播放，将在播放至最后一帧时呈现静态的图像。

执行步骤130，设置模块210在画布中调整视频预留区，通过拖拽的方式，调整视频预留区层级位置、尺寸和位置。

执行步骤140，设置模块210设置LOGO变量，为某张图片添加LOGO属性，在原图片的层级位置、尺寸和位置的基础上，将该图片设置为LOGO变量，对原有的图片进行所述LOGO变量的设置，按照图片的位置、尺寸大小、层级关系等信息进行定义。前端将层级关系、X轴Y轴的位置信息、长和宽的大小信息同步给后端，后端按照对应信息替换为视频文件，视频尺寸的最小边长=视频预留区边长最小边长，视频尺寸的最大边长按照最小边长的缩小和放大比例进行尺寸的等比例缩小和等比例放大，并将新LOGO变量的左上角顶点位置等于X轴和Y轴的交点位置。

在同一个模板中，能且仅能设置一个所述LOGO变量。

执行步骤150，设置模块210设置字幕区，为某段文字添加字幕属性，上传新的所述LOGO变量能够替换模板中的LOGO变量，替换时，新上传的LOGO变量的宽高比不会发生变化，新LOGO变量的最小边长=模板LOGO变量的最小边长，新LOGO变量的最大边长等比缩放。在原文字的层级位置、尺寸、字体、字号、字体颜色的基础上，将该字幕区域设置为字幕变量，前端将对应属性信息传递给后端，后端按照字幕区的属性信息自动替换为相应的字幕文件。

字幕区的处理方法为通过画布中为某段文字进行变量设置，并设置文字的字体、颜色、字号大小、粗细、阴影、层级位置，前端将文字属性信息传输给后端，后端将自动生成或者用户上传的SRT文件或ASS文件按照设定的字体、颜色、字号大小、粗细进行字幕的显示。

执行步骤160，设置模块210设置模糊区，点击模糊区功能，在画布中添加模糊区变量模块，按照模糊区的层级位置、尺寸在对应区域进行高斯模糊的处理。模糊区的处理方法包括首选区域整体模糊和只模糊文字。

首选区域整体模糊是指按照指定区域将截取出视频，使用ffmpeg的gblur参数将该视频进行高斯模糊处理，并覆盖到原视频上进行遮挡。

只模糊文字是指通过OCR技术识别出指定区域的文字，生成字幕文件并记录文字出现的时序。每一段字幕时序抽取中间帧，使用opencv的findTextRegion计算出文字区域，并提取出文字轮廓的不规则PNG透明图片，将图片高斯模糊后覆盖到视频原位置的上层进行遮盖，图片遮盖时长=字幕出现时长。

执行步骤170，视频生成模块230将画布、视频预留区和各元素的属性和变量信息传递给后端，后端按照各元素的属性信息加工处理，按照各元素实际的尺寸和位置以及层级位置，并将变量区进行相应的替换，生成为视频文件。

实施例二

本发明提供一种通过静态化方案为动态视频内容实现模板化视频生产，使用可视化操作界面，将图片、alpha通道图片、GIF动态图片、文字、视频、alpha通道视频与视频预留区，按照层级关系进行组合。视频预留区为视频替换区域，将该区域设置为变量，位置、大小、以及与其他元素的层级关系可以任意拖拽，该区域可以在视频创作时替换为文本滚屏、图片轮播、视频。

1、视频预留区

预留区为替换区域，通过可视化的效果直接预览到替换区域的位置、尺寸、层级位置。该区域可用于替换为文字滚屏内容、图片轮播内容、视频内容。

2、通过静态的可视化效果，为动态视频内容实现布局

画板通过直接展示静态内容和展示动态内容缩略图的方式实现静态化布局动态化效果。

图片、alpha通道图片、文字内容，可以直接在画板中显示效果。

GIF动图、视频、alpha通道视频，为动态内容，通过抽帧的形式获取动态效果的缩略图，默认抽取第5帧内容作为缩略图，不足5帧抽取第1帧内容作为缩略图。实际操作者可以按照原大小进行等比缩小和放大，拖拽缩略图位置。 最终以缩略图的实际位置和大小进行视频动态化的合成处理。

具体流程步骤如下：

步骤1，创建视频模板，系统默认在视频模板中绘制出预设画布、视频预留区，并按照屏幕尺寸自动缩放画布。

步骤2，在前端页面的可视化操作区域中设置画布的尺寸，背景色。

步骤3，在画布中添加元素，包括但不限于：图片、alpha通道图片、文字、视频、alpha通道视频、GIF动图，并通过拖拽的方式对各元素的层级位置、尺寸、位置进行调整，在属性栏中对透明度、颜色等属性进行调整，前端按照画布缩放后的比例，获取各元素尺寸和位置的绝对值。

步骤4，在画布中调整预留区，通过拖拽的方式，调整预留区层级位置、尺寸和位置，前端按照画布缩放后的比例获取预留区尺寸和位置的绝对值。

步骤5，设置LOGO变量，为某张图片添加LOGO属性，在原图片的层级位置、尺寸和位置的基础上，将该图片设置为LOGO变量，在实际视频生产中，上传新的LOGO可以选择是否替换模板中的LOGO，替换时，新上传的LOGO的宽高比不会发生变化，新LOGO的最小边长=模板LOGO变量的最小边长，新LOGO的最大边长等比缩放。

步骤6，设置字幕区，为某段文字添加字幕属性，在原文字的层级位置、尺寸、字体、字号、字体颜色的基础上，将该字幕区域设置为字幕变量，前端将对应属性信息传递给后端，后端按照字幕预留区的属性信息自动替换为相应的字幕文件。

步骤7，设置模糊区，点击模糊区功能，在画布中添加模糊区变量模块，按照模糊区的层级位置、尺寸在对应区域进行高斯模糊的处理。

步骤8，将画布、预留区和各元素的属性和变量信息传递给后端，后端按照各元素的属性信息加工处理，按照各元素实际的尺寸和位置以及层级位置，并将变量区进行相应的替换，最终生成为视频文件。

元素的定义：

图片、alpha通道图片、文字、视频、alpha通道视频、GIF动图。

变量的定义：

预留区、LOGO变量、字幕区、模糊区。

属性定义：

层级位置，X轴Y轴位置信息，尺寸、旋转角度、透明度、文字字体、文字字号、文字字体颜色、文字描边。

画布的定义：

画布宽高按照视频的实际宽高尺寸进行定义，也是视频生成层级的最底层，画布的颜色做为视频生成时的默认颜色，各元素超出画布边缘的部分在视频生成时会被裁剪。

图片和alpha通道图片的定义：

通过在画布中拖拽图片，前端获取到图片的X轴和Y轴的像素点位置，图片的长和宽的实际尺寸、缩放比，在画布中为图片设置的图片透明度、以及图层的层级关系。将X轴Y轴坐标、长宽实际尺寸、缩放比，透明度传输给后端。 后端通过获取到的坐标位置定位图片，通过实际尺寸和缩放比进行图片的缩放，按照透明度调整图片的透明度，再按照层级位置将图片放置到对应层级位置，按照视频的时长进行合成。

文字的定义：

通过画布中书写文字，对文字进行字号大小、字体、描边、颜色、层级位置修改。向后端传输数据时，按照当前可见的字号大小、字体、描边、颜色、进行截图，再将将图层层级、X轴Y轴坐标、层级位置信息传输给后端，实际生产时将png图片合成到视频中。

视频、alpha通道视频、GIF动图的定义：

视频和动图默认抽取第5帧内容作为缩略图，不足5帧抽取第1帧内容作为缩略图并保留视频和GIF动图的对应关系ID值，图片尺寸按照原视频尺寸，原GIF动图的尺寸大小进行截取，抽取后生成alpha通道的透明PNG图片。将缩略图呈现在画布中便于前端操作者拖拽。前端操作者可以对层级、位置、尺寸、是否循环播放进行自定义，定义完成后，前端将素材的对应关系ID值，层级、位置、尺寸、是否循环播放传给后端，后端按照层级位置放置到指定的层级，按照位置信息的X轴Y轴和尺寸信息进行素材的摆放，视频实际生成时，按照是否循环播放自动适配最终视频的时长，循环播放，将按照最终视频的时长循环播放模板中的视频和GIF动图，不循环播放，将在播放至最后一帧时呈现静态的图像。

视频预留区的定义：

可以拖拽预留区的位置、尺寸大小、层级位置。前端将层级关系、X轴Y轴的位置信息、长和宽的大小信息同步给后端，后端按照对应信息替换为视频文件，视频尺寸的最小边长=预留区边长最小边长，视频尺寸的最大边长按照最小边长的缩小和放大比例进行尺寸的等比例缩小和等比例放大，按照属性信息生成视频。

LOGO变量的定义：

同一个模板，能且仅能设置一个LOGO变量，可以对原有的图片进行LOGO变量的设置，按照图片的位置、尺寸大小、层级关系等信息进行定义。前端将层级关系、X轴Y轴的位置信息、长和宽的大小信息同步给后端，后端按照对应信息替换为视频文件，视频尺寸的最小边长=预留区边长最小边长，视频尺寸的最大边长按照最小边长的缩小和放大比例进行尺寸的等比例缩小和等比例放大，并将新LOGO的左上角顶点位置等于X轴和Y轴的交点位置。

字幕区的定义：

通过画布中为某段文字进行变量设置，并设置文字的字体、颜色、字号大小、粗细、阴影、层级位置，前端将文字属性信息传输给后端，后端将自动生成或者用户上传的SRT文件或ASS文件文件按照设定的字体、颜色、字号大小、粗细进行字幕的显示。

需要变更颜色的文字：

在视频生成之前，用户会为部分关键字设置指定字体颜色、字体、粗细、字号大小。视频合成之前，通过正则表达式获取到字幕文件中的关键字信息，按照SRT文件标准或者ASS文件标准进行关键字格式替换。

模糊区的定义：

在画布中，添加一个模糊区，该区域默认为模糊区，模糊区有两个选项，所选区域整体模糊和只模糊文字。

首选区域整体模糊：按照指定区域将截取出视频，使用ffmpeg的gblur参数将该视频进行高斯模糊处理，并覆盖到原视频上进行遮挡。

只模糊文字：通过OCR技术识别出指定区域的文字，生成字幕文件并记录文字出现的时序。每一段字幕时序抽取中间帧，使用opencv的findTextRegion计算出文字区域，并提取出文字轮廓的不规则PNG透明图片，将图片高斯模糊后覆盖到视频原位置的上层进行遮盖，图片遮盖时长=字幕出现时长。

实施例三

本实施例展示的是视频中文字滚屏。如图3所示，为添加遮罩和不同背景的视频截图，文字部分仅在中间部分指定位置滚动显示，但是视频的背景不同。

应用方式：视频模板指定中间区域为“预留区”，设置多个不同背景的模板文件，将文字向上滚动的内容替换到“预留区”。

实施例四

本实施例展示的是视频上下或左右添加内容。如图4所示的是视频置于中间区域，上下添加文字内容，如图5所示的是视频置于中间区域，左右添加图片和文字。

应用方式：视频中间区域为图片轮播、视频播放区域，在视频模板中设置为“预留区”，上下或者左右添加不同的文字内容或者图片，设置为多个模板进行引用。

实施例五

本实施例展示的是视频靠左、靠右、居于中间位置。如图6所示，视频置于左侧，右侧采用图文介绍，通过口播的形式介绍APP，如图7所示，视频偏左显示，背景放置图文内容介绍。

应用方式：剧情演绎具有专业性，通过剧本将产品卖点、用户痛点、产品特色、产品卖点等内容进行呈现。

实施例六

本实施例展示的是图片轮播。如图8所示，图片在中间固定区域轮播，上下添加有图文内容。如图9所示，图片在左侧区域轮播，右侧添加文字介绍。

应用方式：视频预留区，图片以轮播的方式呈现，并在轮播区域外增加包框样式。

为了更好地理解本发明，以上结合本发明的具体实施例做了详细描述，但并非是对本发明的限制。凡是依据本发明的技术实质对以上实施例所做的任何简单修改，均仍属于本发明技术方案的范围。本说明书中每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似的部分相互参见即可。对于系统实施例而言，由于其与方法实施例基本对应，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

Claims (9)

1.一种视频视觉效果模板化的方法，包括创建视频模板，其特征在于，还包括以下步骤：

步骤1：在前端页面的可视化操作区域中设置画布的尺寸，背景色；

步骤2：在画布中添加元素，通过拖拽的方式对各元素的层级、尺寸、位置进行调整；所述元素包括alpha通道图片、文字、alpha通道视频和GIF动图，所述alpha通道视频和所述GIF动图的处理方法为：

视频和动图默认抽取第5帧内容作为缩略图，不足5帧抽取第1帧内容作为缩略图并保留所抽取帧与视频或GIF动图的对应关系ID值，图片尺寸按照原视频尺寸，原GIF动图的尺寸大小进行截取，抽取后生成alpha通道的透明PNG图片；

将缩略图呈现在画布中便于前端操作者拖拽，前端操作者对层级、位置、尺寸、是否循环播放进行自定义，定义完成后，前端将素材的对应关系ID值、层级、位置、尺寸、是否循环播放传给后端；

后端按照层级放置到指定的层级，按照位置信息的X轴Y轴和尺寸信息进行素材的摆放，视频实际生成时，按照是否循环播放自动适配最终视频的时长，循环播放，将按照最终视频的时长循环播放模板中的视频和GIF动图，不循环播放，将在播放至最后一帧时呈现静态的图像；

步骤3：在画布中调整视频预留区，通过拖拽的方式，调整视频预留区层级、尺寸和位置；

步骤4：设置LOGO变量，为某张图片添加LOGO属性，在原图片的层级、尺寸和位置的基础上，将该图片设置为LOGO变量；包括对原有的图片按照图片的位置、尺寸大小和层级信息进行所述LOGO变量的设置；在实际视频生产中，后端上传新的LOGO选择是否替换模板中的LOGO，替换时，新上传的LOGO的宽高比不会发生变化，新上传的LOGO的最小边长=模板LOGO变量的最小边长，新上传的LOGO的最大边长等比缩放；

步骤5：设置字幕区，为文字段落添加字幕属性，将该字幕区设置为字幕变量；

步骤6：设置模糊区，点击模糊区功能，在画布中添加模糊区变量，按照模糊区的层级、尺寸在对应区域进行高斯模糊的处理；

步骤7：将画布、视频预留区和各元素的属性和变量信息传递给后端，后端按照各元素的属性信息加工处理，按照各元素实际的尺寸和位置以及层级，将变量所在的区域中的变量进行相应的替换，生成为视频文件。

2.如权利要求1所述的视频视觉效果模板化的方法，其特征在于，所述创建视频模板步骤还包括在视频模板中绘制出预设画布、视频预留区，并按照屏幕尺寸自动缩放画布。

3.如权利要求2所述的视频视觉效果模板化的方法，其特征在于，所述视频预留区的工作方法为前端将层级关系、X轴Y轴的位置信息、长和宽的大小信息同步给后端，后端按照对应信息替换为视频文件，视频尺寸的最小边长=视频预留区边长最小边长，视频尺寸的最大边长按照最小边长的缩放比例进行尺寸的等比例缩放。

4.如权利要求3所述的视频视觉效果模板化的方法，其特征在于，在同一个模板中，能且仅能设置一个所述LOGO变量。

5.如权利要求4所述的视频视觉效果模板化的方法，其特征在于，所述步骤4包括将新上传的LOGO的左上角顶点位置等于LOGO变量的X轴和Y轴的交点位置。

6.如权利要求5所述的视频视觉效果模板化的方法，其特征在于，所述步骤5包括在初始文字的层级、尺寸、字体、字号、字体颜色的基础上，将该字幕区设置为字幕变量，前端将对应属性信息传递给后端，后端按照字幕区的属性信息自动替换为相应的字幕文件。

7.如权利要求6所述的视频视觉效果模板化的方法，其特征在于，所述字幕区的处理方法是为画布中的文字段落设置变量，并设置文字的字体、颜色、字号大小、粗细、阴影、层级，前端将文字属性信息传输给后端，后端将自动生成或者用户上传的SRT文件或ASS文件按照设定的字体、颜色、字号大小、粗细进行字幕的显示。

8.如权利要求7所述的视频视觉效果模板化的方法，其特征在于，所述模糊区的处理方法包括首选区域整体模糊和只模糊文字；所述首选区域整体模糊是指按照指定区域的大小截取视频，使用ffmpeg的gblur参数将该视频进行高斯模糊处理，并覆盖到原视频上进行遮挡；所述只模糊文字是指通过OCR技术识别出指定区域的文字，生成字幕文件并记录文字出现的时序；从每一段字幕时序中抽取中间帧，使用opencv的findTextRegion计算出文字区域，并提取出文字轮廓的不规则PNG透明图片，将图片高斯模糊后覆盖到视频原位置的上层进行遮盖，图片遮盖时长=字幕出现时长。

9.一种视频视觉效果模板化的系统，包括用于创建视频模板的模板创建模块，其特征在于，还包括以下模块：

设置模块：用于在前端页面的可视化操作区域中设置画布的尺寸，背景色；

所述设置模块还用于在画布中添加元素，通过拖拽的方式对各元素的层级、尺寸、位置进行调整；所述元素包括alpha通道图片、文字、alpha通道视频和GIF动图，所述alpha通道视频和所述GIF动图的处理方法为：

视频和动图默认抽取第5帧内容作为缩略图，不足5帧抽取第1帧内容作为缩略图并保留所抽取帧与视频或GIF动图的对应关系ID值，图片尺寸按照原视频尺寸，原GIF动图的尺寸大小进行截取，抽取后生成alpha通道的透明PNG图片；

将缩略图呈现在画布中便于前端操作者拖拽，前端操作者对层级、位置、尺寸、是否循环播放进行自定义，定义完成后，前端将素材的对应关系ID值、层级、位置、尺寸、是否循环播放传给后端；

后端按照层级放置到指定的层级，按照位置信息的X轴Y轴和尺寸信息进行素材的摆放，视频实际生成时，按照是否循环播放自动适配最终视频的时长，循环播放，将按照最终视频的时长循环播放模板中的视频和GIF动图，不循环播放，将在播放至最后一帧时呈现静态的图像；

所述设置模块还用于在画布中调整视频预留区，通过拖拽的方式，调整视频预留区层级、尺寸和位置；

所述设置模块还用于设置LOGO变量，为某张图片添加LOGO属性，在原图片的层级、尺寸和位置的基础上，将该图片设置为LOGO变量；包括对原有的图片按照图片的位置、尺寸大小和层级信息进行所述LOGO变量的设置；在实际视频生产中，后端上传新的LOGO选择是否替换模板中的LOGO，替换时，新上传的LOGO的宽高比不会发生变化，新上传的LOGO的最小边长=模板LOGO变量的最小边长，新上传的LOGO的最大边长等比缩放；

所述设置模块还用于设置字幕区，为文字段落添加字幕属性，该字幕区设置为字幕变量；

所述设置模块还用于设置模糊区，点击模糊区功能，在画布中添加模糊区变量，按照模糊区的层级、尺寸在对应区域进行高斯模糊的处理；

视频生成模块：用于将画布、视频预留区和各元素的属性和变量信息传递给后端，后端按照各元素的属性信息加工处理，按照各元素实际的尺寸和位置以及层级，将变量所在的区域中的变量进行相应的替换，生成为视频文件。

Images