动态化页面处理方法、装置、系统及存储介质制造方法及图纸

本发明专利技术实施例涉及一种动态化页面处理方法、装置、系统及存储介质，该方法包括：当确定待播放视频后，获取与视频对应的配置数据；根据界面设计模板，从预构建的数据库中匹配与界面设计模板对应的程序代码；根据程序代码，生成界面模型实例；利用预配置的渲染引擎，将组件绘制至界面模型实例中，生成动态化页面。所有项目均实现动态化页面的配置数据和程序代码共享。这个期间，省去开发人员分别为每一个视频开发与之对应项目的程序代码的过程。减少开发人员的工作压力，节省开发时间，提升工作效率。也节省了存储空间，避免存储资源浪费。

【技术实现步骤摘要】
动态化页面处理方法、装置、系统及存储介质
本专利技术实施例涉及计算机
，尤其涉及一种动态化页面处理方法、装置、系统及存储介质。
技术介绍
观看视频已经是日常生活中比较常见的娱乐活动了。为了提升观影时的用户体验度和用户参与度，观影平台可能会在用户观影期间，在屏幕上显示气泡、增加某些剧情描述信息，剧情讨论选项等。或者是在观影期间穿插一些商品信息、活动窗口等，进行一定的商业营销。在现有技术中，这些项目会根据需要提前预埋好代码逻辑，提前布局，并打包发版，实现功能的上限，以便在播放视频时展示这些项目。比如，观影平台希望在第一个视频播放期间显示气泡，以及增加活动窗口，那么在播放这个视频之前，开发人员需要编辑能够显示气泡的代码以及增加活动窗口的代码。在另一种情况中，观影平台希望在第二个视频播放期间展示商品信息，开发人员同样需要编辑代码信息进行预埋。当项目结束时，这些逻辑代码会被删除掉。每一个项目与一个视频之间都存在一定的耦合性。一旦项目完成，与项目对应的逻辑代码将会被删除。事后如果有类似的项目时，开发人员还是需要再开发一套新的程序代码。而这个过程，将会大大占用开发人员的工作时间。这个弊端尤其在某些节日时候体现的尤为明显，比如国庆节、春节等特殊且重大节日，观影平台需要在用户观看视频时展示某些项目，开发人员都必须在短时间内针对这些项目重新开发大量程序代码。另外，一旦某个视频需要和多个项目耦合时，程序代码量大，占用存储空间也比较大。其所带来的弊端就是项目与视频之间完全耦合，当某一视频需要展示某一项目时，开发人员就要开发一套项目代码逻辑，以便在视频上展示该项目内容，导致增加开发人员的工作负担，浪费开发人员大量时间，降低工作效率，而且大量程序代码占用更多存储空间。
技术实现思路
鉴于此，为解决现有技术中项目与视频之间完全耦合，当某一视频需要展示某一项目时，开发人员就要开发一套项目代码逻辑，以便在视频上展示该项目内容，导致增加开发人员的工作负担，浪费开发人员大量时间，降低工作效率，而且大量程序代码占用更多存储空间等的技术问题，本专利技术实施例提供一种动态化页面处理方法、装置、系统及存储介质。第一方面，本专利技术实施例提供一种动态化页面处理方法，该方法包括：当确定待播放视频后，获取与视频对应的配置数据，配置数据包括界面设计模板和组件；根据界面设计模板，从预构建的数据库中匹配与界面设计模板对应的程序代码；根据程序代码，生成界面模型实例；利用预配置的渲染引擎，将组件绘制至界面模型实例中，生成动态化页面，以便在视频播放期间，展示动态化页面。在一个可能的实施方式中，配置数据还包括基础参数；根据基础参数，确定触发机制；在视频播放期间，当达到触发机制时，展示动态化页面。在一个可能的实施方式中，配置数据还包括：组件样式；利用预配置的渲染引擎，将组件绘制至界面模型实例中，生成动态化页面，具体包括：利用预配置的渲染引擎，参照组件样式，将组件绘制至界面模型实例中。在一个可能的实施方式中，组件包括但不限于如下中的一种或多种：按钮、图片、图形、文本。在一个可能的实施方式中，当组件为按钮、图形或者图片时，组件样式包括但不限于如下中的一种或多种：规格、展示位置、颜色、以及背景颜色；当组件为文本时，组件样式包括但不限于如下中的一种或多种：文字大小、字体、文本颜色以及文本展示位置。在一个可能的实施方式中，根据界面设计模板，从预构建的数据库中匹配与界面设计模板对应的程序代码之前，方法还包括：获取客户端的类型和用户ID；确定与客户端类型以及用户ID共同对应的程序代码类型，以便后续从预构建的数据库中匹配与界面设计模板对应的程序代码时，匹配与程序代码类型相同的程序代码。在一个可能的实施方式中，配置数据还包括业务数据；将组件绘制至界面模型实例的同时，还包括将业务数据融合至界面模型实例中，生成动态化页面。第二方面，本专利技术实施例提供一种动态化页面处理装置，该装置包括：获取单元，用于当确定待播放视频后，获取与视频对应的配置数据，配置数据包括界面设计模板和组件；匹配单元，用于根据界面设计模板，从预构建的数据库中匹配与界面设计模板对应的程序代码；处理单元，用于根据程序代码，生成界面模型实例；利用预配置的渲染引擎，将组件绘制至界面模型实例中，生成动态化页面；展示单元，用于在视频播放满足预设触发条件时，展示动态化页面。第三方面，本专利技术实施例提供一种动态化页面处理系统，该系统包括：至少一个处理器和存储器；处理器用于执行存储器中存储的动态化页面处理程序，以实现如第一方面任一实施方式所介绍的动态化页面处理方法。第四方面，本专利技术实施例提供一种计算机存储介质，该计算机存储介质存储有一个或者多个程序，一个或者多个程序可被如第三方面所介绍的动态化页面处理系统执行，以实现如第一方面任一实施方式所介绍的动态化页面处理方法。本专利技术实施例提供的一种动态化页面处理方法，当确定待播放视频后，获取与视频对应的配置数据；根据配置数据中包括的界面设计模板，从预构建的数据库中匹配与该界面设计模板对应的程序代码，然后根据程序代码生成界面模型实例。将配置数据中包括的组件绘制至界面模型实例中，生成动态化页面。通过该种方式，将项目内容和视频之间解耦。二者之间不再是一一绑定关系。而是，可以根据项目需求，选择配置数据。然后，再根据配置数据中的界面设计模板匹配相应的程序代码，进而生成界面模型实例。将项目需要配置的组件绘制到界面模型实例中，生成动态化页面。这个动态化页面就是项目需要展示的项目内容。将选择后的配置数据传输至客户端，由客户端根据配置数据选择对应的程序代码执行。也即是说，所有项目均实现动态化页面的配置数据(例如界面设计模板和组件等)和程序代码共享。不同的项目，需求何种配置数据，可以自行选择，然后匹配与该配置数据对应的程序代码，直接运行即可。这个期间，省去开发人员分别为每一个视频开发与之对应项目的程序代码的过程。减少开发人员的工作压力，节省开发时间，提升工作效率。而且，由于实现配置数据和程序代码共享，也节省了存储空间，避免存储资源浪费。附图说明图1为本专利技术实施例提供的一种动态化页面处理方法流程示意图；图2为本专利技术提供的一个详细的动态化页面处理方法的示意性框图；图3为本专利技术实施例提供的一种动态化页面处理装置结构示意图；图4为本专利技术实施例提供一种动态化页面处理系统结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。为便于对本专利技术实施例的理解，下面本文档来自技高网...

【技术保护点】
1.一种动态化页面处理方法，其特征在于，所述方法由客户端执行，所述方法包括：/n当确定待播放视频后，获取与所述视频对应的配置数据，所述配置数据包括界面设计模板和组件；/n根据所述界面设计模板，从预构建的数据库中匹配与所述界面设计模板对应的程序代码；/n根据所述程序代码，生成界面模型实例；/n利用预配置的渲染引擎，将所述组件绘制至所述界面模型实例中，生成动态化页面，以便在视频播放期间，展示所述动态化页面。/n

【技术特征摘要】
1.一种动态化页面处理方法，其特征在于，所述方法由客户端执行，所述方法包括：
当确定待播放视频后，获取与所述视频对应的配置数据，所述配置数据包括界面设计模板和组件；
根据所述界面设计模板，从预构建的数据库中匹配与所述界面设计模板对应的程序代码；
根据所述程序代码，生成界面模型实例；
利用预配置的渲染引擎，将所述组件绘制至所述界面模型实例中，生成动态化页面，以便在视频播放期间，展示所述动态化页面。


2.根据权利要求1所述的方法，其特征在于，所述配置数据还包括基础参数；
根据所述基础参数，确定触发机制；
在所述视频播放期间，当达到所述触发机制时，展示所述动态化页面。


3.根据权利要求1或2所述的方法，其特征在于，所述配置数据还包括：组件样式；所述利用预配置的渲染引擎，将所述组件绘制至所述界面模型实例中，生成动态化页面，具体包括：
按照所述预设页面渲染程序代码，参照所述组件样式，将所述组件绘制至所述界面模型实例中。


4.根据权利要求3所述的方法，其特征在于，所述组件包括但不限于如下中的一种或多种：按钮、图片、图形、文本。


5.根据权利要求4所述的方法，其特征在于，当所述组件为按钮、图形或者图片时，所述组件样式包括但不限于如下中的一种或多种：规格、展示位置、颜色、以及背景颜色；
当所述组件为文本时，所述组件样式包括但不限于如下中的一种或多种：文字大小、字体、文本颜色以及文本展示位置。


6.根据权利要求1或2所述的方法，其特征在于，所述根据所述界面设计模板，从预构建的数据库中匹配与所述界...

【专利技术属性】
技术研发人员：杨子江，张小勇，
申请(专利权)人：北京奇艺世纪科技有限公司，
类型：发明
国别省市：北京;11