[发明专利]前端可视化视频内容编辑方法、装置、设备及存储介质

说明书

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

技术领域

本发明涉及计算机技术领域，具体涉及前端可视化视频内容编辑方法、装置、设备及存储介质。

背景技术

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

发明内容

本发明提供的前端可视化视频内容编辑方法、装置、设备及存储介质，解决了上述问题。

本发明提供了前端可视化视频内容编辑方法，包括：

步骤m1：前端提交用户已编辑内容的html文本，将与html文本相关联的JavaScript文件和css文件存储至云空间；

步骤s1：后端接收到html文本后，从云空间获取与html文本相关联的JavaScript文件和css文件，对html文本进行无头浏览器渲染；

步骤s2：后端根据JavaScript文件将渲染后的html文本进行转图片格式处理，得到png格式图片；

步骤s3：后端调用图像处理程序将png格式图片与原始视频压制为一体。

可选地，所述对html文本进行无头浏览器渲染具体为：使用selenium工具对html文本进行无头浏览器渲染；

所述步骤s2具体为：后端调用JavaScript文件中的html2canvas方法将渲染后的html文本进行转图片格式处理，得到png格式图片。

可选地，所述对html文本进行无头浏览器渲染，具体为：在Python程序中，使用selenium工具对html文本进行无头浏览器渲染；之后还包括：检测渲染后的html文本是否已转换为png格式图片；如果是，则向前端返回结果；否则，继续检测检测渲染后的html文本是否已转换为png格式图片。

可选地，所述检测渲染后的html文本是否已转换为png格式图片，具体为：检测标签是否已写入，如果是，则检测出渲染后的html文本已转换为png格式图片；否则，检测出渲染后的html文本未转换为png格式图片；

所述步骤s2中得到png格式图片之后，还包括：写入标签。

本发明还提供了前端可视化视频内容编辑装置，包括：提交模块、存储模块、接收模块、获取模块、无头渲染模块、格式转换模块和图像处理模块；

所述提交模块，用于向后端提交用户已编辑内容的html文本；

所述存储模块，用于将html文本相关联的JavaScript文件和css文件存储至云空间；

接收模块，用于从前端接收html文本；

获取模块，用于从云空间获取与html文本相关联的JavaScript文件和css文件，

所述无头渲染模块，用于对html文本进行无头浏览器渲染；

所述格式转换模块，用于根据JavaScript文件将渲染后的html文本进行转图片格式处理，得到png格式图片；