[发明专利]一种图像播放处理方法在审
申请号: | 202210515953.6 | 申请日: | 2022-05-12 |
公开(公告)号: | CN114880613A | 公开(公告)日: | 2022-08-09 |
发明(设计)人: | 熊正祥;张欢 | 申请(专利权)人: | 苏州轻棹科技有限公司 |
主分类号: | G06F16/958 | 分类号: | G06F16/958;G06F16/901 |
代理公司: | 北京慧诚智道知识产权代理事务所(特殊普通合伙) 11539 | 代理人: | 高梅 |
地址: | 215100 江苏省苏州市相城区高铁新城青*** | 国省代码: | 江苏;32 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 图像 播放 处理 方法 | ||
本发明实施例涉及一种图像播放处理方法,所述方法包括:浏览器载入图像播放页面的可执行脚本文件;在浏览器的显示页面上创建第一、第二、第三图像组件、文件输入组件、顺序播放组件、倒序回放组件;若文件输入组件的onchange事件被激活则对待播放的多个图像文件进行选择从而得到对应的图像地址序列;若顺序播放组件的onc l i ck事件被激活则根据图像地址序列和第一、第二、第三图像组件进行图像顺序播放处理;若倒序回放组件的onc l i ck事件被激活则根据图像地址序列和第一、第二、第三图像组件进行图像倒序回放处理。通过本发明,可以解决常规方案中帧间黑屏的问题,从而达到提高图片播放流畅度及稳定性的目的。
技术领域
本发明涉及数据处理技术领域,特别涉及一种图像播放处理方法。
背景技术
对自动驾驶系统的仿真验证需要大量的实景图像文件,这些图像文件都是通过实车路跑由摄像头拍摄获得的。在对自动驾驶系统进行仿真验证时,经常需要将某个时段连续获取的多个实景图像文件按一定的速率进行播放。当前解决仿真图片播放的技术方案基本都是基于浏览器的WEB应用解决方案,这种WEB应用解决方案是以一个图像(image,img)对象为绘图对象,每隔一个设定帧间时长更新这个绘图对象的图像地址(source,src)属性,由此来实现图像的连续播放。这种方式只有在相邻帧切换时刻才可以修改绘图对象的src属性,浏览器也只有在该src属性被修改之后才能获取下一帧图像,倘若下一帧图像过大导致浏览器获取时间过长则可能会出现帧间黑屏的问题。
发明内容
本发明的目的,就是针对现有技术的缺陷,提供一种图像播放处理方法、电子设备及计算机可读存储介质,在显示页面上构建3个完全重叠的img对象;并在进行图像顺序播放或图像倒序回放时循环利用这3个img对象中的2个对象作为当前帧图像和下一帧图像的加载主体;并基于浏览器将z-index值较大的页面元素叠加(覆盖)在z-index值较小的页面元素之上的工作原理,在帧间切换时通过修改img对象的z-index属性值即可实现从当前帧图像到下一帧图像的快速切换。通过本发明,可以解决常规方案中帧间黑屏的问题,从而达到提高图片播放流畅度及稳定性的目的。
为实现上述目的,本发明实施例第一方面提供了一种图像播放处理方法,所述方法包括:
浏览器载入图像播放页面的可执行脚本文件;所述可执行脚本文件中包括组件设置代码部分和组件事件响应代码部分;
解析所述组件设置代码部分,在浏览器的显示页面上创建三个位置完全重叠的用于加载图像的第一、第二、第三图像组件,创建一个用于选择多个文件的文件输入组件,创建一个用于启动图像顺序播放的顺序播放组件,创建一个用于启动图像倒序回放的倒序回放组件;所述第一、第二、第三图像组件的高度相同都为预设的组件高度H,宽度相同都为预设的组件宽度W;所述第一、第二、第三图像组件分别对应一个原图地址和一个重叠索引;所述第一、第二、第三图像组件中,只有所述重叠索引为最大值的那个图像组件的所述原图地址对应的图像在浏览器的显示页面上可见;
解析所述组件事件响应代码部分,对所述文件输入组件的onchange事件进行侦听,若所述文件输入组件的onchange事件被激活则对待播放的多个图像文件进行选择从而得到对应的图像地址序列;并对所述顺序播放组件的onclick事件进行侦听,若所述顺序播放组件的onclick事件被激活则根据所述图像地址序列和所述第一、第二、第三图像组件进行图像顺序播放处理;并对所述倒序回放组件的onclick事件进行侦听,若所述倒序回放组件的onclick事件被激活则根据所述图像地址序列和所述第一、第二、第三图像组件进行图像倒序回放处理。
优选的,所述可执行脚本文件支持超文本标记语言HTML、JavaScript语言和动态服务器页面ASP语言。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于苏州轻棹科技有限公司,未经苏州轻棹科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202210515953.6/2.html,转载请声明来源钻瓜专利网。
- 上一篇:一种阿加曲班微粒、制剂及其制备方法
- 下一篇:一种便捷式增强型导电膏注射器
- 彩色图像和单色图像的图像处理
- 图像编码/图像解码方法以及图像编码/图像解码装置
- 图像处理装置、图像形成装置、图像读取装置、图像处理方法
- 图像解密方法、图像加密方法、图像解密装置、图像加密装置、图像解密程序以及图像加密程序
- 图像解密方法、图像加密方法、图像解密装置、图像加密装置、图像解密程序以及图像加密程序
- 图像编码方法、图像解码方法、图像编码装置、图像解码装置、图像编码程序以及图像解码程序
- 图像编码方法、图像解码方法、图像编码装置、图像解码装置、图像编码程序、以及图像解码程序
- 图像形成设备、图像形成系统和图像形成方法
- 图像编码装置、图像编码方法、图像编码程序、图像解码装置、图像解码方法及图像解码程序
- 图像编码装置、图像编码方法、图像编码程序、图像解码装置、图像解码方法及图像解码程序