一种基于html5的多轨道视频编辑的方法及系统技术方案

本发明专利技术公开了一种基于html5的多轨道视频编辑的方法及系统，该方法包括如下步骤：用户在资源管理库中编辑素材或存储已经编辑完成的视频文件，并从资源管理库中提取视频原始素材或编辑之后存档的视频素材，通过特效模板添加特效功能，同时利用B/S网络结构模式，使节目制作人员使用浏览器便能通过网络编辑视频文件，并实时同步播放视频。本发明专利技术将一些必要的视频编辑功能与Html5技术相结合，包括资源管理库、特效模板、视频播放器和可视化编辑模块，适用于快速编辑和配置较低的电脑，具有使用轻便高效、跨平台、跨浏览器的特点。

【技术实现步骤摘要】

本专利技术涉及视频编辑
，具体是一种基于html5的多轨道视频编辑的方法及系统。
技术介绍
在广电领域，非编是电视节目编辑人员必不可少的编辑工具，非编由于其数字化的记录方式，强大的兼容性，方便的视频剪辑、特效编辑方式，相对较少的投资等特点，已被业内广泛认可。然而，目前的非编软件还存在着以下的不足：1、对电脑配置要求较高多数非编软件要求电脑需要64位操作系统，内存至少8G或更大内存；1G或更大的显存，相对便宜的电脑很难以达到这样高的要求，运行软件将会非常缓慢，尤其是在编辑高码文件时，时常出现卡死的现象。2、软件出问题时非常不便由于非编软件较庞大，一旦是软件出现问题须重装时，既需要重新下载庞大的软件安装包，又需要重新配置环境，这样需要耗费大量的人力和时间，对软件的使用带来不必要的麻烦。3、冗余功能影响效率对于一些实时性较强的新闻类节目，或一些不需要过度加工的节目而言，很多功能并不需要，然而软件本身自带的功能较多，较为庞大以至于偶尔会出现死机的情况，影响使用。为了解决上述问题，提高节目制作的效率，我们研究了一种基于Html5的多轨道视频编辑的方法。
技术实现思路
本专利技术的目的在于克服现有技术的不足，提供一种基于html5的多轨道视频编辑的方法及系统。具有使用轻便高效、跨平台、跨浏览器、对环境配置要求相对较低的特点，最终达到编低码出高码的效果。本专利技术的目的是通过以下技术方案来实现的：一种基于html5的多轨道视频编辑的方法，包括以下步骤：步骤S1：在本地支持html5的浏览器中利用http协议，将文件从服务器中下载到本地web浏览器中；步骤S2：在时间线上裁剪和截取视频段，利用图像处理的算法进行进一步加工；步骤S3：当视频播放的时候，实时捕获每一帧的画面，在编辑窗口做相应的特效编辑，同时，将加入的图片挂件及艺术字进行修改编辑；步骤S4：将制作之后的低码文件传入后台处理服务器进行进一步后台制作；步骤S5：后台处理服务器将制作好的视频重新回传至数据库服务器中。所述步骤S1中所述将文件下载方式为拖曳，直接在网页上进行视频编辑。所述步骤S2中所述视频裁剪和截取，在时间线上实现实时定位采用手动操作进行粗略定位或使用时码精确到定位帧编辑点；各段素材的相互位置能够随意调整，在编辑过程中，能够在任何时候删除节目中的某一轨或多轨镜头，或者向节目中的任一位置插入一段素材，能够实现磁带编辑中常用的插入和组合编辑，在剪辑多机拍摄的多轨素材或同一场景多次拍摄的素材时，在编辑系统中采用软切换的方法将多段视频整合到一条视频中，以此模拟切换台的功能，切点可根据节目要求任意设定。所述步骤S3中所述特效编辑，利用canvas技术模块进行特效编辑，利用CSS3技术对图片挂件、艺术字字体、字号进行修改编辑。所述步骤S4中所述低码文件传入后台服务器处理，先利用像素较低的素材进行初步编辑，生成json文件，然后后台服务器用高质量的素材替换对应的低质量素材，再对节目进行正式合成。一种基于html5的多轨道视频编辑系统，包括如下模块：资源管理库、特效模板、视频播放器和可视化编辑模块，资源管理库提供视频原始素材或编辑之后存档的视频素材，特效模板添加特效功能，通过视频播放器和可视化编辑模块实时播放正在编辑的视频。本专利技术的有益效果是：使节目制作人员只要有浏览器便能通过网络编辑视频文件，具有使用轻便高效、跨平台、跨浏览器、对环境配置要求相对较低的特点，并且达到了编低码出高码的效果。附图说明图1为本专利技术一种基于html5的多轨道视频编辑的方法流程图；图2为本专利技术一种基于html5的多轨道视频编辑的系统框图；图3为本专利技术数据流程图。具体实施方式下面结合附图进一步详细描述本专利技术的技术方案，但本专利技术的保护范围不局限于以下所述。如图1所示，一种基于html5的多轨道视频编辑的方法，包括如下步骤：步骤S1：在本地支持html5的浏览器中利用http协议，将文件从服务器中下载到本地web浏览器中；步骤S2：在时间线上裁剪和截取视频段，利用图像处理的算法进行进一步加工；步骤S3：当视频播放的时候，实时捕获每一帧的画面，在编辑窗口做相应的特效编辑，同时，将加入的图片挂件及艺术字进行修改编辑；步骤S4：将制作之后的低码文件传入后台处理服务器进行进一步后台制作；步骤S5：后台处理服务器将制作好的视频重新回传至数据库服务器中。所述步骤S1中所述将文件下载方式为拖曳，直接在网页上进行视频编辑。所述步骤S2中所述视频裁剪和截取，在时间线上实现实时定位采用手动操作进行粗略定位或使用时码精确到定位帧编辑点，不需要像磁带编辑系统那样花费大量时间卷带搜索，大大地提高了编辑效率；各段素材的相互位置能够随意调整，在编辑过程中，能够在任何时候删除节目中的某一轨或多轨镜头，或者向节目中的任一位置插入一段素材，能够实现磁带编辑中常用的插入和组合编辑，在剪辑多机拍摄的多轨素材或同一场景多次拍摄的素材时，在编辑系统中采用剪切拼接等软切换的方法将多段视频整合到一条视频中，以此模拟切换台的功能，切点可根据节目要求任意设定。所述步骤S3中所述特效编辑，利用canvas技术模块进行特效编辑，利用CSS3技术对图片挂件、艺术字字体、字号进行修改编辑。所述步骤S4中先在本机利用像素较低的素材进行草编，生成json文件，然后在后台服务器用高质量的素材替换对应的低质量素材，再对节目进行正式合成。这样既保证了处理速度也保证了输出视频文件的清晰度。如图2所示，一种基于html5的多轨道视频编辑系统，包括资源管理库、特效模板、视频播放器和可视化编辑模块，用户在资源管理库中编辑素材或存储已经编辑完成的视频文件，并从资源管理库中提取视频原始素材或编辑之后存档的视频素材，通过特效模板添加特效功能，同时利用B/S网络结构模式，将视频传入到Web服务器、后台处理服务器和数据库服务器进行进一步处理，使节目制作人员使用浏览器便能通过网络编辑视频文件，实时同步播放视频，将编辑完成的视频在后台服务器利用图像处理算法进一步处理，再回传到数据库服务器。如图3所示，用户利用Web浏览器向Web服务器发出Http请求，Web服务器向数据库服务器发送SQL请求，同时数据库服务器回传数据到Web服务器，Web服务器再通过Http协议回传到Web浏览器，实现在线视频编辑，将初步编辑完成视频采用Http协议传入后台处理服务器进一步处理。本文档来自技高网...

【技术保护点】
一种基于html5的多轨道视频编辑的方法，其特征在于，包括步骤：S1：在本地支持html5的浏览器中利用http协议，将文件从服务器中下载到本地web浏览器中；S2：在时间线上裁剪和截取视频段，利用图像处理的算法进行进一步加工；S3：当视频播放的时候，实时捕获每一帧的画面，在编辑窗口做相应的特效编辑，同时，将加入的图片挂件及艺术字进行修改编辑；S4：将制作之后的低码文件传入后台处理服务器进行进一步后台制作；S5：后台处理服务器将制作好的视频重新回传至数据库服务器中。

【技术特征摘要】
1.一种基于html5的多轨道视频编辑的方法，其特征在于，包括步骤：S1：在本地支持html5的浏览器中利用http协议，将文件从服务器中下载到本地web浏览器中；S2：在时间线上裁剪和截取视频段，利用图像处理的算法进行进一步加工；S3：当视频播放的时候，实时捕获每一帧的画面，在编辑窗口做相应的特效编辑，同时，将加入的图片挂件及艺术字进行修改编辑；S4：将制作之后的低码文件传入后台处理服务器进行进一步后台制作；S5：后台处理服务器将制作好的视频重新回传至数据库服务器中。2.如权利要求1所述的一种基于html5的多轨道视频编辑的方法，其特征在于，步骤S1中所述文件下载方式为拖曳，直接在网页上进行视频编辑。3.如权利要求1所述的一种基于html5的多轨道视频编辑的方法，其特征在于，步骤S2中所述视频裁剪和截取，在时间线上实现实时定位采用手动操作进行粗略定位或使用时码精确到定位帧编辑点；各段素材的相互位置能够随意调整,在编辑过程中，能够在任何时候删除节目中的某一轨或多轨镜头，或者向节目中的任一...

【专利技术属性】
技术研发人员：罗天，杨晓冬，黄大剑，
申请(专利权)人：成都索贝数码科技股份有限公司，
类型：发明
国别省市：四川;51