跨平台渲染方法、装置以及电子设备与流程

本申请实施例涉及多媒体显示领域中的多路视频渲染，并且更具体地，涉及一种跨平台渲染方法、装置以及电子设备。

背景技术：

1、通常情况下，在视频通话、视频会议、直播视频、直播连接麦克风（简称连麦）等应用场景中，通常采用跨平台语言开发用户界面（user interface，ui），以提升ui的开发效率。

2、但是，跨平台语言的语言特性和跨平台能力（比如h5和react native使用的javascript解释型语言执行性能不够高，以及跨平台语言都无法直接操作图形处理器（graphics processing unit，gpu）渲染硬件）决定了其无法实现对多路的高fps视频的渲染。

3、因此，本领域亟需一种跨平台渲染方法，以提升跨平台高帧率视频的渲染性能。

技术实现思路

1、本申请实施例提供了一种跨平台渲染方法、装置以及电子设备，能够提升跨平台高帧率视频的渲染性能。

2、第一方面，本申请实施例提供了一种跨平台渲染方法，包括：

3、获取应用程序的用户界面ui树结构；

4、其中，该应用程序是基于跨平台ui语言构建的程序，该ui树结构包括窗口节点，该窗口节点的子节点包括至少一个纹理渲染节点，该至少一个纹理渲染节点中的第一纹理渲染节点关联有第一离屏缓冲区和显示页面内的第一显示区域；

5、从该第一离屏缓冲区，获取经过离屏渲染的第一渲染数据；

6、利用该第一纹理渲染节点，将该第一渲染数据绘制到该第一显示区域。

7、第二方面，本申请实施例提供了一种跨平台渲染装置，包括：

8、第一获取单元，用于获取应用程序的用户界面ui树结构；

9、其中，该应用程序是基于跨平台ui语言构建的程序，该ui树结构包括窗口节点，该窗口节点的子节点包括至少一个纹理渲染节点，该至少一个纹理渲染节点中的第一纹理渲染节点关联有第一离屏缓冲区和显示页面内的第一显示区域；

10、第二获取单元，用于从该第一离屏缓冲区，获取经过离屏渲染的第一渲染数据；

11、绘制单元，用于利用该第一纹理渲染节点，将该第一渲染数据绘制到该第一显示区域。

12、第三方面，本申请实施例提供了一种电子设备，包括：

13、处理器，适于实现计算机指令；以及，

14、计算机可读存储介质，计算机可读存储介质存储有计算机指令，计算机指令适于由处理器加载并执行上文涉及的第一方面的方法。

15、第四方面，本申请实施例提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机指令，该计算机指令被计算机设备的处理器读取并执行时，使得计算机设备执行上文涉及的第一方面的方法。

16、第五方面，本申请实施例提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上文涉及的第一方面的方法。

17、基于以上技术方案，针对本申请实施例提供的跨平台渲染方法，将离屏渲染的方案和基于跨平台ui语言的纹理渲染方案相结合，能够提升跨平台高帧率视频的渲染性能。

18、具体地，由于跨平台ui树结构中的第一纹理渲染节点关联有第一离屏缓冲区和显示页面内的第一显示区域，因此，在对该显示页面进行渲染时，可以直接从第一离屏缓冲区获取经过离屏渲染的第一渲染数据，然后利用该第一纹理渲染节点，将该第一渲染数据绘制到该第一显示区域；相当于，在对该显示页面进行渲染时，可以直接将经过离屏渲染后存储在第一离屏缓冲区中的第一渲染数据作为纹理进行纹理渲染，进而能够提升跨平台高帧率视频的渲染性能。

技术特征：

1.一种跨平台渲染方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述从所述第一离屏缓冲区，获取经过离屏渲染的第一渲染数据，包括：

3.根据权利要求1所述的方法，其特征在于，所述获取经过离屏渲染的第一渲染数据之前，所述方法还包括：

4.根据权利要求3所述的方法，其特征在于，所述基于所述多个对象的数量和所述至少一个纹理渲染节点的数量，确定是否离屏渲染所述第一对象的媒体数据，包括：

5.根据权利要求3所述的方法，其特征在于，所述基于所述多个对象的数量和所述至少一个纹理渲染节点的数量，确定是否离屏渲染所述第一对象的媒体数据，包括：

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

7.根据权利要求5所述的方法，其特征在于，所述显示页面包括所述可见对象列表中每一个对象的显示区域。

8.根据权利要求5所述的方法，其特征在于，所述利用所述窗口节点确定可见对象列表，包括：

9.根据权利要求5所述的方法，其特征在于，所述利用所述窗口节点确定可见对象列表，包括：

10.根据权利要求3至9中任一项所述的方法，其特征在于，所述接收多个对象的媒体数据之前，所述方法还包括：

11.根据权利要求3至9中任一项所述的方法，其特征在于，所述应用程序为即时通话应用程序，所述多个对象包括通过所述即时通话应用程序进行通信的所有会话对象。

12.一种跨平台渲染装置，其特征在于，包括：

13.一种电子设备，其特征在于，包括：

14.一种计算机可读存储介质，其特征在于，用于存储计算机程序，所述计算机程序使得计算机执行权利要求1至11中任一项所述的方法。

技术总结
本申请实施例提供了一种跨平台渲染方法、装置以及电子设备，其涉及多媒体显示领域中的多路视频渲染技术领域，该方法包括：获取应用程序的用户界面UI树结构；其中，该应用程序是基于跨平台UI语言构建的程序，该UI树结构包括窗口节点，该窗口节点的子节点包括至少一个纹理渲染节点，该至少一个纹理渲染节点中的第一纹理渲染节点关联有第一离屏缓冲区和显示页面内的第一显示区域；从该第一离屏缓冲区，获取经过离屏渲染的第一渲染数据；利用该第一纹理渲染节点，将该第一渲染数据绘制到该第一显示区域。该方法将离屏渲染的方案和基于跨平台UI语言的纹理渲染方案相结合，能够提升跨平台高帧率视频的渲染性能。

技术研发人员：易成,陈晓波,李斌,罗程
受保护的技术使用者：腾讯科技（深圳）有限公司
技术研发日：
技术公布日：2024/1/14