CN102088639B - Navigation control method of browser page for IPTV (Internet protocol television) set-top box - Google Patents
Navigation control method of browser page for IPTV (Internet protocol television) set-top box Download PDFInfo
- Publication number
- CN102088639B CN102088639B CN 201110023218 CN201110023218A CN102088639B CN 102088639 B CN102088639 B CN 102088639B CN 201110023218 CN201110023218 CN 201110023218 CN 201110023218 A CN201110023218 A CN 201110023218A CN 102088639 B CN102088639 B CN 102088639B
- Authority
- CN
- China
- Prior art keywords
- node
- element node
- page
- adjacent
- information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a navigation control method of a browser page for an IPTV (Internet protocol television) set-top box. The method comprises the following steps: when the EPG (electronic program guide) page of a browser of the IPTV set-top box (STB) is completely loaded and is not shown, element nodes on the EPG page are analyzed, and the neighboring element nodes in the up-down and left-right directions of the element node which can obtain a focal point are sequenced and positioned; and after the EPG page is shown, a remote controller triggers corresponding key navigation information according to key operation of a user on the remote controller in the up-down and left-right directions, and the browser moves the element node with the focal point to the neighboring element nodes in the direction corresponding to the key navigation information or turns a page for display after receiving the key navigation information so as to realize navigation control on the element nodes on the EPG page. The navigation control method has the advantages that the element node with the focal point can be flexibly moved onto the neighboring element nodes in the corresponding direction by means of reasonable control of the keys in the up-down and left-right directions of the remote controller, thus providing good browse display effect and enhancing user experiences.
Description
Technical field
The present invention relates to IPTV set-top box technique field, particularly relate to a kind of navigation control method of the IPTV set box browser page.
Background technology
IPTV is IPTV, is take the telecommunications broadband network as transmission channel, take television set as terminal, provides the technology of the multiple interactive services that comprises television content to the domestic consumer, can watch by the mode of general television set+network machine top box.The integrated digital home terminal that IPTV makes television set become to have communication, the Internet, TV functions.The main feature of IPTV is in its interactivity, has given the user with initiative, directly clicks to select program and broadcast mode by remote controller by the user.Compare with the PC operation, the IPTV set-top box mainly supports by browser, show and also present with form web page, because browser does not have the mouse-keyboard output equipment, the user uses a teleswitch and operates, can not be as random clicking mouse, therefore, EPG (Electronic Program Guide for IPTV, electric program menu) Navigation Control of the page, movement and the page turning demonstration of controlling the focus element node on the EPG page according to the directionkeys of remote controller become extremely important.The sequencing of the logical AND element node of the moving focal point element node of browser engine appearance at present is relevant, be equivalent to only have both direction-front and rear, irrelevant with concrete typesetting display position, therefore, present focus element node can only move forward and backward, can not by to the remote controller reasonable control of directionkeys up and down, realize the focus element node is moved on the adjacent element node of correspondence direction flexibly.
Summary of the invention
The objective of the invention is in order to overcome the deficiency of above-mentioned background technology, a kind of navigation control method of the IPTV set box browser page is provided, can pass through the remote controller reasonable control of directionkeys up and down, realization moves to the focus element node on the adjacent element node of correspondence direction flexibly, good browse displays effect is provided, strengthens the user and experience.
The navigation control method of the IPTV set box browser page provided by the invention comprises the following steps:
The electric program menu EPG page loaded of A, IPTV set box browser but when not showing, analyze the element node on the EPG page, sort and locate the element node element node that direction is adjacent up and down that can obtain focus:
Element node on A1, the analysis EPG page, obtain the node information of the element node of focus: element node upper left corner abscissa, element node upper left corner ordinate, element node width, element node height, currentElement node, and sequentially deposit in an array of pointers;
A2, analyze the node information of each element node in described array of pointers, calculate centre distance and the center angle of each element node and other element nodes of periphery: described node information comprises the Cascading Style Sheet CSS information of element node: the upper left corner coordinate (X of element node, Y), width a, height b, described centre distance is the distance between the center of two element nodes, described center angle is the connecting line and the formed angle of horizontal line that is compared the node element place at two node element centers, when computer center's distance and center angle, with the center of element node (X ', Y ') conduct is with reference to initial point, X '=X+a/2 wherein, Y '=Y+b/2,
A3, according to centre distance and the center angle calculated, determine described each element node element node that direction is adjacent up and down:
Other element nodes in element node to be determined and array of pointers are compared one by one, if judge element node to be determined and be compared between the element node the center angle 0～30 the degree between, determine to be compared the element node that the element node is element node left and right directions to be determined; Otherwise, determine to be compared the element node that the element node is element node above-below direction to be determined;
Further, Correlation Centre distance again: will be compared respectively that on element node and same direction, the centre distance of other element nodes and element node to be determined compares, be the nearest element node of distance element node to be determined if be compared the element node, determining to be compared the element node is the neighborhood of nodes that element node to be determined makes progress the party; Be not the nearest element node of distance element node to be determined if be compared the element node, the node that will be compared on element node and element node other direction to be determined compares;
One by one relatively after, determine the neighborhood of nodes of the four direction up and down of each element node, fill the information of array of pointers corresponding element: the node information of the node information of the adjacent upper direction of currentElement node, the adjacent lower direction of currentElement node, the adjacent left of currentElement node to node information, the node information of the adjacent right of currentElement node;
After B, the described EPG page show, according to the operation of user to the direction key up and down of remote controller, remote controller triggers corresponding button navigation information, after browser receives described button navigation information, the adjacent element node or the page turning that the focus element node are moved to button navigation information correspondence direction show, realize the Navigation Control to EPG page elements node:
B1, browser receive the button navigation information that remote controller triggers;
B2, browser obtain the focus element node on the current EPG page, and determine its position in array of pointers, and whether judgement exists the node information of the adjacent element node of focus element node on button navigation information correspondence direction in array of pointers;
If judging the focus element node, B3 upwards there is no the adjacent element node the party, according to this direction page turning display page content; If there is effective element node after the judgement page turning in the viewing area, determine that first node of this viewing area is the object element node; Otherwise only show the content of pages after page turning;
Upwards there is the adjacent element node in node the party if B4 judges focus element, and this adjacent element node is on current viewing area, with this adjacent element node as the object element node; If judge described adjacent element node not on current viewing area, show according to the content of pages after this direction page turning; If judge described adjacent element node on the viewing area that page turning shows, just with it as the object element node, otherwise only show according to the content of pages after this direction page turning.
The navigation control method of the IPTV set box browser page provided by the invention, by being analyzed with direction, the element node on the EPG page locates, make when the focus element node of the Navigation Control EPG page that uses a teleswitch moves, reach optimum browsing and display effect, even make IPTV user in the situation that do not have mouse arbitrarily to click, also can be by the directionkeys of remote controller, controlling the focus element node rationally moves on each element node of the EPG page, browse displays effect preferably is provided, has strengthened the user and experience.
Description of drawings
Fig. 1 is the flow chart of method step in the embodiment of the present invention;
Fig. 2 is the flow chart that in the embodiment of the present invention, the element node of the EPG page is sorted, locates;
Fig. 3 carries out the flow chart of Navigation Control to the EPG page according to the button navigation information in the embodiment of the present invention.
Embodiment
The present invention is described in further detail below in conjunction with drawings and Examples.
Shown in Figure 1, the embodiment of the present invention provides a kind of navigation control method of the IPTV set box browser page, comprises the following steps:
The EPG page loaded of A, IPTV set box browser but when not showing, first do the preparation of Navigation Control: analyze the element node on the EPG page, the element node element node that direction is adjacent up and down that can obtain focus is sorted and locates;
After B, the EPG page show, according to the operation of user to the direction key up and down of remote controller, remote controller triggers corresponding button navigation information, after browser receives the button navigation information, the adjacent element node or the page turning that the focus element node are moved to button navigation information correspondence direction show, realize the Navigation Control to EPG page elements node.
Shown in Figure 2, steps A specifically comprises the following steps:
Element node on A1, the analysis EPG page, the node information that can obtain the element node of focus sequentially deposits in an array of pointers.
Element information in array of pointers is a structure, and its node information that can store is as follows, and this step has only been filled five of fronts information:
A2, analyze the node information of each element node in array of pointers, calculate centre distance and the center angle of each element node and other element nodes of periphery.
Node information comprises CSS (Cascading Style Sheets, the Cascading Style Sheet) information of element node: the upper left corner coordinate (X, Y) of element node, width a, height b.When computer center's distance and center angle, with the center of element node (X ', Y ') as with reference to initial point, X '=X+Width/2 wherein, Y '=Y+Height/2, i.e. X '=X+a/2, Y '=Y+b/2.Centre distance refers to the distance between the center of two element nodes, and the center angle refers to the connecting line and the formed angle of horizontal line that is compared the node element place at two node element centers.
A3, according to centre distance and the center angle calculated, determine described each element node element node that direction is adjacent up and down.
for example, suppose to determine the adjacent element node of the four direction up and down of element node i, will with array of pointers in other element nodes compare one by one, suppose that one of them element node that is compared is j, the center angle of i and two element nodes of j is between 0 to N °, N can be between 0～45, select N to equal 30 better, for example i is connected with j after the center of a node element connects, this connecting line and the formed angle of i node place horizontal line are less than or equal to 30 °, the line of centres that so just can determine i and j is relatively near the horizontal direction at i place, so just compare these two element nodes on left and right directions, at first element node j is defined as the node on element node i left and right directions, otherwise, at first element node j is defined as the node on element node i above-below direction.Further, Correlation Centre distance again, centre distance with other element nodes on element node j and same direction and element node i compares respectively, if element node j is the element node nearest apart from element node i, element node j is exactly the neighborhood of nodes that element node i makes progress the party; If element node j is not the element node nearest apart from element node i, just the node on element node j and element node i other direction is compared.
One by one relatively after, just can determine the neighborhood of nodes of the four direction up and down of each element node, filled the information of array of pointers corresponding element: upList, downList, leftList, RightList.
Shown in Figure 3, step B specifically comprises the following steps:
B1, browser receive the button navigation information that remote controller triggers.
B2, browser obtain the focus element node on the current EPG page, and definite its position in array of pointers, judgement is in array of pointers, whether there is the node information of the adjacent element node of focus element node on button navigation information correspondence direction, because the adjacent element node that finds, very possible is exactly the next object element node that will navigate to.
Upwards there is no the adjacent element node if B3 judges the focus element node the party, content of pages is shown according to this direction page turning; If there is effective element node after the judgement page turning in the viewing area, determine that first node of this viewing area is the object element node; Otherwise only show according to the content of pages after this direction page turning.
Upwards there is the adjacent element node in node the party if B4 judges focus element, and this adjacent element node is on current viewing area, with this adjacent element node as the object element node; If judge this adjacent element node not on current viewing area, content of pages is shown according to this direction page turning; If judge this adjacent element node on the viewing area that page turning shows, just with it as the object element node, otherwise only show according to the content of pages after this direction page turning.
Obviously, those skilled in the art can carry out various changes and modification and not break away from the spirit and scope of the present invention the present invention.Like this, if within of the present invention these are revised and modification belongs to the scope of claim of the present invention and equivalent technologies thereof, the present invention also is intended to comprise these changes and modification interior.The content that is not described in detail in this specification belongs to the known prior art of this area professional and technical personnel.
Claims (1)
1. the navigation control method of an IPTV set box browser page, is characterized in that, comprises the following steps:
The electric program menu EPG page loaded of A, IPTV set box browser but when not showing, analyze the element node on the EPG page, sort and locate the element node element node that direction is adjacent up and down that can obtain focus:
Element node on A1, the analysis EPG page, obtain the node information of the element node of focus: element node upper left corner abscissa, element node upper left corner ordinate, element node width, element node height, currentElement node, and sequentially deposit in an array of pointers;
A2, analyze the node information of each element node in described array of pointers, calculate centre distance and the center angle of each element node and other element nodes of periphery: described node information comprises the Cascading Style Sheet CSS information of element node: the upper left corner coordinate (X of element node, Y), width a, height b, described centre distance is the distance between the center of two element nodes, described center angle is the connecting line and the formed angle of horizontal line that is compared the node element place at two node element centers, when computer center's distance and center angle, with the center of element node (X ', Y ') conduct is with reference to initial point, X '=X+a/2 wherein, Y '=Y+b/2,
A3, according to centre distance and the center angle calculated, determine described each element node element node that direction is adjacent up and down:
Other element nodes in element node to be determined and array of pointers are compared one by one, if judge element node to be determined and be compared between the element node the center angle 0～30 the degree between, determine to be compared the element node that the element node is element node left and right directions to be determined; Otherwise, determine to be compared the element node that the element node is element node above-below direction to be determined;
Further, Correlation Centre distance again: will be compared respectively that on element node and same direction, the centre distance of other element nodes and element node to be determined compares, be the nearest element node of distance element node to be determined if be compared the element node, determining to be compared the element node is the neighborhood of nodes that element node to be determined makes progress the party; Be not the nearest element node of distance element node to be determined if be compared the element node, the node that will be compared on element node and element node other direction to be determined compares;
One by one relatively after, determine the neighborhood of nodes of the four direction up and down of each element node, fill the information of array of pointers corresponding element: the node information of the node information of the adjacent upper direction of currentElement node, the adjacent lower direction of currentElement node, the adjacent left of currentElement node to node information, the node information of the adjacent right of currentElement node;
After B, the described EPG page show, according to the operation of user to the direction key up and down of remote controller, remote controller triggers corresponding button navigation information, after browser receives described button navigation information, the adjacent element node or the page turning that the focus element node are moved to button navigation information correspondence direction show, realize the Navigation Control to EPG page elements node:
B1, browser receive the button navigation information that remote controller triggers;
B2, browser obtain the focus element node on the current EPG page, and determine its position in array of pointers, and whether judgement exists the node information of the adjacent element node of focus element node on button navigation information correspondence direction in array of pointers;
If judging the focus element node, B3 upwards there is no the adjacent element node the party, according to this direction page turning display page content; If there is effective element node after the judgement page turning in the viewing area, determine that first node of this viewing area is the object element node; Otherwise only show the content of pages after page turning;
Upwards there is the adjacent element node in node the party if B4 judges focus element, and this adjacent element node is on current viewing area, with this adjacent element node as the object element node; If judge described adjacent element node not on current viewing area, show according to the content of pages after this direction page turning; If judge described adjacent element node on the viewing area that page turning shows, just with it as the object element node, otherwise only show according to the content of pages after this direction page turning.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201110023218 CN102088639B (en) | 2011-01-21 | 2011-01-21 | Navigation control method of browser page for IPTV (Internet protocol television) set-top box |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201110023218 CN102088639B (en) | 2011-01-21 | 2011-01-21 | Navigation control method of browser page for IPTV (Internet protocol television) set-top box |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102088639A CN102088639A (en) | 2011-06-08 |
| CN102088639B true CN102088639B (en) | 2013-05-22 |
Family
ID=44100211
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN 201110023218 Active CN102088639B (en) | 2011-01-21 | 2011-01-21 | Navigation control method of browser page for IPTV (Internet protocol television) set-top box |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102088639B (en) |
Families Citing this family (21)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102375688A (en) * | 2011-09-22 | 2012-03-14 | 深圳市茁壮网络股份有限公司 | Focus switching method and set-top box |
| CN102523525B (en) * | 2011-12-30 | 2014-07-30 | 四川长虹电器股份有限公司 | Method for memorizing focal points in digital television |
| CN102609521B (en) * | 2012-02-10 | 2016-12-14 | 深圳创维数字技术有限公司 | The changing method of a kind of webpage focus element and receiving terminal for digital television |
| CN103414947B (en) * | 2013-07-26 | 2017-05-17 | 未来电视有限公司 | Implementation method and device for digital television EPG file management |
| CN104156208A (en) * | 2014-07-31 | 2014-11-19 | 乐视致新电子科技（天津）有限公司 | Method and device for operating controls in terminals on basis of remote-control device |
| CN104301796A (en) * | 2014-09-26 | 2015-01-21 | 四川长虹电器股份有限公司 | Method for automatically controlling focus of master shot of smart television |
| CN104486686B (en) * | 2014-12-23 | 2017-07-28 | 深圳市九洲电器有限公司 | The air navigation aid and system of a kind of electric program menu |
| CN104808920A (en) * | 2015-04-30 | 2015-07-29 | 青岛海信电器股份有限公司 | Focal point control method and focal point control device |
| CN106454475A (en) * | 2015-08-05 | 2017-02-22 | 博雅网络游戏开发（深圳）有限公司 | Method and device for moving target interaction element |
| CN105357589B (en) * | 2015-09-18 | 2019-01-22 | 成都视达科信息技术有限公司 | STB presses the processing system and method for key control |
| CN106933915B (en) * | 2015-12-31 | 2020-03-03 | 北京国双科技有限公司 | Webpage navigation generation method and device |
| CN109309850A (en) * | 2017-07-26 | 2019-02-05 | 北京优朋普乐科技有限公司 | A kind of focus control method and device of electronic program guide |
| CN108156510B (en) * | 2017-12-27 | 2021-09-28 | 深圳Tcl数字技术有限公司 | Page focus processing method and device and computer readable storage medium |
| CN109309874B (en) * | 2018-08-31 | 2021-05-11 | 海信视像科技股份有限公司 | Focus updating method and device |
| CN109714620A (en) * | 2018-12-27 | 2019-05-03 | 山东浪潮商用系统有限公司 | A kind of interface visualization editor and display methods and system based on set-top box |
| CN111131871B (en) * | 2019-12-03 | 2021-03-19 | 海信视像科技股份有限公司 | Method and display equipment for displaying EPG (electronic program guide) user interface during program playing |
| CN111625169B (en) * | 2020-05-28 | 2022-04-15 | 海信电子科技（深圳）有限公司 | Method for browsing webpage by remote controller and display equipment |
| CN112468880B (en) * | 2021-01-25 | 2021-04-30 | 北京小米移动软件有限公司 | Focus position determining method and device and electronic equipment |
| CN113852847A (en) * | 2021-06-29 | 2021-12-28 | 天翼智慧家庭科技有限公司 | Method for realizing EPG focus configuration and display |
| CN113645489A (en) * | 2021-08-26 | 2021-11-12 | 帕科视讯科技(杭州)股份有限公司 | IPTV platform EPG dynamic focus configuration and moving method |
| CN114501092B (en) * | 2022-02-21 | 2023-03-17 | 海看网络科技(山东)股份有限公司 | Method for automatically acquiring focus under EPG gridding layout |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1178959A (en) * | 1996-08-12 | 1998-04-15 | 汤姆森多媒体公司 | Method for navigation on figure user interface and apparatus for realising it |
| CN1278340A (en) * | 1997-08-28 | 2000-12-27 | 汤姆森消费电子有限公司 | System and method for navigating withn a display having different display sections |
| CN1459975A (en) * | 2002-05-15 | 2003-12-03 | 金宝电子工业股份有限公司 | Method of intuitive type moving focus in viewing window and its device |
| CN1666197A (en) * | 2002-06-29 | 2005-09-07 | 三星电子株式会社 | Method and apparatus for moving focus for navigation in interactive mode |
| CN101052106A (en) * | 2006-04-04 | 2007-10-10 | 康佳集团股份有限公司 | Display method for TV menu interface and navigation control method for TV menu |
| CN101577797A (en) * | 2009-06-03 | 2009-11-11 | 中兴通讯股份有限公司 | Page focus movement method and system |
-
2011
- 2011-01-21 CN CN 201110023218 patent/CN102088639B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1178959A (en) * | 1996-08-12 | 1998-04-15 | 汤姆森多媒体公司 | Method for navigation on figure user interface and apparatus for realising it |
| CN1278340A (en) * | 1997-08-28 | 2000-12-27 | 汤姆森消费电子有限公司 | System and method for navigating withn a display having different display sections |
| CN1459975A (en) * | 2002-05-15 | 2003-12-03 | 金宝电子工业股份有限公司 | Method of intuitive type moving focus in viewing window and its device |
| CN1666197A (en) * | 2002-06-29 | 2005-09-07 | 三星电子株式会社 | Method and apparatus for moving focus for navigation in interactive mode |
| CN101052106A (en) * | 2006-04-04 | 2007-10-10 | 康佳集团股份有限公司 | Display method for TV menu interface and navigation control method for TV menu |
| CN101577797A (en) * | 2009-06-03 | 2009-11-11 | 中兴通讯股份有限公司 | Page focus movement method and system |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102088639A (en) | 2011-06-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102088639B (en) | Navigation control method of browser page for IPTV (Internet protocol television) set-top box | |
| US11902627B2 (en) | Display apparatus for processing multiple applications and method for controlling the same | |
| CN108429927B (en) | Smart television and method for searching virtual commodity information in user interface | |
| CN102469373B (en) | Image display device and its operating method | |
| CN101382867B (en) | Video playing interaction method and terminal | |
| EP2207346B1 (en) | Display device and display method | |
| CN103309555B (en) | The method and device of focus based on multiwindow switching | |
| CN103647989A (en) | Program recommending method and apparatus for smart television | |
| CN103748585A (en) | Intelligent Television | |
| CN102843586A (en) | Video recommendation method and terminal | |
| CN103841342A (en) | Display control method and system | |
| CN101086696A (en) | Interface focus object selection method | |
| CN102244817B (en) | Searching method based on the digital television program relevant information of the Internet | |
| CN105828119A (en) | Diversified menu realization method and device | |
| CN103841443A (en) | Method for customizing interactive television set top box page focus movement mode and device thereof | |
| CN102740023A (en) | Method and system for TV set multi-picture processing | |
| CN104053062A (en) | Electronic displays having paired canvases | |
| CN104581415A (en) | Intelligent television set and tabletop switching method thereof | |
| CN103458303A (en) | Display method and electronic equipment | |
| CN103248919B (en) | A kind of IPTV system | |
| CN105791912A (en) | Cloud-based data processing method, system and set top box | |
| CN103748586B (en) | Smart television | |
| CN103780935B (en) | A kind of method and system for realizing navigation based on remote controler | |
| CN202435537U (en) | Touch control mouse-type remote controller | |
| KR101971965B1 (en) | Multimedia device for communicating with at least one device and method for controlling the same |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |