[發(fā)明專利]一種用于IPTV平臺的EPG頁面焦點控制方法

在審

• 申請?zhí)枺?/td>: 201710305158.3
• 申請日: 2017-05-03
• 公開（公告）號: CN107071583A
• 公開（公告）日: 2017-08-18
• 發(fā)明（設(shè)計）人: 陳興旭;胡其宇
• 申請（專利權(quán)）人: 四川易迅通健康醫(yī)療技術(shù)發(fā)展有限公司
• 主分類號: H04N21/4782
• 分類號: H04N21/4782;H04N21/422;H04N21/431
• 代理公司: 成都信博專利代理有限責(zé)任公司51200
• 代理人: 張輝

技術(shù)領(lǐng)域

本發(fā)明涉及到EPG頁面焦點領(lǐng)域，特別涉及一種用于IPTV平臺的EPG頁面焦點控制方法。

背景技術(shù)

由于ITV(互動電視)不具備鼠標(biāo)鍵盤等輸入設(shè)備，用戶對電視的操作，特別是節(jié)目的選定只能通過遙控器的方向鍵進行定位。頁面焦點默認的處理方式是瀏覽器根據(jù)用戶按鍵及頁面可聚焦元素鍵的排列關(guān)系自行處理，然而ITV機頂盒生產(chǎn)廠家眾多，硬件版本多種多樣，對方向鍵的解釋及執(zhí)行的動作各不相同，對焦點框的處理與實現(xiàn)方式也不一致。為了給最終用戶帶來一致性的體驗，需要兼容各種機頂盒，顯然這不利于頁面樣式統(tǒng)一，同時代碼的亢余、不規(guī)范也不利于管理和版本升級，給ITV的開發(fā)帶來很大的不便。

發(fā)明內(nèi)容

本發(fā)明所要解決的技術(shù)問題是提供一種用于IPTV(交互式網(wǎng)絡(luò)電視)平臺的EPG(Electronic Program Guide，電子節(jié)目菜單)頁面焦點控制方法，通過JavaScript編寫的焦點控制器方法代替機頂盒默認的焦點處理方法，使得在多個不同廠家機頂盒的瀏覽器中實現(xiàn)一致的焦點展現(xiàn)。

為解決上述技術(shù)問題，本發(fā)明采用的技術(shù)方案是：

一種用于IPTV平臺的EPG頁面焦點控制方法，包括以下步驟：

步驟一：關(guān)閉瀏覽器默認的焦點處理方式或者讓頁面中的所有元素不能聚焦，把所有期望能夠獲得焦點的元素與不能獲得焦點的元素區(qū)分開，比如只為其使用某個特定標(biāo)簽、添加特定的類或者設(shè)置特定的屬性等等(本方法使用的是添加特定的類的方式)。通常聚焦元素用來跳轉(zhuǎn)頁面，于是再為每個期望聚焦元素設(shè)置一個特定的屬性，保存跳轉(zhuǎn)頁面的地址；

步驟二：設(shè)置焦點控制器的初始參數(shù)，具體為：

a)lastPage(自定義參數(shù))，當(dāng)前頁面返回的地址；

b)firstFocus(自定義參數(shù))，頁面打開時的初始焦點；

c)Method(自定義參數(shù))，焦點控制器捕獲按鍵的方式；

d)當(dāng)前模塊、當(dāng)前焦點、上一個當(dāng)前模塊、上一個焦點、焦點框(若無特殊說明，本內(nèi)容中是指一個用來代替焦點框的DOM節(jié)點元素，其有一個4px的邊框)等內(nèi)部參數(shù)；

步驟三：對每個EPG頁面，根據(jù)焦點的功能和位置將所有的焦點劃分為各個模塊，每個模塊都是一個對象，它擁有的屬性包括：模塊名、模塊內(nèi)擁有的焦點集合、模塊內(nèi)焦點自動排列的規(guī)則、模塊內(nèi)焦點的樣式、上方模塊、右方模塊、下方模塊、左方模塊等；

步驟四：預(yù)先設(shè)置焦點模塊間的移動規(guī)則；相應(yīng)于用戶的按鍵操作，確定按鍵操作指示的移動方向有效的情況下，根據(jù)移動規(guī)則，執(zhí)行焦點模塊內(nèi)部焦點改變或者焦點模塊改變操作；

步驟五：每個焦點模塊內(nèi)都有焦點集合，包含了此模塊內(nèi)的所有焦點，在模塊中每個焦點元素是一個對象，每個焦點對象和頁面中的聚焦元素一一對應(yīng)(通過步驟一中約定的方式獲取對應(yīng)的聚焦元素)。然后根據(jù)每個模塊中的焦點排列規(guī)則對此模塊中所有焦點的上下左右焦點進行初始化(比如排列規(guī)則為向下排列且只有一列，那么此模塊內(nèi)所有焦點的左、右焦點為空，除了第一個焦點的上焦點和最后一個焦點的下焦點為空外，其它所有焦點的上、下焦點為焦點集合的前一個、后一個焦點對象)，以明確焦點響應(yīng)用戶按鍵操作移動的下一個焦點；

步驟六：焦點的移動是通過JavaScript捕獲(JavaScript提供三種捕獲按鍵的方式：onkeydown、onkeyup、onkeypress，在焦點控制器初始化的時候可自行設(shè)置，默認使用onkeypress)遙控器按下的按鍵值進行移動，當(dāng)遙控器按下“上”、“下”、“左”、“右”方向鍵，瀏覽器判斷遙控器按下的鍵值，再判斷當(dāng)前聚焦元素的遙控器按鍵對應(yīng)方向的焦點是否存在，如果存在，則找到這個焦點將其設(shè)置成當(dāng)前聚焦焦點，并執(zhí)行焦點改變事件(先執(zhí)行上一個聚焦焦點的失去焦點事件，再執(zhí)行當(dāng)前焦點的獲取焦點事件，同時根據(jù)聚焦元素綁定的頁面元素的寬、高和位置改變焦點框的寬、高和位置使焦點框移動到對應(yīng)的位置)；如果當(dāng)前聚焦元素的遙控器按鍵對應(yīng)方向焦點不存在，那么就判斷當(dāng)前聚焦模塊的遙控器按鍵對應(yīng)方向模塊是否存在，如果存在，則將這個模塊設(shè)置成當(dāng)前模塊，并將該模塊設(shè)置的對應(yīng)焦點設(shè)置成當(dāng)前聚焦焦點，然后繼續(xù)焦點改變事件；如果遙控器按鍵對應(yīng)方向焦點和模塊都不存在，結(jié)束執(zhí)行。