视频生成方法和装置制造方法及图纸

技术编号:37306520 阅读:28 留言:0更新日期:2023-04-21 22:50
本申请公开了视频生成方法和装置,涉及视频处理技术领域。该方法的一具体实施方式包括:获取针对页面播放区域中视频文件的录制需求信息;调整画布的大小与录制区域的大小相匹配,并将调整后的画布设置在录制位置,得到目标画布;调用视频录制组件对第一内容进行录制,得到第一录制结果;基于第一录制结果,得到目标视频。该实施方式有效降低了录制页面视频对带宽资源的耗费。对带宽资源的耗费。对带宽资源的耗费。

【技术实现步骤摘要】
视频生成方法和装置


[0001]本申请涉及计算机
,具体涉及视频处理
,尤其涉及一种视频生成方法和装置。

技术介绍

[0002]用户在浏览前端web页面的时候,需要录制前端页面(web)上的内容(用户交互等),一般采用的方法:前端页面(web)会持续的生成当前页面的截图(绘制多个DOM快照截图),再将多个截图合并成一段录屏视频。前端页面生成图片常用的方法:html2canvas,另外也有一些现成的库可以使用来进行屏幕的录制,RecordRTC上就有很多屏幕录制的实现,具体有声音(Audio)、视频(Video)、屏幕(Screen)的录制。
[0003]前端web页面使用html2canvas的方法持续的生成当前页面的截图(绘制多个DOM快照截图),若要合成流畅的视频,需截出密集的帧图像,这无疑是很消耗性能的。假设视频帧数为30帧,帧数代表着每秒所需的截图数量,为了视频的流畅和清晰,每张截图为400KB,那么当视频长度为1分钟,则需要上传703.125MB的资源,这么大的带宽浪费无疑会造成对性能的影响,甚至会影响用户体验。<本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种视频生成方法,所述方法包括:获取针对页面播放区域中视频文件的录制需求信息,所述录制需求信息包括:录制区域的大小和录制位置;调整画布的大小与所述录制区域的大小相匹配,并将调整后的画布设置在所述录制位置,得到目标画布;调用视频录制组件对第一内容进行录制,得到第一录制结果,其中,所述第一内容用于指示所述播放区域与所述目标画布的重叠区域播放的视频内容;基于所述第一录制结果,得到目标视频。2.根据权利要求1所述的方法,其中,所述基于所述第一录制结果,得到目标视频,包括:将所述第一录制结果和第二录制结果进行合并,得到目标视频,其中,所述第二录制结果通过以下方式生成:在调用视频录制组件对所述第一内容进行录制的过程中,调用视频录制组件对第二内容进行录制,得到第二录制结果,所述第二内容用于指示目标画布中播放的绘制内容。3.根据权利要求1所述的方法,其中,所述调用视频录制组件对第一内容进行录制,得到第一录制结果,包括;响应于接收到开始录制的指令,调用视频录制组件对第一内容进行录制,得到第一录制结果。4.根据权利要求1所述的方法,在所述调用视频录制组件对第一内容进行录制,得到第一录制结果之前,所述方法还包括:基于视频录制组件设置待录制生成的视频的音频流和/或视频流的比特率。5.根据权利要求1所述的方法,所述方法还包括:采用切片上传的方式,将所述目标视频上传至后端以进行存储。6.一种视频生成装置,所述装置包括:获取模块,被配置成获取针对页面播放区域中视频文...

【专利技术属性】
技术研发人员:吴磊
申请(专利权)人:京东科技信息技术有限公司
类型:发明
国别省市:

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

1