專利名稱：基于電視的web頁(yè)面焦點(diǎn)控制方法
技術(shù)領(lǐng)域：
本發(fā)明涉及智能電視應(yīng)用領(lǐng)域，特別是涉及到一種基于電視的web頁(yè)面焦點(diǎn)控制方法。
背景技術(shù)：
由于智能電視剛剛起步，在其中應(yīng)用的瀏覽器五花八門，因此想在智能電視上發(fā)布web應(yīng)用，面臨著不同的瀏覽器標(biāo)準(zhǔn)，傳統(tǒng)采用的頁(yè)面技術(shù)往往難以逐個(gè)兼容，如果逐個(gè)做匹配，往往易限于無(wú)休止的技術(shù)黑洞，同時(shí)在頁(yè)面展現(xiàn)的效果，也容易因此顯得凌亂不堪。因此，采用一種風(fēng)格一致、獨(dú)立于瀏覽器的統(tǒng)一界面解決方案，對(duì)于在tv端web應(yīng)用的 推廣，將會(huì)帶來(lái)很大幫助。在申請(qǐng)?zhí)枮镃N200810146345. 2的中國(guó)專利申請(qǐng)中，提出了一種網(wǎng)絡(luò)電視業(yè)務(wù)適配方法、服務(wù)器及系統(tǒng)，其能夠根據(jù)機(jī)頂盒的能力信息選擇匹配的顯示模板，并利用顯示模板適配機(jī)頂盒所請(qǐng)求的IPTV內(nèi)容，從而使得業(yè)務(wù)系統(tǒng)對(duì)不同軟硬件能力的機(jī)頂盒采用統(tǒng)一的方式提供服務(wù)。但是，該專利并不是將技術(shù)難點(diǎn)通過(guò)面向?qū)ο蟮姆绞絹?lái)解決，其為面向過(guò)程的處理方式，開(kāi)發(fā)周期比較長(zhǎng)，維護(hù)成本高。

發(fā)明內(nèi)容
本發(fā)明的目的是提供一種基于電視的web頁(yè)面焦點(diǎn)控制方法，其可以使所有頁(yè)面的焦點(diǎn)風(fēng)格統(tǒng)一，且全js控制使得對(duì)瀏覽器的依賴大大弱化。
本發(fā)明的目的可通過(guò)如下技術(shù)方案來(lái)實(shí)現(xiàn)基于電視的web頁(yè)面焦點(diǎn)控制方法，所述基于電視的web頁(yè)面焦點(diǎn)控制方法包括步驟1，將頁(yè)面分成多個(gè)固定的區(qū)域；步驟2，采用漂浮框表示焦點(diǎn)的當(dāng)前選擇；步驟3，設(shè)置焦點(diǎn)與不同的獨(dú)立的多個(gè)遙控懸浮選框效果處理模塊的綁定；以及步驟4，當(dāng)焦點(diǎn)在相同區(qū)域中的元素之間切換的時(shí)候，采用同樣大小的邊框，來(lái)回覆蓋相應(yīng)元素，所述多個(gè)遙控懸浮選框效果處理模塊協(xié)同控制所述漂浮框的行走。本發(fā)明的目的還可通過(guò)如下技術(shù)措施來(lái)實(shí)現(xiàn)
優(yōu)選的是，所述多個(gè)固定的區(qū)域包括按鈕區(qū)域、播放方式選擇區(qū)域、集數(shù)選擇區(qū)域和分頁(yè)區(qū)域。優(yōu)選的是，在步驟2中，采用級(jí)聯(lián)樣式表畫出所述漂浮框，所述級(jí)聯(lián)樣式表為獨(dú)立定義。優(yōu)選的是，所述多個(gè)遙控懸浮選框效果處理模塊包括第一遙控懸浮選框效果處理模塊，處理WEB應(yīng)用與機(jī)頂盒的相關(guān)配置開(kāi)關(guān)。優(yōu)選的是，所述多個(gè)遙控懸浮選框效果處理模塊包括第二遙控懸浮選框效果處理模塊，處理WEB應(yīng)用按鍵。優(yōu)選的是，所述多個(gè)遙控懸浮選框效果處理模塊包括第三遙控懸浮選框效果處理模塊，處理WEB應(yīng)用瀏覽器的適配。優(yōu)選的是，所述多個(gè)遙控懸浮選框效果處理模塊包括第四遙控懸浮選框效果處理模塊，處理WEB應(yīng)用遙控懸浮框效果。優(yōu)選的是，所述多個(gè)遙控懸浮選框效果處理模塊包括第五遙控懸浮選框效果處理模塊，處理WEB應(yīng)用數(shù)據(jù)分頁(yè)。優(yōu)選的是，在步驟4中，所述漂浮框形成由所述多個(gè)遙控懸浮選框效果處理模塊協(xié)同控制的行走的動(dòng)畫，該動(dòng)畫的快慢時(shí)間為預(yù)設(shè)值。優(yōu)選的是，在步驟4中，當(dāng)焦點(diǎn)在不同區(qū)域的元素之間切換的時(shí)候，所述漂浮框形成的動(dòng)畫在行走過(guò)程中漸進(jìn)變化大小，以適應(yīng)不同區(qū)域元素的大小。技術(shù)人員不難看出，上述各優(yōu)選方案的任意組合所構(gòu)成的方案都是本發(fā)明的一部分。本發(fā)明中的基于電視的web頁(yè)面焦點(diǎn)控制方法，在問(wèn)題處理上引入了組的概念，將同一類別，同一目的的內(nèi)容納入同一分組，組內(nèi)成員有獨(dú)立的關(guān)系，組合組有獨(dú)立的關(guān) 系，這種設(shè)計(jì)的優(yōu)點(diǎn)就是大大的減少了開(kāi)發(fā)中的邏輯判斷。本發(fā)明中的基于電視的web頁(yè)面焦點(diǎn)控制方法，頁(yè)面行走風(fēng)格獨(dú)特，從用戶體驗(yàn)角度來(lái)講，帶給用戶這樣一種獨(dú)特的體驗(yàn)行走的方框在電視的大屏之上靈動(dòng)多變但又風(fēng)格統(tǒng)一，可以帶領(lǐng)用戶隨心所欲的聚焦到感興趣的內(nèi)容，并且由全js腳本控制，不再依賴瀏覽器對(duì)焦點(diǎn)控制方式的實(shí)現(xiàn)，從而全面掌握應(yīng)用在用戶端的展現(xiàn)。本發(fā)明中的基于電視的web頁(yè)面焦點(diǎn)控制方法解決了 IPTV機(jī)頂盒WEB項(xiàng)目應(yīng)用中，瀏覽器適配、遙控操作、和焦點(diǎn)處理等解決方案不同一的問(wèn)題，從而降低應(yīng)用開(kāi)發(fā)，維護(hù)的難度。其可以根據(jù)不同瀏覽器的兼容性，提供不同的顯示效果；根據(jù)不同型號(hào)的機(jī)頂盒遙控器，提供統(tǒng)一的按鍵響應(yīng)；根據(jù)指定的業(yè)務(wù)需求，智能選擇/切換顯示效果。


圖I為本發(fā)明的基于電視的web頁(yè)面焦點(diǎn)控制方法一優(yōu)選實(shí)施例的流程 圖2為應(yīng)用本發(fā)明的基于電視的web頁(yè)面焦點(diǎn)控制方法的一優(yōu)選實(shí)施例的瀏覽器頁(yè)面示意圖。
具體實(shí)施例方式為使本發(fā)明的上述和其他目的、特征和優(yōu)點(diǎn)能更明顯易懂，下文特舉出較佳實(shí)施例，并配合所附圖式，作詳細(xì)說(shuō)明如下。圖I為本發(fā)明的基于電視的web頁(yè)面焦點(diǎn)控制方法的一優(yōu)選實(shí)施例的流程圖。圖2為應(yīng)用本發(fā)明的基于電視的web頁(yè)面焦點(diǎn)控制方法的一優(yōu)選實(shí)施例的瀏覽器頁(yè)面示意圖。在步驟101，將頁(yè)面分成幾個(gè)固定的區(qū)域，如圖2中的返回按鈕區(qū)域、播放方式選擇區(qū)域、集數(shù)選擇區(qū)域、以及下部的分頁(yè)區(qū)域。流程進(jìn)入到步驟102。在步驟102，采用一個(gè)漂浮框表示焦點(diǎn)的當(dāng)前選擇，在圖2的實(shí)施例中，采用級(jí)聯(lián)樣式表(Cascading Style Sheet, CSS)畫出漂浮框,CSS獨(dú)立定義,可以根據(jù)實(shí)際效果進(jìn)行不同的設(shè)置。在步驟103，設(shè)置焦點(diǎn)與多個(gè)不同的獨(dú)立的遙控懸浮選框效果處理模塊(js模塊)的綁定，用于設(shè)置焦點(diǎn)的顯示方式與不同瀏覽器之間的配置問(wèn)題。在一實(shí)施例中，該多個(gè)不同的獨(dú)立的js模塊中的第一 js模塊(例如，LETV. Core)用于處理WEB應(yīng)用與機(jī)頂盒的相關(guān)配置開(kāi)關(guān)問(wèn)題。第二 js模塊(例如，LETV. Keys)用于處理WEB應(yīng)用按鍵處理問(wèn)題。第三js模塊(例如，LETV. Util)用與處理WEB應(yīng)用瀏覽器適配問(wèn)題。第四js模塊(例如，LETV.Plate)用于處理WEB應(yīng)用遙控懸浮框效果。第五js模塊(例如，LETV. Page)用于處理WEB應(yīng)用數(shù)據(jù)分頁(yè)問(wèn)題。流程進(jìn)入到步驟104。在步驟104，判斷焦點(diǎn)是否在相同區(qū)域中的元素之間切換，當(dāng)焦點(diǎn)在相同區(qū)域中的元素之間切換時(shí)，流程進(jìn)入到步驟105。當(dāng)焦點(diǎn)在不同區(qū)域中的元素之間切換，流程進(jìn)入到步驟106。在步驟105，當(dāng)焦點(diǎn)在相同區(qū)域中的元素之間切換的時(shí)候，采用同樣大小的邊框，來(lái)回覆蓋相應(yīng)元素，且漂浮框會(huì)有一個(gè)行走的動(dòng)畫，控制由多個(gè)js模塊協(xié)同實(shí)現(xiàn)，且動(dòng)畫的快慢時(shí)間可設(shè)置。在步驟106，當(dāng)焦點(diǎn)在不同區(qū)域的元素之間切換的時(shí)候，漂浮框行走的動(dòng)畫過(guò)程中，會(huì)漸進(jìn)變化大小，以適應(yīng)不同區(qū)域元素的大小。
本領(lǐng)域技術(shù)人員在閱讀了本說(shuō)明書后不難理解，本發(fā)明的基于電視的web頁(yè)面焦點(diǎn)控制方法由現(xiàn)有技術(shù)結(jié)合而構(gòu)成，這些現(xiàn)有技術(shù)雖然并沒(méi)有事無(wú)巨細(xì)地全部一一描述，但在閱讀了本說(shuō)明書后本領(lǐng)域技術(shù)人員會(huì)知其所云。本說(shuō)明書中描述了上述現(xiàn)有技術(shù)的結(jié)合而構(gòu)成本發(fā)明的各個(gè)方案，本領(lǐng)域技術(shù)人員可以理解，這些方案的各種結(jié)合，以及構(gòu)成這些方案的各個(gè)部分和/或特征的結(jié)合都屬于本發(fā)明的方案的范疇。本領(lǐng)域技術(shù)人員顯然可以理解的是，將上述現(xiàn)有技術(shù)結(jié)合起來(lái)構(gòu)成本發(fā)明，這需要大量創(chuàng)造性勞動(dòng)付出，是多年理論研究和大量實(shí)驗(yàn)的結(jié)晶。
權(quán)利要求
1.基于電視的web頁(yè)面焦點(diǎn)控制方法，其特征在于，所述基于電視的web頁(yè)面焦點(diǎn)控制方法包括 步驟1，將頁(yè)面分成多個(gè)固定的區(qū)域； 步驟2，采用漂浮框表示焦點(diǎn)的當(dāng)前選擇； 步驟3，設(shè)置焦點(diǎn)與不同的獨(dú)立的多個(gè)遙控懸浮選框效果處理模塊的綁定；以及 步驟4，當(dāng)焦點(diǎn)在相同區(qū)域中的元素之間切換的時(shí)候，采用同樣大小的邊框，來(lái)回覆蓋相應(yīng)元素，所述多個(gè)遙控懸浮選框效果處理模塊協(xié)同控制所述漂浮框的行走。
2.根據(jù)權(quán)利要求I所述的方法，其特征在于，所述多個(gè)固定的區(qū)域包括按鈕區(qū)域、播放方式選擇區(qū)域、集數(shù)選擇區(qū)域和分頁(yè)區(qū)域。
3.根據(jù)權(quán)利要求I或2所述的方法，其特征在于，在步驟2中，采用級(jí)聯(lián)樣式表畫出所述漂浮框，所述級(jí)聯(lián)樣式表為獨(dú)立定義。
4.根據(jù)權(quán)利要求1-3中任一項(xiàng)所述的方法，其特征在于，所述多個(gè)遙控懸浮選框效果處理模塊包括第一遙控懸浮選框效果處理模塊，處理WEB應(yīng)用與機(jī)頂盒的相關(guān)配置開(kāi)關(guān)。
5.根據(jù)權(quán)利要求1-4中任一項(xiàng)所述的方法，其特征在于，所述多個(gè)遙控懸浮選框效果處理模塊包括第二遙控懸浮選框效果處理模塊，處理WEB應(yīng)用按鍵。
6.根據(jù)權(quán)利要求1-5中任一項(xiàng)所述的方法，其特征在于，所述多個(gè)遙控懸浮選框效果處理模塊包括第三遙控懸浮選框效果處理模塊，處理WEB應(yīng)用瀏覽器的適配。
7.根據(jù)權(quán)利要求1-6中任一項(xiàng)所述的方法，其特征在于，所述多個(gè)遙控懸浮選框效果處理模塊包括第四遙控懸浮選框效果處理模塊，處理WEB應(yīng)用遙控懸浮框效果。
8.根據(jù)權(quán)利要求1-7中任一項(xiàng)所述的方法，其特征在于，所述多個(gè)遙控懸浮選框效果處理模塊包括第五遙控懸浮選框效果處理模塊，處理WEB應(yīng)用數(shù)據(jù)分頁(yè)。
9.根據(jù)權(quán)利要求1-8中任一項(xiàng)所述的方法，其特征在于，在步驟4中，所述漂浮框形成由所述多個(gè)遙控懸浮選框效果處理模塊協(xié)同控制的行走的動(dòng)畫，該動(dòng)畫的快慢時(shí)間為預(yù)設(shè)值。
10.根據(jù)權(quán)利要求1-9中任一項(xiàng)所述的方法，其特征在于，在步驟4中，當(dāng)焦點(diǎn)在不同區(qū)域的元素之間切換的時(shí)候，所述漂浮框形成的動(dòng)畫在行走過(guò)程中漸進(jìn)變化大小，以適應(yīng)不同區(qū)域元素的大小。
全文摘要
本發(fā)明提供一種基于電視的web頁(yè)面焦點(diǎn)控制方法，其包括步驟1，將頁(yè)面分成多個(gè)固定的區(qū)域；步驟2，采用漂浮框表示焦點(diǎn)的當(dāng)前選擇；步驟3，設(shè)置焦點(diǎn)與不同的獨(dú)立的多個(gè)遙控懸浮選框效果處理模塊的綁定；以及步驟4，當(dāng)焦點(diǎn)在相同區(qū)域中的元素之間切換的時(shí)候，采用同樣大小的邊框，來(lái)回覆蓋相應(yīng)元素，所述多個(gè)遙控懸浮選框效果處理模塊協(xié)同控制所述漂浮框的行走。本發(fā)明中的基于電視的web頁(yè)面焦點(diǎn)控制方法，頁(yè)面行走風(fēng)格獨(dú)特，并且由全js腳本控制，不再依賴瀏覽器對(duì)焦點(diǎn)控制方式的實(shí)現(xiàn)，從而全面掌握應(yīng)用在用戶端的展現(xiàn)。
文檔編號(hào)G06F3/0483GK102857823SQ20121030336
公開(kāi)日2013年1月2日 申請(qǐng)日期2012年8月24日 優(yōu)先權(quán)日2012年8月24日
發(fā)明者徐維麟, 白德鑫, 孟大巍, 姚曉鵬 申請(qǐng)人:樂(lè)視網(wǎng)信息技術(shù)(北京)股份有限公司