專利名稱：Iptv機頂盒瀏覽器頁面的導(dǎo)航控制方法
技術(shù)領(lǐng)域：
本發(fā)明涉及IPTV機頂盒技術(shù)領(lǐng)域，特別是涉及一種IPTV機頂盒瀏覽器頁面的導(dǎo) 航控制方法。
背景技術(shù)：
IPTV即交互式網(wǎng)絡(luò)電視，是以電信寬帶網(wǎng)絡(luò)為傳輸通道，以電視機為終端，向家庭 用戶提供包括電視內(nèi)容在內(nèi)的多種交互式服務(wù)的技術(shù)，可以通過普通電視機+網(wǎng)絡(luò)機頂盒 的方式收看。IPTV使得電視機成為具有通訊、互聯(lián)網(wǎng)、電視功能的綜合數(shù)字家庭終端。IPTV 的主要特點是在其交互性，將主動權(quán)交給了用戶，由用戶直接通過遙控器點擊來選擇節(jié)目 和播放方式。與PC操作相比，IPTV機頂盒主要靠瀏覽器來支撐，顯示也是以網(wǎng)頁形式呈現(xiàn) 的，由于瀏覽器沒有鼠標(biāo)鍵盤輸出設(shè)備，用戶使用遙控器進行操作，不能象鼠標(biāo)一樣隨意點 選，因此，對于IPTV的EPG(Electronic Program Guide，電子節(jié)目菜單)頁面的導(dǎo)航控制來 說，根據(jù)遙控器的方向鍵來控制EPG頁面上的焦點元素結(jié)點的移動及翻頁顯示變得非常重 要。目前瀏覽器引擎的移動焦點元素結(jié)點的邏輯與元素結(jié)點出現(xiàn)的先后順序有關(guān)，相當(dāng)于 只有兩個方向一前和后，與具體的排版顯示位置無關(guān)，因此，目前的焦點元素結(jié)點只能前后 移動，不能通過對遙控器上下左右方向鍵的合理控制，實現(xiàn)將焦點元素結(jié)點靈活移動到對 應(yīng)方向的相鄰元素結(jié)點上。

發(fā)明內(nèi)容
本發(fā)明的目的是為了克服上述背景技術(shù)的不足，提供一種IPTV機頂盒瀏覽器頁 面的導(dǎo)航控制方法，能夠通過對遙控器上下左右方向鍵的合理控制，實現(xiàn)將焦點元素結(jié)點 靈活移動到對應(yīng)方向的相鄰元素結(jié)點上，提供很好的瀏覽顯示效果，增強用戶體驗。本發(fā)明提供的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，包括以下步驟:A、IPTV機 頂盒瀏覽器的電子節(jié)目菜單EPG頁面加載完畢但并未顯示出來時，分析EPG頁面上的元素 結(jié)點，對可以獲得焦點的元素結(jié)點上下左右方向相鄰的元素結(jié)點進行排序和定位；B、所述 EPG頁面顯示出來后，根據(jù)用戶對遙控器的上下左右方向按鍵的操作，遙控器觸發(fā)對應(yīng)的按 鍵導(dǎo)航信息，瀏覽器接收到所述按鍵導(dǎo)航信息后，將焦點元素結(jié)點移動到按鍵導(dǎo)航信息對 應(yīng)方向的相鄰元素結(jié)點或者翻頁顯示，實現(xiàn)對EPG頁面元素結(jié)點的導(dǎo)航控制。在上述技術(shù)方案中，步驟A包括以下步驟A1、分析EPG頁面上的元素結(jié)點，將可以 獲得焦點的元素結(jié)點的結(jié)點信息依序存入一個指針數(shù)組中；A2、分析所述指針數(shù)組中的各 元素結(jié)點的結(jié)點信息，計算各元素結(jié)點與周邊其他元素結(jié)點的中心距離和中心角度；A3、根 據(jù)計算的中心距離和中心角度，確定所述各元素結(jié)點上下左右方向相鄰的元素結(jié)點。在上述技術(shù)方案中，步驟A2中所述結(jié)點信息包括元素結(jié)點的級聯(lián)樣式表CSS信 息元素結(jié)點的左上角坐標(biāo)(X，Y)、寬度a、高度b。在上述技術(shù)方案中，步驟A2中計算中心距離和中心角度時，以元素結(jié)點的中心 (X，，Y，)作為參照原點，其中 X，= X+a/2，Y，= Y+b/2。
在上述技術(shù)方案中，所述中心距離是兩個元素結(jié)點的中心之間的距離，所述中心 角度是兩個元素節(jié)點中心的連接線與被比較元素節(jié)點所在的水平線所形成的夾角。在上述技術(shù)方案中，步驟A3包括以下步驟如果判定一個元素結(jié)點與另一個元素 結(jié)點之間的中心角度在0到N。之間(N取0 45之間)，則確定二者為左右方向的元素結(jié) 點；反之，則確定二者為上下方向的元素結(jié)點；進一步，確定同一方向上與當(dāng)前元素結(jié)點中 心距離最小的元素結(jié)點為當(dāng)前元素結(jié)點在該方向上的相鄰結(jié)點。在上述技術(shù)方案中，所述N取30。在上述技術(shù)方案中，步驟B包括以下步驟B1、瀏覽器接收遙控器觸發(fā)的按鍵導(dǎo)航 信息；B2、瀏覽器獲取當(dāng)前EPG頁面上的焦點元素結(jié)點，并確定其在指針數(shù)組中的位置，判 斷在指針數(shù)組中是否存在焦點元素結(jié)點在按鍵導(dǎo)航信息對應(yīng)方向上的相鄰元素結(jié)點的結(jié) 點信息；B3、如果判定焦點元素結(jié)點在該方向上沒有相鄰元素結(jié)點，則按照該方向翻頁顯示 頁面內(nèi)容；B4、如果判定焦點元素結(jié)點在該方向上存在相鄰元素結(jié)點，且該相鄰元素結(jié)點在 當(dāng)前可視區(qū)域上，則將該相鄰元素結(jié)點作為目標(biāo)元素結(jié)點。在上述技術(shù)方案中，步驟B3還包括以下步驟如果判定翻頁后在可視區(qū)域存在有 效的元素結(jié)點，則確定該可視區(qū)域的第一個結(jié)點為目標(biāo)元素結(jié)點；否則只顯示翻頁后的頁 面內(nèi)容。在上述技術(shù)方案中，步驟B4還包括以下步驟如果判定所述相鄰元素結(jié)點不在當(dāng) 前可視區(qū)域上，則顯示按照該方向翻頁后的頁面內(nèi)容；如果判定所述相鄰元素結(jié)點在翻頁 顯示的可視區(qū)域上，就將其作為目標(biāo)元素結(jié)點，否則只顯示按照該方向翻頁后的頁面內(nèi)容。本發(fā)明提供的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，通過對EPG頁面上的元素 結(jié)點進行分析和方向定位，使得在使用遙控器導(dǎo)航控制EPG頁面的焦點元素結(jié)點移動時， 達到最優(yōu)的瀏覽和顯示效果，使得IPTV用戶即使在沒有鼠標(biāo)可以隨意點選的情況下，也能 通過操作遙控器的方向鍵，控制焦點元素結(jié)點在EPG頁面的各元素結(jié)點上合理移動，提供 了較好的瀏覽顯示效果，增強用戶體驗。


圖1是本發(fā)明實施例中方法步驟的流程圖；圖2是本發(fā)明實施例中對EPG頁面的元素結(jié)點進行排序、定位的流程圖；圖3是本發(fā)明實施例中根據(jù)按鍵導(dǎo)航信息對EPG頁面進行導(dǎo)航控制的流程圖。
具體實施例方式下面結(jié)合附圖及實施例對本發(fā)明作進一步的詳細描述。參見圖1所示，本發(fā)明實施例提供一種IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法， 包括以下步驟A、IPTV機頂盒瀏覽器的EPG頁面加載完畢但并未顯示出來時，先做導(dǎo)航控制的準(zhǔn) 備工作分析EPG頁面上的元素結(jié)點，對可以獲得焦點的元素結(jié)點上下左右方向相鄰的元 素結(jié)點進行排序和定位；B、EPG頁面顯示出來后，根據(jù)用戶對遙控器的上下左右方向按鍵的操作，遙控器觸 發(fā)對應(yīng)的按鍵導(dǎo)航信息，瀏覽器接收到按鍵導(dǎo)航信息后，將焦點元素結(jié)點移動到按鍵導(dǎo)航信息對應(yīng)方向的相鄰元素結(jié)點或者翻頁顯示，實現(xiàn)對EPG頁面元素結(jié)點的導(dǎo)航控制。參見圖2所示，步驟A具體包括以下步驟Al、分析EPG頁面上的元素結(jié)點，將可以獲得焦點的元素結(jié)點的結(jié)點信息依序存 入一個指針數(shù)組中。指針數(shù)組中的元素信息是一個結(jié)構(gòu)體，其可以存儲的結(jié)點信息如下，本步驟只填 充了前面五個信息Struct LinkNodeList{Int xPos ；//元素結(jié)點左上角橫坐標(biāo)Int yPos ；//元素結(jié)點左上角縱坐標(biāo)Int width ；//元素結(jié)點寬度Int height ；//元素結(jié)點高度Node^curNode ；// 當(dāng)前元素結(jié)點DisInfo upList ；//當(dāng)前元素結(jié)點相鄰上方向的結(jié)點信息DisInfo downList ;//當(dāng)前元素結(jié)點相鄰下方向的結(jié)點信息DisInfo IeftList ;//當(dāng)前元素結(jié)點相鄰左方向的結(jié)點信息DisInfo rightList ;//當(dāng)前元素結(jié)點相鄰右方向的結(jié)點信息}A2、分析指針數(shù)組中的各元素結(jié)點的結(jié)點信息，計算各元素結(jié)點與周邊其他元素 結(jié)點的中心距離和中心角度。結(jié)點信息包括元素結(jié)點的CSS (Cascading Style Sheets，級聯(lián)樣式表)信息元 素結(jié)點的左上角坐標(biāo)》，幻、寬度&、高度13。計算中心距離和中心角度時，以元素結(jié)點的中 心(Χ，，γ，)作為參照原點，其中 X，= X+Width/2，Y，= Y+Height/2，即 X，= X+a/2，Y，= Y+b/2。中心距離是指兩個元素結(jié)點的中心之間的距離，中心角度是指兩個元素節(jié)點中心的 連接線與被比較元素節(jié)點所在的水平線所形成的夾角。A3、根據(jù)計算的中心距離和中心角度，確定所述各元素結(jié)點上下左右方向相鄰的
元素結(jié)點ο例如，假設(shè)要確定元素結(jié)點i的上下左右四個方向的相鄰元素結(jié)點，就要與指針 數(shù)組中的其他元素結(jié)點一一進行比較，假設(shè)其中一個被比較的元素結(jié)點為j，i和j兩個元 素結(jié)點的中心角度在O到N°之間，N可以在O 45之間，選擇N等于30較佳，例如i和j兩 個結(jié)點元素的中心連接后，該連接線與i結(jié)點所在水平線所形成的夾角小于或等于30°， 那么就可以確定i和j的中心連線比較接近i所在的水平方向，那么就在左右方向上比較 這兩個元素結(jié)點，則首先將元素結(jié)點j確定為元素結(jié)點i左右方向上的結(jié)點，反之，則首先 將元素結(jié)點j確定為元素結(jié)點i上下方向上的結(jié)點。進一步，再比較中心距離，分別將元素 結(jié)點j和同一方向上其他元素結(jié)點與元素結(jié)點i的中心距離做比較，如果元素結(jié)點j是距 離元素結(jié)點i最近的元素結(jié)點，則元素結(jié)點j就是元素結(jié)點i在該方向上的相鄰結(jié)點；如果 元素結(jié)點j不是距離元素結(jié)點i最近的元素結(jié)點，就將元素結(jié)點j與元素結(jié)點i另一方向 上的結(jié)點進行比較。一一比較之后，就能夠確定每個元素結(jié)點的上下左右四個方向的相鄰結(jié)點，填充 了指針數(shù)組對應(yīng)元素的信息upList，downList，leftList，RightList。
參見圖3所示，步驟B具體包括以下步驟Bi、瀏覽器接收遙控器觸發(fā)的按鍵導(dǎo)航信息。B2、瀏覽器獲取當(dāng)前EPG頁面上的焦點元素結(jié)點，并確定其在指針數(shù)組中的位置， 判斷在指針數(shù)組中，是否存在焦點元素結(jié)點在按鍵導(dǎo)航信息對應(yīng)方向上的相鄰元素結(jié)點的 結(jié)點信息，因為找到的相鄰元素結(jié)點，很有可能就是下一個要導(dǎo)航到的目標(biāo)元素結(jié)點。B3、如果判定焦點元素結(jié)點在該方向上沒有相鄰元素結(jié)點，則將頁面內(nèi)容按照該 方向翻頁顯示；如果判定翻頁后在可視區(qū)域存在有效的元素結(jié)點，則確定該可視區(qū)域的第 一個結(jié)點為目標(biāo)元素結(jié)點；否則只顯示按照該方向翻頁后的頁面內(nèi)容。B4、如果判定焦點元素結(jié)點在該方向上存在相鄰元素結(jié)點，且該相鄰元素結(jié)點在 當(dāng)前可視區(qū)域上，則將該相鄰元素結(jié)點作為目標(biāo)元素結(jié)點；如果判定該相鄰元素結(jié)點不在 當(dāng)前可視區(qū)域上，則將頁面內(nèi)容按照該方向翻頁顯示；如果判定該相鄰元素結(jié)點在翻頁顯 示的可視區(qū)域上，就將其作為目標(biāo)元素結(jié)點，否則只顯示按照該方向翻頁后的頁面內(nèi)容。顯然，本領(lǐng)域的技術(shù)人員可以對本發(fā)明進行各種改動和變型而不脫離本發(fā)明的精 神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權(quán)利要求及其等同技術(shù)的范圍 之內(nèi)，則本發(fā)明也意圖包含這些改動和變型在內(nèi)。本說明書中未作詳細描述的內(nèi)容屬于本 領(lǐng)域?qū)I(yè)技術(shù)人員公知的現(xiàn)有技術(shù)。
權(quán)利要求
1.一種IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，其特征在于，包括以下步驟A、IPTV機頂盒瀏覽器的電子節(jié)目菜單EPG頁面加載完畢但并未顯示出來時，分析EPG 頁面上的元素結(jié)點，對可以獲得焦點的元素結(jié)點上下左右方向相鄰的元素結(jié)點進行排序和 定位；B、所述EPG頁面顯示出來后，根據(jù)用戶對遙控器的上下左右方向按鍵的操作，遙控器 觸發(fā)對應(yīng)的按鍵導(dǎo)航信息，瀏覽器接收到所述按鍵導(dǎo)航信息后，將焦點元素結(jié)點移動到按 鍵導(dǎo)航信息對應(yīng)方向的相鄰元素結(jié)點或者翻頁顯示，實現(xiàn)對EPG頁面元素結(jié)點的導(dǎo)航控 制。
2.如權(quán)利要求1所述的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，其特征在于，步驟A 包括以下步驟Al、分析EPG頁面上的元素結(jié)點，將可以獲得焦點的元素結(jié)點的結(jié)點信息依序存入一 個指針數(shù)組中；A2、分析所述指針數(shù)組中的各元素結(jié)點的結(jié)點信息，計算各元素結(jié)點與周邊其他元素 結(jié)點的中心距離和中心角度；A3、根據(jù)計算的中心距離和中心角度，確定所述各元素結(jié)點上下左右方向相鄰的元素結(jié)點ο
3.如權(quán)利要求2所述的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，其特征在于，步驟A2 中所述結(jié)點信息包括元素結(jié)點的級聯(lián)樣式表CSS信息元素結(jié)點的左上角坐標(biāo)(x，Y)、寬度 a、高度bo
4.如權(quán)利要求3所述的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，其特征在于，步驟 A2中計算中心距離和中心角度時，以元素結(jié)點的中心(X’，Y’ )作為參照原點，其中X’ = X+a/2, Y，= Y+IV2。
5.如權(quán)利要求4所述的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，其特征在于，所述中 心距離是兩個元素結(jié)點的中心之間的距離，所述中心角度是兩個元素節(jié)點中心的連接線與 被比較元素節(jié)點所在的水平線所形成的夾角。
6.如權(quán)利要求2所述的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，其特征在于，步驟A3 包括以下步驟如果判定一個元素結(jié)點與另一個元素結(jié)點之間的中心角度在0到N。之間(N取0 45之間)，則確定二者為左右方向的元素結(jié)點；反之，則確定二者為上下方向的元素結(jié)點； 進一步，確定同一方向上與當(dāng)前元素結(jié)點中心距離最小的元素結(jié)點為當(dāng)前元素結(jié)點在該方 向上的相鄰結(jié)點。
7.如權(quán)利要求6所述的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，其特征在于，所述N 取30。
8.如權(quán)利要求1所述的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，其特征在于，步驟B 包括以下步驟Bi、瀏覽器接收遙控器觸發(fā)的按鍵導(dǎo)航信息；B2、瀏覽器獲取當(dāng)前EPG頁面上的焦點元素結(jié)點，并確定其在指針數(shù)組中的位置，判斷 在指針數(shù)組中是否存在焦點元素結(jié)點在按鍵導(dǎo)航信息對應(yīng)方向上的相鄰元素結(jié)點的結(jié)點 fn息；B3、如果判定焦點元素結(jié)點在該方向上沒有相鄰元素結(jié)點，則按照該方向翻頁顯示頁 面內(nèi)容；B4、如果判定焦點元素結(jié)點在該方向上存在相鄰元素結(jié)點，且該相鄰元素結(jié)點在當(dāng)前 可視區(qū)域上，則將該相鄰元素結(jié)點作為目標(biāo)元素結(jié)點。
9.如權(quán)利要求8所述的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，其特征在于，步驟B3 還包括以下步驟如果判定翻頁后在可視區(qū)域存在有效的元素結(jié)點，則確定該可視區(qū)域的 第一個結(jié)點為目標(biāo)元素結(jié)點；否則只顯示翻頁后的頁面內(nèi)容。
10.如權(quán)利要求8所述的IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，其特征在于，步驟 B4還包括以下步驟如果判定所述相鄰元素結(jié)點不在當(dāng)前可視區(qū)域上，則顯示按照該方向 翻頁后的頁面內(nèi)容；如果判定所述相鄰元素結(jié)點在翻頁顯示的可視區(qū)域上，就將其作為目 標(biāo)元素結(jié)點，否則只顯示按照該方向翻頁后的頁面內(nèi)容。
全文摘要
本發(fā)明公開了一種IPTV機頂盒瀏覽器頁面的導(dǎo)航控制方法，包括步驟IPTV機頂盒瀏覽器的電子節(jié)目菜單EPG頁面加載完畢但并未顯示出來時，分析EPG頁面上的元素結(jié)點，對可以獲得焦點的元素結(jié)點上下左右方向相鄰的元素結(jié)點進行排序和定位；EPG頁面顯示出來后，根據(jù)用戶對遙控器的上下左右方向按鍵的操作，遙控器觸發(fā)對應(yīng)的按鍵導(dǎo)航信息，瀏覽器接收到按鍵導(dǎo)航信息后，將焦點元素結(jié)點移動到按鍵導(dǎo)航信息對應(yīng)方向的相鄰元素結(jié)點或者翻頁顯示，實現(xiàn)對EPG頁面元素結(jié)點的導(dǎo)航控制。本發(fā)明能通過對遙控器上下左右方向鍵的合理控制，實現(xiàn)將焦點元素結(jié)點靈活移動到對應(yīng)方向的相鄰元素結(jié)點上，提供很好的瀏覽顯示效果，增強用戶體驗。
文檔編號H04N21/4782GK102088639SQ201110023218
公開日2011年6月8日 申請日期2011年1月21日 優(yōu)先權(quán)日2011年1月21日
發(fā)明者張熠轉(zhuǎn), 石磊, 鄒翔 申請人:烽火通信科技股份有限公司