[發明專利]一種可視化編排無限加載瀑布流頁面的系統和方法有效
| 申請號: | 202010046393.5 | 申請日: | 2020-01-16 |
| 公開(公告)號: | CN111263200B | 公開(公告)日: | 2021-12-17 |
| 發明(設計)人: | 張向峰;馮嵩峰;劉楊;徐桐 | 申請(專利權)人: | 百途新媒體技術(北京)有限公司 |
| 主分類號: | H04N21/262 | 分類號: | H04N21/262;H04N21/482;H04N21/258;H04N21/266;H04N21/81 |
| 代理公司: | 北京紐樂康知識產權代理事務所(普通合伙) 11210 | 代理人: | 張朝元 |
| 地址: | 100027 北京市朝陽區*** | 國省代碼: | 北京;11 |
| 權利要求書: | 查看更多 | 說明書: | 查看更多 |
| 摘要: | |||
| 搜索關鍵詞: | 一種 可視化 編排 無限 加載 瀑布 頁面 系統 方法 | ||
本發明公開了一種可視化編排無限加載瀑布流頁面的系統,包括后臺管理模塊、數據庫模塊、靜態文件服務模塊、電子節目指南模塊四個模塊;還公開了一種可視化編排無限加載瀑布流頁面的方法,使用電子節目指南模塊與后臺管理模塊約定瀑布流數據格式及規則;后臺管理模塊通過可視化編輯并保存數據,生成對應瀑布流靜態數據文件;電子節目指南請求靜態數據文件,獲取瀑布流JSON數據并逐步拆解模板向下傳遞生成模板對象,利用觀察者模式創建觸發對象,向觀察者注冊監聽瀑布流加載事件;構建模板對象和模板錨點對象,向觀察者注冊監聽模板加載事件,并按順序將錨點對象插入到瀑布流主體對象當中,向觀察者發送事件完成;事件全部命中,觸發回調方法。
技術領域
本發明涉及無限加載瀑布流頁面技術領域,具體來說,涉及一種可視化編排無限加載瀑布流頁面的系統和方法。
背景技術
EPG(電子節目指南)在美、歐等數字電視發展較早的國家已得到了廣泛的應用,成為數字電視的基本業務之一。據統計,在數字電視的各類業務中,EPG的點擊率最高,并逐漸成為數字電視中一個發展迅速的行業,出現了如NDS集團,美國TVGuide等一批專業的EPG開發的制作公司。實際上,EPG已成為數字電視的重要標志,是觀眾進入數字電視和IPTV的門戶。
傳統的IPTV(交互式網絡電視)業務,由于頁面不支持下拉加載導致展示內容有限,從而造成供用戶選擇的優質內容較少;翻頁展示,導致操作層級較多,造成用戶體驗感差;同時交互動畫效果單一,不夠吸引用戶眼球。
我國IPTV目前還處于起步階段,部分電視臺、運營商和機頂盒生產廠商開發的EPG,只適用于某一款機頂盒,缺乏廣泛的適用性和定制性,在實際應用中,每次更改EPG布局、或需要增加新EPG,都需要修改EPG代碼或重新開發,造成大量重復性勞動。
發明內容
針對相關技術中的上述技術問題,本發明提出一種可視化編排無限加載瀑布流頁面的系統和方法,能夠克服現有技術的上述不足。
為實現上述技術目的,本發明的技術方案是這樣實現的:
一種可視化編排無限加載瀑布流頁面的系統,其特征在于,包括后臺管理模塊、數據庫模塊、靜態文件服務模塊、電子節目指南模塊四個模塊;
所述后臺管理模塊用來對系統的數據進行管理,所述后臺管理模塊與所述數據庫模塊之間進行數據交互;
所述數據庫模塊用于對系統當中的數據進行儲存和處理,所述數據庫模塊只與所述后臺管理模塊進行數據交互;
所述靜態文件服務模塊用于將數據靜態化,并請求靜態數據文件,將靜態數據傳送給所述后臺管理模塊;
所述電子節目指南模塊為服務端,用于展示瀑布流頁面,并控制內容上線和下線,所述電子節目指南模塊只向所述靜態文件服務模塊傳遞數據。
進一步的,所述后臺管理模塊包括數據靜態化事件和可視化編輯事件。
進一步的,所述電子節目指南模塊包含瀑布流對象、模板對象、事件對象、元素對象、觸發器對象、鍵盤事件對象。
本發明還公開了一種可視化編排無限加載瀑布流頁面的方法,包括如下步驟:
S1:使用電子節目指南模塊與后臺管理模塊共同約定瀑布流數據格式及規則;
S2:后臺管理模塊通過可視化編輯并保存數據,生成對應瀑布流靜態數據文件;
S3:電子節目指南模塊請求靜態數據文件,從服務端獲取瀑布流JSON數據并逐步拆解模板向下傳遞生成模板對象,同時,利用觀察者模式創建觸發對象,并向觀察者注冊監聽瀑布流加載事件;
S4:構建模板對象,并向觀察者注冊監聽模板加載事件;
該專利技術資料僅供研究查看技術是否侵權等信息,商用須獲得專利權人授權。該專利全部權利屬于百途新媒體技術(北京)有限公司,未經百途新媒體技術(北京)有限公司許可,擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作,請聯系【客服】
本文鏈接:http://www.szxzyx.cn/pat/books/202010046393.5/2.html,轉載請聲明來源鉆瓜專利網。





