CN102857823A - 基于电视的web页面焦点控制方法 - Google Patents
基于电视的web页面焦点控制方法 Download PDFInfo
- Publication number
- CN102857823A CN102857823A CN 201210303362 CN201210303362A CN102857823A CN 102857823 A CN102857823 A CN 102857823A CN 201210303362 CN201210303362 CN 201210303362 CN 201210303362 A CN201210303362 A CN 201210303362A CN 102857823 A CN102857823 A CN 102857823A
- Authority
- CN
- China
- Prior art keywords
- remote
- effect process
- frame effect
- selecting
- focus
- 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.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本发明提供一种基于电视的web页面焦点控制方法，其包括：步骤1，将页面分成多个固定的区域；步骤2，采用漂浮框表示焦点的当前选择；步骤3，设置焦点与不同的独立的多个遥控悬浮选框效果处理模块的绑定；以及步骤4，当焦点在相同区域中的元素之间切换的时候，采用同样大小的边框，来回覆盖相应元素，所述多个遥控悬浮选框效果处理模块协同控制所述漂浮框的行走。本发明中的基于电视的web页面焦点控制方法，页面行走风格独特，并且由全js脚本控制，不再依赖浏览器对焦点控制方式的实现，从而全面掌握应用在用户端的展现。
Description
技术领域
本发明涉及智能电视应用领域，特别是涉及到一种基于电视的web页面焦点控制方法。
背景技术
由于智能电视刚刚起步，在其中应用的浏览器五花八门，因此想在智能电视上发布web应用，面临着不同的浏览器标准，传统采用的页面技术往往难以逐个兼容，如果逐个做匹配，往往易限于无休止的技术黑洞，同时在页面展现的效果，也容易因此显得凌乱不堪。因此，采用一种风格一致、独立于浏览器的统一界面解决方案，对于在tv端web应用的推广，将会带来很大帮助。在申请号为CN200810146345.2的中国专利申请中，提出了一种网络电视业务适配方法、服务器及系统，其能够根据机顶盒的能力信息选择匹配的显示模板,并利用显示模板适配机顶盒所请求的IPTV内容,从而使得业务系统对不同软硬件能力的机顶盒采用统一的方式提供服务。但是，该专利并不是将技术难点通过面向对象的方式来解决，其为面向过程的处理方式，开发周期比较长，维护成本高。
发明内容
本发明的目的是提供一种基于电视的web页面焦点控制方法，其可以使所有页面的焦点风格统一，且全js控制使得对浏览器的依赖大大弱化。
本发明的目的可通过如下技术方案来实现：基于电视的web页面焦点控制方法，所述基于电视的web页面焦点控制方法包括：步骤1，将页面分成多个固定的区域；步骤2，采用漂浮框表示焦点的当前选择；步骤3，设置焦点与不同的独立的多个遥控悬浮选框效果处理模块的绑定；以及步骤4，当焦点在相同区域中的元素之间切换的时候，采用同样大小的边框，来回覆盖相应元素，所述多个遥控悬浮选框效果处理模块协同控制所述漂浮框的行走。
本发明的目的还可通过如下技术措施来实现：
优选的是，所述多个固定的区域包括按钮区域、播放方式选择区域、集数选择区域和分页区域。
优选的是，在步骤2中，采用级联样式表画出所述漂浮框，所述级联样式表为独立定义。
优选的是，所述多个遥控悬浮选框效果处理模块包括第一遥控悬浮选框效果处理模块，处理WEB应用与机顶盒的相关配置开关。
优选的是，所述多个遥控悬浮选框效果处理模块包括第二遥控悬浮选框效果处理模块，处理WEB应用按键。
优选的是，所述多个遥控悬浮选框效果处理模块包括第三遥控悬浮选框效果处理模块，处理WEB应用浏览器的适配。
优选的是，所述多个遥控悬浮选框效果处理模块包括第四遥控悬浮选框效果处理模块，处理WEB应用遥控悬浮框效果。
优选的是，所述多个遥控悬浮选框效果处理模块包括第五遥控悬浮选框效果处理模块，处理WEB应用数据分页。
优选的是，在步骤4中，所述漂浮框形成由所述多个遥控悬浮选框效果处理模块协同控制的行走的动画，该动画的快慢时间为预设值。
优选的是，在步骤4中，当焦点在不同区域的元素之间切换的时候，所述漂浮框形成的动画在行走过程中渐进变化大小，以适应不同区域元素的大小。
技术人员不难看出，上述各优选方案的任意组合所构成的方案都是本发明的一部分。
本发明中的基于电视的web页面焦点控制方法，在问题处理上引入了组的概念，将同一类别，同一目的的内容纳入同一分组，组内成员有独立的关系，组合组有独立的关系，这种设计的优点就是大大的减少了开发中的逻辑判断。本发明中的基于电视的web页面焦点控制方法，页面行走风格独特，从用户体验角度来讲，带给用户这样一种独特的体验：行走的方框在电视的大屏之上灵动多变但又风格统一，可以带领用户随心所欲的聚焦到感兴趣的内容，并且由全js脚本控制，不再依赖浏览器对焦点控制方式的实现，从而全面掌握应用在用户端的展现。本发明中的基于电视的web页面焦点控制方法解决了IPTV机顶盒WEB项目应用中，浏览器适配、遥控操作、和焦点处理等解决方案不同一的问题，从而降低应用开发，维护的难度。其可以根据不同浏览器的兼容性，提供不同的显示效果；根据不同型号的机顶盒遥控器，提供统一的按键响应；根据指定的业务需求，智能选择/切换显示效果。
附图说明
图1为本发明的基于电视的web页面焦点控制方法一优选实施例的流程图；
图2为应用本发明的基于电视的web页面焦点控制方法的一优选实施例的浏览器页面示意图。
具体实施方式
为使本发明的上述和其他目的、特征和优点能更明显易懂，下文特举出较佳实施例，并配合所附图式，作详细说明如下。
图1为本发明的基于电视的web页面焦点控制方法的一优选实施例的流程图。图2为应用本发明的基于电视的web页面焦点控制方法的一优选实施例的浏览器页面示意图。
在步骤101，将页面分成几个固定的区域，如图2中的【返回】按钮区域、播放方式选择区域、集数选择区域、以及下部的分页区域。流程进入到步骤102。
在步骤102，采用一个漂浮框表示焦点的当前选择，在图2的实施例中，采用级联样式表（Cascading Style Sheet，CSS）画出漂浮框，CSS独立定义，可以根据实际效果进行不同的设置。
在步骤103，设置焦点与多个不同的独立的遥控悬浮选框效果处理模块（js模块）的绑定，用于设置焦点的显示方式与不同浏览器之间的配置问题。在一实施例中，该多个不同的独立的js模块中的第一js模块（例如，LETV.Core）用于处理WEB应用与机顶盒的相关配置开关问题。第二js模块（例如，LETV.Keys）用于处理WEB应用按键处理问题。第三js模块（例如，LETV.Util）用与处理WEB应用浏览器适配问题。第四js模块（例如，LETV.Plate）用于处理WEB应用遥控悬浮框效果。第五js模块（例如，LETV.Page）用于处理WEB应用数据分页问题。流程进入到步骤104。
在步骤104，判断焦点是否在相同区域中的元素之间切换，当焦点在相同区域中的元素之间切换时，流程进入到步骤105。当焦点在不同区域中的元素之间切换，流程进入到步骤106。
在步骤105，当焦点在相同区域中的元素之间切换的时候，采用同样大小的边框，来回覆盖相应元素，且漂浮框会有一个行走的动画，控制由多个js模块协同实现，且动画的快慢时间可设置。
在步骤106，当焦点在不同区域的元素之间切换的时候，漂浮框行走的动画过程中，会渐进变化大小，以适应不同区域元素的大小。
本领域技术人员在阅读了本说明书后不难理解，本发明的基于电视的web页面焦点控制方法由现有技术结合而构成，这些现有技术虽然并没有事无巨细地全部一一描述，但在阅读了本说明书后本领域技术人员会知其所云。本说明书中描述了上述现有技术的结合而构成本发明的各个方案，本领域技术人员可以理解，这些方案的各种结合，以及构成这些方案的各个部分和/或特征的结合都属于本发明的方案的范畴。本领域技术人员显然可以理解的是，将上述现有技术结合起来构成本发明，这需要大量创造性劳动付出，是多年理论研究和大量实验的结晶。
Claims (10)
1.基于电视的web页面焦点控制方法，其特征在于，所述基于电视的web页面焦点控制方法包括：
步骤1，将页面分成多个固定的区域；
步骤2，采用漂浮框表示焦点的当前选择；
步骤3，设置焦点与不同的独立的多个遥控悬浮选框效果处理模块的绑定；以及
步骤4，当焦点在相同区域中的元素之间切换的时候，采用同样大小的边框，来回覆盖相应元素，所述多个遥控悬浮选框效果处理模块协同控制所述漂浮框的行走。
2.根据权利要求1所述的方法，其特征在于，所述多个固定的区域包括按钮区域、播放方式选择区域、集数选择区域和分页区域。
3.根据权利要求1或2所述的方法，其特征在于，在步骤2中，采用级联样式表画出所述漂浮框，所述级联样式表为独立定义。
4.根据权利要求1-3中任一项所述的方法，其特征在于，所述多个遥控悬浮选框效果处理模块包括第一遥控悬浮选框效果处理模块，处理WEB应用与机顶盒的相关配置开关。
5.根据权利要求1-4中任一项所述的方法，其特征在于，所述多个遥控悬浮选框效果处理模块包括第二遥控悬浮选框效果处理模块，处理WEB应用按键。
6.根据权利要求1-5中任一项所述的方法，其特征在于，所述多个遥控悬浮选框效果处理模块包括第三遥控悬浮选框效果处理模块，处理WEB应用浏览器的适配。
7.根据权利要求1-6中任一项所述的方法，其特征在于，所述多个遥控悬浮选框效果处理模块包括第四遥控悬浮选框效果处理模块，处理WEB应用遥控悬浮框效果。
8.根据权利要求1-7中任一项所述的方法，其特征在于，所述多个遥控悬浮选框效果处理模块包括第五遥控悬浮选框效果处理模块，处理WEB应用数据分页。
9.根据权利要求1-8中任一项所述的方法，其特征在于，在步骤4中，所述漂浮框形成由所述多个遥控悬浮选框效果处理模块协同控制的行走的动画，该动画的快慢时间为预设值。
10.根据权利要求1-9中任一项所述的方法，其特征在于，在步骤4中，当焦点在不同区域的元素之间切换的时候，所述漂浮框形成的动画在行走过程中渐进变化大小，以适应不同区域元素的大小。
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201210303362 CN102857823A (zh) | 2012-08-24 | 2012-08-24 | 基于电视的web页面焦点控制方法 |
| CN201310190837.2A CN103297854B (zh) | 2012-08-24 | 2013-05-22 | 一种web页面焦点控制方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201210303362 CN102857823A (zh) | 2012-08-24 | 2012-08-24 | 基于电视的web页面焦点控制方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN102857823A true CN102857823A (zh) | 2013-01-02 |
Family
ID=47403951
Family Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN 201210303362 Pending CN102857823A (zh) | 2012-08-24 | 2012-08-24 | 基于电视的web页面焦点控制方法 |
| CN201310190837.2A Expired - Fee Related CN103297854B (zh) | 2012-08-24 | 2013-05-22 | 一种web页面焦点控制方法 |
Family Applications After (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310190837.2A Expired - Fee Related CN103297854B (zh) | 2012-08-24 | 2013-05-22 | 一种web页面焦点控制方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (2) | CN102857823A (zh) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103473055A (zh) * | 2013-09-06 | 2013-12-25 | 乐视致新电子科技（天津）有限公司 | 一种焦点移动控制方法及装置 |
| CN103618928A (zh) * | 2013-10-24 | 2014-03-05 | 四川长虹电器股份有限公司 | 一种实现全屏可移动光标的方法 |
| CN104506941A (zh) * | 2014-12-11 | 2015-04-08 | 中国科学院声学研究所 | 智能电视中按键事件的处理方法及装置 |
| CN104750392A (zh) * | 2015-04-17 | 2015-07-01 | 深圳市美贝壳科技有限公司 | 图片焦点的显示方法和装置 |
| CN104811784A (zh) * | 2015-03-20 | 2015-07-29 | 四川长虹电器股份有限公司 | 安卓系统中iptv页面焦点呈现处理方法 |
| CN106028150A (zh) * | 2016-07-07 | 2016-10-12 | 四川长虹电器股份有限公司 | 用于Linux系统的电视的多应用切换管理方法 |
| CN106658139A (zh) * | 2016-10-18 | 2017-05-10 | Tcl集团股份有限公司 | 一种焦点控制方法及装置 |
| CN111586462A (zh) * | 2020-04-29 | 2020-08-25 | 海看网络科技(山东)股份有限公司 | 一种iptv中获取和移动焦点的方法 |
| CN114153536A (zh) * | 2021-11-12 | 2022-03-08 | 华东计算技术研究所（中国电子科技集团公司第三十二研究所） | 兼容触摸屏的物理按键的web页面焦点控制方法及系统 |
| CN115309306A (zh) * | 2021-05-08 | 2022-11-08 | Oppo广东移动通信有限公司 | 标签控制方法、装置、终端设备及存储介质 |
Families Citing this family (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105812944B (zh) * | 2014-12-29 | 2019-01-18 | 深圳Tcl新技术有限公司 | 界面焦点移动控制方法及装置 |
| CN105812881B (zh) * | 2014-12-30 | 2019-03-01 | Tcl集团股份有限公司 | 一种用户界面的窗口处理方法、系统及电视机 |
| CN104679509B (zh) * | 2015-02-06 | 2019-11-15 | 腾讯科技（深圳）有限公司 | 一种渲染图形的方法和装置 |
| CN104808920A (zh) * | 2015-04-30 | 2015-07-29 | 青岛海信电器股份有限公司 | 一种焦点控制方法及装置 |
| CN105791944B (zh) * | 2016-03-01 | 2018-10-26 | 深圳市茁壮网络股份有限公司 | 一种焦点图片显示方法及装置 |
| CN107295414A (zh) * | 2016-04-05 | 2017-10-24 | 北京优朋普乐科技有限公司 | 一种Web页面焦点控制方法及装置 |
| CN107197354B (zh) * | 2017-05-25 | 2020-09-25 | 海信视像科技股份有限公司 | 用户界面控制方法、装置和智能电视 |
| CN110045957A (zh) * | 2019-04-17 | 2019-07-23 | 上海圣剑网络科技股份有限公司 | 基于电视端应用的界面动态生成方法及系统 |
| CN110475138A (zh) * | 2019-07-05 | 2019-11-19 | 平安国际智慧城市科技股份有限公司 | 显示页面的焦点触发方法、装置、计算机设备和存储介质 |
| CN110865860A (zh) * | 2019-11-12 | 2020-03-06 | 望海康信(北京)科技股份公司 | 一种焦点切换方法和装置 |
| CN111968126B (zh) * | 2020-06-30 | 2023-10-17 | 上海艾策通讯科技股份有限公司 | 页面焦点识别方法、装置、计算机设备和存储介质 |
| CN113852847A (zh) * | 2021-06-29 | 2021-12-28 | 天翼智慧家庭科技有限公司 | 一种实现epg焦点配置及显示的方法 |
| CN113645489A (zh) * | 2021-08-26 | 2021-11-12 | 帕科视讯科技(杭州)股份有限公司 | 一种iptv平台epg动态焦点配置及移动的方法 |
| CN114063993B (zh) * | 2022-01-12 | 2022-07-26 | 北京智象信息技术有限公司 | 一种焦点移动处理方法、系统及计算机可读存储介质 |
Family Cites Families (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN100432912C (zh) * | 2004-05-07 | 2008-11-12 | 索尼株式会社 | 便携式电子设备及其显示方法和图形用户接口装置 |
| US8261209B2 (en) * | 2007-08-06 | 2012-09-04 | Apple Inc. | Updating content display based on cursor position |
| JP4577428B2 (ja) * | 2008-08-11 | 2010-11-10 | ソニー株式会社 | 表示装置、表示方法及びプログラム |
| CN101742142B (zh) * | 2008-11-21 | 2012-07-11 | 幸琳 | 一种引导电视机上网的系统及实现方法 |
| CN101788997A (zh) * | 2009-12-31 | 2010-07-28 | 康佳集团股份有限公司 | 网络电视浏览器访问互联网网站的方法 |
| US20120192078A1 (en) * | 2011-01-26 | 2012-07-26 | International Business Machines | Method and system of mobile virtual desktop and virtual trackball therefor |
| CN102508655B (zh) * | 2011-10-12 | 2014-06-18 | 宇龙计算机通信科技(深圳)有限公司 | 桌面图标展示方法及系统 |
-
2012
- 2012-08-24 CN CN 201210303362 patent/CN102857823A/zh active Pending
-
2013
- 2013-05-22 CN CN201310190837.2A patent/CN103297854B/zh not_active Expired - Fee Related
Cited By (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103473055B (zh) * | 2013-09-06 | 2017-04-05 | 乐视致新电子科技（天津）有限公司 | 一种焦点移动控制方法及装置 |
| CN103473055A (zh) * | 2013-09-06 | 2013-12-25 | 乐视致新电子科技（天津）有限公司 | 一种焦点移动控制方法及装置 |
| CN103618928A (zh) * | 2013-10-24 | 2014-03-05 | 四川长虹电器股份有限公司 | 一种实现全屏可移动光标的方法 |
| CN104506941A (zh) * | 2014-12-11 | 2015-04-08 | 中国科学院声学研究所 | 智能电视中按键事件的处理方法及装置 |
| CN104506941B (zh) * | 2014-12-11 | 2018-01-30 | 中国科学院声学研究所 | 智能电视中按键事件的处理方法及装置 |
| CN104811784A (zh) * | 2015-03-20 | 2015-07-29 | 四川长虹电器股份有限公司 | 安卓系统中iptv页面焦点呈现处理方法 |
| CN104811784B (zh) * | 2015-03-20 | 2018-03-30 | 四川长虹电器股份有限公司 | 安卓系统中iptv页面焦点呈现处理方法 |
| CN104750392A (zh) * | 2015-04-17 | 2015-07-01 | 深圳市美贝壳科技有限公司 | 图片焦点的显示方法和装置 |
| CN106028150A (zh) * | 2016-07-07 | 2016-10-12 | 四川长虹电器股份有限公司 | 用于Linux系统的电视的多应用切换管理方法 |
| CN106028150B (zh) * | 2016-07-07 | 2019-02-15 | 四川长虹电器股份有限公司 | 用于Linux系统的电视的多应用切换管理方法 |
| CN106658139A (zh) * | 2016-10-18 | 2017-05-10 | Tcl集团股份有限公司 | 一种焦点控制方法及装置 |
| CN106658139B (zh) * | 2016-10-18 | 2021-04-06 | Tcl科技集团股份有限公司 | 一种焦点控制方法及装置 |
| CN111586462A (zh) * | 2020-04-29 | 2020-08-25 | 海看网络科技(山东)股份有限公司 | 一种iptv中获取和移动焦点的方法 |
| CN115309306A (zh) * | 2021-05-08 | 2022-11-08 | Oppo广东移动通信有限公司 | 标签控制方法、装置、终端设备及存储介质 |
| CN114153536A (zh) * | 2021-11-12 | 2022-03-08 | 华东计算技术研究所（中国电子科技集团公司第三十二研究所） | 兼容触摸屏的物理按键的web页面焦点控制方法及系统 |
| CN114153536B (zh) * | 2021-11-12 | 2024-04-09 | 华东计算技术研究所（中国电子科技集团公司第三十二研究所） | 兼容触摸屏的物理按键的web页面焦点控制方法及系统 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103297854B (zh) | 2017-12-08 |
| CN103297854A (zh) | 2013-09-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102857823A (zh) | 基于电视的web页面焦点控制方法 | |
| CN103561220A (zh) | 一种电视终端及其多屏显示和控制的方法 | |
| CN104427376A (zh) | 信息显示装置、信息显示方法以及计算机程序 | |
| CN102752655A (zh) | 一种电子节目菜单的显示方法 | |
| CN104598248A (zh) | 基于html网页的焦点切换方法 | |
| CN102231824A (zh) | 视频监控任意编码格式数字矩阵系统及其实现方法 | |
| CN102625172A (zh) | 一种利用机顶盒浏览网页的方法和机顶盒 | |
| CN103428554A (zh) | 图像显示装置及其存储器管理方法 | |
| CN104363521B (zh) | 一种实现双屏或多屏拼接显示的方法和系统 | |
| CN104219585A (zh) | 一种展示电视节目的方法及装置 | |
| CN103491405A (zh) | 遥控系统、遥控器、显示设备及遥控方法 | |
| CN100561564C (zh) | 一种led显示屏及其控制系统和方法 | |
| CN204463784U (zh) | 发送卡、异步控制卡、接收卡和led显示屏控制系统 | |
| CN102404527B (zh) | 数字电视节目显示方法及终端 | |
| CN203444074U (zh) | 一种4k2k产品主控板的自动检测装置 | |
| CN107615769A (zh) | 广播接收设备及其信息提供方法 | |
| CN113163228A (zh) | 媒资播放类型标记方法及服务器 | |
| CN105446685B (zh) | 文档播放方法和系统 | |
| CN210804376U (zh) | 一体机led显示屏的新型控制架构 | |
| CN103594035A (zh) | 存储式多屏电子墨水屏标签显示系统及使用方法 | |
| CN103188543A (zh) | 遥控方法及装置 | |
| CN102223576A (zh) | 三网融合交互机顶盒 | |
| CN203827469U (zh) | 一种电视机 | |
| CN104778002A (zh) | 一种文本展示方法、移动终端及系统 | |
| CN204707216U (zh) | 三屏输出系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| ASS | Succession or assignment of patent right |
Owner name: LESHI ZHIXIN ELECTRONIC TECHNOLOGY (TIANJIN) CO., Free format text: FORMER OWNER: LETV INFORMATION TECHNOLOGY (BEIJING) CO., LTD. Effective date: 20130520 |
|
| C41 | Transfer of patent application or patent right or utility model | ||
| COR | Change of bibliographic data |
Free format text: CORRECT: ADDRESS; FROM: 100026 HAIDIAN, BEIJING TO: 300467 TANGGU, TIANJIN |
|
| TA01 | Transfer of patent application right |
Effective date of registration: 20130520 Address after: 300467, Tianjin District, Tianjin City, Tanggu animation road 126 No. 201-427 animation building B1 district two Applicant after: LESHI ZHIXIN ELECTRONIC SCIENCE & TECHNOLOGY (TIANJIN) CO., LTD. Address before: Room six, building 19, building 68, No. 100026 South Road, Haidian District, Beijing Applicant before: LeTV Information Technology (Beijing) Co., Ltd. |
|
| C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20130102 |