叠加播放方法、装置、电子设备及存储介质制造方法及图纸

技术编号:39986568 阅读:37 留言:0更新日期:2024-01-09 01:56
本申请涉及一种叠加播放方法、装置、电子设备及存储介质,所述方法包括:获取主视频,并确定所述主视频对应的目标图像,在浏览器的播放区域显示所述目标图像;获取待叠加素材,并确定所述待叠加素材在画布中的位置,其中,所述画布为位于所述播放区域之上的透明画布;响应于叠加播放指令,播放所述主视频,在所述播放区域显示所述主视频的视频画面,在所述画布的所述位置显示所述待叠加素材。如此通过分层的方式代替画布截帧的方式,实现主视频与待叠加素材的叠加播放,避免帧率固定,并且不会丢帧,叠加播放避免出现卡顿。

【技术实现步骤摘要】

本申请涉及视频播放,尤其涉及一种叠加播放方法、装置、电子设备及存储介质


技术介绍

1、随着泛娱乐媒体行业和视听技术的发展,出现了各种各样的视频,例如长视频、短视频、直播视频等,而视频的播放方式与展示方式也较之前出现了较大的变化并衍生出更多的需求,例如视频画面添加广告、动态角标、视频等素材,实现视频与素材的叠加播放。

2、相关技术中,使用html中的video标签进行视频的播放,通过定时器按照固定频率截取当前播放的视频画面,例如每秒截取30次,然后绘制在画布中,并且按照叠加播放时机,在画布中相应位置绘制素材,如此可实现视频与素材的叠加播放。

3、由于通过定时器按照固定频率截取当前播放的视频画面,导致帧率固定,并且如果规定时间内没有完成相应次数的视频画面截取,例如每秒截取30次视频画面,实际上有可能因为资源紧张,仅仅截取了25次视频画面,会导致丢帧,叠加播放出现卡顿。


技术实现思路

1、为了解决上述通过定时器按照固定频率截取当前播放的视频画面,导致帧率固定,并且如果规定时间内没有完成相应本文档来自技高网...

【技术保护点】

1.一种叠加播放方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述在浏览器的播放区域显示所述目标图像,包括:

3.根据权利要求2所述的方法,其特征在于,所述获取待叠加素材之后,所述方法还包括:

4.根据权利要求3所述的方法,其特征在于,所述方法还包括:

5.根据权利要求2所述的方法,其特征在于,所述通过webGL技术,对所述主视频的视频画面以及所述待叠加素材进行同步渲染,包括:

6.根据权利要求1所述的方法,其特征在于,所述确定所述待叠加素材在画布中的位置,包括:

7.根据权利要求1所述...

【技术特征摘要】

1.一种叠加播放方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述在浏览器的播放区域显示所述目标图像,包括:

3.根据权利要求2所述的方法,其特征在于,所述获取待叠加素材之后,所述方法还包括:

4.根据权利要求3所述的方法,其特征在于,所述方法还包括:

5.根据权利要求2所述的方法,其特征在于,所述通过webgl技术,对所述主视频的视频画面以及所述待叠加素材进行同步渲染,包括:

6.根据权利要求1所述的方法,其特征在于,所述确定所述待叠加素材在画布中的位置,包括:

7.根据权利要求1所述的方法,其特...

【专利技术属性】
技术研发人员:史环宇王翊沣
申请(专利权)人:北京奇艺世纪科技有限公司
类型:发明
国别省市:

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

1