CN113747219A - 一种网络电视焦点移动控制方法 - Google Patents
一种网络电视焦点移动控制方法 Download PDFInfo
- Publication number
- CN113747219A CN113747219A CN202110970510.1A CN202110970510A CN113747219A CN 113747219 A CN113747219 A CN 113747219A CN 202110970510 A CN202110970510 A CN 202110970510A CN 113747219 A CN113747219 A CN 113747219A
- Authority
- CN
- China
- Prior art keywords
- focus
- network television
- algorithm
- focus movement
- control method
- 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
- 238000000034 method Methods 0.000 title claims abstract description 28
- 230000003213 activating effect Effects 0.000 claims abstract description 4
- 238000004364 calculation method Methods 0.000 claims description 7
- 230000004913 activation Effects 0.000 claims description 3
- 238000012544 monitoring process Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 abstract description 4
- 230000006978 adaptation Effects 0.000 abstract description 3
- 230000007547 defect Effects 0.000 abstract description 2
- 230000008569 process Effects 0.000 abstract description 2
- 238000012827 research and development Methods 0.000 abstract description 2
- 238000005096 rolling process Methods 0.000 abstract description 2
- 230000008859 change Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000002159 abnormal effect Effects 0.000 description 1
- 230000005856 abnormality Effects 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 230000007261 regionalization Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
- H04N21/4314—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for fitting data in a restricted space on the screen, e.g. EPG data in a rectangular grid
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/41—Structure of client; Structure of client peripherals
- H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
- H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
- H04N21/42206—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details
- H04N21/4221—Dedicated function buttons, e.g. for the control of an EPG, subtitles, aspect ratio, picture-in-picture or teletext
Abstract
本发明提供的一种网络电视焦点移动控制方法，包括如下步骤：①事件激活；②获取配置目标；③获取位置目标。本发明还提供了一种网络电视焦点移动控制设备。本发明能够有效减少焦点移动控制异常，有效降低出错率，通用性佳，易于适配，可控性极高，从而大幅提升用户体验；克服了当下所有的焦点算法需要引入大量的附加规则，以及重复编写代码弊端，大大提高了算法的通用性，极力缩短研发周期，更规范组件管理，框架自动处理超出内容的滚动。同时还便于定制焦点移动的特效，提高用户体验。
Description
技术领域
本发明涉及一种网络电视焦点移动控制方法。
背景技术
目前，互联网电视日益智能化和人性化，为响应当下推崇的千人千面，对于网络电视EPG不仅要求效果焦点平滑酷炫，为适应各人群需求，对EPG产品迭代频率也是越发加快，而市面上没有一种焦点框架能快速搭建这样产品。
目前实现焦点移动有两种方法：一种是利用浏览器内核自带的焦点处理算法，一种是通过业务实现焦点算法。默认情况下，浏览器实现的焦点算法效果和焦点框风格都比较单一，无法实现复杂的特效效果和视觉效果比较炫的焦点移动。此外，容易出现异常情况，如焦点无法移动到指定的焦点上，并且焦点移动的目标不可控等。
另一种是使用区域化算法管理，将页面划分为M*N个区域，M和N分别代表页面的行数和列数，并需要配置每个元素的ID，且同一区域的元素需要按顺序ID递增，M区域到另一M区域需要手动设置到指定的DOM元素。特别的在进行页面DOM结构删减时候，需要重新进行焦点重设置。缺点：研发效率低下，焦点算法的通用性差，手动配置项繁琐，复杂，极易出错，如命名ID出错，初始化时和命名对应不上,并且不易于版本迭代，不易于局部DOM元素调整，同时在不同终端处理兼容问题也是需要耗费大量的人力。对于一些超出页面高度内容不好处理滚动。
发明内容
为解决上述技术问题，本发明提供了一种网络电视焦点移动控制方法，该网络电视焦点移动控制方法能够有效减少焦点移动控制异常，有效降低出错率，通用性佳，易于适配，可控性极高，从而大幅提升用户体验。
本发明通过以下技术方案得以实现。
本发明提供的一种网络电视焦点移动控制方法，包括如下步骤：
①事件激活：监听移动按键事件，激活启动时获取对应的移动方向；
②获取配置目标：读取配置参数中对应移动方向的元素id，读取成功则将元素id置为焦点元素id完成焦点移动，并返回至步骤①，如读取失败则进入下一步；
③获取位置目标：采用阴影算法或区域算法获取目标元素id，并将目标元素id置为焦点元素id完成焦点移动，后返回至步骤①；阴影算法为获取沿移动方向的下一元素的元素id，区域算法为获取以移动方向为轴线的欧式距离最小的元素id。
所述步骤③中，先采用阴影算法获取目标元素id，如失败则采用区域算法获取目标元素id。
所述步骤②之前，从缓存中读取对应移动方向的元素id，读取失败则进入步骤②，读取成功则将元素id置为焦点元素id完成焦点移动，并返回至步骤①。
所述阴影算法中，以当前焦点元素中心点为起始点，以移动方向所在直线为延伸线，顺着延伸线寻找视界覆盖面被延伸线穿过的下一元素。
所述下一元素是可聚焦元素。
所述元素中心点为元素视界覆盖面的几何中心点。
所述区域算法中，以移动方向为欧式距离计算中的x轴，以对应元素中心点与x轴的垂线所在直线为y轴，采用二维欧式距离进行计算。
采用vue框架实现。
本发明还提供一种网络电视焦点移动控制设备，包括至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如上所述的网络电视焦点移动控制方法。
本发明的有益效果在于：能够有效减少焦点移动控制异常，有效降低出错率，通用性佳，易于适配，可控性极高，从而大幅提升用户体验；克服了当下所有的焦点算法需要引入大量的附加规则，以及重复编写代码弊端，大大提高了算法的通用性，极力缩短研发周期，更规范组件管理，框架自动处理超出内容的滚动。同时还便于定制焦点移动的特效，提高用户体验。
具体实施方式
下面进一步描述本发明的技术方案，但要求保护的范围并不局限于所述。
实施例1
提供一种网络电视焦点移动控制方法，包括如下步骤：
①事件激活：监听移动按键事件，激活启动时获取对应的移动方向；
②获取配置目标：读取配置参数中对应移动方向的元素id，读取成功则将元素id置为焦点元素id完成焦点移动，并返回至步骤①，如读取失败则进入下一步；
③获取位置目标：采用阴影算法或区域算法获取目标元素id，并将目标元素id置为焦点元素id完成焦点移动，后返回至步骤①；阴影算法为获取沿移动方向的下一元素的元素id，区域算法为获取以移动方向为轴线的欧式距离最小的元素id。
一般而言，作为最简实现，移动按键是遥控器上的上下左右键，因此移动方向是上下左右四个方向中的一个。
另一种实现方式是，移动方向是移动方向是上下左右中的一个或两个，分别为：上、左上、左、左下、下、右下、右、右上。
再一种实现方式是，移动按键是遥控器上的摇杆，此时移动方向为摇杆的拨动方向，一种典型例子如switch游戏机手柄摇杆。
一般的，系统中屏幕上聚焦元素是基于焦点元素id确定，在焦点元素id变更后则系统先执行焦点变更的动作(如移动动画等)，然后完成聚焦元素变更，此为现有技术中的常规设置，在本申请中不再赘述，本申请仅需要完成焦点元素id的变更，即可基于现有技术实现焦点移动控制。
实施例2
基于实施例1，步骤③中，先采用阴影算法获取目标元素id，如失败则采用区域算法获取目标元素id。
考虑到网络电视的前端界面布局中，可能出现某一具体方向上没有可聚焦元素存在的情况，因此先采用阴影算法后采用区域算法，可避免找不到目标。
实施例3
基于实施例1，步骤②之前，从缓存中读取对应移动方向的元素id，读取失败则进入步骤②，读取成功则将元素id置为焦点元素id完成焦点移动，并返回至步骤①。
现有技术的网络电视中，为了提升性能及用户体验，往往设有专门的缓存区域，因此先尝试缓存中读取目标元素id，能有效利用现有技术的客观条件提升整体性能。
实施例4
基于实施例1，阴影算法中，以当前焦点元素中心点为起始点，以移动方向所在直线为延伸线，顺着延伸线寻找视界覆盖面被延伸线穿过的下一元素。
实施例5
基于实施例1，下一元素是可聚焦元素。不可聚焦元素不参与计算，可进一步提升性能。一般的，是否可聚焦元素，在元素参数中有专门配置项，如：EnableFocused＝True，则该元素可聚焦。
实施例6
基于实施例1，元素中心点为元素视界覆盖面的几何中心点。
实施例7
基于实施例1，区域算法中，以移动方向为欧式距离计算中的x轴，以对应元素中心点与x轴的垂线所在直线为y轴，采用二维欧式距离进行计算。
实施例8
基于实施例1，采用vue框架实现。
实施例9
还提供一种网络电视焦点移动控制设备，包括至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如上所述的网络电视焦点移动控制方法。
Claims (9)
1.一种网络电视焦点移动控制方法，其特征在于，包括如下步骤：
①事件激活：监听移动按键事件，激活启动时获取对应的移动方向；
②获取配置目标：读取配置参数中对应移动方向的元素id，读取成功则将元素id置为焦点元素id完成焦点移动，并返回至步骤①，如读取失败则进入下一步；
③获取位置目标：采用阴影算法或区域算法获取目标元素id，并将目标元素id置为焦点元素id完成焦点移动，后返回至步骤①；阴影算法为获取沿移动方向的下一元素的元素id，区域算法为获取以移动方向为轴线的欧式距离最小的元素id。
2.如权利要求1所述的网络电视焦点移动控制方法，其特征在于：所述步骤③中，先采用阴影算法获取目标元素id，如失败则采用区域算法获取目标元素id。
3.如权利要求1所述的网络电视焦点移动控制方法，其特征在于：所述步骤②之前，从缓存中读取对应移动方向的元素id，读取失败则进入步骤②，读取成功则将元素id置为焦点元素id完成焦点移动，并返回至步骤①。
4.如权利要求1所述的网络电视焦点移动控制方法，其特征在于：所述阴影算法中，以当前焦点元素中心点为起始点，以移动方向所在直线为延伸线，顺着延伸线寻找视界覆盖面被延伸线穿过的下一元素。
5.如权利要求4所述的网络电视焦点移动控制方法，其特征在于：所述下一元素是可聚焦元素。
6.如权利要求4所述的网络电视焦点移动控制方法，其特征在于：所述元素中心点为元素视界覆盖面的几何中心点。
7.如权利要求1所述的网络电视焦点移动控制方法，其特征在于：所述区域算法中，以移动方向为欧式距离计算中的x轴，以对应元素中心点与x轴的垂线所在直线为y轴，采用二维欧式距离进行计算。
8.如权利要求1所述的网络电视焦点移动控制方法，其特征在于：采用vue框架实现。
9.一种网络电视焦点移动控制设备，其特征在于：包括至少一个处理器；以及与所述至少一个处理器通信连接的存储器；
其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如权利要求1至8中任一所述的网络电视焦点移动控制方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110970510.1A CN113747219A (zh) | 2021-08-23 | 2021-08-23 | 一种网络电视焦点移动控制方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110970510.1A CN113747219A (zh) | 2021-08-23 | 2021-08-23 | 一种网络电视焦点移动控制方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113747219A true CN113747219A (zh) | 2021-12-03 |
Family
ID=78732313
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110970510.1A Pending CN113747219A (zh) | 2021-08-23 | 2021-08-23 | 一种网络电视焦点移动控制方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113747219A (zh) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107529081A (zh) * | 2016-06-21 | 2017-12-29 | 阿里巴巴集团控股有限公司 | 焦点切换方法和装置 |
| CN108156510A (zh) * | 2017-12-27 | 2018-06-12 | 深圳Tcl数字技术有限公司 | 页面焦点处理的方法、装置及计算机可读存储介质 |
| CN109271079A (zh) * | 2017-07-18 | 2019-01-25 | 中国电信股份有限公司 | 屏幕焦点的移动方法、装置和计算机可读存储介质 |
| CN111142689A (zh) * | 2019-12-31 | 2020-05-12 | 腾讯科技（深圳）有限公司 | 一种移动控制方法、装置、设备及计算机可读存储介质 |
| CN112073678A (zh) * | 2019-06-10 | 2020-12-11 | 海信视像科技股份有限公司 | 一种显示设备 |
-
2021
- 2021-08-23 CN CN202110970510.1A patent/CN113747219A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107529081A (zh) * | 2016-06-21 | 2017-12-29 | 阿里巴巴集团控股有限公司 | 焦点切换方法和装置 |
| CN109271079A (zh) * | 2017-07-18 | 2019-01-25 | 中国电信股份有限公司 | 屏幕焦点的移动方法、装置和计算机可读存储介质 |
| CN108156510A (zh) * | 2017-12-27 | 2018-06-12 | 深圳Tcl数字技术有限公司 | 页面焦点处理的方法、装置及计算机可读存储介质 |
| CN112073678A (zh) * | 2019-06-10 | 2020-12-11 | 海信视像科技股份有限公司 | 一种显示设备 |
| CN111142689A (zh) * | 2019-12-31 | 2020-05-12 | 腾讯科技（深圳）有限公司 | 一种移动控制方法、装置、设备及计算机可读存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10810255B2 (en) | Method and system for interfacing with a user to facilitate an image search for a person-of-interest | |
| CN109550247B (zh) | 游戏中虚拟场景调整方法、装置、电子设备及存储介质 | |
| DE202014011397U1 (de) | Informationsverarbeitungsvorrichtung | |
| CN102200830A (zh) | 基于静态手势识别的非接触控制系统和控制方法 | |
| JP6030774B2 (ja) | 入力方法、システム、プログラム及び記録媒体 | |
| US8843950B2 (en) | Television and method for switching television programs | |
| US20140184646A1 (en) | Image processor and fisheye image display method thereof | |
| EP3813380A1 (en) | Control method for focus movement on epg user interface, and display device | |
| CN112036261A (zh) | 手势识别方法、装置、存储介质、电子装置 | |
| CN113747219A (zh) | 一种网络电视焦点移动控制方法 | |
| CN110956124A (zh) | 一种基于手势的显示设备控制方法和显示设备 | |
| CA2731739C (en) | Systems and methods for graphical control of user interface features provided by a television receiver | |
| KR19980065342A (ko) | 텔레비전 수상기의 화면명령 구성 및 인식방법 | |
| CN104427362A (zh) | 数字电视及其外部输入频道搜索方法 | |
| CN106446643B (zh) | 终端的控制方法及装置 | |
| US20220239989A1 (en) | Method and method for determining location of focus, electronic device, and storage medium for loading picture | |
| CN108170365B (zh) | 智能电视输入方法、装置及计算机可读存储介质 | |
| CN110225377A (zh) | 一种视频植入方法及装置、设备、介质、系统 | |
| CN109309874A (zh) | 一种焦点更新方法及装置 | |
| CN107315473A (zh) | 一种体感手势选择安卓游戏目标ui控件的方法 | |
| DE112018006791T5 (de) | Anzeigevorrichtung | |
| CN211025083U (zh) | 一种基于单目摄像头手势控制的墙面体感游戏设备 | |
| CN111258412B (zh) | 一种手势操作识别方法及应用该方法的手势控制装置 | |
| US8705794B2 (en) | Data processing apparatus and data processing method | |
| JP3984658B2 (ja) | 情報処理装置及びその方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |