基于WEB端配置电视主场景并可视化渲染的系统.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112363725A(43)申请公布日2021.02.12(21)申请号202011305147.3(22)申请日2020.11.19(71)申请人四川长虹电器股份有限公司地址621000四川省绵阳市高新区绵兴东路35号(72)发明人张钦云(74)专利代理机构四川省成都市天策商标专利事务所51213代理人陈艺文(51)Int.Cl.G06F8/38(2018.01)G06F16/957(2019.01)权利要求书2页说明书5页附图3页(54)发明名称基于WEB端配置电视主场景并可视化渲染的系统(57)摘要本发明公开了基于WEB端配置电视主场景并可视化渲染的系统，包括电视主场景应用、云端配置平台以及云端服务器端；电视开机启动过程中，从云端服务器中获取距离当前时间最近的一次配置时间对应的可使用配置数据，业务层再通过其Diff算法比较当前数据与云端数据的差异，当比较到不同之后，虚拟DOM进行更新并向着真实DOM转化，此时UI重新绘制从而达到数据变化实时渲染。本发明实时同步后台配置与前端呈现效果，创造直观统一的体验，同时也解决了传统平台所配数据和预期效果不一致的痛点，建立了更具有规范性、更完整的内容管理架构，大幅提升了内容管理效率。CN112363725ACN112363725A权利要求书1/2页1.基于WEB端配置电视主场景并可视化渲染的系统，其特征在于，包括电视主场景应用、云端配置平台以及云端服务器端，其中：电视主场景应用：电视主场景基于H5技术开发，有一个强大的数据处理模块，可以处理各种数据并且展示出对应UI效果；应用内置了所需样式的解析规则，给内部的数据和第三方的数据留下位置，直到拿到相关数据后再自由填充，所有数据均可实时管理，根据数据更改而自动显示；云端配置平台：云端配置平台包含两个核心部分：数据配置区域，用户使用电脑的浏览器访问，通过系统提供的数据配置控件，配置对应的数据内容；数据可视化区域，电视主场景应用基于H5技术，能通过浏览器Iframe把此应用内嵌于此区域，再通过既定的数据交互方式，使得数据配置区域配置完数据后，和数据可视化区域联动并进行数据的实时渲染；用户在平台上配置完数据之后，数据先传输并存储到云端服务器端，再由云端服务器进行数据的下发，下一次，电视主场景便能看到所配置的数据内容。云端服务器端：此处负责接收用户配置的数据储存到数据库中，同时负责对电视主场景数据进行下发，要正常的完成下发工作，接收的电视必须处于联网状态，如未联网，则依旧会显示主场景内置的数据。2.如权利要求1所述的基于WEB端配置电视主场景并可视化渲染的系统，其特征在于，所述系统支持网络连接，云端服务器端和电视主页以及云端配置平台连接。3.如权利要求1所述的基于WEB端配置电视主场景并可视化渲染的系统，其特征在于，所述电视端支持H5应用，浏览器端支持H5，css3，es5；云端配置平台和电视端主场景的数据为既定的JSON格式；数据可视化区通过iframe技术使得应用内嵌于云端配置平台得以实现。4.一种基于WEB端配置电视主场景并可视化渲染的方法，其特征在于，包括以下步骤：Step1：可视化配置数据用户输入数据或者是选择了相应素材后，数据可视区便会做到相应的变化，实现所配即所得；Step2：参数校验成功后转为配置文件；首先检查用户输入，校验的方式是将用户配置的参数和数据可视区域内置预定义的参数以及一些有特定参数值的参数进行比对，校验成功后，将用户输入的数据按照参数转换引擎自动转换为JSON格式的数据；Step3：发布配置数据；转化后的配置文件通过网络接口，完成数据的发布；Step4：云端服务器保存数据；云端服务器是数据的枢纽，为电视主场景提供所需数据；Step5：电视获取数据并渲染；电视主场景应用通过内置的一系列解析规则，解析数据，完成UI的渲染。5.如权利要求4所述的基于WEB端配置电视主场景并可视化渲染的系统，其特征在于，电视开机启动过程中，从云端服务器中获取距离当前时间最近的一次配置时间对应的可使2CN112363725A权利要求书2/2页用配置数据，业务层再通过其Diff算法比较当前数据与云端数据的差异，当比较到不同之后，虚拟DOM进行更新并向着真实DOM转化，此时UI重新绘制从而达到数据变化实时渲染。3CN112363725A说明书1/5页基于WEB端配置电视主场景并可视化渲染的系统技术领域[0001]本发明涉及网页编程技术领域，尤其涉及一种基于WEB端配置电视主场景并可视化渲染的系统。背景技术[0002]随着信息化技术的发展，智能电视发展突飞猛进。而主场景作为电视的流量入口，现如今越来越被各大厂商所重视，如何更高效的配置主场景内容数据，是所有电视厂商所要思考并