前端可视化视频内容编辑方法、装置、设备及存储介质制造方法及图纸

技术编号:33780964 阅读:36 留言:0更新日期:2022-06-12 14:35
本发明专利技术公开了前端可视化视频内容编辑方法、装置、设备及存储介质,涉及计算机技术领域,所述方法包括:前端提交用户已编辑内容的html文本,将与html文本相关联的JavaScript文件和css文件存储至云空间;后端从云空间获取与html文本相关联的JavaScript文件和css文件,对html文本进行无头浏览器渲染;后端根据JavaScript文件将渲染后的html文本进行转图片格式处理,得到png格式图片;后端调用图像处理程序将png格式图片与原始视频压制为一体。本发明专利技术通过前后端程序配合实现用户简单操作、一次编辑可批量复用的视频内容(包括文字、logo和水印等)编辑方案。logo和水印等)编辑方案。logo和水印等)编辑方案。

【技术实现步骤摘要】
前端可视化视频内容编辑方法、装置、设备及存储介质


[0001]本专利技术涉及计算机
,具体涉及前端可视化视频内容编辑方法、装置、设备及存储介质。

技术介绍

[0002]随着短视频应用的发展,短视频内容制作成为了人们常见的需求。常见的短视频内容生产方式为人工配合视频剪辑工具进行制作,但对于一般用户仍存在内容素材需求量大或剪辑工具使用门槛高等问题。

技术实现思路

[0003]本专利技术提供的前端可视化视频内容编辑方法、装置、设备及存储介质,解决了上述问题。
[0004]本专利技术提供了前端可视化视频内容编辑方法,包括:
[0005]步骤m1:前端提交用户已编辑内容的html文本,将与html文本相关联的JavaScript文件和css文件存储至云空间;
[0006]步骤s1:后端接收到html文本后,从云空间获取与html文本相关联的JavaScript文件和css文件,对html文本进行无头浏览器渲染;
[0007]步骤s2:后端根据JavaScript文件将渲染后的html文本进行转图片格式本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端可视化视频内容编辑方法,其特征在于,包括:步骤m1:前端提交用户已编辑内容的html文本,将与html文本相关联的JavaScript文件和css文件存储至云空间;步骤s1:后端接收到html文本后,从云空间获取与html文本相关联的JavaScript文件和css文件,对html文本进行无头浏览器渲染;步骤s2:后端根据JavaScript文件将渲染后的html文本进行转图片格式处理,得到png格式图片;步骤s3:后端调用图像处理程序将png格式图片与原始视频压制为一体。2.根据权利要求1所述的前端可视化视频内容编辑方法,其特征在于,所述对html文本进行无头浏览器渲染具体为:使用selenium工具对html文本进行无头浏览器渲染;所述步骤s2具体为:后端调用JavaScript文件中的html2canvas方法将渲染后的html文本进行转图片格式处理,得到png格式图片。3.根据权利要求2所述的前端可视化视频内容编辑方法,其特征在于,所述对html文本进行无头浏览器渲染,具体为:在Python程序中,使用selenium工具对html文本进行无头浏览器渲染;之后还包括:检测渲染后的html文本是否已转换为png格式图片;如果是,则向前端返回结果;否则,继续检测检测渲染后的html文本是否已转换为png格式图片。4.根据权利要求3所述的前端可视化视频内容编辑方法,其特征在于,所述检测渲染后的html文本是否已转换为png格式图片,具体为:检测标签是否已写入,如果是,则检测出渲染后的html文本已转换为png格式图片;否则,检测出渲染后的html文本未转换为png格式图片;所述步骤s2中得到png格式图片之后,还包括:写入标签。5.一种前端可视化视频内容编辑装置,其特征在于,包括:提交模块、存储模块、接收模块、获取模块、无头渲染模块、格式转换模块和图像处理模块;所述提交模块,用于向后端提交用户已编辑内容的html文本;所述存储模块,用于将html文本相关联的JavaScript文件和css文件存储至云空间;接...

【专利技术属性】
技术研发人员:穆国峰
申请(专利权)人:北京中量质子网络信息科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1