Iptv機頂盒瀏覽器頁面的導航控制方法
2023-11-11 19:00:37
專利名稱：Iptv機頂盒瀏覽器頁面的導航控制方法
技術領域：
本發明涉及IPTV機頂盒技術領域，特別是涉及一種IPTV機頂盒瀏覽器頁面的導 航控制方法。
背景技術：
IPTV即交互式網絡電視，是以電信寬帶網絡為傳輸通道，以電視機為終端，向家庭 用戶提供包括電視內容在內的多種交互式服務的技術，可以通過普通電視機+網絡機頂盒 的方式收看。IPTV使得電視機成為具有通訊、網際網路、電視功能的綜合數字家庭終端。IPTV 的主要特點是在其交互性，將主動權交給了用戶，由用戶直接通過遙控器點擊來選擇節目 和播放方式。與PC操作相比，IPTV機頂盒主要靠瀏覽器來支撐，顯示也是以網頁形式呈現 的，由於瀏覽器沒有滑鼠鍵盤輸出設備，用戶使用遙控器進行操作，不能象滑鼠一樣隨意點 選，因此，對於IPTV的EPG(Electronic Program Guide，電子節目菜單)頁面的導航控制來 說，根據遙控器的方向鍵來控制EPG頁面上的焦點元素結點的移動及翻頁顯示變得非常重 要。目前瀏覽器引擎的移動焦點元素結點的邏輯與元素結點出現的先後順序有關，相當於 只有兩個方向一前和後，與具體的排版顯示位置無關，因此，目前的焦點元素結點只能前後 移動，不能通過對遙控器上下左右方向鍵的合理控制，實現將焦點元素結點靈活移動到對 應方向的相鄰元素結點上。
發明內容
本發明的目的是為了克服上述背景技術的不足，提供一種IPTV機頂盒瀏覽器頁 面的導航控制方法，能夠通過對遙控器上下左右方向鍵的合理控制，實現將焦點元素結點 靈活移動到對應方向的相鄰元素結點上，提供很好的瀏覽顯示效果，增強用戶體驗。本發明提供的IPTV機頂盒瀏覽器頁面的導航控制方法，包括以下步驟:A、IPTV機 頂盒瀏覽器的電子節目菜單EPG頁面加載完畢但並未顯示出來時，分析EPG頁面上的元素 結點，對可以獲得焦點的元素結點上下左右方向相鄰的元素結點進行排序和定位；B、所述 EPG頁面顯示出來後，根據用戶對遙控器的上下左右方向按鍵的操作，遙控器觸發對應的按 鍵導航信息，瀏覽器接收到所述按鍵導航信息後，將焦點元素結點移動到按鍵導航信息對 應方向的相鄰元素結點或者翻頁顯示，實現對EPG頁面元素結點的導航控制。在上述技術方案中，步驟A包括以下步驟A1、分析EPG頁面上的元素結點，將可以 獲得焦點的元素結點的結點信息依序存入一個指針數組中；A2、分析所述指針數組中的各 元素結點的結點信息，計算各元素結點與周邊其他元素結點的中心距離和中心角度；A3、根 據計算的中心距離和中心角度，確定所述各元素結點上下左右方向相鄰的元素結點。在上述技術方案中，步驟A2中所述結點信息包括元素結點的級聯樣式表CSS信 息元素結點的左上角坐標(X，Y)、寬度a、高度b。在上述技術方案中，步驟A2中計算中心距離和中心角度時，以元素結點的中心 (X，，Y，)作為參照原點，其中 X，= X+a/2，Y，= Y+b/2。
在上述技術方案中，所述中心距離是兩個元素結點的中心之間的距離，所述中心 角度是兩個元素節點中心的連接線與被比較元素節點所在的水平線所形成的夾角。在上述技術方案中，步驟A3包括以下步驟如果判定一個元素結點與另一個元素 結點之間的中心角度在0到N。之間(N取0 45之間)，則確定二者為左右方向的元素結 點；反之，則確定二者為上下方向的元素結點；進一步，確定同一方向上與當前元素結點中 心距離最小的元素結點為當前元素結點在該方向上的相鄰結點。在上述技術方案中，所述N取30。在上述技術方案中，步驟B包括以下步驟B1、瀏覽器接收遙控器觸發的按鍵導航 信息；B2、瀏覽器獲取當前EPG頁面上的焦點元素結點，並確定其在指針數組中的位置，判 斷在指針數組中是否存在焦點元素結點在按鍵導航信息對應方向上的相鄰元素結點的結 點信息；B3、如果判定焦點元素結點在該方向上沒有相鄰元素結點，則按照該方向翻頁顯示 頁面內容；B4、如果判定焦點元素結點在該方向上存在相鄰元素結點，且該相鄰元素結點在 當前可視區域上，則將該相鄰元素結點作為目標元素結點。在上述技術方案中，步驟B3還包括以下步驟如果判定翻頁後在可視區域存在有 效的元素結點，則確定該可視區域的第一個結點為目標元素結點；否則只顯示翻頁後的頁 面內容。在上述技術方案中，步驟B4還包括以下步驟如果判定所述相鄰元素結點不在當 前可視區域上，則顯示按照該方向翻頁後的頁面內容；如果判定所述相鄰元素結點在翻頁 顯示的可視區域上，就將其作為目標元素結點，否則只顯示按照該方向翻頁後的頁面內容。本發明提供的IPTV機頂盒瀏覽器頁面的導航控制方法，通過對EPG頁面上的元素 結點進行分析和方向定位，使得在使用遙控器導航控制EPG頁面的焦點元素結點移動時， 達到最優的瀏覽和顯示效果，使得IPTV用戶即使在沒有滑鼠可以隨意點選的情況下，也能 通過操作遙控器的方向鍵，控制焦點元素結點在EPG頁面的各元素結點上合理移動，提供 了較好的瀏覽顯示效果，增強用戶體驗。
圖1是本發明實施例中方法步驟的流程圖；圖2是本發明實施例中對EPG頁面的元素結點進行排序、定位的流程圖；圖3是本發明實施例中根據按鍵導航信息對EPG頁面進行導航控制的流程圖。
具體實施例方式下面結合附圖及實施例對本發明作進一步的詳細描述。參見圖1所示，本發明實施例提供一種IPTV機頂盒瀏覽器頁面的導航控制方法， 包括以下步驟A、IPTV機頂盒瀏覽器的EPG頁面加載完畢但並未顯示出來時，先做導航控制的準 備工作分析EPG頁面上的元素結點，對可以獲得焦點的元素結點上下左右方向相鄰的元 素結點進行排序和定位；B、EPG頁面顯示出來後，根據用戶對遙控器的上下左右方向按鍵的操作，遙控器觸 發對應的按鍵導航信息，瀏覽器接收到按鍵導航信息後，將焦點元素結點移動到按鍵導航信息對應方向的相鄰元素結點或者翻頁顯示，實現對EPG頁面元素結點的導航控制。參見圖2所示，步驟A具體包括以下步驟Al、分析EPG頁面上的元素結點，將可以獲得焦點的元素結點的結點信息依序存 入一個指針數組中。指針數組中的元素信息是一個結構體，其可以存儲的結點信息如下，本步驟只填 充了前面五個信息Struct LinkNodeList{Int xPos ；//元素結點左上角橫坐標Int yPos ；//元素結點左上角縱坐標Int width ；//元素結點寬度Int height ；//元素結點高度Node^curNode ；// 當前元素結點DisInfo upList ；//當前元素結點相鄰上方向的結點信息DisInfo downList ;//當前元素結點相鄰下方向的結點信息DisInfo IeftList ;//當前元素結點相鄰左方向的結點信息DisInfo rightList ;//當前元素結點相鄰右方向的結點信息}A2、分析指針數組中的各元素結點的結點信息，計算各元素結點與周邊其他元素 結點的中心距離和中心角度。結點信息包括元素結點的CSS (Cascading Style Sheets，級聯樣式表)信息元 素結點的左上角坐標》，幻、寬度&、高度13。計算中心距離和中心角度時，以元素結點的中 心(Χ，，γ，)作為參照原點，其中 X，= X+Width/2，Y，= Y+Height/2，即 X，= X+a/2，Y，= Y+b/2。中心距離是指兩個元素結點的中心之間的距離，中心角度是指兩個元素節點中心的 連接線與被比較元素節點所在的水平線所形成的夾角。A3、根據計算的中心距離和中心角度，確定所述各元素結點上下左右方向相鄰的
元素結點ο例如，假設要確定元素結點i的上下左右四個方向的相鄰元素結點，就要與指針 數組中的其他元素結點一一進行比較，假設其中一個被比較的元素結點為j，i和j兩個元 素結點的中心角度在O到N°之間，N可以在O 45之間，選擇N等於30較佳，例如i和j兩 個結點元素的中心連接後，該連接線與i結點所在水平線所形成的夾角小於或等於30°， 那麼就可以確定i和j的中心連線比較接近i所在的水平方向，那麼就在左右方向上比較 這兩個元素結點，則首先將元素結點j確定為元素結點i左右方向上的結點，反之，則首先 將元素結點j確定為元素結點i上下方向上的結點。進一步，再比較中心距離，分別將元素 結點j和同一方向上其他元素結點與元素結點i的中心距離做比較，如果元素結點j是距 離元素結點i最近的元素結點，則元素結點j就是元素結點i在該方向上的相鄰結點；如果 元素結點j不是距離元素結點i最近的元素結點，就將元素結點j與元素結點i另一方向 上的結點進行比較。一一比較之後，就能夠確定每個元素結點的上下左右四個方向的相鄰結點，填充 了指針數組對應元素的信息upList，downList，leftList，RightList。
參見圖3所示，步驟B具體包括以下步驟Bi、瀏覽器接收遙控器觸發的按鍵導航信息。B2、瀏覽器獲取當前EPG頁面上的焦點元素結點，並確定其在指針數組中的位置， 判斷在指針數組中，是否存在焦點元素結點在按鍵導航信息對應方向上的相鄰元素結點的 結點信息，因為找到的相鄰元素結點，很有可能就是下一個要導航到的目標元素結點。B3、如果判定焦點元素結點在該方向上沒有相鄰元素結點，則將頁面內容按照該 方向翻頁顯示；如果判定翻頁後在可視區域存在有效的元素結點，則確定該可視區域的第 一個結點為目標元素結點；否則只顯示按照該方向翻頁後的頁面內容。B4、如果判定焦點元素結點在該方向上存在相鄰元素結點，且該相鄰元素結點在 當前可視區域上，則將該相鄰元素結點作為目標元素結點；如果判定該相鄰元素結點不在 當前可視區域上，則將頁面內容按照該方向翻頁顯示；如果判定該相鄰元素結點在翻頁顯 示的可視區域上，就將其作為目標元素結點，否則只顯示按照該方向翻頁後的頁面內容。顯然，本領域的技術人員可以對本發明進行各種改動和變型而不脫離本發明的精 神和範圍。這樣，倘若本發明的這些修改和變型屬於本發明權利要求及其等同技術的範圍 之內，則本發明也意圖包含這些改動和變型在內。本說明書中未作詳細描述的內容屬於本 領域專業技術人員公知的現有技術。
權利要求
1.一種IPTV機頂盒瀏覽器頁面的導航控制方法，其特徵在於，包括以下步驟A、IPTV機頂盒瀏覽器的電子節目菜單EPG頁面加載完畢但並未顯示出來時，分析EPG 頁面上的元素結點，對可以獲得焦點的元素結點上下左右方向相鄰的元素結點進行排序和 定位；B、所述EPG頁面顯示出來後，根據用戶對遙控器的上下左右方向按鍵的操作，遙控器 觸發對應的按鍵導航信息，瀏覽器接收到所述按鍵導航信息後，將焦點元素結點移動到按 鍵導航信息對應方向的相鄰元素結點或者翻頁顯示，實現對EPG頁面元素結點的導航控 制。
2.如權利要求1所述的IPTV機頂盒瀏覽器頁面的導航控制方法，其特徵在於，步驟A 包括以下步驟Al、分析EPG頁面上的元素結點，將可以獲得焦點的元素結點的結點信息依序存入一 個指針數組中；A2、分析所述指針數組中的各元素結點的結點信息，計算各元素結點與周邊其他元素 結點的中心距離和中心角度；A3、根據計算的中心距離和中心角度，確定所述各元素結點上下左右方向相鄰的元素結點ο
3.如權利要求2所述的IPTV機頂盒瀏覽器頁面的導航控制方法，其特徵在於，步驟A2 中所述結點信息包括元素結點的級聯樣式表CSS信息元素結點的左上角坐標(x，Y)、寬度 a、高度bo
4.如權利要求3所述的IPTV機頂盒瀏覽器頁面的導航控制方法，其特徵在於，步驟 A2中計算中心距離和中心角度時，以元素結點的中心(X』，Y』 )作為參照原點，其中X』 = X+a/2, Y，= Y+IV2。
5.如權利要求4所述的IPTV機頂盒瀏覽器頁面的導航控制方法，其特徵在於，所述中 心距離是兩個元素結點的中心之間的距離，所述中心角度是兩個元素節點中心的連接線與 被比較元素節點所在的水平線所形成的夾角。
6.如權利要求2所述的IPTV機頂盒瀏覽器頁面的導航控制方法，其特徵在於，步驟A3 包括以下步驟如果判定一個元素結點與另一個元素結點之間的中心角度在0到N。之間(N取0 45之間)，則確定二者為左右方向的元素結點；反之，則確定二者為上下方向的元素結點； 進一步，確定同一方向上與當前元素結點中心距離最小的元素結點為當前元素結點在該方 向上的相鄰結點。
7.如權利要求6所述的IPTV機頂盒瀏覽器頁面的導航控制方法，其特徵在於，所述N 取30。
8.如權利要求1所述的IPTV機頂盒瀏覽器頁面的導航控制方法，其特徵在於，步驟B 包括以下步驟Bi、瀏覽器接收遙控器觸發的按鍵導航信息；B2、瀏覽器獲取當前EPG頁面上的焦點元素結點，並確定其在指針數組中的位置，判斷 在指針數組中是否存在焦點元素結點在按鍵導航信息對應方向上的相鄰元素結點的結點 fn息；B3、如果判定焦點元素結點在該方向上沒有相鄰元素結點，則按照該方向翻頁顯示頁 面內容；B4、如果判定焦點元素結點在該方向上存在相鄰元素結點，且該相鄰元素結點在當前 可視區域上，則將該相鄰元素結點作為目標元素結點。
9.如權利要求8所述的IPTV機頂盒瀏覽器頁面的導航控制方法，其特徵在於，步驟B3 還包括以下步驟如果判定翻頁後在可視區域存在有效的元素結點，則確定該可視區域的 第一個結點為目標元素結點；否則只顯示翻頁後的頁面內容。
10.如權利要求8所述的IPTV機頂盒瀏覽器頁面的導航控制方法，其特徵在於，步驟 B4還包括以下步驟如果判定所述相鄰元素結點不在當前可視區域上，則顯示按照該方向 翻頁後的頁面內容；如果判定所述相鄰元素結點在翻頁顯示的可視區域上，就將其作為目 標元素結點，否則只顯示按照該方向翻頁後的頁面內容。
全文摘要
本發明公開了一種IPTV機頂盒瀏覽器頁面的導航控制方法，包括步驟IPTV機頂盒瀏覽器的電子節目菜單EPG頁面加載完畢但並未顯示出來時，分析EPG頁面上的元素結點，對可以獲得焦點的元素結點上下左右方向相鄰的元素結點進行排序和定位；EPG頁面顯示出來後，根據用戶對遙控器的上下左右方向按鍵的操作，遙控器觸發對應的按鍵導航信息，瀏覽器接收到按鍵導航信息後，將焦點元素結點移動到按鍵導航信息對應方向的相鄰元素結點或者翻頁顯示，實現對EPG頁面元素結點的導航控制。本發明能通過對遙控器上下左右方向鍵的合理控制，實現將焦點元素結點靈活移動到對應方向的相鄰元素結點上，提供很好的瀏覽顯示效果，增強用戶體驗。
文檔編號H04N21/4782GK102088639SQ201110023218
公開日2011年6月8日 申請日期2011年1月21日 優先權日2011年1月21日
發明者張熠轉, 石磊, 鄒翔 申請人:烽火通信科技股份有限公司