專利名稱：機(jī)頂盒web界面制作方法和操作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及數(shù)字電視機(jī)頂盒界面，尤其是涉及一種機(jī)頂盒web界面操作方法。
背景技術(shù)：
以往的機(jī)頂盒操作界面多為bdom界面，bdom界面采用c語(yǔ)言編寫，界面燒制于于 機(jī)頂盒內(nèi)部。bdom界面的優(yōu)點(diǎn)是速度較快，缺點(diǎn)是界面效果較單調(diào)，更新界面開發(fā)工作量較 大。使用在PC領(lǐng)域的Web開發(fā)的界面采用html、javascript和ess編寫，其界面效果 可以更為復(fù)雜和美觀，因此吸引了一些廠商采用web開發(fā)相關(guān)機(jī)頂盒界面。在web應(yīng)用中， 由于網(wǎng)頁(yè)運(yùn)行于瀏覽器中，通常的網(wǎng)頁(yè)都是通過(guò)鼠標(biāo)的點(diǎn)擊來(lái)完成頁(yè)面的跳轉(zhuǎn)和頁(yè)面動(dòng)畫 的執(zhí)行。而在機(jī)頂盒環(huán)境中則需要使用遙控器控制。遙控器典型的只配備按鍵，失去鼠標(biāo) 之后，頁(yè)面元素操作和展現(xiàn)幾乎無(wú)法進(jìn)行。

發(fā)明內(nèi)容
本發(fā)明所要解決的技術(shù)問(wèn)題是提供一種基于按鍵的機(jī)頂盒web界面操作方法。本發(fā)明為解決上述技術(shù)問(wèn)題而采用的技術(shù)方案是提出一種機(jī)頂盒web界面的制 作方法，用于實(shí)現(xiàn)對(duì)機(jī)頂盒界面的一個(gè)或多個(gè)頁(yè)面元素的按鍵操作，該方法包括以下步驟 接收對(duì)該機(jī)頂盒界面中需要綁定的頁(yè)面元素的選擇；設(shè)置該頁(yè)面元素的移動(dòng)方向；將該頁(yè) 面元素與機(jī)頂盒遙控器的一個(gè)或多個(gè)按鍵的鍵盤鍵值綁定；以及將被綁定的鍵盤鍵值中的 每一鍵盤鍵值與一調(diào)用函數(shù)綁定，該調(diào)用函數(shù)用于在所綁定的鍵盤鍵值所對(duì)應(yīng)的按鍵被敲 擊時(shí)，展示該頁(yè)面元素對(duì)按鍵被敲擊的響應(yīng)。在本發(fā)明的一實(shí)施例中，所述移動(dòng)方向包括包括上下移動(dòng)與左右移動(dòng)。在本發(fā)明的一實(shí)施例中，該機(jī)頂盒遙控器的一個(gè)或多個(gè)按鍵時(shí)從上、下、左、右移 動(dòng)和確定按鍵中選擇。在本發(fā)明的一實(shí)施例中，該頁(yè)面元素對(duì)按鍵被敲擊的響應(yīng)包括頁(yè)面元素的彈出、 頁(yè)面元素的消失、頁(yè)面元素的淡入、頁(yè)面元素的淡出、頁(yè)面元素的移動(dòng)、頁(yè)面元素的高亮、頁(yè) 面元素的放大、頁(yè)面元素的縮小。本發(fā)明還提出一種機(jī)頂盒web界面的操作方法，該方法包括以下步驟接收機(jī)頂 盒遙控器的按鍵輸入；根據(jù)按鍵對(duì)應(yīng)的鍵盤鍵值確定一調(diào)用函數(shù)，其中該鍵盤鍵值與當(dāng)前 機(jī)頂盒界面的一頁(yè)面元素預(yù)先被綁定，且該調(diào)用函數(shù)與該鍵盤鍵值預(yù)先被綁定；以及利用 該調(diào)用函數(shù)展示該頁(yè)面元素對(duì)按鍵被敲擊的響應(yīng)。在本發(fā)明的一實(shí)施例中，該機(jī)頂盒遙控器的按鍵輸入包括上、下、左、右移動(dòng)和確 定按鍵。在本發(fā)明的一實(shí)施例中，該頁(yè)面元素對(duì)按鍵被敲擊的響應(yīng)包括頁(yè)面元素的彈出、 頁(yè)面元素的消失、頁(yè)面元素的淡入、頁(yè)面元素的淡出、頁(yè)面元素的移動(dòng)、頁(yè)面元素的高亮、頁(yè) 面元素的放大、頁(yè)面元素的縮小。
3
本發(fā)明由于采用以上技術(shù)方案，使之與現(xiàn)有技術(shù)相比，可以在沒有鼠標(biāo)的情況下， 使用鍵盤對(duì)機(jī)頂盒web界面進(jìn)行操作，從而使web應(yīng)用于機(jī)頂盒操控界面成為可能。


為讓本發(fā)明的上述目的、特征和優(yōu)點(diǎn)能更明顯易懂，以下結(jié)合附圖對(duì)本發(fā)明的具 體實(shí)施方式作詳細(xì)說(shuō)明，其中圖1示出本發(fā)明一實(shí)施例的機(jī)頂盒web界面開發(fā)工具邏輯。圖2示出本發(fā)明一實(shí)施例的機(jī)頂盒web界面制作方法流程圖。圖3示出本發(fā)明一實(shí)施例的機(jī)頂盒web界面操作方法流程圖。圖4A-4C示出本發(fā)明的機(jī)頂盒界面的示例性操作過(guò)程。
具體實(shí)施例方式下面實(shí)施例，將描述一種方便使用鍵盤控制頁(yè)面元素展現(xiàn)功能的工具和方法，為 使用遙控器操控頁(yè)面元素展現(xiàn)奠定基礎(chǔ)，從而使web應(yīng)用于機(jī)頂盒操控界面成為可能。在本發(fā)明的上下文中，機(jī)頂盒指這樣一個(gè)設(shè)備，它連接電視機(jī)與外部信號(hào)源，可以 將壓縮的數(shù)字信號(hào)轉(zhuǎn)成電視內(nèi)容，并在電視機(jī)的顯示屏幕上顯示出來(lái)。機(jī)頂盒可以是電視 機(jī)之外的設(shè)備，也可以是集成在電視機(jī)內(nèi)部的設(shè)備。通過(guò)一個(gè)遙控器來(lái)對(duì)機(jī)頂盒進(jìn)行操作。 遙控器的按鍵通常包含數(shù)字鍵和導(dǎo)航鍵，配合可自定義數(shù)量的功能鍵，具體包括“0”- “9” 數(shù)字鍵，上、下、左、右、確定5鍵導(dǎo)航鍵，以及其他許多功能鍵，例如開/關(guān)機(jī)鍵、靜音鍵等 等。按鍵可具有一個(gè)或多個(gè)功能定義。圖4A示出本發(fā)明的示例性機(jī)頂盒界面，參照?qǐng)D4A所示，機(jī)頂盒界面400具有主畫 面402，在主畫面402的左側(cè)是視頻操作列表404，包括多個(gè)可選的操作406，例如節(jié)目預(yù)告、 錄制回放、視頻點(diǎn)播、節(jié)目回看以及畫中畫等。在主畫面的下方是可選功能列表408，包括娛 樂(lè)、通信、信息、電視、管理、推薦等功能410。在畫面的左下方有一操作提示欄412，提示使 用者如何對(duì)當(dāng)前頁(yè)面進(jìn)行操作。典型的，操作所使用的按鍵包括上、下、左、右、以及確定鍵。 下面描述的實(shí)施例將以此為例說(shuō)明如何將按鍵與特定的可執(zhí)行操作關(guān)聯(lián)。圖1示出本發(fā)明一實(shí)施例的機(jī)頂盒web界面開發(fā)工具邏輯。參照?qǐng)D1所示，在數(shù) 據(jù)庫(kù)120中保存有頁(yè)面元素122、移動(dòng)方向124、鍵盤鍵值126以及調(diào)用函數(shù)128。一個(gè)或 多個(gè)頁(yè)面元素122可以與一個(gè)機(jī)頂盒界面對(duì)應(yīng)。并且，每一機(jī)頂盒界面可包括多個(gè)頁(yè)面元 素。移動(dòng)方向1 用來(lái)設(shè)定頁(yè)面元素的移動(dòng)方向。鍵盤鍵值126用來(lái)標(biāo)識(shí)每一特定按鍵。 例如，方向鍵“上”具有一第一鍵盤鍵值，而方向鍵“下”具有一第二鍵盤鍵值，等等。調(diào)用 函數(shù)1 用來(lái)記載每一特定按鍵操作下應(yīng)執(zhí)行的函數(shù)，從而實(shí)現(xiàn)所需的響應(yīng)。這些響應(yīng)包 括但不限于，頁(yè)面元素的彈出、頁(yè)面元素的消失、頁(yè)面元素的淡入、頁(yè)面元素的淡出、頁(yè)面元 素的移動(dòng)、頁(yè)面元素的高亮、頁(yè)面元素的放大、縮小等等。一輸入單元110可用來(lái)從頁(yè)面元素122中選定需要控制的頁(yè)面元素，從而啟動(dòng)頁(yè) 面元素與其他數(shù)據(jù)的綁定。設(shè)計(jì)者或者其他使用者可選擇這一受控頁(yè)面元素的移動(dòng)方向， 例如上下移動(dòng)，或者左右移動(dòng)。設(shè)計(jì)者或者其他使用者也可選擇這一受控頁(yè)面元素所對(duì)應(yīng) 的鍵盤鍵值，以及調(diào)用函數(shù)。在綁定單元130，受控頁(yè)面元素會(huì)和移動(dòng)方向、鍵盤鍵值和調(diào)用函數(shù)綁定，成為綁定頁(yè)面元素。在一實(shí)施例中，上述的工具是基于Jquery。Jquery是個(gè)優(yōu)秀的開源的javascript 庫(kù)，該庫(kù)封裝了 javascript常用的方法，屏蔽了瀏覽器的差異性，能夠顯著提高開發(fā)效率。圖2示出本發(fā)明一實(shí)施例的機(jī)頂盒web界面制作方法流程圖。參照?qǐng)D2所示，方 法包括以下步驟在步驟Si，接收對(duì)需要綁定的頁(yè)面元素的選擇，這些頁(yè)面元素將會(huì)受控于鍵盤的 操作，而其它頁(yè)面元素則不受鍵盤控制。在步驟S2，設(shè)置頁(yè)面元素的移動(dòng)方向，可選項(xiàng)為上下移動(dòng)與左右移動(dòng)。在步驟S3，將上、下、左、右移動(dòng)和確定按鍵的鍵盤鍵值與頁(yè)面元素綁定，當(dāng)被綁定 的鍵被敲擊時(shí)，受控的頁(yè)面元素將會(huì)做出相應(yīng)的展現(xiàn)，具體展現(xiàn)由調(diào)用函數(shù)決定。在步驟S4，將上、下、左、右移動(dòng)和確定功能按鍵的調(diào)用函數(shù)與對(duì)應(yīng)的鍵盤鍵值綁 定，當(dāng)被綁定的鍵被敲擊時(shí)，調(diào)用函數(shù)中可做頁(yè)面元素的響應(yīng)的展現(xiàn)功能?；氐綀D4A所示的示例性界面，視頻操作列表404對(duì)應(yīng)的示范性代碼如下
ud = new $.fn.directionCtrl({parent:$(〃 #〃 +currentObject. vMenuID),mode: ' ud'，childs:itemList,count :0,upMoveFunc:_upMove,downMoveFunc:_downMove,ensureFunc:_ensure})；對(duì)以上代碼的解釋如下$. fn. directionCtrl 即為該技術(shù)對(duì)象。parent $(" #" +currentObject. vMenuID)對(duì)應(yīng)視頻操作列表 404 的父元素childs =ItemList對(duì)應(yīng)視頻操作列表404的五個(gè)選項(xiàng)mode ，ud，表示為上下移動(dòng)方式Coimt=O表示初始選中的元素為索引為0(即第一個(gè))的元素upMoveFunc :upMove，對(duì)應(yīng)按上鍵時(shí)響應(yīng)的函數(shù)downMoveFunc :downMove 對(duì)應(yīng)按下鍵時(shí)響應(yīng)的函數(shù)ensureFunc :_ensure 對(duì)應(yīng)按確定鍵時(shí)響應(yīng)的函數(shù)在此，默認(rèn)由遙控器的上鍵觸發(fā)upMoveFunc，下鍵觸發(fā)downMoveFunc，確認(rèn)鍵觸 發(fā)ensureFunc。也可以自定義觸發(fā)的按鍵，自定義參數(shù)為upKey和downKey，ensureKey ； upKey是觸發(fā)向上移動(dòng)的鍵值，downKey是觸發(fā)向下移動(dòng)的鍵值，ensureKey是觸發(fā)確定鍵 的鍵值。另外，可選功能列表408的示范性代碼如下Ir = new $. fn. directionCtrl({parent:$(〃 #menuAlIArea〃 )，childs:$(" #menuAlIArea div")，
count:count_l,IeftMoveFuncIeftMove,rightMoveFuncrightMove})；對(duì)上述代碼的解釋如下parent :$(〃 SmenuAllArea")對(duì)應(yīng)可選功能列表408的父元素childs :$(〃 #menuAllArea div〃)對(duì)應(yīng)可選功能列表 408 的選項(xiàng)。count :count-l表示初始選中的元素為索引為count-I的元素IeftMoveFunc =IeftMove 對(duì)應(yīng)按左鍵時(shí)響應(yīng)的函數(shù)rightMoveFunc :rightMove 對(duì)應(yīng)按右鍵時(shí)響應(yīng)的函數(shù)由于默認(rèn)的移動(dòng)方式是“Ir”(即左右移動(dòng))，故這里可省略該參數(shù)的設(shè)置，默認(rèn)由 遙控器的左鍵觸發(fā)leftMoveFunc，右鍵觸發(fā)rightMoveFunc。也可以自定義觸發(fā)的按鍵，自 定義參數(shù)為IeftKey和rightKey ；IeftKey是觸發(fā)向左移動(dòng)的鍵值，rightKey是觸發(fā)向右 移動(dòng)的鍵值。圖3示出本發(fā)明一實(shí)施例的機(jī)頂盒web界面操作方法流程圖。參照?qǐng)D3所示，操 作方法包括以下步驟在步驟S11，接收在機(jī)頂盒遙控器上按下的按鍵輸入，例如按鍵“上”;接收時(shí)，會(huì)得 到這一按鍵輸入的鍵盤鍵值；在步驟S12，根據(jù)按鍵(或者鍵盤鍵值)與調(diào)用函數(shù)的綁定關(guān)系，確定調(diào)用函數(shù)； 參照前述的代碼可知，使用按鍵“上”對(duì)應(yīng)的鍵盤鍵值upMoveFunc，可確定此時(shí)的調(diào)用函數(shù) UpMove0在步驟S 13，執(zhí)行調(diào)用函數(shù)，以執(zhí)行頁(yè)面元素的響應(yīng)。頁(yè)面元素通過(guò)展示變化來(lái)表 達(dá)對(duì)按鍵按下的響應(yīng)。例如，當(dāng)執(zhí)行調(diào)用函數(shù)upMove時(shí)，界面元素的高亮?xí)錾舷乱苿?dòng)。圖4A-4C示出本發(fā)明的機(jī)頂盒界面的示例性操作過(guò)程。當(dāng)按上下鍵的時(shí)候視頻操 作列表404內(nèi)高亮背景將會(huì)在五個(gè)選項(xiàng)元素中上下移動(dòng)，例如從圖4A的“節(jié)目預(yù)告”移動(dòng) 到圖4B的“錄制回放”。當(dāng)按左右鍵的時(shí)候下方的可選功能列表408內(nèi)的元素將會(huì)左右移 動(dòng)，例如從圖4A的選中“電視”(黑色三角標(biāo)記指向位置)到圖4C的選中“信息”功能。值得一提的是，雖然上述實(shí)施例描述了控制頁(yè)面元素的上下左右移動(dòng)，但實(shí) 際上頁(yè)面元素做何種移動(dòng)、執(zhí)行何種操作(包括何種動(dòng)畫)都可由用戶自定義，即由 upMoveFunc、downMoveFunc、IeftMoveFunc 禾口 rightMoveFunc 等參數(shù)對(duì)應(yīng)的函數(shù)來(lái)實(shí)現(xiàn)。實(shí) 施例只是指明了在觸發(fā)了上鍵、下鍵、左鍵或者右鍵中某個(gè)鍵的時(shí)候，childs中某個(gè)選項(xiàng)元 素是選中狀態(tài)，而 IeftMoveFunc>rightMoveFunc>upMoveFunc 禾口 downMoveFunc 對(duì)應(yīng)的函數(shù) 則是對(duì)該選中的選項(xiàng)元素做具體的操作，除了對(duì)該選中的元素做操作外，也可以對(duì)頁(yè)面上 的其他元素做操作。雖然本發(fā)明已以較佳實(shí)施例揭示如上，然其并非用以限定本發(fā)明，任何本領(lǐng)域技 術(shù)人員，在不脫離本發(fā)明的精神和范圍內(nèi)，當(dāng)可作些許的修改和完善，因此本發(fā)明的保護(hù)范 圍當(dāng)以權(quán)利要求書所界定的為準(zhǔn)。
權(quán)利要求
1.一種機(jī)頂盒web界面的制作方法，用于實(shí)現(xiàn)對(duì)機(jī)頂盒界面的一個(gè)或多個(gè)頁(yè)面元素的 按鍵操作，該方法包括以下步驟接收對(duì)該機(jī)頂盒界面中需要綁定的頁(yè)面元素的選擇； 設(shè)置該頁(yè)面元素的移動(dòng)方向；將該頁(yè)面元素與機(jī)頂盒遙控器的一個(gè)或多個(gè)按鍵的鍵盤鍵值綁定；以及 將被綁定的鍵盤鍵值中的每一鍵盤鍵值與一調(diào)用函數(shù)綁定，該調(diào)用函數(shù)用于在所綁定 的鍵盤鍵值所對(duì)應(yīng)的按鍵被敲擊時(shí)，展示該頁(yè)面元素對(duì)按鍵被敲擊的響應(yīng)。
2.如權(quán)利要求1所述的方法，其特征在于，所述移動(dòng)方向包括包括上下移動(dòng)與左右移動(dòng)。
3.如權(quán)利要求1所述的方法，其特征在于，該機(jī)頂盒遙控器的一個(gè)或多個(gè)按鍵時(shí)從上、 下、左、右移動(dòng)和確定按鍵中選擇。
4.如權(quán)利要求1所述的方法，其特征在于，該頁(yè)面元素對(duì)按鍵被敲擊的響應(yīng)包括頁(yè)面 元素的彈出、頁(yè)面元素的消失、頁(yè)面元素的淡入、頁(yè)面元素的淡出、頁(yè)面元素的移動(dòng)、頁(yè)面元 素的高亮、頁(yè)面元素的放大、頁(yè)面元素的縮小。
5.一種機(jī)頂盒web界面的操作方法，該方法包括以下步驟 接收機(jī)頂盒遙控器的按鍵輸入；根據(jù)按鍵對(duì)應(yīng)的鍵盤鍵值確定一調(diào)用函數(shù)，其中該鍵盤鍵值與當(dāng)前機(jī)頂盒界面的一頁(yè) 面元素預(yù)先被綁定，且該調(diào)用函數(shù)與該鍵盤鍵值預(yù)先被綁定；以及 利用該調(diào)用函數(shù)展示該頁(yè)面元素對(duì)按鍵被敲擊的響應(yīng)。
6.如權(quán)利要求5所述的方法，其特征在于，該機(jī)頂盒遙控器的按鍵輸入包括上、下、左、 右移動(dòng)和確定按鍵。
7.如權(quán)利要求5所述的方法，其特征在于，該頁(yè)面元素對(duì)按鍵被敲擊的響應(yīng)包括頁(yè)面 元素的彈出、頁(yè)面元素的消失、頁(yè)面元素的淡入、頁(yè)面元素的淡出、頁(yè)面元素的移動(dòng)、頁(yè)面元 素的高亮、頁(yè)面元素的放大、頁(yè)面元素的縮小。
全文摘要
本發(fā)明涉及一種機(jī)頂盒web界面的制作方法，用于實(shí)現(xiàn)對(duì)機(jī)頂盒界面的一個(gè)或多個(gè)頁(yè)面元素的按鍵操作，該方法包括以下步驟接收對(duì)該機(jī)頂盒界面中需要綁定的頁(yè)面元素的選擇；設(shè)置該頁(yè)面元素的移動(dòng)方向；將該頁(yè)面元素與機(jī)頂盒遙控器的一個(gè)或多個(gè)按鍵的鍵盤鍵值綁定；以及將被綁定的鍵盤鍵值中的每一鍵盤鍵值與一調(diào)用函數(shù)綁定，該調(diào)用函數(shù)用于在所綁定的鍵盤鍵值所對(duì)應(yīng)的按鍵被敲擊時(shí)，展示該頁(yè)面元素對(duì)按鍵被敲擊的響應(yīng)。通過(guò)該方法，可以使用鍵盤對(duì)機(jī)頂盒web界面進(jìn)行操作。
文檔編號(hào)H04N21/472GK102111678SQ201110032678
公開日2011年6月29日 申請(qǐng)日期2011年1月30日 優(yōu)先權(quán)日2011年1月30日
發(fā)明者孫宏明 申請(qǐng)人:上海全景數(shù)字技術(shù)有限公司