专利名称：机顶盒web界面制作方法和操作方法
技术领域：
本发明涉及数字电视机顶盒界面，尤其是涉及一种机顶盒web界面操作方法。
背景技术：
以往的机顶盒操作界面多为bdom界面，bdom界面采用c语言编写，界面烧制于于 机顶盒内部。bdom界面的优点是速度较快，缺点是界面效果较单调，更新界面开发工作量较 大。使用在PC领域的Web开发的界面采用html、javascript和ess编写，其界面效果 可以更为复杂和美观，因此吸引了一些厂商采用web开发相关机顶盒界面。在web应用中， 由于网页运行于浏览器中，通常的网页都是通过鼠标的点击来完成页面的跳转和页面动画 的执行。而在机顶盒环境中则需要使用遥控器控制。遥控器典型的只配备按键，失去鼠标 之后，页面元素操作和展现几乎无法进行。
发明内容
本发明所要解决的技术问题是提供一种基于按键的机顶盒web界面操作方法。本发明为解决上述技术问题而采用的技术方案是提出一种机顶盒web界面的制 作方法，用于实现对机顶盒界面的一个或多个页面元素的按键操作，该方法包括以下步骤 接收对该机顶盒界面中需要绑定的页面元素的选择；设置该页面元素的移动方向；将该页 面元素与机顶盒遥控器的一个或多个按键的键盘键值绑定；以及将被绑定的键盘键值中的 每一键盘键值与一调用函数绑定，该调用函数用于在所绑定的键盘键值所对应的按键被敲 击时，展示该页面元素对按键被敲击的响应。在本发明的一实施例中，所述移动方向包括包括上下移动与左右移动。在本发明的一实施例中，该机顶盒遥控器的一个或多个按键时从上、下、左、右移 动和确定按键中选择。在本发明的一实施例中，该页面元素对按键被敲击的响应包括页面元素的弹出、 页面元素的消失、页面元素的淡入、页面元素的淡出、页面元素的移动、页面元素的高亮、页 面元素的放大、页面元素的缩小。本发明还提出一种机顶盒web界面的操作方法，该方法包括以下步骤接收机顶 盒遥控器的按键输入；根据按键对应的键盘键值确定一调用函数，其中该键盘键值与当前 机顶盒界面的一页面元素预先被绑定，且该调用函数与该键盘键值预先被绑定；以及利用 该调用函数展示该页面元素对按键被敲击的响应。在本发明的一实施例中，该机顶盒遥控器的按键输入包括上、下、左、右移动和确 定按键。在本发明的一实施例中，该页面元素对按键被敲击的响应包括页面元素的弹出、 页面元素的消失、页面元素的淡入、页面元素的淡出、页面元素的移动、页面元素的高亮、页 面元素的放大、页面元素的缩小。
3
本发明由于采用以上技术方案，使之与现有技术相比，可以在没有鼠标的情况下， 使用键盘对机顶盒web界面进行操作，从而使web应用于机顶盒操控界面成为可能。
为让本发明的上述目的、特征和优点能更明显易懂，以下结合附图对本发明的具 体实施方式作详细说明，其中图1示出本发明一实施例的机顶盒web界面开发工具逻辑。图2示出本发明一实施例的机顶盒web界面制作方法流程图。图3示出本发明一实施例的机顶盒web界面操作方法流程图。图4A-4C示出本发明的机顶盒界面的示例性操作过程。
具体实施例方式下面实施例，将描述一种方便使用键盘控制页面元素展现功能的工具和方法，为 使用遥控器操控页面元素展现奠定基础，从而使web应用于机顶盒操控界面成为可能。在本发明的上下文中，机顶盒指这样一个设备，它连接电视机与外部信号源，可以 将压缩的数字信号转成电视内容，并在电视机的显示屏幕上显示出来。机顶盒可以是电视 机之外的设备，也可以是集成在电视机内部的设备。通过一个遥控器来对机顶盒进行操作。 遥控器的按键通常包含数字键和导航键，配合可自定义数量的功能键，具体包括“0”- “9” 数字键，上、下、左、右、确定5键导航键，以及其他许多功能键，例如开/关机键、静音键等 等。按键可具有一个或多个功能定义。图4A示出本发明的示例性机顶盒界面，参照图4A所示，机顶盒界面400具有主画 面402，在主画面402的左侧是视频操作列表404，包括多个可选的操作406，例如节目预告、 录制回放、视频点播、节目回看以及画中画等。在主画面的下方是可选功能列表408，包括娱 乐、通信、信息、电视、管理、推荐等功能410。在画面的左下方有一操作提示栏412，提示使 用者如何对当前页面进行操作。典型的，操作所使用的按键包括上、下、左、右、以及确定键。 下面描述的实施例将以此为例说明如何将按键与特定的可执行操作关联。图1示出本发明一实施例的机顶盒web界面开发工具逻辑。参照图1所示，在数 据库120中保存有页面元素122、移动方向124、键盘键值126以及调用函数128。一个或 多个页面元素122可以与一个机顶盒界面对应。并且，每一机顶盒界面可包括多个页面元 素。移动方向1 用来设定页面元素的移动方向。键盘键值126用来标识每一特定按键。 例如，方向键“上”具有一第一键盘键值，而方向键“下”具有一第二键盘键值，等等。调用 函数1 用来记载每一特定按键操作下应执行的函数，从而实现所需的响应。这些响应包 括但不限于，页面元素的弹出、页面元素的消失、页面元素的淡入、页面元素的淡出、页面元 素的移动、页面元素的高亮、页面元素的放大、缩小等等。一输入单元110可用来从页面元素122中选定需要控制的页面元素，从而启动页 面元素与其他数据的绑定。设计者或者其他使用者可选择这一受控页面元素的移动方向， 例如上下移动，或者左右移动。设计者或者其他使用者也可选择这一受控页面元素所对应 的键盘键值，以及调用函数。在绑定单元130，受控页面元素会和移动方向、键盘键值和调用函数绑定，成为绑定页面元素。在一实施例中，上述的工具是基于Jquery。Jquery是个优秀的开源的javascript 库，该库封装了 javascript常用的方法，屏蔽了浏览器的差异性，能够显著提高开发效率。图2示出本发明一实施例的机顶盒web界面制作方法流程图。参照图2所示，方 法包括以下步骤在步骤Si，接收对需要绑定的页面元素的选择，这些页面元素将会受控于键盘的 操作，而其它页面元素则不受键盘控制。在步骤S2，设置页面元素的移动方向，可选项为上下移动与左右移动。在步骤S3，将上、下、左、右移动和确定按键的键盘键值与页面元素绑定，当被绑定 的键被敲击时，受控的页面元素将会做出相应的展现，具体展现由调用函数决定。在步骤S4，将上、下、左、右移动和确定功能按键的调用函数与对应的键盘键值绑 定，当被绑定的键被敲击时，调用函数中可做页面元素的响应的展现功能。回到图4A所示的示例性界面，视频操作列表404对应的示范性代码如下
ud = new $.fn.directionCtrl({parent:$(〃 #〃 +currentObject. vMenuID),mode: ' ud'，childs:itemList,count :0,upMoveFunc:_upMove,downMoveFunc:_downMove,ensureFunc:_ensure})；对以上代码的解释如下$. fn. directionCtrl 即为该技术对象。parent $(" #" +currentObject. vMenuID)对应视频操作列表 404 的父元素childs =ItemList对应视频操作列表404的五个选项mode ，ud，表示为上下移动方式Coimt=O表示初始选中的元素为索引为0(即第一个)的元素upMoveFunc :upMove，对应按上键时响应的函数downMoveFunc :downMove 对应按下键时响应的函数ensureFunc :_ensure 对应按确定键时响应的函数在此，默认由遥控器的上键触发upMoveFunc，下键触发downMoveFunc，确认键触 发ensureFunc。也可以自定义触发的按键，自定义参数为upKey和downKey，ensureKey ； upKey是触发向上移动的键值，downKey是触发向下移动的键值，ensureKey是触发确定键 的键值。另外，可选功能列表408的示范性代码如下Ir = new $. fn. directionCtrl({parent:$(〃 #menuAlIArea〃 )，childs:$(" #menuAlIArea div")，
count:count_l,IeftMoveFuncIeftMove,rightMoveFuncrightMove})；对上述代码的解释如下parent :$(〃 SmenuAllArea")对应可选功能列表408的父元素childs :$(〃 #menuAllArea div〃)对应可选功能列表 408 的选项。count :count-l表示初始选中的元素为索引为count-I的元素IeftMoveFunc =IeftMove 对应按左键时响应的函数rightMoveFunc :rightMove 对应按右键时响应的函数由于默认的移动方式是“Ir”(即左右移动)，故这里可省略该参数的设置，默认由 遥控器的左键触发leftMoveFunc，右键触发rightMoveFunc。也可以自定义触发的按键，自 定义参数为IeftKey和rightKey ；IeftKey是触发向左移动的键值，rightKey是触发向右 移动的键值。图3示出本发明一实施例的机顶盒web界面操作方法流程图。参照图3所示，操 作方法包括以下步骤在步骤S11，接收在机顶盒遥控器上按下的按键输入，例如按键“上”;接收时，会得 到这一按键输入的键盘键值；在步骤S12，根据按键(或者键盘键值)与调用函数的绑定关系，确定调用函数； 参照前述的代码可知，使用按键“上”对应的键盘键值upMoveFunc，可确定此时的调用函数 UpMove0在步骤S 13，执行调用函数，以执行页面元素的响应。页面元素通过展示变化来表 达对按键按下的响应。例如，当执行调用函数upMove时，界面元素的高亮会做上下移动。图4A-4C示出本发明的机顶盒界面的示例性操作过程。当按上下键的时候视频操 作列表404内高亮背景将会在五个选项元素中上下移动，例如从图4A的“节目预告”移动 到图4B的“录制回放”。当按左右键的时候下方的可选功能列表408内的元素将会左右移 动，例如从图4A的选中“电视”(黑色三角标记指向位置)到图4C的选中“信息”功能。值得一提的是，虽然上述实施例描述了控制页面元素的上下左右移动，但实 际上页面元素做何种移动、执行何种操作(包括何种动画)都可由用户自定义，即由 upMoveFunc、downMoveFunc、IeftMoveFunc 禾口 rightMoveFunc 等参数对应的函数来实现。实 施例只是指明了在触发了上键、下键、左键或者右键中某个键的时候，childs中某个选项元 素是选中状态，而 IeftMoveFunc>rightMoveFunc>upMoveFunc 禾口 downMoveFunc 对应的函数 则是对该选中的选项元素做具体的操作，除了对该选中的元素做操作外，也可以对页面上 的其他元素做操作。虽然本发明已以较佳实施例揭示如上，然其并非用以限定本发明，任何本领域技 术人员，在不脱离本发明的精神和范围内，当可作些许的修改和完善，因此本发明的保护范 围当以权利要求书所界定的为准。
权利要求
1.一种机顶盒web界面的制作方法，用于实现对机顶盒界面的一个或多个页面元素的 按键操作，该方法包括以下步骤接收对该机顶盒界面中需要绑定的页面元素的选择； 设置该页面元素的移动方向；将该页面元素与机顶盒遥控器的一个或多个按键的键盘键值绑定；以及 将被绑定的键盘键值中的每一键盘键值与一调用函数绑定，该调用函数用于在所绑定 的键盘键值所对应的按键被敲击时，展示该页面元素对按键被敲击的响应。
2.如权利要求1所述的方法，其特征在于，所述移动方向包括包括上下移动与左右移动。
3.如权利要求1所述的方法，其特征在于，该机顶盒遥控器的一个或多个按键时从上、 下、左、右移动和确定按键中选择。
4.如权利要求1所述的方法，其特征在于，该页面元素对按键被敲击的响应包括页面 元素的弹出、页面元素的消失、页面元素的淡入、页面元素的淡出、页面元素的移动、页面元 素的高亮、页面元素的放大、页面元素的缩小。
5.一种机顶盒web界面的操作方法，该方法包括以下步骤 接收机顶盒遥控器的按键输入；根据按键对应的键盘键值确定一调用函数，其中该键盘键值与当前机顶盒界面的一页 面元素预先被绑定，且该调用函数与该键盘键值预先被绑定；以及 利用该调用函数展示该页面元素对按键被敲击的响应。
6.如权利要求5所述的方法，其特征在于，该机顶盒遥控器的按键输入包括上、下、左、 右移动和确定按键。
7.如权利要求5所述的方法，其特征在于，该页面元素对按键被敲击的响应包括页面 元素的弹出、页面元素的消失、页面元素的淡入、页面元素的淡出、页面元素的移动、页面元 素的高亮、页面元素的放大、页面元素的缩小。
全文摘要
本发明涉及一种机顶盒web界面的制作方法，用于实现对机顶盒界面的一个或多个页面元素的按键操作，该方法包括以下步骤接收对该机顶盒界面中需要绑定的页面元素的选择；设置该页面元素的移动方向；将该页面元素与机顶盒遥控器的一个或多个按键的键盘键值绑定；以及将被绑定的键盘键值中的每一键盘键值与一调用函数绑定，该调用函数用于在所绑定的键盘键值所对应的按键被敲击时，展示该页面元素对按键被敲击的响应。通过该方法，可以使用键盘对机顶盒web界面进行操作。
文档编号H04N21/472GK102111678SQ201110032678
公开日2011年6月29日 申请日期2011年1月30日 优先权日2011年1月30日
发明者孙宏明 申请人:上海全景数字技术有限公司