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 PDF

Info

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
Application number
CN 201110023218
Other languages
Chinese (zh)
Other versions
CN102088639A (en
Inventor
张熠转
邹翔
石磊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Fiberhome Telecommunication Technologies Co Ltd
Original Assignee
Fiberhome Telecommunication Technologies Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Fiberhome Telecommunication Technologies Co Ltd filed Critical Fiberhome Telecommunication Technologies Co Ltd
Priority to CN 201110023218 priority Critical patent/CN102088639B/en
Publication of CN102088639A publication Critical patent/CN102088639A/en
Application granted granted Critical
Publication of CN102088639B publication Critical patent/CN102088639B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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

The navigation control method of the IPTV set box browser page
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:
Figure GSB00000976742900051
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.
CN 201110023218 2011-01-21 2011-01-21 Navigation control method of browser page for IPTV (Internet protocol television) set-top box Active CN102088639B (en)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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

Patent Citations (6)

* Cited by examiner, † Cited by third party
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