[發明專利]基于WEB端配置電視主場景并可視化渲染的系統

在審

• 申請號: 202011305147.3
• 申請日: 2020-11-19
• 公開（公告）號: CN112363725A
• 公開（公告）日: 2021-02-12
• 發明（設計）人: 張欽云
• 申請（專利權）人: 四川長虹電器股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/957
• 代理公司: 四川省成都市天策商標專利事務所 51213
• 代理人: 陳藝文

本發明公開了基于WEB端配置電視主場景并可視化渲染的系統，包括電視主場景應用、云端配置平臺以及云端服務器端；電視開機啟動過程中，從云端服務器中獲取距離當前時間最近的一次配置時間對應的可使用配置數據，業務層再通過其Diff算法比較當前數據與云端數據的差異，當比較到不同之后，虛擬DOM進行更新并向著真實DOM轉化，此時UI重新繪制從而達到數據變化實時渲染。本發明實時同步后臺配置與前端呈現效果，創造直觀統一的體驗，同時也解決了傳統平臺所配數據和預期效果不一致的痛點，建立了更具有規范性、更完整的內容管理架構，大幅提升了內容管理效率。

技術領域

本發明涉及網頁編程技術領域，尤其涉及一種基于WEB端配置電視主場景并可視化渲染的系統。

背景技術

隨著信息化技術的發展，智能電視發展突飛猛進。而主場景作為電視的流量入口，現如今越來越被各大廠商所重視，如何更高效的配置主場景內容數據，是所有電視廠商所要思考并解決的問題。

然而傳統的電視主場景基于native端開發，其內容配置系統基于傳統的數據配置系統，這種方式的優點是歷史悠久，具有長期的經驗論證，技術成熟度高。但也存在著不可改變的缺點，首先，內容數據太過于冗長，運營人員很難讀懂文檔，學習成本高，操作繁瑣，步驟繁多。其次，數據出錯幾率大，多次配置數據或許都不是所期望的效果。

發明內容

本發明的目的就在于為了解決上述問題而提供一種基于WEB端配置電視主場景并可視化渲染的系統，本發明的實時同步平臺內容與前端展示效果，實現真正的所見即所得。解決了傳統內容配置平臺所帶來的一系列痛點問題，在直觀、美觀、高效、簡潔等方面提升用戶體驗和操作效率。

本發明通過以下技術方案來實現上述目的：

基于WEB端配置電視主場景并可視化渲染的系統，包括電視主場景應用、云端配置平臺以及云端服務器端，其中：

電視主場景應用：電視主場景基于H5技術開發，有一個強大的數據處理模塊，可以處理各種數據并且展示出對應UI效果；應用內置了所需樣式的解析規則，給內部的數據和第三方的數據留下位置，直到拿到相關數據后再自由填充，所有數據均可實時管理，根據數據更改而自動顯示；

云端配置平臺：云端配置平臺包含兩個核心部分：

數據配置區域，用戶使用電腦的瀏覽器訪問，通過系統提供的數據配置控件，配置對應的數據內容；

數據可視化區域，電視主場景應用基于H5技術，能通過瀏覽器Iframe把此應用內嵌于此區域，再通過既定的數據交互方式，使得數據配置區域配置完數據后，和數據可視化區域聯動并進行數據的實時渲染；用戶在平臺上配置完數據之后，數據先傳輸并存儲到云端服務器端，再由云端服務器進行數據的下發，下一次，電視主場景便能看到所配置的數據內容。

云端服務器端：此處負責接收用戶配置的數據儲存到數據庫中，同時負責對電視主場景數據進行下發，要正常的完成下發工作，接收的電視必須處于聯網狀態，如未聯網，則依舊會顯示主場景內置的數據。

進一步方案為，所述系統支持網絡連接，云端服務器端和電視主頁以及云端配置平臺連接。

進一步方案為，所述電視端支持H5應用，瀏覽器端支持H5，css3，es5；

云端配置平臺和電視端主場景的數據為既定的JSON格式；

數據可視化區通過iframe技術使得應用內嵌于云端配置平臺得以實現。

本申請另一方面還提供了一種基于WEB端配置電視主場景并可視化渲染的方法，包括以下步驟：

Step1：可視化配置數據

用戶輸入數據或者是選擇了相應素材后，數據可視區便會做到相應的變化，實現所配即所得；