一種在電視上播放網頁圖文的方法、設備及系統(tǒng)的制作方法
【技術領域】
[0001] 本申請涉及電視廣播技術以及計算機技術，尤其涉及一種在電視上播放網頁圖文 的方法、設備及系統(tǒng)。
【背景技術】
[0002] 電視作為傳統(tǒng)媒體，在90年代以前提供了主流的信息娛樂資訊。進入2000年后 隨著互聯網的普及，以及2007年智能手機的出現帶動移動互聯網的發(fā)展，使得用戶以電腦 或智能手機作為終端，通過互聯網獲取資訊變得隨時隨地，快捷方便。以電腦為例，從互聯 網上通過WWW服務器下載超文本標記語言（HTML)腳本，在瀏覽器中解釋渲染為網頁界面， 該網頁界面可以接受用戶通過鼠標或鍵盤的輸入做出各種響應，例如根據輸入的字符串進 行檢索，根據點擊鏈接的操作進入相應頁面，或者上下滾動以顯示網頁的不同部分。在智能 手機上通常采用app獲取資訊，但同樣是基于用戶的輸入進行各種響應。而電視通常采用 單向的播放模式，用戶通過遙控器選擇不同的頻道，電視播放該頻道的相應節(jié)目，而每個頻 道播出的內容通常由電視臺決定。
[0003] 目前已有的電視圖文資訊頻道，主要是人工制作包含圖文信息的圖片，然后在電 視圖文播出系統(tǒng)中播放。這種格式自由，但人工制作太麻煩，效率很低。傳統(tǒng)的電視圖文系 統(tǒng)也提供簡單的字符型模板，比如股市報盤，菜價等。其缺點是：
[0004] 模板不能隨意切換，一旦制作好模板，每張圖文都是同樣的框架，視覺效果單一；
[0005] 模板支持的參數為：文字/數字，不支持圖片等參數化；
[0006] 因此，現有的電視圖文資訊頻道的內容和形式都比較單調，相對于網頁上的海量 信息，難以吸引用戶觀看。
[0007] 現有技術中，可以通過智能機頂盒或者智能電視，在電視屏幕上直接顯示web網 頁獲取資訊。然而，直接把web網頁投放到電視屏幕上觀看，存在以下問題：
[0008] 1、觀看距離及屏幕尺寸差異造成的問題
[0009] 現有的web網頁通常是在電腦顯示器或者手機屏幕上觀看。電腦顯示器通常在 19-27寸左右，寬大于高，觀看距離30厘米左右；手機屏幕尺寸通常為4-7寸，寬小于高，觀 看距離為20厘米。而電視尺寸通常在32至60寸，觀看距離3米左右。由于電視的收視距 離遠大于電腦以及手機等移動設備的觀看距離，web網頁上的文字字號以及圖片尺寸并不 適用于在電視上直接觀看。
[0010] 2、刷新方式差異造成的問題
[0011] Web網頁是根據用戶操作刷新或者滾動，因此在屏幕內可以同時顯示大量文字內 容，用戶看完后再刷新或滾動瀏覽新的內容，因此頁面通常設計為滾動的長條。
[0012] 電視畫面的刷新則是由電視臺決定的，用戶無法控制，橫向不能拖拽，向下滾動則 影響觀眾收看效果，所以必須做成多屏切換的形式；同時，屏幕上不能顯示過多內容，否則， 如果刷新間隔過短會造成來不及觀看，刷新間隔太長又會使用戶覺得無聊。
[0013] 3、收視習慣差異造成的問題
[0014] 電視通常作為娛樂終端，用戶不習慣在TV上閱讀大量文字，喜歡收看文字簡明、 字號較大、圖文并茂的圖文資訊，并且圖像切換節(jié)奏不能太慢。如果將web頁面直接投放到 電視上，大量文字的靜態(tài)頁面會使用戶很快失去興趣。
[0015] 綜上所述，由于存在獲取資訊的需求，用戶和電視臺都希望能在電視屏幕上顯示 豐富的資訊內容；然而將直接將網頁內容顯示在電視屏幕上并不適用，需要對網頁內容進 行調整。

【發(fā)明內容】

[0016] 本申請?zhí)峁┝艘环N在電視上播放網頁圖文的方法及系統(tǒng)，可以將網頁上的圖文資 訊在電視上播放，符合電視的收視特點，適用于觀眾在家庭休息時間，通過電視屏幕了解網 上各種資訊。
[0017] 本申請實施例提供了一種在電視上播放網頁圖文的方法，包括：
[0018] A、對HTML文檔的文檔對象模型DOM樹進行遍歷，獲取其中的文本節(jié)點和圖像節(jié) 占.
[0019] B、根據預置的過濾策略，過濾掉不需要的文本節(jié)點和圖像節(jié)點，保留需要的文本 節(jié)點和圖像節(jié)點；
[0020] C、對保留的文本節(jié)點和圖像節(jié)點進行重新排版，判斷所要顯示的內容是否能夠在 電視的一屏內顯示，若是，將轉至執(zhí)行步驟E，否則執(zhí)行步驟D;
[0021 ] D、按電視屏幕高度，將所要顯示的內容分為多個HTML文檔，每個文檔對應一個分 頁，每個分頁能夠在一屏內顯示；
[0022] E、將所述HTML文檔渲染為圖文頁面，將所述圖文頁面轉換為圖片格式；將圖片格 式的圖文頁面轉換為電視節(jié)目頻道的PAL視頻信號，并在電視屏幕上播放。
[0023] 較佳地，所述過濾策略包含黑名單和/或白名單，對于符合黑名單條件的內容一 律過濾，對于符合白名單條件內容一律保留。
[0024] 較佳地，所述對保留的文本節(jié)點和圖像節(jié)點進行重新排版包括：對文本字體放大， 對文本進行縮減和特征字符串替換，和/或，對圖像進行放大。
[0025] 較佳地，所述對文本進行縮減包括：
[0026] 判斷文本節(jié)點包含的文字總數是否大于預先設置的閾值N，若是，保留該文本節(jié)點 的前N個字或刪除該文本節(jié)點，否則保持該文本節(jié)點不變。
[0027] 較佳地，所述N取值范圍為5至15。
[0028] 較佳地，所述對圖像進行放大為：寬度/高度各自獨立拉伸，或者寬/高等比例放 大。
[0029] 較佳地，步驟D所述將所要顯示的內容分為多個分頁進一步包括：對當前分頁進 行智能壓縮。
[0030] 較佳地，所述對當前分頁進行智能壓縮策略包括如下內容的任意組合：
[0031] 寬度/高度獨立縮?。?br>[0032] 先縮小寬度，然后按寬度縮小比例轉換高度；
[0033] 降低文本節(jié)點和圖像節(jié)點的邊距；
[0034] 且壓縮后文本字號與圖像大小不小于預先規(guī)定的最小值。
[0035] 較佳地，步驟D包括：
[0036] D1、按照從前向后的順序依次遍歷web頁面文檔DOM樹中body元素的直接子節(jié) 點，獲取節(jié)點的底部坐標，如果節(jié)點A的底部坐標大于當前分頁高度，記錄節(jié)點A，繼續(xù)遍歷 下一個節(jié)點B;
[0037] D2、如果節(jié)點B的右邊緣坐標大于節(jié)點B的下一個節(jié)點的右邊緣坐標，將節(jié)點B之 前的所有節(jié)點，嘗試進行智能壓縮，壓縮完畢后，刷新頁面；
[0038] D3、如果節(jié)點A的底部坐標大于當前分頁高度，則從節(jié)點A處分頁，生成新一頁電 視圖文；
[0039] 如果節(jié)點A的底部坐標小于當前分頁高度，則從節(jié)點B處分頁，生成新一頁電視圖 文。
[0040] 較佳地，所述將所述HTML文檔渲染為圖文頁面為：使用引擎庫Phantomjs渲染所 述HTML文檔，生成圖文頁面。
[0041] 本申請實施例還提供了一種在電視上播放網頁圖文的系統(tǒng)，該系統(tǒng)包括內容發(fā)布 服務器和圖文資訊播出系統(tǒng)，所述內容發(fā)布服務器包括：
[0042] 獲取模塊，用于對HTML文檔的DOM樹進行遍歷，獲取其中的文本節(jié)點和圖像節(jié) 占.
[0043] 過濾模塊，用于根據預置的過濾策略，過濾掉不需要的文本節(jié)點和圖像節(jié)點，保留 需要的文本節(jié)點和圖像節(jié)點；
[0044] 排版模塊，用于對保留的文本節(jié)點和圖像節(jié)點進行重新排版，判斷所要顯示的內 容是否能夠在電視的一屏內顯示，若是，使能分頁模塊；
[0045] 分頁模塊，用于按電視屏幕高度，將所要顯示的內容分為多個HTML文檔，每個文 檔對應一個分頁，每個分頁能夠在一屏內顯示；
[0046] 發(fā)布模塊，用于通過互聯網與圖文資訊播出系統(tǒng)建立連接，通過所述連接將所述 分頁模塊得到的HTML文檔發(fā)送至圖文資訊播出系統(tǒng)；
[0047] 所述圖文資訊播出系統(tǒng)將所述HTML文檔渲染為圖文頁面，將所述圖文頁面轉換 為圖片格式；將圖片格式的圖文頁面轉換為電視節(jié)目頻道的PAL視頻信號。
[0048] 本申請另一實施例提供了另一種在電視上播放網頁圖文的系統(tǒng)，該系統(tǒng)包括內容 發(fā)布服務器和圖文資訊播出系統(tǒng)，所述內容發(fā)布服務器包括：
[0049] 獲取模塊，用于對HTML文檔的DOM樹進行遍歷，獲取其中的文本節(jié)點和圖像節(jié) 占.
[0050] 過濾模塊，用于根據預置的過濾策略，過濾掉不需要的文本節(jié)點和圖像節(jié)點，保留 需要的文本節(jié)點和圖像節(jié)點；