CN102088639B - Iptv机顶盒浏览器页面的导航控制方法 - Google Patents

Abstract

本发明公开了一种IPTV机顶盒浏览器页面的导航控制方法，包括步骤：IPTV机顶盒浏览器的电子节目菜单EPG页面加载完毕但并未显示出来时，分析EPG页面上的元素结点，对可以获得焦点的元素结点上下左右方向相邻的元素结点进行排序和定位；EPG页面显示出来后，根据用户对遥控器的上下左右方向按键的操作，遥控器触发对应的按键导航信息，浏览器接收到按键导航信息后，将焦点元素结点移动到按键导航信息对应方向的相邻元素结点或者翻页显示，实现对EPG页面元素结点的导航控制。本发明能通过对遥控器上下左右方向键的合理控制，实现将焦点元素结点灵活移动到对应方向的相邻元素结点上，提供很好的浏览显示效果，增强用户体验。

Description

IPTV机顶盒浏览器页面的导航控制方法

技术领域

本发明涉及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、如果判定焦点元素结点在该方向上存在相邻元素结点，且该相邻元素结点在当前可视区域上，则将该相邻元素结点作为目标元素结点；如果判定所述相邻元素结点不在当前可视区域上，则显示按照该方向翻页后的页面内容；如果判定所述相邻元素结点在翻页显示的可视区域上，就将其作为目标元素结点，否则只显示按照该方向翻页后的页面内容。

Images