CN112835582A - 基于容器引擎的渲染方法、装置、设备以及存储介质 - Google Patents

Abstract

本公开提供了一种基于容器引擎的渲染方法、装置、设备以及存储介质，涉及智能设备、云服务、渲染等计算机技术领域。具体实现方案为：基于已渲染数据获取设备端的容器引擎；利用所述容器引擎基于所述已渲染数据构建容器视图；利用所述容器视图基于所述已渲染数据生成所述设备端的显示页面。本公开实施例利用设备端的容器引擎可以基于已渲染数据构建容器视图，进而生成设备端的显示页面，显示所需的渲染效果，由于设备端的容器引擎等可以复用，可以减少渲染所需的计算量，提高渲染速度，优化渲染效果。

Description

基于容器引擎的渲染方法、装置、设备以及存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及智能设备、云服务、渲染领域。

背景技术

相关技术中，渲染过程主要包括对需要渲染的文件进行编译后转化为用户可见的结果。可以在云端对文件进行编译，再将编译后的代码发送至设备端显示渲染效果。在此过程中，云端和设备端之间需要传输大量的数据，网络、传输速度、数据丢失等因素会影响渲染效果。而设备端进行渲染需要的计算量大，也可能影响渲染效果。

发明内容

本公开提供了一种基于容器引擎的渲染方法、装置、设备以及存储介质。

根据本公开的一方面，提供了一种基于容器引擎的渲染方法，包括：基于已渲染数据获取设备端的容器引擎；利用所述容器引擎基于所述已渲染数据构建容器视图；利用所述容器视图基于所述已渲染数据生成所述设备端的显示页面。

根据本公开的另一方面，提供了一种基于容器引擎的渲染装置，包括：引擎获取单元，用于基于已渲染数据获取设备端的容器引擎；视图构建单元，利用所述容器引擎基于所述已渲染数据构建容器视图；页面生成单元，利用所述容器视图基于所述已渲染数据生成所述设备端的显示页面。

根据本公开的另一方面，提供了一种电子设备，包括：

至少一个处理器；以及

与该至少一个处理器通信连接的存储器；其中，

该存储器存储有可被该至少一个处理器执行的指令，该指令被该至少一个处理器执行，以使该至少一个处理器能够执行本公开任一实施例中的方法。

根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，该计算机指令用于使计算机执行本公开任一实施例中的方法。

根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现本公开任一实施例中的方法。

根据本公开的技术，利用设备端的容器引擎可以基于已渲染数据构建容器视图，进而生成设备端的显示页面，显示所需的渲染效果，由于设备端的容器引擎等可以复用，可以减少渲染所需的计算量，提高渲染速度，优化渲染效果。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1是根据本公开一实施例的基于容器引擎的渲染方法的流程示意图；

图2是根据本公开另一实施例的基于容器引擎的渲染方法的流程示意图；

图3是根据本公开一实施例的基于容器引擎的渲染装置的框图；

图4是根据本公开另一实施例基于容器引擎的渲染装置的框图。

图5是本公开一实施例的ACE系统设置于智能设备的示意图；

图6是本公开一实施例的页面容器引擎的工作流程的一个示意图；

图7是本公开一实施例的页面容器引擎的工作流程的另一个示意图；

图8是本公开一实施例的对话框容器引擎的工作流程的示意图；

图9是本公开一实施例的小程序容器引擎的工作流程示意图；

图10是本公开一实施例的组件的示意图；

图11是用来实施本公开的实施例的示例电子设备的示意性框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本公开一实施例的基于容器引擎的渲染方法的流程示意图。该方法可以包括：

S101、基于已渲染数据获取设备端的容器引擎；

S102、利用所述容器引擎基于所述已渲染数据构建容器视图；

S103、利用所述容器视图基于所述已渲染数据生成所述设备端的显示页面。

示例性地，设备端可以包括能够显示的智能设备。例如，带有屏幕各种语音智能设备。设备端的操作系统中可以包括容器引擎系统，该系统可以包括跨进程处理模块、渲染模块、容器模块、设备端能力模块等。该系统的通信模块可以称为跨进程处理模块，能够与客户端通信。容器模块可以获取多种类型的容器引擎。例如，页面(Page)容器引擎、对话框(Dialog)容器引擎、小程序(Mini App)容器引擎等。容器引擎可以提供脚本运行环境等。容器引擎还可以称为应用容器引擎、应用容器、容器实例、应用容器实例、引擎实例、容器、引擎等。客户端可以包括应用程序、小程序等。客户端中可以包括通信模块、组件的描述信息的集合等。设备端可以包括通信模块、渲染模块、容器模块等。设备端能力模块可以提供各种端能力(也可以称为技能)，支持设备端在渲染过程中各种调用端能力。例如麦克风、扬声器、摄像机、人脸识别、语音识别、手势识别、注视识别、云服务等。

本实施例的方法可以用于容器引擎系统中，例如，具体可以应用于容器模块中。容器模块获取已渲染数据(或称为预渲染数据)的方式可以包括多种，示例如下：

例如，跨进程处理模块可以将需要渲染的脚本通过指令处理模块发送至渲染模块。渲染模块运行该脚本可以得到已渲染数据，进而将已渲染数据发送至容器模块。

再如，指令处理模块可以将云端的渲染指令解析得到已渲染数据，然后发送至渲染模块。进而，渲染模块将已渲染数据发送至容器模块。指令处理模块也可以直接将已渲染数据发送至容器模块。

容器模块从指令处理模块、渲染模块等获取已渲染数据后，可以基于已渲染数据在设备端支持的各种容器引擎中获取渲染所需的容器引擎。该容器引擎可以基于已渲染数据构建渲染所需的容器视图，并在容器视图中基于已渲染数据加载渲染所需的组件的可执行代码，生成能够在设备端的屏幕上展现渲染效果的显示页面。

本公开实施例中，利用设备端的容器引擎可以基于已渲染数据构建容器视图，进而生成设备端的显示页面，显示所需的渲染效果，由于设备端的容器引擎等可以复用，可以减少渲染所需的计算量，提高渲染速度，优化渲染效果。

图2是根据本公开另一实施例的基于容器引擎的渲染方法的流程示意图。该实施例的方法可以包括上述实施例的各步骤。在一种实施方式中，所述已渲染数据中包括引擎标识、容器视图信息和组件信息。

在一种实施方式中，基于已渲染数据获取设备端的容器引擎，包括：S201、基于所述引擎标识查找对应的容器引擎；

利用所述容器引擎基于所述已渲染数据构建容器视图，包括：S202、利用所述容器引擎基于所述容器视图信息构建容器视图；

利用所述容器视图基于所述已渲染数据生成所述设备端的显示页面，包括：S203、执行所述组件信息对应的可执行代码，以在所述容器视图中加载所述组件信息对应的图形组件，生成显示页面。

在本实施例中，利用已渲染数据中包括的引擎标识可以查找所需的容器引擎，容器引擎利用容器视图信息可以构建容器视图，执行各个组件信息对应的可执行代码，可以在容器视图加载各个组件信息对应的图形组件，从而形成具有所需组件的显示页面。由于容器引擎、容器视图、组件等可以复用，可以明显减少设备端渲染所需的计算量，提高渲染速度，优化渲染效果。

下面按照不同类型的容器引擎分别介绍渲染过程。

在一种实施方式中，所述容器引擎为页面容器引擎，基于已渲染数据获取容器引擎，包括以下至少之一：

基于所述已渲染数据获取已经打开的页面容器引擎；

在基于所述已渲染数据确定不存在已经打开的页面容器引擎的情况下，启动所述已渲染数据对应的新的页面容器引擎。

例如，基于已渲染数据中的引擎标识，查找是否存在引擎标识对应的已经打开的页面容器引擎。如果没有查找到引擎标识对应的已经打开的页面容器引擎，可以启动已渲染数据中引擎标识对应的新的页面容器引擎。如果查找到引擎标识对应的已经打开的页面容器引擎，则可以使用该引擎标识对应的已经打开的页面容器引擎进行后续步骤，不用启动新的页面容器引擎。

基于已渲染数据中的引擎标识获取页面容器引擎后，利用页面容器引擎基于容器视图信息构建页面容器视图。执行组件信息对应的可执行代码，以在页面容器视图中加载组件信息对应的图形组件，生成可以在屏幕上显示的网站页面。

通过判断是否具有已经打开的页面容器引擎，利用已经打开的页面容器引擎构建容器视图和生成可以在屏幕上显示的网站页面，节约操作系统的计算资源，进一步减少设备端渲染所需的计算量，提高渲染速度，优化渲染效果。

在一种实施方式中，所述方法还包括：对原始页面进行压栈处理。

例如，可以将之前显示的网站页面进行压栈处理，保存到栈中。当前可以显示新生成的网站页面。如果需要退回之前显示的网站页面，可以关闭当前显示的网站页面或者对当前显示的网站页面也进行压栈处理，并控制之前显示的网站页面出栈。通过压栈处理可以在栈中保存原始页面，并根据需求进行出栈处理，能够利用栈重复使用一些页面，进一步减少设备端渲染所需的计算量，提高渲染速度，优化渲染效果。

在一种实施方式中，所述方法还包括：比较所述已渲染数据中需要启动的页面容器引擎的背景属性与当前的页面容器引擎的背景属性是否一致；在不一致的情况下，启动新的页面容器引擎。

基于背景属性来判断是否需要启动新的页面容器引擎。如果在渲染指令或已渲染数据的背景属性与当前已经打开的页面容器引擎的背景属性一致，例如都是透明属性，使用当前已经打开的页面容器引擎。否则，启动新的页面容器引擎。因此，基于背景属性能够合理复用已经打开的页面容器引擎，节约操作系统的计算资源，进一步减少设备端渲染所需的计算量，提高网站页面的渲染速度，优化渲染效果。

在一种实施方式中，所述容器引擎为对话框容器引擎，基于已渲染数据获取容器引擎，包括以下至少之一：

在基于所述已渲染数据确定存在已经打开的对话框容器引擎的情况下，关闭已经打开的对话框容器引擎，基于所述已渲染数据启动新的对话框容器引擎；

在基于所述已渲染数据确定不存在已经打开的页面容器引擎的情况下，基于所述已渲染数据启动新的对话框容器引擎。

例如，基于已渲染数据中的引擎标识，查找是否存在引擎标识对应的已经打开的对话框容器引擎。如果没有查找到引擎标识对应的对话框打开的对话框容器引擎，可以直接启动引擎标识对应的新的对话框容器引擎。如果查找到引擎标识对应的已经打开的对话框容器引擎，则先关闭该引擎标识对应的已经打开的对话框容器引擎，再启动新的对话框容器引擎。关闭之前的对话框容器引擎可以减少其他对话框对屏幕显示的对话框页面的干扰。不关闭之前的对话框容器引擎，也可以支持多个对话框页面的显示效果。

基于已渲染数据中的引擎标识获取对话框容器引擎后，利用对话框容器引擎基于容器视图信息构建对话框容器视图。执行组件信息对应的可执行代码，以在对话框容器视图中加载组件信息对应的图形组件，生成可以在屏幕上显示的对话框页面。

在一种实施方式中，所述方法还包括：将对话框容器引擎所构建的对话框容器视图添加到窗口管理模块；注册所述对话框容器视图对应的组件集，得到需要在所述对话框容器视图中显示的各图形组件的描述信息；基于需要在所述对话框容器视图中显示的图形组件的描述信息，在所述对话框容器视图中加载各所述图形组件。

在本实施例中，对话框(Dialog)也可以称为弹窗、弹框等。窗口管理模块可以管理各种对话框容器视图。每个对话框容器视图可能需要显示一个或多个图形组件。例如，选择类型的对话框容器视图，需要包括各种选项的按钮组件。再如，输入类型的对话框容器视图，需要包括一个或多个输入框组件。再如，交互类型的对话框容器视图，需要包括一个或多个视频或动态图的组件。通过窗口管理模块可以集中管理对话框容器视图，注册组件集能够得到对话框容器视图中需要显示的各图形组件的描述信息，进而在屏幕上展现的对话框页面可以具有丰富的渲染效果。

在一种实施方式中，所述容器引擎为小程序容器引擎，基于已渲染数据获取容器引擎，包括以下至少之一：

在基于所述已渲染数据确定存在已经打开的小程序容器引擎的情况下，跳转到所述已经打开的小程序容器引擎；

在基于所述已渲染数据确定不存在已经打开的小程序容器引擎的情况下，打开新的小程序容器引擎。

例如，基于已渲染数据中的引擎标识，查找是否存在引擎标识对应的已经打开的小程序容器引擎。如果没有查找到引擎标识对应的已经打开的小程序容器引擎，可以启动已渲染数据中引擎标识对应的新的小程序容器引擎。如果查找到引擎标识对应的已经打开的页面容器引擎，则可以使用该引擎标识对应的已经打开的页面容器引擎进行后续步骤，不用新建页面容器引擎。

基于已渲染数据中的引擎标识获取小程序容器引擎后，利用小程序容器引擎基于容器视图信息构建小程序容器视图。执行组件信息对应的可执行代码，以在小程序容器视图中加载组件信息对应的图形组件，生成可以在屏幕上显示的小程序页面。

通过判断是否具有已经打开的小程序容器引擎，能够利用已经打开的小程序容器引擎构建小程序器视图和生成可以在屏幕上显示的小程序页面，不用重复启动新的小程序容器引擎，节约操作系统的计算资源，进一步减少设备端渲染所需的计算量，提高小程序页面的渲染速度，优化渲染效果。

在一种实施方式中，所述方法还包括以下至少之一：

在所述小程序容器引擎确定存在缓存的小程序页面的情况下，获取缓存的小程序页面；

在所述小程序容器引擎确定不存在缓存的小程序页面的情况下，利用小程序框架加载小程序脚本对应的已渲染代码。

例如，如果小程序脚本对应的已渲染代码中缓存了需要显示的小程序页面，小程序容器引擎可以加载该小程序页面，以在设备端的屏幕上展现该小程序页面。如果没有缓存需要显示的小程序页面，可以通过小程序框架传入已渲染代码包括的脚本页面代码，加载该脚本页面代码对应的小程序页面，以在设备端的屏幕上展现该小程序页面。如果具有缓存的小程序页面，可以直接展现缓存的小程序页面，无需重复计算，能够节约操作系统的计算资源，进一步减少设备端渲染所需的计算量，提高小程序页面的渲染速度，优化渲染效果。

图3是根据本公开一实施例的基于容器引擎的渲染装置的框图。该装置可以包括：

引擎获取单元301，用于基于已渲染数据获取设备端的容器引擎；

视图构建单元302，利用所述容器引擎基于所述已渲染数据构建容器视图；

页面生成单元303，利用所述容器视图基于所述已渲染数据生成所述设备端的显示页面。

图4是根据本公开另一实施例基于容器引擎的渲染装置的框图。该实施例的装置可以包括上述装置实施例的各组件。在一种实施方式中，所述已渲染数据中包括引擎标识、容器视图信息和组件信息；

所述引擎获取单元301具体用于基于所述引擎标识查找对应的容器引擎；

所述视图构建单元302具体用于基于所述容器视图信息构建容器视图；

所述页面生成单元303具体用于执行所述组件信息对应的可执行代码，以在所述容器视图中加载所述组件信息对应的图形组件，生成显示页面。

在一种实施方式中，所述容器引擎为页面容器引擎，所述引擎获取单元301包括：

页面容器引擎获取子单元3011，用于执行以下步骤的至少之一：

基于所述已渲染数据获取已经打开的页面容器引擎；

在基于所述已渲染数据确定不存在已经打开的页面容器引擎的情况下，启动所述已渲染数据对应的新的页面容器引擎。

在一种实施方式中，所述装置还包括：压栈单元401，用于对原始页面进行压栈处理。

在一种实施方式中，所述页面容器引擎获取子单元还用于比较所述已渲染数据中需要启动的页面容器引擎的背景属性与当前的页面容器引擎的背景属性是否一致；在不一致的情况下，启动新的页面容器引擎。

在一种实施方式中，所述容器引擎为对话框容器引擎，所述引擎获取单元301包括：

对话框容器引擎获取子单元3012，用于执行以下步骤的至少之一：

在基于所述已渲染数据确定存在已经打开的对话框容器引擎的情况下，关闭已经打开的对话框容器引擎，基于所述已渲染数据启动新的对话框容器引擎；

在基于所述已渲染数据确定不存在已经打开的页面容器引擎的情况下，基于所述已渲染数据启动新的对话框容器引擎。

在一种实施方式中，所述装置还包括：

添加单元402，用于将对话框容器引擎所构建的对话框容器视图添加到窗口管理模块；

注册单元403，用于注册所述对话框容器视图对应的组件集，得到需要在所述对话框容器视图中显示的各图形组件的描述信息；

加载单元404，用于基于需要在所述对话框容器视图中显示的图形组件的描述信息，在所述对话框容器视图中加载各所述图形组件。

在一种实施方式中，所述容器引擎为小程序容器引擎，所述引擎获取单元301包括：

小程序容器引擎获取子单元3013，用于执行以下步骤的至少之一：

在基于所述已渲染数据确定存在已经打开的小程序容器引擎的情况下，跳转到所述已经打开的小程序容器引擎；

在基于所述已渲染数据确定不存在已经打开的小程序容器引擎的情况下，打开新的小程序容器引擎。

在一种实施方式中，所述装置还包括以下至少之一：

缓存单元405，用于在所述小程序容器引擎确定存在缓存的小程序页面的情况下，获取缓存的小程序页面；

代码单元406，用于在所述小程序容器引擎确定不存在缓存的小程序页面的情况下，利用小程序框架加载小程序脚本对应的已渲染代码。

本公开实施例各装置中的各单元、子单元的功能可以参见上述方法实施例中的对应描述，在此不再赘述。

在一种应用示例中，带有屏幕的智能设备例如：智能音箱等语音智能设备中可以包括应用容器引擎(Application Container Engine，ACE)系统。ACE系统可以是嵌入式应用系统。如图5所示，该系统主要包括以下几个部分：

一、客户端通信管理模块。例如图5的有屏语音智能设备中，客户端通信管理模块可以为跨进程渲染管理模块(也可以称为客户端渲染管理模块、客户端管理模块、跨进程管理模块等，是上述方法实施例中跨进程处理模块的示例)。该跨进程渲染管理模块可以与客户端进行通信。

可选地，该ACE系统也可以包括客户端(可以称为ACE系统客户端、客户端插件、客户端模块等)。ACE系统客户端可以设置在其他需要动态渲染内容的应用程序中。例如，第三方接入的应用(APP)的安装包例如APK中可以集成ACE系统客户端，该客户端可以安装或下载到设备端运行。客户端可以通过ACE系统的跨进程渲染管理模块与其他模块进行交互。客户端中可以包括通信模块(例如指令接收端)、组件集(组件的描述信息的集合)、指令执行模块(例如指令执行器)等。

二、指令解析分发模块(或者称为指令解析分发子系统、协议解析分发子系统等，是上述方法实施例中指令处理模块的示例)，用于基于系统协议进行指令的解析与分发。例如，通过指令收发服务模块可以从云端(也可以称为云服务、云端服务等)或客户端接收渲染指令。指令解析分发模块对渲染指令进行解析得到已渲染数据后，可以将已渲染数据分发给容器模块进行处理。指令解析分发模块也可以通过渲染模块向容器模块透传已渲染数据。

例如，云端可以将需要渲染的内容编译成各个渲染指令，发送给设备端的指令收发服务模块。指令收发服务模块可以与云端通信，从云端接收渲染指令。渲染指令中可以为已编译代码，主要包括布局相关的信息等，数据量较少。指令收发服务模块将来自云端的渲染指令发送至指令处理模块。指令处理模块收到渲染指令后，可以对渲染指令进行解析，得到已渲染数据。这样，云端与设备端之间通过渲染指令实现渲染效果，不需要传输大量的数据内容，通过渲染指令传输较少的数据量即可实现所需的渲染效果。类似的，客户端也可以通过渲染指令，通过传输较少的数据量在设备端实现所需渲染效果。

三、设备端能力模块(或者称为端能力模块、设备端能力子系统、端能力子系统等)。渲染过程中，可能需要调用设备端的各种能力(也可以称为技能)。端能力模块可以从指令解析分发模块接收端能力调用指令，根据端能力调用指令向设备端系统服务模块发送对应的调用指令。例如，打开麦克风的指令，打开摄像头的指令等。端能力可以包括多种，例如硬件能力、智能服务和云端服务等。

进一步地，如果设备端能力模块基于端能力调用指令所调用的设备端的服务能力具有特定的渲染效果，可以向渲染模块返回所调用的设备端的服务能力对应的脚本、渲染指令或已渲染数据等信息中至少之一。渲染模块可以对收到的信息进行相应的处理后发送至容器模块。由容器模块基于已渲染数据获取所调用的服务能力的容器引擎，利用该容器引擎构建所调用的服务能力的容器视图，以及生成所调用的服务能力的显示页面。例如，打开麦克风的调用指令的渲染效果包括带有麦克风图像的局部显示的动画，设备端能力模块可以向渲染模块发送该动画对应的已渲染数据。渲染模块可以获取该动画所需的容器引擎例如对话框容器引擎。在对话框容器引擎中可以基于已渲染数据中的视图信息构建容器视图，并基于组件信息运行组件的可执行代码，得到显示页面。

此外，在设备端能力模块调用设备端系统服务时，设备端系统服务可以按照调用指令执行相应的操作。设备端系统服务可以通过设备端能力模块向云端上报所调用的服务能力执行相应的操作后，出现的状态和/或事件等。例如，响应于调用指令，音乐播放器开启并播放音乐。音乐播放器可以向设备端能力模块返回音乐播放记录等，由设备端能力模块上报至云端。

四、容器模块(或者称为容器子系统)，用于对各种容器引擎进行管理。容器引擎可以包括页面容器引擎、对话框容器引擎、小程序容器引擎等。容器模块可以基于来自渲染模块、指令解析分发模块或跨进程渲染管理模块的已渲染数据，获取所需的容器引擎。例如，如果存在已经打开的页面容器引擎，可以使用该页面容器引擎构建容器页面。如果不存在已经打开的容器引擎，可以启动新的页面容器引擎，使用该新的页面容器引擎构建容器页面。再如，如果存在已经打开的对话框容器引擎，可以先关闭该对话框容器引擎，再基于已渲染数据启动新的对话框容器引擎构建容器页面。如果不存在已经打开的对话框容器引擎，可以直接启动新的对话框容器引擎。使用该新的对话框容器引擎构建容器页面。再如，如果存在已经打开的小程序容器引擎，可以使用该小程序容器引擎构建容器页面。如果不存在已经打开的小程序容器引擎，可以启动新的小程序容器引擎，使用该新的小程序容器引擎构建容器页面。

本实施例的容器模块可以包括基于容器引擎的渲染装置的实施例的各单元、子单元，实现基于容器引擎的渲染装置的各个功能。

利用容器引擎构建容器页面后，在容器页面中加载渲染所需的组件的可执行代码，生成能够在设备端的屏幕上展现渲染效果的显示页面。进而，在设备端的屏幕上，可以展现该显示页面。

五、渲染模块(或者称为渲染子系统)，用于实现设备的屏幕渲染。

渲染模块可以执行脚本得到已渲染数据，或者从指令解析分发模块接收已渲染数据。然后，渲染模块可以向容器模块发送已渲染数据。

此外，渲染模块还可以从已渲染数据中解析确定是否需要调用端能力。如果需要调用端能力，可以向设备端能力模块发送端能力调用指令，以调用设备端的服务能力。如果设备端能力模块向渲染模块返回了基于端能力调用指令所调用的服务能力对应的已渲染数据，则设备端能力模块可以将该已渲染数据发送至容器模块进行处理。

此外，ACE系统中可以包括组件集。ACE系统的组件集中可以包括各组件的可执行代码的集合。ACE系统客户端中也可以包括组件集，客户端的组件集中可以包括部分自定义组件的描述信息的集合。客户端需要渲染的脚本中，可以包括容器引擎的标识、容器组件信息、组件的描述信息等。如果需要在ACE系统中注册自定义组件，客户端需要渲染的脚本中可以包括各自定义组件的描述信息。例如，某个视频网站的APP中，除了包括自身的各种组件、布局之外，还可以包括用于显示“新年快乐”、“中秋快乐”的渲染效果的自定义组件。

在一种示例中，该ACE系统可以应用于带有屏幕的语音智能设备，为设备的系统应用及第三方应用的内容展现提供高效的处理方式，作为智能语音交互的有益补充，能够提高语音智能设备的表现力，达到更好的用户体验。

该ACE系统可以提供多种通信方式的服务：1)基于客户端插件的第三方通信服务；2)基于注册协议的云服务通信；3)基于设备端本地系统的服务通信。具有约定的通信内容，应用容器引擎系统分配相应的容器，在容器中通过组件集及相关指令组织相关内容，完成屏幕内容的渲染，从而完成各个调用方(调用者)的服务目标。此外，该ACE系统还可以对相应服务的生命周期进行管理。

该ACE系统可以在语音智能设备中完成渲染，减少与外部例如云端需要传输的数据量；通过复用容器能够提高渲染处理速度和显示效果。

目前ACE系统可以支持以下类型的容器视图：Page(页面)，Dialog(对话框)和小程序。其中，Page和Dialog的容器视图类似，可以是全屏幕、局部屏幕和悬浮窗口的视图显示。小程序的容器视图类似于微件(widget)或者其他类型的小程序的显示效果。例如，小程序可以包括时钟、记事本、天气预报、地图、游戏等。

如图6所示，页面(page)容器引擎的工作流程的示例可以包括：判断是否有已经打开的页面容器引擎例如Activity。如果是，则使用已经打开的页面容器引擎构建容器视图。如果否，则启动页面容器引擎例如Activity后再构建容器视图。构建容器视图后，可以执行页面压栈，将之前显示的页面保存到栈中。然后，页面容器引擎可以载入已渲染数据，构建页面，已渲染数据中可以包括脚本(例如JS)的业务逻辑等。

此外，参见图7，在页面(page)容器引擎的工作流程中，可以增加对背景属性的判断。例如在判断出有已经打开的页面容器引擎后，再判断当前已经打开的页面容器引擎的背景属性中的透明属性是否和收到的指令(例如渲染指令或基于渲染指令得到的已渲染数据)中的透明属性是否一致。如果不一致，需要启动新的页面容器引擎例如Activity。如果一致，则可以使用已经打开的页面容器引擎构建页面容器视图。构建页面容器视图后，可以执行页面压栈，将之前显示的页面保存到栈中。然后，页面容器引擎可以载入已渲染数据，构建网站页面，已渲染数据中可以包括脚本(例如JS)的业务逻辑等。

如图8所示，对话框(Dialog)容器引擎的工作流程的示例可以包括：判断是否有已经打开的对话框容器引擎。如果是，则使用已经打开的对话框容器引擎构建容器视图。如果否，则关闭之前的对话框容器引擎，再启动新的对话框容器引擎构建容器视图。将构建的容器视图添加到窗口管理模块例如WindowManager。注册组件集(或称为组件库)。对话框容器引擎载入编译后的渲染数据和脚本(例如JS)，构建对话框页面。

如图9所示，小程序容器引擎的工作流程的示例可以包括：设备端可能响应于对小程序进行点击、语音询问例如DCS指令(DCS Directive)、导航等操作，判断需要显示的小程序是否是当前已经打开的小程序容器引擎。其中，DCS(DuerOS Conversation System)是设备与DuerOS(度秘操作系统)云服务之间进行通信的子系统。

如果需要显示的小程序是当前已经打开的小程序容器引擎，则可以跳转到当前打开的小程序容器引擎，向小程序框架发出路由消息，以传入页面对应的URL，获得经过编译的脚本(例如JS)页面代码。脚本页面代码可以包含在已渲染数据中。然后，还可以判断脚本页面代码中是否已有对应的缓存页面，如果是，则展现小程序页面。如果否，则进入页面资源加载态，可以向云端发出页面加载请求。判断需要加载的对应页面本地是否已有缓存。如果有缓存，则向小程序框架发出加载完成消息(例如onLoadComplete)，以传入脚本页面代码，展现小程序页面。如果没有缓存，则向下载脚本页面代码，再向小程序框架发出加载完成消息，以传入脚本页面代码，展现小程序页面。

如果需要显示的小程序不是当前已经打开的小程序容器引擎，则打开新的小程序容器引擎，进入小程序加载态。使用新的小程序容器引擎获取小程序信息例如m1。然后，根据小程序信息判断本地是否已有缓存的小程序。小程序可以为包装好特定格式的脚本代码和数据的包(package)。如果本地存在某个小程序的包(package)，表示本地已有缓存的小程序。如果本地已有缓存的小程序，可以展现小程序页面。也可以再判断是否需要更新，如果不需要更新再展现小程序页面。在本地没有缓存小程序或者需要更新小程序的情况下，下载小程序(例如从云端下载小程序的包)，加载小程序(例如通过渲染模块对小程序的包进行处理后，加载到容器引擎中)，展现小程序页面。

上述的网站页面、对话框页面或小程序页面中可以包括各种组件。参见图10为组件的示例。每个组件可以包括自身的各种属性的名称、类型、含义以及必要性等属性信息。例如，列表组件(List)可以包括的属性名称为direction(方向)、item(s)(列表项)、firstitem(列表头)、lastitem(列表尾)、numbered(是否设置索引)以data(数据源)等。再如，页面组件(List)可以包括的属性名称为width(宽度)、height(高度)、direction(方向)、item(s)(展示项)等。可以运行脚本中包括的组件的代码(目标代码)编译得到已渲染数据(执行代码)。

本公开的实施例，提供了不同类型的容器视图，并且提供了压栈逻辑，生命周期管理等功能，能够实现统一调度、多任务协同等功能。

其中，生命周期管理的示例可以包括：压栈后显示一个对话框，在一定时间之后控制这个对话框消失，显示对话框的时间范围可以理解为该对话框的生命周期。

此外，基于不同类型的容器引擎和容器视图等，可以协同处理多种任务，实现统一调度、多任务协同的效果。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图11示出了可以用来实施本公开的实施例的示例电子设备800的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或要求的本公开的实现。

如图11所示，电子设备800包括计算单元801，其可以根据存储在只读存储器(ROM)802中的计算机程序或者从存储单元808加载到随机访问存储器(RAM)803中的计算机程序来执行各种适当的动作和处理。在RAM 803中，还可存储电子设备800操作所需的各种程序和数据。计算单元801、ROM802以及RAM 803通过总线804彼此相连。输入输出(I/O)接口805也连接至总线804。

电子设备800中的多个部件连接至I/O接口805，包括：输入单元806，例如键盘、鼠标等；输出单元807，例如各种类型的显示器、扬声器等；存储单元808，例如磁盘、光盘等；以及通信单元809，例如网卡、调制解调器、无线通信收发机等。通信单元809允许电子设备800通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元801可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元801的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元801执行上文所描述的各个方法和处理，例如渲染方法。例如，在一些实施例中，渲染方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元808。在一些实施例中，计算机程序的部分或者全部可以经由ROM 802和/或通信单元809而被载入和/或安装到电子设备800上。当计算机程序加载到RAM 803并由计算单元801执行时，可以执行上文描述的渲染方法的一个或多个步骤。备选地，在其他实施例中，计算单元801可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行渲染方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入、或者触觉输入来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (21)

1.一种基于容器引擎的渲染方法，包括：

基于已渲染数据获取设备端的容器引擎；

利用所述容器引擎基于所述已渲染数据构建容器视图；

利用所述容器视图基于所述已渲染数据生成所述设备端的显示页面。

2.根据权利要求1所述的方法，其特征在于，所述已渲染数据中包括引擎标识、容器视图信息和组件信息；

基于已渲染数据获取设备端的容器引擎，包括：基于所述引擎标识查找对应的容器引擎；

利用所述容器引擎基于所述已渲染数据构建容器视图，包括：利用所述容器引擎基于所述容器视图信息构建容器视图；

利用所述容器视图基于所述已渲染数据生成所述设备端的显示页面，包括：执行所述组件信息对应的可执行代码，以在所述容器视图中加载所述组件信息对应的图形组件，生成显示页面。

3.根据权利要求1或2所述的方法，其特征在于，所述容器引擎为页面容器引擎，基于已渲染数据获取容器引擎，包括以下至少之一：

基于所述已渲染数据获取已经打开的页面容器引擎；

在基于所述已渲染数据确定不存在已经打开的页面容器引擎的情况下，启动所述已渲染数据对应的新的页面容器引擎。

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

对原始页面进行压栈处理。

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

比较所述已渲染数据中需要启动的页面容器引擎的背景属性与当前的页面容器引擎的背景属性是否一致；

在不一致的情况下，启动新的页面容器引擎。

6.根据权利要求1或2所述的方法，其特征在于，所述容器引擎为对话框容器引擎，基于已渲染数据获取容器引擎，包括以下至少之一：

在基于所述已渲染数据确定存在已经打开的对话框容器引擎的情况下，关闭已经打开的对话框容器引擎，基于所述已渲染数据启动新的对话框容器引擎；

在基于所述已渲染数据确定不存在已经打开的页面容器引擎的情况下，基于所述已渲染数据启动新的对话框容器引擎。

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

将对话框容器引擎所构建的对话框容器视图添加到窗口管理模块；

注册所述对话框容器视图对应的组件集，得到需要在所述对话框容器视图中显示的各图形组件的描述信息；

基于需要在所述对话框容器视图中显示的图形组件的描述信息，在所述对话框容器视图中加载各所述图形组件。

8.根据权利要求1或2所述的方法，其特征在于，所述容器引擎为小程序容器引擎，基于已渲染数据获取容器引擎，包括以下至少之一：

在基于所述已渲染数据确定存在已经打开的小程序容器引擎的情况下，跳转到所述已经打开的小程序容器引擎；

在基于所述已渲染数据确定不存在已经打开的小程序容器引擎的情况下，打开新的小程序容器引擎。

9.根据权利要求8所述的方法，其特征在于，所述方法还包括以下至少之一：

在所述小程序容器引擎确定存在缓存的小程序页面的情况下，获取缓存的小程序页面；

在所述小程序容器引擎确定不存在缓存的小程序页面的情况下，利用小程序框架加载小程序脚本对应的已渲染代码。

10.一种基于容器引擎的渲染装置，包括：

引擎获取单元，用于基于已渲染数据获取设备端的容器引擎；

视图构建单元，利用所述容器引擎基于所述已渲染数据构建容器视图；

页面生成单元，利用所述容器视图基于所述已渲染数据生成所述设备端的显示页面。

11.根据权利要求10所述的装置，其特征在于，所述已渲染数据中包括引擎标识、容器视图信息和组件信息；

所述引擎获取单元具体用于基于所述引擎标识查找对应的容器引擎；

所述视图构建单元具体用于基于所述容器视图信息构建容器视图；

所述页面生成单元具体用于执行所述组件信息对应的可执行代码，以在所述容器视图中加载所述组件信息对应的图形组件，生成显示页面。

12.根据权利要求10或11所述的装置，其特征在于，所述容器引擎为页面容器引擎，所述引擎获取单元包括：

页面容器引擎获取子单元，用于执行以下步骤的至少之一：

基于所述已渲染数据获取已经打开的页面容器引擎；

在基于所述已渲染数据确定不存在已经打开的页面容器引擎的情况下，启动所述已渲染数据对应的新的页面容器引擎。

13.根据权利要求12所述的装置，其特征在于，所述装置还包括：

压栈单元，用于对原始页面进行压栈处理。

14.根据权利要求12所述的装置，其特征在于，所述页面容器引擎获取子单元还用于比较所述已渲染数据中需要启动的页面容器引擎的背景属性与当前的页面容器引擎的背景属性是否一致；在不一致的情况下，启动新的页面容器引擎。

15.根据权利要求10或11所述的装置，其特征在于，所述容器引擎为对话框容器引擎，所述引擎获取单元包括：

对话框容器引擎获取子单元，用于执行以下步骤的至少之一：

在基于所述已渲染数据确定存在已经打开的对话框容器引擎的情况下，关闭已经打开的对话框容器引擎，基于所述已渲染数据启动新的对话框容器引擎；

在基于所述已渲染数据确定不存在已经打开的页面容器引擎的情况下，基于所述已渲染数据启动新的对话框容器引擎。

16.根据权利要求15所述的装置，其特征在于，所述装置还包括：

添加单元，用于将对话框容器引擎所构建的对话框容器视图添加到窗口管理模块；

注册单元，用于注册所述对话框容器视图对应的组件集，得到需要在所述对话框容器视图中显示的各图形组件的描述信息；

加载单元，用于基于需要在所述对话框容器视图中显示的图形组件的描述信息，在所述对话框容器视图中加载各所述图形组件。

17.根据权利要求10或11所述的装置，其特征在于，所述容器引擎为小程序容器引擎，所述引擎获取单元包括：

小程序容器引擎获取子单元，用于执行以下步骤的至少之一：

在基于所述已渲染数据确定存在已经打开的小程序容器引擎的情况下，跳转到所述已经打开的小程序容器引擎；

在基于所述已渲染数据确定不存在已经打开的小程序容器引擎的情况下，打开新的小程序容器引擎。

18.根据权利要求17所述的装置，其特征在于，所述装置还包括以下至少之一：

缓存单元，用于在所述小程序容器引擎确定存在缓存的小程序页面的情况下，获取缓存的小程序页面；

代码单元，用于在所述小程序容器引擎确定不存在缓存的小程序页面的情况下，利用小程序框架加载小程序脚本对应的已渲染代码。

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

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-9中任一项所述的方法。

20.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使计算机执行权利要求1-9中任一项所述的方法。

21.一种计算机程序产品，包括计算机程序，该计算机程序在被处理器执行时实现根据权利要求1-9中任一项所述的方法。

Images