一种图像渲染处理方法及装置与流程

本发明涉及图像处理，具体涉及一种图像渲染处理方法及装置。

背景技术：

1、银行为了更好地向客户宣传产品和服务，可以制作相应的视频内容，客户通过播放视频内容，可以直观和生动的了解产品和服务。

2、react native(简称rn)是一种开源跨平台移动应用开发框架，它可以支持安卓和ios两大平台，是目前运用最广泛的跨平台移动应用开发框架。当前rn渲染机制为：接收到各种事件后，等待事件处理完毕，加入消息队列，同步给原生，进行相应的渲染。

3、现有渲染方案，在接收到事件源后，如果事件处理出现延时，就会使得主线程无法获取当前事件处理结果，进而会导致主线程无法进行渲染，就会出现时间延迟，产生应用丢帧，用户观看视频时会出现卡顿现象。

技术实现思路

1、针对现有技术中的问题，本发明实施例提供一种图像渲染处理方法及装置，能够至少部分地解决现有技术中存在的问题。

2、一方面，本发明提出一种图像渲染处理方法，包括：

3、在视频播放过程中获取js事件队列；所述js事件队列包括与各事件分别对应的事件处理状态，所述事件处理状态根据事件处理是否超时确定；

4、若确定至少存在一个事件的事件处理状态为处理中状态，则从缓存中获取当前帧图像的前一帧图像的缓存位图；所述缓存预先存储有每一帧图像的位图；

5、渲染当前帧图像的前一帧图像的缓存位图。

6、其中，所述在视频播放过程中获取js事件队列，包括：

7、通过原生接收由js周期性发送的js事件队列。

8、其中，在渲染当前帧图像的前一帧图像的缓存位图的同时，所述图像渲染处理方法还包括：

9、生成基于缓存位图渲染图像的标记信息。

10、其中，所述图像渲染处理方法还包括：

11、若确定全部事件的事件处理状态都为处理完成状态，则渲染当前帧图像的位图，并将当前帧图像的位图存储至缓存中。

12、其中，在所述渲染当前帧图像的位图的步骤之前，所述图像渲染处理方法还包括：

13、若确定在所述当前帧图像中包含有所述标记信息，则删除所述标记信息。

14、其中，在所述通过原生接收由js周期性发送的js事件队列的步骤之前，所述图像渲染处理方法还包括：

15、通过js将待处理事件添加至事件集合中；

16、对所述事件集合中的各事件的处理状态进行检测，并根据检测结果标记各事件的处理状态；

17、周期性向原生发送js事件队列；所述js事件队列包括与各事件分别对应的事件处理状态。

18、其中，所述对所述事件集合中的各事件的处理状态进行检测，并根据检测结果标记各事件的处理状态，包括：

19、每处理完成一个事件，将处理完成事件的处理状态标记为处理完成状态；

20、将超过预设时长尚未完成处理的事件的处理状态标记为处理中状态。

21、一方面，本发明提出一种图像渲染处理装置，包括：

22、第一获取单元，用于在视频播放过程中获取js事件队列；所述js事件队列包括与各事件分别对应的事件处理状态，所述事件处理状态根据事件处理是否超时确定；

23、第二获取单元，用于若确定至少存在一个事件的事件处理状态为处理中状态，则从缓存中获取当前帧图像的前一帧图像的缓存位图；所述缓存预先存储有每一帧图像的位图；

24、渲染单元，用于渲染当前帧图像的前一帧图像的缓存位图。

25、再一方面，本发明实施例提供一种电子设备，包括：处理器、存储器和总线，其中，

26、所述处理器和所述存储器通过所述总线完成相互间的通信；

27、所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行如下方法：

28、在视频播放过程中获取js事件队列；所述js事件队列包括与各事件分别对应的事件处理状态，所述事件处理状态根据事件处理是否超时确定；

29、若确定至少存在一个事件的事件处理状态为处理中状态，则从缓存中获取当前帧图像的前一帧图像的缓存位图；所述缓存预先存储有每一帧图像的位图；

30、渲染当前帧图像的前一帧图像的缓存位图。

31、本发明实施例提供一种非暂态计算机可读存储介质，包括：

32、所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行如下方法：

33、在视频播放过程中获取js事件队列；所述js事件队列包括与各事件分别对应的事件处理状态，所述事件处理状态根据事件处理是否超时确定；

34、若确定至少存在一个事件的事件处理状态为处理中状态，则从缓存中获取当前帧图像的前一帧图像的缓存位图；所述缓存预先存储有每一帧图像的位图；

35、渲染当前帧图像的前一帧图像的缓存位图。

36、本发明实施例提供的图像渲染处理方法及装置，在视频播放过程中获取js事件队列；所述js事件队列包括与各事件分别对应的事件处理状态，所述事件处理状态根据事件处理是否超时确定；若确定至少存在一个事件的事件处理状态为处理中状态，则从缓存中获取当前帧图像的前一帧图像的缓存位图；所述缓存预先存储有每一帧图像的位图；渲染当前帧图像的前一帧图像的缓存位图，能够提高视频播放过程的流畅度。

技术特征：

1.一种图像渲染处理方法，其特征在于，包括：

2.根据权利要求1所述的图像渲染处理方法，其特征在于，所述在视频播放过程中获取js事件队列，包括：

3.根据权利要求1所述的图像渲染处理方法，其特征在于，在渲染当前帧图像的前一帧图像的缓存位图的同时，所述图像渲染处理方法还包括：

4.根据权利要求3所述的图像渲染处理方法，其特征在于，所述图像渲染处理方法还包括：

5.根据权利要求4所述的图像渲染处理方法，其特征在于，在所述渲染当前帧图像的位图的步骤之前，所述图像渲染处理方法还包括：

6.根据权利要求2所述的图像渲染处理方法，其特征在于，在所述通过原生接收由js周期性发送的js事件队列的步骤之前，所述图像渲染处理方法还包括：

7.根据权利要求6所述的图像渲染处理方法，其特征在于，所述对所述事件集合中的各事件的处理状态进行检测，并根据检测结果标记各事件的处理状态，包括：

8.一种图像渲染处理装置，其特征在于，包括：

9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述方法的步骤。

技术总结
本发明提供一种图像渲染处理方法及装置，涉及图像处理技术领域，可用于金融领域或其他技术领域。所述方法包括：在视频播放过程中获取JS事件队列；所述JS事件队列包括与各事件分别对应的事件处理状态，所述事件处理状态根据事件处理是否超时确定；若确定至少存在一个事件的事件处理状态为处理中状态，则从缓存中获取当前帧图像的前一帧图像的缓存位图；所述缓存预先存储有每一帧图像的位图；渲染当前帧图像的前一帧图像的缓存位图。所述装置执行上述方法。本发明实施例提供的图像渲染处理方法及装置，能够提高视频播放过程的流畅度。

技术研发人员：尚昱辰,杜学智,杨新财,王震
受保护的技术使用者：中国工商银行股份有限公司
技术研发日：
技术公布日：2024/1/13