[发明专利]跨平台渲染方法、客户端及介质

说明书

本发明实施例公开了跨平台渲染方法、客户端及介质，所述方法包括：获取媒体数据的节点信息，所述节点信息包括至少一个节点之间的层级关系和所述至少一个节点中每个节点的属性信息；基于所述至少一个节点之间的层级关系，确定目标节点；基于所述目标节点的属性信息，使用预设元素组件绘制所述目标节点对应的内容，以得到所述媒体数据。采用本发明实施例，可使用预设元素组件绘制目标节点对应的内容，有效实现跨平台渲染。

技术领域

本发明涉及互联网技术领域，具体涉及跨平台渲染方法、客户端及介质。

背景技术

在多个平台上可用的软件产品(即跨平台产品)比单平台产品提供更大的用户基数。如果跨平台产品在不同平台上的视觉属性是相同的，那么用户使用不同平台上运行的同一跨平台产品的体验度较高。渲染指的是在平台的用户界面中显示所请求的内容。ReactNative是Facebook于2015年4月开源的跨平台移动应用开发框架，可实现跨平台渲染。React Native在解析布局文件之后，使用yoga布局引擎生成dom树，然后不同平台使用各自的系统进行渲染，当布局嵌套复杂时，将会出现一系列问题，例如层级很深的问题等。

发明内容

本发明实施例提供了跨平台渲染方法、客户端及介质，可使用预设元素组件绘制目标节点对应的内容，有效实现跨平台渲染。

为了解决上述技术问题，第一方面，本发明实施例提供了一种跨平台渲染方法，所述方法包括：

获取媒体数据的节点信息，所述节点信息包括至少一个节点之间的层级关系和所述至少一个节点中每个节点的属性信息；

基于所述至少一个节点之间的层级关系，确定目标节点；

基于所述目标节点的属性信息，使用预设元素组件绘制所述目标节点对应的内容，以得到所述媒体数据。

第二方面，本发明实施例提供了一种客户端，所述客户端包括用于执行第一方面所述的方法的单元。

第三方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被客户端执行时使所述客户端执行如第一方面所述的方法。

第四方面，本发明实施例提供了一种客户端，该客户端包括：处理器、存储器和通信接口，存储器中存储有程序指令，处理器调用存储器中存储的程序指令以用于执行如第一方面所述的方法。

实施本发明实施例，客户端获取媒体数据的节点信息，节点信息包括至少一个节点之间的层级关系和至少一个节点中每个节点的属性信息，客户端基于至少一个节点之间的层级关系，确定目标节点，并基于目标节点的属性信息，使用预设元素组件绘制目标节点对应的内容，以得到媒体数据，本发明实施例针对不同平台，均使用预设元素组件对目标节点对应的内容进行绘制，可有效实现跨平台渲染。

附图说明

为了更清楚地说明本发明实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种跨平台渲染系统的架构示意图；

图2为本发明实施例提供的一种布局文件的示意图；

图3为本发明实施例提供的一种节点树的示意图；

图4为本发明实施例提供的一种跨平台渲染方法的流程示意图；

图5为本发明实施例提供的一种客户端的结构示意图；

图6为本发明实施例提供的另一种客户端的结构示意图。

具体实施方式