[發明專利]一種web頁面焦點控制方法

有效

• 申請號: 201310190837.2
• 申請日: 2013-05-22
• 公開（公告）號: CN103297854B
• 公開（公告）日: 2017-12-08
• 發明（設計）人: 徐維麟;白德鑫;孟大巍;姚曉鵬
• 申請（專利權）人: 樂視致新電子科技（天津）有限公司
• 主分類號: H04N21/47
• 分類號: H04N21/47;H04N21/472;G06F3/0483
• 代理公司: 北京馳納智財知識產權代理事務所(普通合伙)11367
• 代理人: 謝亮,唐與芬

本發明請求本申請人于2012年8月27日向中國國家知識產權局提交的申請號為CN201210303362.9，發明名稱為“基于電視的web頁面焦點控制方法”的中國發明專利申請的優先權，上述申請的全部內容以引用方式并入本文。

技術領域

本發明涉及到一種web頁面焦點控制方法,

屬于多媒體控制和顯示，例如以智能電視為代表的技術領域。

背景技術

由于智能電視剛剛起步，在其中應用的瀏覽器五花八門，因此想在智能電視上發布web應用，面臨著不同的瀏覽器標準，傳統采用的頁面技術往往難以逐個兼容，如果逐個做匹配，往往易限于無休止的技術黑洞，同時在頁面展現的效果，也容易因此顯得凌亂不堪。因此，采用一種風格一致、獨立于瀏覽器的統一界面解決方案，對于在tv端web應用的推廣，將會帶來很大幫助。

在申請號為CN200810146345.2的中國專利申請中，提出了一種網絡電視業務適配方法、服務器及系統，其能夠根據機頂盒的能力信息選擇匹配的顯示模板,并利用顯示模板適配機頂盒所請求的IPTV內容,從而使得業務系統對不同軟硬件能力的機頂盒采用統一的方式提供服務。但是，該專利并不是將技術難點通過面向對象的方式來解決，其為面向過程的處理方式，開發周期比較長，維護成本高。

發明內容

本發明的目的是提供一種基于電視的web頁面焦點控制方法，其可以使所有頁面的焦點風格統一，且全js控制使得對瀏覽器的依賴大大弱化。

本發明的目的可通過如下技術方案來實現：

一種web頁面焦點控制方法，包括以下步驟：步驟100：對顯示界面進行分區；步驟200：通過輸入設備在顯示界面中移動的坐標判斷當前焦點所在的區域，根據各區域的信息對當前焦點進行顯示；步驟300：通過激活區域中焦點而觸發事件。

2、優選地，所述步驟100中分區的方式：預先設定每一個區域的固定尺寸和位置，每一區域區域的位置相對于顯示界面固定；或者相對于顯示界面總體尺寸而言，每一區域具有固定比例的尺寸。所述步驟100中分區的方式：在生成或者顯示所述顯示界面時，預先獲得要劃分的區域的數量，在創建所述顯示界面或者顯示所述顯示界面時，對所述顯示界面進行區域劃分。所述顯示界面、所述區域是矩形、圓形、橢圓形中的一種或多種的組合。所述區域具有唯一的功能標記，所述區域中包括一個或多個顯示元素。對各區域進行標識，標識方式為{(坐標1，坐標2，...坐標n)；功能標記}。

進一步，在所述步驟200進一步包括：步驟210：對當前的焦點區域進行區別于非焦點區域的標識；步驟220：為步驟210中所述的焦點區域添加顯示方式。步驟230：判斷焦點是否在相同區域中的元素之間切換，當焦點在相同區域中的元素之間切換時，流程進入到步驟241；當焦點在不同區域中的元素之間切換，流程進入到步驟242。

在步驟241：當焦點在相同區域中的元素之間切換的時候，采用同樣大小的邊框來回覆蓋相應元素，并邊框上產生一個行走的動畫；在步驟242：焦點移動到不同的區域時，根據移動的坐標判斷當前焦點所在的功能區域，根據該功能區域選擇適應該區域的顯示方式。

可選地，所述步驟230中判斷焦點是否在相同區域中的元素之間切換的方式為：步驟231：焦點在區域中移動時，根據移動的方向和顯示元素坐標判斷是否是區域內移動，還是區域外移動；步驟232：計算當前元素的坐標是否為邊緣坐標，判斷焦點移動的方向是否為邊緣坐標之外的坐標，根據移動方向判斷是否移動至其他的區域中。

本發明中的基于電視的web頁面焦點控制方法，在問題處理上引入組的概念，將同一類別，同一目的的內容納入同一分組，組內成員有獨立的關系，組合組有獨立的關系，這種設計的優點就是大大的減少了開發中的邏輯判斷。本發明中的基于電視的web頁面焦點控制方法，頁面行走風格獨特，從用戶體驗角度來講，帶給用戶這樣一種獨特的體驗：行走的方框在電視的大屏之上靈動多變但又風格統一，可以帶領用戶隨心所欲的聚焦到感興趣的內容，并且全由js腳本控制，不再依賴瀏覽器對焦點控制方式的實現，從而全面掌握應用在用戶端的展現。本發明中的基于電視的web頁面焦點控制方法解決了IPTV機頂盒web項目應用中，瀏覽器適配、遙控操作和焦點處理等解決方案不統一的問題，從而降低應用開發，維護的難度。其可以根據不同瀏覽器的兼容性，提供不同的顯示效果；根據不同型號的機頂盒遙控器，提供統一的按鍵響應；根據指定的業務需要，智能選擇/切換顯示效果。

附圖說明