CN104808920A - 一种焦点控制方法及装置 - Google Patents

Abstract

本发明实施例公开了一种焦点控制方法及装置，涉及网络技术领域，提供一种跨平台且不受浏览器制约的控制焦点方案。在本发明实施例中，接收用于控制网页中的焦点移动方向的遥控器键值；确定被聚焦的标签；根据所述遥控器键值所对应的方向，在所述被聚焦的标签的属性信息中，查找与所述方向对应的标签的标识；并在查找到的标签为可被聚焦的标签时，将所述查找到的标签确定为需要切换到的标签；将焦点由所述被聚焦的标签移动至所述需要切换到的标签；从而解决了上述问题。

Description

一种焦点控制方法及装置

技术领域

本发明涉及网络技术领域，尤其涉及一种焦点控制方法及装置。

背景技术

随着智能电视的不断发展演进，智能电视展现的页面越来越丰富多彩，尽管存在不同的控制和交互手段，但使用遥控器控制智能电视中的页面的焦点的方式，仍然是广大电视用户的第一选择。

现有的页面的焦点切换方法，都是基于浏览器引擎的焦点控制机制实现，即，由浏览器引擎负责控制焦点的移动和切换。其中，浏览器引擎(又称浏览器内核)，是一套处理标记语言和格式化信息，并且进行内容展现的应用软件组件。其中，上述标记语言可以包括：HTML(HyperText Markup Language，超级文本标记语言)、XML(Extensible Markup Language，可扩展标记语言)、图片文件等；上述格式化信息可以包括：CSS(Cascading Style Sheets，层叠样式表)、XSL(Extensible Stylesheet Language，可扩展样式表语言)、XML(Extensible Markup Language，可扩展标记语言)等。

目前，常见的浏览器引擎有KHTML引擎、WebKit引擎、Gecko引擎、Presto引擎、Trident引擎等等。不同的浏览器可能具有不同的浏览器引擎。例如：WebKit引擎用于苹果系统的Safari浏览器和Google的Chrome浏览器，Gecko引擎用于Firefox浏览器，Presto引擎用于Opera浏览器，Trident引擎用于IE浏览器、Outlook Express、Winnamp播放器和RealPlayer播放器等。

可见，现有技术中这种基于浏览器引擎的焦点控制机制具有如下缺陷：

不同浏览器使用不同的浏览器引擎。不同的浏览器引擎在HTML页面上的表现能力和性能都有差别，甚至同一个浏览器引擎、但不同版本的浏览器，在同一HTML页面上的表现能力和性能都有差别。举例来说，在较高浏览器版本上开发的页面，在较低的浏览器版本或完全不同的浏览器引擎上可能难以直接运行。为了能够适应各种浏览器，需要在不同的浏览器、不同的浏览器版本上开发页面，这样，增加了前端页面的维护成本，造成了不同用户操作体验的不一致性，违背了Web技术跨平台的基本特点。

发明内容

本发明实施例提供一种焦点控制方法及装置，提供一种跨平台且不受浏览器制约的控制焦点方案。

本发明实施例提供一种焦点控制方法，该方法包括：

接收用于控制网页中的焦点移动方向的遥控器键值；

确定被聚焦的标签；根据所述遥控器键值所对应的方向，在所述被聚焦的标签的属性信息中，查找与所述方向对应的标签的标识；并在查找到的标签为可被聚焦的标签时，将所述查找到的标签确定为需要切换到的标签；

将焦点由所述被聚焦的标签移动至所述需要切换到的标签。

本发明实施例提供一种焦点控制装置,该装置包括：

获取模块，用于接收于控制页中的焦点移动方向的遥控器键值；

焦点计算模块，用于确定被聚焦的标签；根据所述遥控器键值所对应的方向，在所述被聚焦的标签的属性信息中，查找与所述方向对应的标签的标识；并在查找到的标签为可被聚焦的标签时，将所述查找到的标签确定为需要切换到的标签；

焦点移动模块，用于将焦点由所述被聚焦的标签移动至所述需要切换到的标签。

从上述技术方案可以看出，本发明实施例提供的焦点控制方法基于Web技术对网页上的焦点进行切换和控制，与现有技术中的基于浏览器技术的焦点控制方法不同，本发明实施例可以将焦点控制机制部署在网页、网页服务器或终端内部，当各种系统的终端利用不同的浏览器访问同一网页时，由于该网页能够负责焦点控制，因此不同系统的终端、甚至不同的浏览器在展示该网页时，该网页或网页服务器利用自身的焦点控制机制进行焦点控制，这样，实现将焦点控制机制与浏览器的解耦，进而能够提供一种跨平台且不受浏览器限制的焦点控制方案。

在本发明实施例中，接收终端上报的用于控制网页中的焦点移动方向的遥控器键值；这样，本发明实施例中能够获取到由浏览器传递的遥控器键值；确定被聚焦的标签；根据所述遥控器键值所对应的方向，在所述被聚焦的标签的预设属性信息中查找与该方向对应的标签的标识；并在查找到的标签为可被聚焦的标签时，将该标签确定为需要切换到的标签；这样，能够根据遥控器键值确定出用户想要切换到的标签，并进一步的将焦点由所述被聚焦的标签移动至所述需要切换到的标签上。可见，本发明实施例中由网页或网页服务器获取用户发送给终端的遥控器键值，并进一步根据用户需求进行焦点切换，使焦点移动不再依赖浏览器引擎的焦点控制机制，实现了与浏览器引擎的解耦，进而提供一种跨平台且不受浏览器制约的控制焦点方案。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种焦点控制方法的流程示意图；

图2为本发明实施例提供的HTML页面的结构示意图；

图3为本发明实施例提供的焦点移动的流程示意图；

图4为本发明实施例中由HTML页面进行焦点控制的流程示意图；

图5为本发明实施例提供的焦点移动算法的流程示意图；

图6为本发明实施例提供一种焦点控制装置的结构示意图。

具体实施方式

为了使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步地详细描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

本发明实施例可以应用于各种类型的终端(包括但不限于：智能电视、机顶盒等设备)，可选的，上述终端可以利用各种不同的浏览器访问网页服务器上的各种网页(包括但不限于：HTML网页等)。本发明实施例可以将焦点控制机制部署在网页、网页服务器或终端内部，当各种系统的终端利用不同的浏览器访问同一网页时，由于该网页能够负责焦点控制，因此不同系统的终端、甚至不同的浏览器在展示该网页时，该网页或网页服务器利用自身的焦点控制机制进行焦点控制，这样，实现将焦点控制机制与浏览器的解耦，进而能够提供一种跨平台且不受浏览器限制的焦点控制方案。

图1示出了本发明实施例提供的一种焦点控制方法的流程示意图，如图1所示，该方法包括：

步骤11：接收用于控制网页中的焦点移动方向的遥控器键值。

步骤12：确定被聚焦的标签；根据遥控器键值所对应的方向，在被聚焦的标签的属性信息中，查找与方向对应的标签的标识；并在查找到的标签为可被聚焦的标签时，将查找到的标签确定为需要切换到的标签。

步骤13：将焦点由被聚焦的标签移动至需要切换到的标签。

可选的，在上述步骤12中，如果不存在被聚焦的标签，则将焦点设置到预设的标签。

可选的，在上述步骤12中，如果在被聚焦的标签的属性信息中未查找到与方向对应的标签的标识，则在设置的文档对象模型DOM中，搜索处于被聚焦的标签的下一个节点位置的标签的标识；并在搜索到的标签为可被聚焦的标签时，将搜索到的标签确定为需要切换到的标签；将焦点由被聚焦的标签移动至需要切换到的标签。

可选的，在上述步骤11～步骤13中，设置有用于存储焦点移动路径的堆栈；通过如下步骤确定被聚焦的标签：获取堆栈中的焦点移动路径的最新记录，将焦点移动路径的最新记录所处位置对应的标签确定为被聚焦的标签。

可选的，在上述步骤13之后，根据需要切换到的标签所处位置，更新堆栈中的焦点移动路径的最新记录。本发明实施例以智能电视访问网页服务器上的HTML页面为例进行详细描述。

本发明实施例中的网页服务器用于为智能电视提供用于展示文字信息、媒体信息以及与用户进行交互的HTML页面。其中，用户可以利用与智能电视配套的遥控器向智能电视发送携带有遥控器键值的操作指令，以指示智能电视在将用于控制焦点移动方向的遥控器键值上传给网页服务器后，由网页服务器按照用户的需求进行焦点控制和切换。

本发明实施例通过维护一个焦点堆栈focusLink作为焦点的移动路径，使用currentFocusNode记录HTML页面当前的焦点位置，通过浏览器引擎获取遥控器按键键值(为了描述方便，以下简称为遥控器键值)，计算焦点移动方向direction，根据页面控件(也可称为Web标签或标签)中定义的focusable、nextFocusUP、nextFocusDOWN、nextFocusLEFT、nextFocusRIGHT等属性为关键字，利用焦点移动算法，在HTML页面中计算新的焦点位置，更新currentFocusNode和focusLink，通知HTML页面进行焦点变化。

图2示出了本发明实施例提供的HTML页面的结构示意图，参见图2，HTML页面是指符合HTML标准的文档页面，负责页面控件的定义和展示。在本发明实施例中，HTML页面负责接收浏览器引擎上传的遥控器键值keyCode，将接收到的遥控器键值keyCode发送给焦点控制模块。

HTML页面还负责页面控件是否可以获得焦点的定义(即页面控件属性focusable为true或者false)，并且描述了该控件在上下左右四个方向的下一个可获得焦点的页面控件id(即在页面控件属性nextFocusUP、nextFocusDOWN、nextFocusLEFT、nextFocusRIGHT中指定下一个页面控件的id值)。

HTML页面还负责焦点变化事件(焦点变化事件指页面控件获得焦点onFocus、失去焦点onBlur)的处理。其中，获得焦点的标签即为被聚焦的标签。

继续参见图2，遥控器键值处理模块负责将接收并转化遥控器键值keyCode为焦点移动方向direction，并将当前焦点位置currentFocusNode和移动方向direction传入焦点位置计算模块。

继续参见图2，焦点位置获取模块负责从焦点堆栈focusLink中获取当前焦点位置信息currentFocusNode。

继续参见图2，焦点位置计算模块负责根据当前焦点位置currentFocusNode和焦点移动方向direction，搜索HTML页面中的页面控件，计算新的焦点位置，并更新currentFocusNode的取值。

继续参见图2，焦点位置设置模块负责根据传入的焦点位置currentFocusNode，更新焦点堆栈focusLink，并将currentFocusNode通知HTML页面触发焦点事件。

需要说明的是，上述焦点控制模块可以是一段JS(JavaScrip)脚本程序。HTML页面中需要嵌入这段程序才能进行焦点控制，这段程序的作用是对网页进行动态控制。而用户利用遥控器向智能电视发送携带有遥控器键值的操作指令，遥控器作为操作设备把遥控器键值传递给终端中的浏览器，浏览器把键值传递给HTML页面对应的网页服务器；其中，HTML页面本身有个属性可以获取到键值，详见协议规定，这里不再赘述。

图3示出了本发明实施例提供的焦点移动的流程示意图，参见图2和图3，该流程可以包括：

步骤31：用户操作遥控器的按键，触发遥控器将对应的键值发送至智能电视，智能电视中的浏览器引擎接收由用户发送的遥控器键值keyCode。

步骤32：浏览器引擎调用标准接口，将遥控器键值keyCode发送给HTML页面。

步骤33：HTML页面将遥控器键值keyCode发送给焦点控制模块。

步骤34：焦点控制模块根据遥控器键值keyCode计算新的焦点位置。

步骤35：焦点控制模块将新的焦点位置通知给HTML页面进行焦点移动。

这样，由HTML页面完成了对焦点的控制流程，使HTML页面的焦点移动不再依赖浏览器引擎的焦点控制机制，实现了与浏览器引擎的进一步解耦。

基于上述图2和图3，图4示出了本发明实施例中由HTML页面进行焦点控制的流程示意图；如图4所示，该流程可以包括：

步骤i：HTML页面将遥控器键值keyCode传入遥控器键值处理模块，遥控器键值处理模块将键值keyCode转化为焦点移动方向direction。

步骤ii：遥控器键值处理模块调用焦点位置获取模块。

步骤iii：焦点位置获取模块根据焦点堆栈focusLink获取焦点位置currentFocusNode，将该位置信息传给遥控器键值处理模块。

步骤iv：遥控器键值处理模块将焦点位置currentFocusNode和焦点移动方向direction传入焦点位置计算模块。

步骤v：焦点位置计算模块根据焦点位置currentFocusNode和焦点移动方向direction，搜索HTML页面中的页面控件，计算新的焦点位置，更新currentFocusNode的值，并将该位置信息传给焦点位置设置模块。

步骤vi：焦点位置计算模块将新的焦点位置currentFocusNode传给焦点位置设置模块。

步骤vii：焦点位置设置模块将currentFocusNode放入焦点堆栈focusLink，通知HTML页面触发焦点事件。

本发明实施例以向下操作为例，对焦点移动算法进行详细描述。

图5示出了本发明实施例提供的焦点移动算法的流程示意图，如图5所示，该流程详细描述了图4步骤v中根据焦点位置currentFocusNode和焦点移动方向direction，计算新的焦点位置的算法。

步骤a：判断位置currentFocusNode是否指定了向下方向的下一个焦点位置id，即是否含有有效的nextFocusDOWN属性。如果是，则执行步骤b，否，则执行步骤c。

步骤b：根据该位置id获取下一个页面控件，将该控件传入下一步骤，并执行步骤d。

步骤c：根据HTML页面DOM树的关系，搜索获取当前位置下一个兄弟节点的页面控件，将该控件传入下一步骤，并执行步骤d。

具体的，在本发明实施例中的DOM树是HTML Document Object Model(文档对象模型，DOM)，HTML DOM适用于HTML/XHTML的文档对象模型。在本发明实施例中，一个HTML页面实际上是一些web标签的集合，这些web标签组成了树形结构。

步骤d：根据传入的控件更新currentFocusNode，判断currentFocusNode是否可以获得焦点，即是否含有focusable属性且值为true，如果是，则执行步骤e；否则，跳回执行步骤a。

步骤e：对currentFocusNode设置焦点。

需要说明的是，本发明实施例仅以向下操作为例进行描述，同样，向上操作、向左操作和向右操作均采用相同的焦点位置算法进行焦点控制。

可见，本发明实施例中的HTML页面的改进在于：

第一，对于需要获得焦点的页面控件，需要增加focusable、nextFocusUP、nextFocusDOWN、nextFocusLEFT、nextFocusRIGHT等属性。

第二，需要集成焦点控制模块。而焦点控制模块是网页部分的一个公共模块，各个网页在需要处理焦点移动位置信息时，调用这个模块即可。也就是说，多个HTML页面可以共用同一个焦点控制模块，用以实现各HTML页面的焦点控制方案。

在本发明实施例中的上述两个改进仍然符合HTML标准规定，因此，可被广泛应用到各种类型、各种版本的浏览器中。

本发明实施例与现有技术的差异在于：

(1)实现的技术基础不同：现有技术是基于浏览器技术，本发明是基于web技术；

(2)实现的效果有差异：现有技术在不同的平台上效果可能有所差异(这是由于不同设备采用不同浏览器)，本发明实现了不同平台下焦点控制的统一控制。

在本发明实施例中，页面焦点的移动顺序，是根据HTML页面中的各个页面控件的focusable、nextFocusUP、nextFocusDOWN、nextFocusLEFT、nextFocusRIGHT等属性决定的，能够针对遥控器四个方向键的操作，也就是说或，按向下键时，检索判断currentFocusNode对应页面控件的nextFocusDOWN属性；按向左键时，检索判断currentFocusNode对应页面控件的nextFocusLEFT属性，并以此类推；可见，本发明实施例基于HTML页面进行焦点控制而不再依赖于浏览器引擎，从而更精准的实现复杂页面的焦点控制。

需要说明的是，在本发明实施例中，页面控件是指HTML页面中的一些可见的Web标签，比如一个按钮，一个文本输入框等等。

还需要说明的是，本发明实施例仅以智能电视访问网页服务器上的HTML页面为例进行了详细描述，通过其他终端访问网页服务器的方案均在本发明的保护范围内，这里不再赘述。

从上述技术方案可以看出，本发明实施例提供的焦点控制方法基于Web技术对网页上的焦点进行切换和控制，与现有技术中的基于浏览器技术的焦点控制方法不同，本发明实施例可以将焦点控制机制部署在网页、网页服务器或终端内部，当各种系统的终端利用不同的浏览器访问同一网页时，由于该网页能够负责焦点控制，因此不同系统的终端、甚至不同的浏览器在展示该网页时，该网页或网页服务器利用自身的焦点控制机制进行焦点控制，这样，实现将焦点控制机制与浏览器的解耦，进而能够提供一种跨平台且不受浏览器限制的焦点控制方案。

在本发明实施例中，接收终端上报的用于控制网页中的焦点移动方向的遥控器键值；这样，本发明实施例中能够获取到由浏览器传递的遥控器键值；确定被聚焦的标签；根据遥控器键值所对应的方向，在被聚焦的标签的预设属性信息中查找与该方向对应的标签的标识；并在查找到的标签为可被聚焦的标签时，将该标签确定为需要切换到的标签；这样，能够根据遥控器键值确定出用户想要切换到的标签，并进一步的将焦点由被聚焦的标签移动至需要切换到的标签上。可见，本发明实施例中由网页或网页服务器获取用户发送给终端的遥控器键值，并进一步根据用户需求进行焦点切换，使焦点移动不再依赖浏览器引擎的焦点控制机制，实现了与浏览器引擎的解耦，进而提供一种跨平台且不受浏览器制约的控制焦点方案。

基于相同的技术特征，本发明实施例还提供了一种焦点控制装置，图6示出了本发明实施例提供的焦点控制装置的结构示意图，如图6所示，该装置包括：

获取模块61，用于接收于控制页中的焦点移动方向的遥控器键值；

焦点计算模块62，用于确定被聚焦的标签；根据所述遥控器键值所对应的方向，在所述被聚焦的标签的属性信息中，查找与所述方向对应的标签的标识；并在查找到的标签为可被聚焦的标签时，将所述查找到的标签确定为需要切换到的标签；

焦点移动模块63，用于将焦点由所述被聚焦的标签移动至所述需要切换到的标签。

可选的，所述焦点移动模块63还用于:当不存在被聚焦的标签时，将焦点设置到预设的标签。

可选的，所述焦点计算模块62还用于：当在所述被聚焦的标签的属性信息中未查找到与所述方向对应的标签的标识时，在设置的文档对象模型DOM中，搜索处于所述被聚焦的标签的下一个节点位置的标签的标识；并在搜索到的标签为可被聚焦的标签时，将所述搜索到的标签确定为需要切换到的标签；所述焦点移动模块63还用于：将焦点由所述被聚焦的标签移动至所述需要切换到的标签。

可选的，该装置还包括：用于存储焦点移动路径的堆栈；所述获取模块61具体用于：获取所述堆栈中的焦点移动路径的最新记录，将所述焦点移动路径的最新记录所处位置对应的标签确定为被聚焦的标签。

可选的，该装置还包括：路径维护单元，用于根据所述需要切换到的标签所处位置更新所述堆栈中的焦点移动路径的最新记录。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器，使得通过该计算机或其他可编程数据处理设备的处理器执行的指令可实现流程图中的一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图的一个流程或多个流程和/或方框图的一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (10)

1.一种焦点控制方法，其特征在于，该方法包括：

接收用于控制网页中的焦点移动方向的遥控器键值；

确定被聚焦的标签；根据所述遥控器键值所对应的方向，在所述被聚焦的标签的属性信息中，查找与所述方向对应的标签的标识；并在查找到的标签为可被聚焦的标签时，将所述查找到的标签确定为需要切换到的标签；

将焦点由所述被聚焦的标签移动至所述需要切换到的标签。

2.如权利要求1所述的方法，其特征在于，如果不存在被聚焦的标签，则将焦点设置到预设的标签。

3.如权利要求1所述的方法，其特征在于，如果在所述被聚焦的标签的属性信息中未查找到与所述方向对应的标签的标识，则在设置的文档对象模型DOM中，搜索处于所述被聚焦的标签的下一个节点位置的标签的标识；并在搜索到的标签为可被聚焦的标签时，将所述搜索到的标签确定为需要切换到的标签；

将焦点由所述被聚焦的标签移动至所述需要切换到的标签。

4.如权利要求1-3中任一项所述的方法，其特征在于，该方法还包括：设置有用于存储焦点移动路径的堆栈；

通过如下步骤确定被聚焦的标签：

获取所述堆栈中的焦点移动路径的最新记录，将所述焦点移动路径的最新记录所处位置对应的标签确定为被聚焦的标签。

5.如权利要求4所述的方法，其特征在于，在将焦点由所述被聚焦的标签移动到所述需要切换到的标签之后，还包括：

根据所述需要切换到的标签所处位置，更新所述堆栈中的焦点移动路径的最新记录。

6.一种焦点控制装置，其特征在于，该装置包括：

获取模块，用于接收于控制页中的焦点移动方向的遥控器键值；

焦点计算模块，用于确定被聚焦的标签；根据所述遥控器键值所对应的方向，在所述被聚焦的标签的属性信息中，查找与所述方向对应的标签的标识；并在查找到的标签为可被聚焦的标签时，将所述查找到的标签确定为需要切换到的标签；

焦点移动模块，用于将焦点由所述被聚焦的标签移动至所述需要切换到的标签。

7.如权利要求6所述的装置，其特征在于，所述焦点移动模块还用于：当不存在被聚焦的标签时，将焦点设置到预设的标签。

8.如权利要求6所述的装置，其特征在于，所述焦点计算模块还用于：

当在所述被聚焦的标签的属性信息中未查找到与所述方向对应的标签的标识时，在设置的文档对象模型DOM中，搜索处于所述被聚焦的标签的下一个节点位置的标签的标识；并在搜索到的标签为可被聚焦的标签时，将所述搜索到的标签确定为需要切换到的标签；

所述焦点移动模块还用于：将焦点由所述被聚焦的标签移动至所述需要切换到的标签。

9.如权利要求6-8中任一项所述的装置，其特征在于，该装置还包括：

用于存储焦点移动路径的堆栈；

所述获取模块具体用于：获取所述堆栈中的焦点移动路径的最新记录，将所述焦点移动路径的最新记录所处位置对应的标签确定为被聚焦的标签。

10.如权利要求9所述的装置，其特征在于，该装置还包括：

路径维护单元，用于根据所述需要切换到的标签所处位置更新所述堆栈中的焦点移动路径的最新记录。