CN102088639B - Iptv机顶盒浏览器页面的导航控制方法 - Google Patents
Iptv机顶盒浏览器页面的导航控制方法 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
本发明公开了一种IPTV机顶盒浏览器页面的导航控制方法,包括步骤:IPTV机顶盒浏览器的电子节目菜单EPG页面加载完毕但并未显示出来时,分析EPG页面上的元素结点,对可以获得焦点的元素结点上下左右方向相邻的元素结点进行排序和定位;EPG页面显示出来后,根据用户对遥控器的上下左右方向按键的操作,遥控器触发对应的按键导航信息,浏览器接收到按键导航信息后,将焦点元素结点移动到按键导航信息对应方向的相邻元素结点或者翻页显示,实现对EPG页面元素结点的导航控制。本发明能通过对遥控器上下左右方向键的合理控制,实现将焦点元素结点灵活移动到对应方向的相邻元素结点上,提供很好的浏览显示效果,增强用户体验。
Description
技术领域
本发明涉及IPTV机顶盒技术领域,特别是涉及一种IPTV机顶盒浏览器页面的导航控制方法。
背景技术
IPTV即交互式网络电视,是以电信宽带网络为传输通道,以电视机为终端,向家庭用户提供包括电视内容在内的多种交互式服务的技术,可以通过普通电视机+网络机顶盒的方式收看。IPTV使得电视机成为具有通讯、互联网、电视功能的综合数字家庭终端。IPTV的主要特点是在其交互性,将主动权交给了用户,由用户直接通过遥控器点击来选择节目和播放方式。与PC操作相比,IPTV机顶盒主要靠浏览器来支撑,显示也是以网页形式呈现的,由于浏览器没有鼠标键盘输出设备,用户使用遥控器进行操作,不能象鼠标一样随意点选,因此,对于IPTV的EPG(Electronic Program Guide,电子节目菜单)页面的导航控制来说,根据遥控器的方向键来控制EPG页面上的焦点元素结点的移动及翻页显示变得非常重要。目前浏览器引擎的移动焦点元素结点的逻辑与元素结点出现的先后顺序有关,相当于只有两个方向-前和后,与具体的排版显示位置无关,因此,目前的焦点元素结点只能前后移动,不能通过对遥控器上下左右方向键的合理控制,实现将焦点元素结点灵活移动到对应方向的相邻元素结点上。
发明内容
本发明的目的是为了克服上述背景技术的不足,提供一种IPTV机顶盒浏览器页面的导航控制方法,能够通过对遥控器上下左右方向键的合理控制,实现将焦点元素结点灵活移动到对应方向的相邻元素结点上,提供很好的浏览显示效果,增强用户体验。
本发明提供的IPTV机顶盒浏览器页面的导航控制方法,包括以下步骤:
A、IPTV机顶盒浏览器的电子节目菜单EPG页面加载完毕但并未显示出来时,分析EPG页面上的元素结点,对可以获得焦点的元素结点上下左右方向相邻的元素结点进行排序和定位:
A1、分析EPG页面上的元素结点,获得焦点的元素结点的结点信息:元素结点左上角横坐标、元素结点左上角纵坐标、元素结点宽度、元素结点高度、当前元素结点,并依序存入一个指针数组中;
A2、分析所述指针数组中的各元素结点的结点信息,计算各元素结点与周边其他元素结点的中心距离和中心角度:所述结点信息包括元素结点的级联样式表CSS信息:元素结点的左上角坐标(X,Y)、宽度a、高度b,所述中心距离是两个元素结点的中心之间的距离,所述中心角度是两个元素节点中心的连接线与被比较元素节点所在的水平线所形成的夹角,计算中心距离和中心角度时,以元素结点的中心(X’,Y’)作为参照原点,其中X’=X+a/2,Y’=Y+b/2;
A3、根据计算的中心距离和中心角度,确定所述各元素结点上下左右方向相邻的元素结点:
将待确定元素结点与指针数组中的其他元素结点一一进行比较,如果判定待确定元素结点与被比较元素结点之间的中心角度在0~30度之间,则确定被比较元素结点为待确定元素结点左右方向的元素结点;反之,则确定被比较元素结点为待确定元素结点上下方向的元素结点;
进一步,再比较中心距离:分别将被比较元素结点和同一方向上其他元素结点与待确定元素结点的中心距离做比较,如果被比较元素结点是距离待确定元素结点最近的元素结点,则确定被比较元素结点为待确定元素结点在该方向上的相邻结点;如果被比较元素结点不是距离待确定元素结点最近的元素结点,则将被比较元素结点与待确定元素结点另一方向上的结点进行比较;
一一比较之后,确定每个元素结点的上下左右四个方向的相邻结点,填充指针数组对应元素的信息:当前元素结点相邻上方向的结点信息、当前元素结点相邻下方向的结点信息、当前元素结点相邻左方向的结点信息、当前元素结点相邻右方向的结点信息;
B、所述EPG页面显示出来后,根据用户对遥控器的上下左右方向按键的操作,遥控器触发对应的按键导航信息,浏览器接收到所述按键导航信息后,将焦点元素结点移动到按键导航信息对应方向的相邻元素结点或者翻页显示,实现对EPG页面元素结点的导航控制:
B1、浏览器接收遥控器触发的按键导航信息;
B2、浏览器获取当前EPG页面上的焦点元素结点,并确定其在指针数组中的位置,判断在指针数组中是否存在焦点元素结点在按键导航信息对应方向上的相邻元素结点的结点信息;
B3、如果判定焦点元素结点在该方向上没有相邻元素结点,则按照该方向翻页显示页面内容;如果判定翻页后在可视区域存在有效的元素结点,则确定该可视区域的第一个结点为目标元素结点;否则只显示翻页后的页面内容;
B4、如果判定焦点元素结点在该方向上存在相邻元素结点,且该相邻元素结点在当前可视区域上,则将该相邻元素结点作为目标元素结点;如果判定所述相邻元素结点不在当前可视区域上,则显示按照该方向翻页后的页面内容;如果判定所述相邻元素结点在翻页显示的可视区域上,就将其作为目标元素结点,否则只显示按照该方向翻页后的页面内容。
本发明提供的IPTV机顶盒浏览器页面的导航控制方法,通过对EPG页面上的元素结点进行分析和方向定位,使得在使用遥控器导航控制EPG页面的焦点元素结点移动时,达到最优的浏览和显示效果,使得IPTV用户即使在没有鼠标可以随意点选的情况下,也能通过操作遥控器的方向键,控制焦点元素结点在EPG页面的各元素结点上合理移动,提供了较好的浏览显示效果,增强用户体验。
附图说明
图1是本发明实施例中方法步骤的流程图;
图2是本发明实施例中对EPG页面的元素结点进行排序、定位的流程图;
图3是本发明实施例中根据按键导航信息对EPG页面进行导航控制的流程图。
具体实施方式
下面结合附图及实施例对本发明作进一步的详细描述。
参见图1所示,本发明实施例提供一种IPTV机顶盒浏览器页面的导航控制方法,包括以下步骤:
A、IPTV机顶盒浏览器的EPG页面加载完毕但并未显示出来时,先做导航控制的准备工作:分析EPG页面上的元素结点,对可以获得焦点的元素结点上下左右方向相邻的元素结点进行排序和定位;
B、EPG页面显示出来后,根据用户对遥控器的上下左右方向按键的操作,遥控器触发对应的按键导航信息,浏览器接收到按键导航信息后,将焦点元素结点移动到按键导航信息对应方向的相邻元素结点或者翻页显示,实现对EPG页面元素结点的导航控制。
参见图2所示,步骤A具体包括以下步骤:
A1、分析EPG页面上的元素结点,将可以获得焦点的元素结点的结点信息依序存入一个指针数组中。
指针数组中的元素信息是一个结构体,其可以存储的结点信息如下,本步骤只填充了前面五个信息:
A2、分析指针数组中的各元素结点的结点信息,计算各元素结点与周边其他元素结点的中心距离和中心角度。
结点信息包括元素结点的CSS(Cascading Style Sheets,级联样式表)信息:元素结点的左上角坐标(X,Y)、宽度a、高度b。计算中心距离和中心角度时,以元素结点的中心(X’,Y’)作为参照原点,其中X’=X+Width/2,Y’=Y+Height/2,即X’=X+a/2,Y’=Y+b/2。中心距离是指两个元素结点的中心之间的距离,中心角度是指两个元素节点中心的连接线与被比较元素节点所在的水平线所形成的夹角。
A3、根据计算的中心距离和中心角度,确定所述各元素结点上下左右方向相邻的元素结点。
例如,假设要确定元素结点i的上下左右四个方向的相邻元素结点,就要与指针数组中的其他元素结点一一进行比较,假设其中一个被比较的元素结点为j,i和j两个元素结点的中心角度在0到N°之间,N可以在0~45之间,选择N等于30较佳,例如i和j两个结点元素的中心连接后,该连接线与i结点所在水平线所形成的夹角小于或等于30°,那么就可以确定i和j的中心连线比较接近i所在的水平方向,那么就在左右方向上比较这两个元素结点,则首先将元素结点j确定为元素结点i左右方向上的结点,反之,则首先将元素结点j确定为元素结点i上下方向上的结点。进一步,再比较中心距离,分别将元素结点j和同一方向上其他元素结点与元素结点i的中心距离做比较,如果元素结点j是距离元素结点i最近的元素结点,则元素结点j就是元素结点i在该方向上的相邻结点;如果元素结点j不是距离元素结点i最近的元素结点,就将元素结点j与元素结点i另一方向上的结点进行比较。
一一比较之后,就能够确定每个元素结点的上下左右四个方向的相邻结点,填充了指针数组对应元素的信息:upList,downList,leftList,RightList。
参见图3所示,步骤B具体包括以下步骤:
B1、浏览器接收遥控器触发的按键导航信息。
B2、浏览器获取当前EPG页面上的焦点元素结点,并确定其在指针数组中的位置,判断在指针数组中,是否存在焦点元素结点在按键导航信息对应方向上的相邻元素结点的结点信息,因为找到的相邻元素结点,很有可能就是下一个要导航到的目标元素结点。
B3、如果判定焦点元素结点在该方向上没有相邻元素结点,则将页面内容按照该方向翻页显示;如果判定翻页后在可视区域存在有效的元素结点,则确定该可视区域的第一个结点为目标元素结点;否则只显示按照该方向翻页后的页面内容。
B4、如果判定焦点元素结点在该方向上存在相邻元素结点,且该相邻元素结点在当前可视区域上,则将该相邻元素结点作为目标元素结点;如果判定该相邻元素结点不在当前可视区域上,则将页面内容按照该方向翻页显示;如果判定该相邻元素结点在翻页显示的可视区域上,就将其作为目标元素结点,否则只显示按照该方向翻页后的页面内容。
显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。
Claims (1)
1.一种IPTV机顶盒浏览器页面的导航控制方法,其特征在于,包括以下步骤:
A、IPTV机顶盒浏览器的电子节目菜单EPG页面加载完毕但并未显示出来时,分析EPG页面上的元素结点,对可以获得焦点的元素结点上下左右方向相邻的元素结点进行排序和定位:
A1、分析EPG页面上的元素结点,获得焦点的元素结点的结点信息:元素结点左上角横坐标、元素结点左上角纵坐标、元素结点宽度、元素结点高度、当前元素结点,并依序存入一个指针数组中;
A2、分析所述指针数组中的各元素结点的结点信息,计算各元素结点与周边其他元素结点的中心距离和中心角度:所述结点信息包括元素结点的级联样式表CSS信息:元素结点的左上角坐标(X,Y)、宽度a、高度b,所述中心距离是两个元素结点的中心之间的距离,所述中心角度是两个元素节点中心的连接线与被比较元素节点所在的水平线所形成的夹角,计算中心距离和中心角度时,以元素结点的中心(X’,Y’)作为参照原点,其中X’=X+a/2,Y’=Y+b/2;
A3、根据计算的中心距离和中心角度,确定所述各元素结点上下左右方向相邻的元素结点:
将待确定元素结点与指针数组中的其他元素结点一一进行比较,如果判定待确定元素结点与被比较元素结点之间的中心角度在0~30度之间,则确定被比较元素结点为待确定元素结点左右方向的元素结点;反之,则确定被比较元素结点为待确定元素结点上下方向的元素结点;
进一步,再比较中心距离:分别将被比较元素结点和同一方向上其他元素结点与待确定元素结点的中心距离做比较,如果被比较元素结点是距离待确定元素结点最近的元素结点,则确定被比较元素结点为待确定元素结点在该方向上的相邻结点;如果被比较元素结点不是距离待确定元素结点最近的元素结点,则将被比较元素结点与待确定元素结点另一方向上的结点进行比较;
一一比较之后,确定每个元素结点的上下左右四个方向的相邻结点,填充指针数组对应元素的信息:当前元素结点相邻上方向的结点信息、当前元素结点相邻下方向的结点信息、当前元素结点相邻左方向的结点信息、当前元素结点相邻右方向的结点信息;
B、所述EPG页面显示出来后,根据用户对遥控器的上下左右方向按键的操作,遥控器触发对应的按键导航信息,浏览器接收到所述按键导航信息后,将焦点元素结点移动到按键导航信息对应方向的相邻元素结点或者翻页显示,实现对EPG页面元素结点的导航控制:
B1、浏览器接收遥控器触发的按键导航信息;
B2、浏览器获取当前EPG页面上的焦点元素结点,并确定其在指针数组中的位置,判断在指针数组中是否存在焦点元素结点在按键导航信息对应方向上的相邻元素结点的结点信息;
B3、如果判定焦点元素结点在该方向上没有相邻元素结点,则按照该方向翻页显示页面内容;如果判定翻页后在可视区域存在有效的元素结点,则确定该可视区域的第一个结点为目标元素结点;否则只显示翻页后的页面内容;
B4、如果判定焦点元素结点在该方向上存在相邻元素结点,且该相邻元素结点在当前可视区域上,则将该相邻元素结点作为目标元素结点;如果判定所述相邻元素结点不在当前可视区域上,则显示按照该方向翻页后的页面内容;如果判定所述相邻元素结点在翻页显示的可视区域上,就将其作为目标元素结点,否则只显示按照该方向翻页后的页面内容。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN 201110023218 CN102088639B (zh) | 2011-01-21 | 2011-01-21 | Iptv机顶盒浏览器页面的导航控制方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN 201110023218 CN102088639B (zh) | 2011-01-21 | 2011-01-21 | Iptv机顶盒浏览器页面的导航控制方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102088639A CN102088639A (zh) | 2011-06-08 |
CN102088639B true CN102088639B (zh) | 2013-05-22 |
Family
ID=44100211
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN 201110023218 Active CN102088639B (zh) | 2011-01-21 | 2011-01-21 | Iptv机顶盒浏览器页面的导航控制方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102088639B (zh) |
Families Citing this family (21)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102375688A (zh) * | 2011-09-22 | 2012-03-14 | 深圳市茁壮网络股份有限公司 | 一种焦点切换的方法及机顶盒 |
CN102523525B (zh) * | 2011-12-30 | 2014-07-30 | 四川长虹电器股份有限公司 | 数字电视中焦点记忆的方法 |
CN102609521B (zh) * | 2012-02-10 | 2016-12-14 | 深圳创维数字技术有限公司 | 一种网页焦点元素的切换方法及数字电视接收终端 |
CN103414947B (zh) * | 2013-07-26 | 2017-05-17 | 未来电视有限公司 | 数字电视epg文件管理的实现方法和装置 |
CN104156208A (zh) * | 2014-07-31 | 2014-11-19 | 乐视致新电子科技(天津)有限公司 | 基于遥控设备操作终端中控件的方法和装置 |
CN104301796A (zh) * | 2014-09-26 | 2015-01-21 | 四川长虹电器股份有限公司 | 智能电视主场景焦点自动控制方法 |
CN104486686B (zh) * | 2014-12-23 | 2017-07-28 | 深圳市九洲电器有限公司 | 一种电子节目菜单的导航方法和*** |
CN104808920A (zh) * | 2015-04-30 | 2015-07-29 | 青岛海信电器股份有限公司 | 一种焦点控制方法及装置 |
CN106454475A (zh) * | 2015-08-05 | 2017-02-22 | 博雅网络游戏开发(深圳)有限公司 | 移动目标交互元素的方法和装置 |
CN105357589B (zh) * | 2015-09-18 | 2019-01-22 | 成都视达科信息技术有限公司 | Stb按键控制的处理***及方法 |
CN106933915B (zh) * | 2015-12-31 | 2020-03-03 | 北京国双科技有限公司 | 网页导航的生成方法及装置 |
CN109309850A (zh) * | 2017-07-26 | 2019-02-05 | 北京优朋普乐科技有限公司 | 一种电子节目菜单的焦点控制方法及装置 |
CN108156510B (zh) * | 2017-12-27 | 2021-09-28 | 深圳Tcl数字技术有限公司 | 页面焦点处理的方法、装置及计算机可读存储介质 |
CN109309874B (zh) * | 2018-08-31 | 2021-05-11 | 海信视像科技股份有限公司 | 一种焦点更新方法及装置 |
CN109714620A (zh) * | 2018-12-27 | 2019-05-03 | 山东浪潮商用***有限公司 | 一种基于机顶盒的界面可视化编辑及显示方法及*** |
CN111131871B (zh) * | 2019-12-03 | 2021-03-19 | 海信视像科技股份有限公司 | 一种播放节目时显示epg用户界面的方法及显示设备 |
CN111625169B (zh) * | 2020-05-28 | 2022-04-15 | 海信电子科技(深圳)有限公司 | 一种遥控器浏览网页的方法及显示设备 |
CN112468880B (zh) * | 2021-01-25 | 2021-04-30 | 北京小米移动软件有限公司 | 焦点位置确定方法、装置及电子设备 |
CN113852847A (zh) * | 2021-06-29 | 2021-12-28 | 天翼智慧家庭科技有限公司 | 一种实现epg焦点配置及显示的方法 |
CN113645489A (zh) * | 2021-08-26 | 2021-11-12 | 帕科视讯科技(杭州)股份有限公司 | 一种iptv平台epg动态焦点配置及移动的方法 |
CN114501092B (zh) * | 2022-02-21 | 2023-03-17 | 海看网络科技(山东)股份有限公司 | 一种epg网格化布局下自动获取焦点的方法 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1178959A (zh) * | 1996-08-12 | 1998-04-15 | 汤姆森多媒体公司 | 在图形用户界面上导航的方法以及实现它的设备 |
CN1278340A (zh) * | 1997-08-28 | 2000-12-27 | 汤姆森消费电子有限公司 | 在包含不同显示区域的显示屏中漫游的***和方法 |
CN1459975A (zh) * | 2002-05-15 | 2003-12-03 | 金宝电子工业股份有限公司 | 在视窗中直觉式移动焦点的方法及其装置 |
CN1666197A (zh) * | 2002-06-29 | 2005-09-07 | 三星电子株式会社 | 用于以交互模式为了导航移动焦点的方法和设备 |
CN101052106A (zh) * | 2006-04-04 | 2007-10-10 | 康佳集团股份有限公司 | 电视菜单界面的显示方法及电视菜单的导航控制方法 |
CN101577797A (zh) * | 2009-06-03 | 2009-11-11 | 中兴通讯股份有限公司 | 页面焦点移动方法及*** |
-
2011
- 2011-01-21 CN CN 201110023218 patent/CN102088639B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1178959A (zh) * | 1996-08-12 | 1998-04-15 | 汤姆森多媒体公司 | 在图形用户界面上导航的方法以及实现它的设备 |
CN1278340A (zh) * | 1997-08-28 | 2000-12-27 | 汤姆森消费电子有限公司 | 在包含不同显示区域的显示屏中漫游的***和方法 |
CN1459975A (zh) * | 2002-05-15 | 2003-12-03 | 金宝电子工业股份有限公司 | 在视窗中直觉式移动焦点的方法及其装置 |
CN1666197A (zh) * | 2002-06-29 | 2005-09-07 | 三星电子株式会社 | 用于以交互模式为了导航移动焦点的方法和设备 |
CN101052106A (zh) * | 2006-04-04 | 2007-10-10 | 康佳集团股份有限公司 | 电视菜单界面的显示方法及电视菜单的导航控制方法 |
CN101577797A (zh) * | 2009-06-03 | 2009-11-11 | 中兴通讯股份有限公司 | 页面焦点移动方法及*** |
Also Published As
Publication number | Publication date |
---|---|
CN102088639A (zh) | 2011-06-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102088639B (zh) | Iptv机顶盒浏览器页面的导航控制方法 | |
US11902627B2 (en) | Display apparatus for processing multiple applications and method for controlling the same | |
CN108429927B (zh) | 智能电视以及搜索用户界面中虚拟商品信息的方法 | |
CN102469373B (zh) | 图像显示装置及其操作方法 | |
CN100461084C (zh) | 界面焦点对象的选择方法 | |
CN103309555B (zh) | 基于多窗口的焦点切换的方法及装置 | |
CN103647989A (zh) | 一种智能电视的节目推荐方法及装置 | |
CN103748585A (zh) | 智能电视 | |
CN102843586A (zh) | 视频推荐方法及终端 | |
CN101382867A (zh) | 视频播放交互方法与终端 | |
CN103841342A (zh) | 显示控制方法及其*** | |
CN102244817B (zh) | 基于互联网的数字电视节目相关信息的搜索方法 | |
CN105828119A (zh) | 多样化菜单实现方法及装置 | |
CN103841443A (zh) | 定制交互式电视机顶盒页面焦点移动方式的方法及装置 | |
CN102740023A (zh) | 电视机多画面的处理方法及*** | |
CN104581415A (zh) | 一种智能电视桌面切换方法与智能电视 | |
CN103248919B (zh) | 一种iptv*** | |
CN105791912A (zh) | 一种基于云端的数据处理方法、***及机顶盒 | |
CN103748586B (zh) | 智能电视 | |
CN103780935B (zh) | 一种基于遥控器实现导航的方法及*** | |
CN202435537U (zh) | 一种触控鼠标型遥控器 | |
KR101971965B1 (ko) | 적어도 하나 이상의 디바이스와 통신하는 멀티미디어 디바이스 및 그 제어 방법 | |
CN105357551A (zh) | 一种用于播放网络电视节目的方法与设备 | |
CN105491455A (zh) | 一种节目信息展示方法及用户设备 | |
CN113038171A (zh) | 一种iptv搜索结果的展现方法 |
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 |