CN111625169B - 一种遥控器浏览网页的方法及显示设备 - Google Patents
一种遥控器浏览网页的方法及显示设备 Download PDFInfo
- Publication number
- CN111625169B CN111625169B CN202010470875.3A CN202010470875A CN111625169B CN 111625169 B CN111625169 B CN 111625169B CN 202010470875 A CN202010470875 A CN 202010470875A CN 111625169 B CN111625169 B CN 111625169B
- Authority
- CN
- China
- Prior art keywords
- remote controller
- focusable
- key value
- controller key
- dom tree
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种遥控器浏览网页的方法及显示设备,用以在显示设备的浏览器中浏览不支持键盘控制模式的网页时,实现通过遥控器模拟键盘控制网页元素的目的。该方法包括:在基于所述网页文件对应的完整元素DOM树显示的网页中,确定在第一可聚焦元素所在的第一位置显示焦点,所述第一可聚焦元素是自定义可聚焦元素DOM树中的元素;接收用户输入的遥控器键值,如果遥控器键值对应的是方向按键,根据预设的遥控器键值与响应动作的对应关系,确定所述遥控器键值对应的响应动作,所述响应动作与至少一个键盘键值对应,执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到第二可聚焦元素对应的第二位置。
Description
技术领域
本申请涉及显示技术领域,尤其涉及一种遥控器浏览网页的方法及显示设备。
背景技术
一般电脑上浏览网页时通常可以采用两种方式:
一种是使用鼠标控制模式操作网页。基本所有的网页都支持鼠标控制,例如网页可以支持鼠标左键单击,右键单击,左键双击,右键双击,拖动,鼠标滚轮滚动等操作。这也是通常大多数用户浏览网页的方式。
另一种是使用键盘控制模式操作网页。只有极少部分网页能支持键盘控制。例如网页可以支持键盘的上下左右方向键来切换聚焦不同网页元素,支持键盘的Enter回车键来触发网页元素上的事件响应等。网页对键盘控制模式的支持需要网页的JavaScript代码具有对键盘按键的相关逻辑处理。
当前市面上的智能电视大多集成有浏览器,用户会使用电视上的浏览器来观看网页。当在用户通过遥控器来操作网页时,极大多数网页只能支持鼠标控制模式操作网页,因此需要把遥控器模拟成鼠标控制模式来操作网页。但是由于实际遥控器操作的方式与实际鼠标操作方式大相径庭,例如,遥控器的方向按键无法实现在任意的方向连续的滚动光标,并精确定位光标到指定网页元素上的鼠标操作效果。因此在不支持键盘控制模式的网页中,通过遥控器浏览网页的操作过程非常繁琐,不够人性化,用户体验很差。以至于用户对通过遥控器浏览网页产生抵触心理,降低了电视浏览器的使用频率。
发明内容
有鉴于此,本申请提供一种遥控器浏览网页的方法及显示设备,用以实现在显示设备的浏览器中浏览不支持键盘控制模式的网页时,实现通过遥控器模拟键盘控制网页元素的目的。
具体地,本申请是通过如下技术方案实现的:
第一方面,本申请提供一种显示设备,包括:
显示器;
用户接口,用于接收用户输入;
网络模块,用于下载网页文件;
浏览器模块,用于:
在基于网页文件对应的完整元素DOM树显示的网页中,确定在预先创建的自定义可聚焦元素DOM树中的第一可聚焦元素所在的第一位置显示焦点,所述自定义可聚焦元素DOM树中的自定义可聚焦元素是由所述完整元素DOM树中的适配键盘控制模式的可聚焦元素组成;
接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
如果所述遥控器键值对应的遥控器按键是方向按键,根据预设的遥控器键值与键盘键值的响应动作的对应关系,确定所述遥控器键值对应的键盘键值的响应动作,所述响应动作与至少一个键盘键值对应,执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到所述自定义可聚焦元素DOM树中的第二可聚焦元素对应的第二位置。
第二方面,本申请提供一种显示设备,包括:
显示器;
用户接口,用于接收用户输入;
网络模块,用于下载网页文件;
浏览器模块,用于:
在基于网页文件对应的完整元素DOM树显示的网页中,确定在预先创建的自定义可聚焦元素DOM树中的第一可聚焦元素所在的第一位置显示焦点,所述自定义可聚焦元素DOM树中的自定义可聚焦元素是由所述完整元素DOM树中的适配键盘控制模式的可聚焦元素组成;
接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
如果所述遥控器键值对应的遥控器按键是确认按键,触发绑定在所述第一可聚焦元素上的事件响应。
第三方面,本申请提供一种显示设备,包括:
显示器;
用户接口,用于接收用户输入;
网络模块,用于下载网页文件;
浏览器模块,用于:
基于网页文件对应的完整元素DOM树显示网页,确定在所述完整元素DOM树中的第一可聚焦元素所在的第一位置显示焦点;
接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
如果所述遥控器键值对应的遥控器按键是方向按键,根据预设的遥控器键值与键盘键值的响应动作的对应关系,确定所述遥控器键值对应的键盘键值的响应动作;
确定所述响应动作中的目标可聚焦元素,所述目标可聚焦元素是适配键盘控制模式的自定义可聚焦元素,执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到目标可聚焦元素对应的第二位置。
第四方面,本申请提供一种遥控器浏览网页的方法,所述方法包括:
在基于网页文件对应的完整元素DOM树显示的网页中,确定在预先创建的自定义可聚焦元素DOM树中的第一可聚焦元素所在的第一位置显示焦点,所述自定义可聚焦元素DOM树中的自定义可聚焦元素是由所述完整元素DOM树中的适配键盘控制模式的可聚焦元素组成;
接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
如果所述遥控器键值对应的遥控器按键是方向按键,根据预设的遥控器键值与键盘键值的响应动作的对应关系,确定所述遥控器键值对应的键盘键值的响应动作,执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到所述自定义可聚焦元素DOM树中的第二可聚焦元素对应的第二位置。
第五方面,本申请提供一种遥控器浏览网页的方法,所述方法包括:
在基于网页文件对应的完整元素DOM树显示的网页中,确定在预先创建的自定义可聚焦元素DOM树中的第一可聚焦元素所在的第一位置显示焦点,所述自定义可聚焦元素DOM树中的自定义可聚焦元素是由所述完整元素DOM树中的适配键盘控制模式的可聚焦元素组成;
接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
如果所述遥控器键值对应的遥控器按键是确认按键,触发绑定在所述第一可聚焦元素上的事件响应。
第六方面,本申请提供一种遥控器浏览网页的方法,所述方法包括:
基于网页文件对应的完整元素DOM树显示网页,确定在所述完整元素DOM树中的第一可聚焦元素所在的第一位置显示焦点;
接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
如果所述遥控器键值对应的遥控器按键是方向按键,根据预设的遥控器键值与键盘键值的响应动作的对应关系,确定所述遥控器键值对应的键盘键值的响应动作;
确定所述响应动作中的目标可聚焦元素,所述目标可聚焦元素是适配键盘控制模式的自定义可聚焦元素,执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到目标可聚焦元素对应的第二位置。
在上述实施例中,显示设备可以通过预存的据预设的遥控器键值与键盘键值的响应动作的对应关系,确定用户输入的遥控器键值对应的响应动作,并且从适配键盘控制模式的自定义可聚焦元素中确定需要进行响应的可聚焦元素,从而执行响应动作,即通过遥控器方向按键来切换聚焦的元素,通过遥控器确认按键来触发元素响应相对应的事件。因此使得用户在使用遥控器浏览不支持键盘控制模式的网页时,依然可以实现遥控器模拟键盘控制模式来操作网页,简化了用户操作,极大地提升了通过遥控器操作网页时的用户体验。
附图说明
图1A中示例性示出了显示设备200与控制100之间操作场景的示意图;
图1B中示例性示出了图1A中控制装置100的配置框图;
图1C中示例性示出了图1A中显示设备200的配置框图;
图1D中示例性示出了显示设备200存储器中操作***的架构配置框图。
图2中示例性示出了本申请的第一个实施例的遥控器浏览网页的流程图;
图3中示例性示出了第一个实施例的筛选自定义可聚焦元素的流程图;
图4中示例性示出了箭头光标转换手型光标的示意图;
图5A中示例性示出了显示设备200提供的第一界面的示意图;
图5B中示例性示出了显示设备200提供的第二界面的示意图;
图5C中示例性示出了显示设备200提供的第三界面的示意图;
图6中示例性示出了本申请的第二个实施例的遥控器浏览网页的流程图;
图7中示例性示出了本申请的第二个实施例的遥控器浏览网页的具体流程图;
图8中示例性示出了本申请的第二个实施例的显示网页默认焦点的具体流程图。
具体实施方式
为使本申请示例性实施例的目的、技术方案和优点更加清楚,下面将结合本申请示例性实施例中的附图,对本申请示例性实施例中的技术方案进行清楚、完整地描述,显然,所描述的示例性实施例仅是本申请一部分实施例,而不是全部的实施例。
基于本申请中示出的示例性实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。此外,虽然本申请中公开内容按照示范性一个或几个实例来介绍,但应理解,可以就这些公开内容的各个方面也可以单独构成一个完整技术方案。
本申请中使用的术语“包括”和“具有”以及他们的任何变形,意图在于覆盖但不排他的包含,例如,包含了一系列组件的产品或设备不必限于清楚地列出的那些组件,而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。
本申请中使用的术语“模块”,是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合,能够执行与该元件相关的功能。
本申请中使用的术语“手势”,是指用户通过一种手型的变化或手部运动等动作,用于表达预期想法、动作、目的/或结果的用户行为。
图1A中示例性示出了显示设备200与控制装置100之间操作场景的示意图。如图1A所示,控制装置100和显示设备200之间可以有线或无线方式进行通信。
其中,控制装置100被配置为控制显示设备200,其可接收用户输入的操作指令,且将操作指令转换为显示设备200可识别和响应的指令,起着用户与显示设备200之间交互的中介作用。如:用户通过操作控制装置100上频道加减键,显示设备200响应频道加减的操作。
控制装置100可以是遥控器100A,包括红外协议通信或蓝牙协议通信,及其他短距离通信方式等,通过无线或其他有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令,来控制显示设备200。如:用户可以通过遥控器上音量加减键、频道控制键、上/下/左/右的移动按键、语音输入按键、菜单键、开关机按键等输入相应控制指令,来实现控制显示设备200的功能。
控制装置100也可以是智能设备,如移动终端100B、平板电脑、计算机、笔记本电脑等。例如,使用在智能设备上运行的应用程序控制显示设备200。该应用程序通过配置可以在与智能设备关联的屏幕上,通过直观的用户界面(UI)为用户提供各种控制。
示例性的,移动终端100B可与显示设备200安装软件应用,通过网络通信协议实现连接通信,实现一对一控制操作的和数据通信的目的。如:可以使移动终端100B与显示设备200建立控制指令协议,通过操作移动终端100B上提供的用户界面的各种功能键或虚拟按钮,来实现如遥控器100A布置的实体按键的功能。也可以将移动终端100B上显示的音视频内容传输到显示设备200上,实现同步显示功能。
显示设备200可被实施为电视,可提供广播接收电视功能以及计算机支持功能的智能网络电视功能。显示设备示例的包括,数字电视、网络电视、智能电视、互联网协议电视(IPTV)等。
显示设备200,可以是液晶显示器、有机发光显示器、投影显示设备。具体显示设备类型、尺寸大小和分辨率等不作限定。
显示设备200还与服务器300通过多种通信方式进行数据通信。这里可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。服务器300可以向显示设备200提供各种内容和互动。示例的,显示设备200可以发送和接收信息,例如:接收电子节目指南(EPG)数据、接收软件程序更新、或访问远程储存的数字媒体库。服务器300可以一组,也可以多组,可以一类或多类服务器。通过服务器300提供视频点播和广告服务等其他网络服务内容。
图1B中示例性示出了控制装置100的配置框图。如图1B所示,控制装置100包括控制器110、存储器120、通信器130、用户输入接口140、输出接口150、供电电源160。
控制器110包括随机存取存储器(RAM)111、只读存储器(ROM)112、处理器113、通信接口以及通信总线。控制器110用于控制控制装置100的运行和操作,以及内部各部件之间的通信协作、外部和内部的数据处理功能。
示例性的,当检测到用户按压在遥控器100A上布置的按键的交互或触摸在遥控器100A上布置的触摸面板的交互时,控制器110可控制产生与检测到的交互相应的信号,并将该信号发送到显示设备200。
存储器120,用于在控制器110的控制下存储驱动和控制控制装置100的各种运行程序、数据和应用。存储器120,可以存储用户输入的各类控制信号指令。
通信器130在控制器110的控制下,实现与显示设备200之间控制信号和数据信号的通信。如:控制装置100经由通信器130将控制信号(例如触摸信号或按钮信号)发送至显示设备200上,控制装置100可经由通信器130接收由显示设备200发送的信号。通信器130可以包括红外信号接口131和射频信号接口132。例如:红外信号接口时,需要将用户输入指令按照红外控制协议转化为红外控制信号,经红外发送模块进行发送至显示设备200。再如:射频信号接口时,需将用户输入指令转化为数字信号,然后按照射频控制信号调制协议进行调制后,由射频发送端子发送至显示设备200。
用户输入接口140,可包括麦克风141、触摸板142、传感器143、按键144等中至少一者,从而用户可以通过语音、触摸、手势、按压等将关于控制显示设备200的用户指令输入到控制装置100。
输出接口150,通过将用户输入接口140接收的用户指令输出至显示设备200,或者,输出由显示设备200接收的图像或语音信号。这里,输出接口150可以包括LED接口151、产生振动的振动接口152、输出声音的声音输出接口153和输出图像的显示器154等。例如,遥控器100A可从输出接口150接收音频、视频或数据等输出信号,并且将输出信号在显示器154上显示为图像形式、在声音输出接口153输出为音频形式或在振动接口152输出为振动形式。
供电电源160,用于在控制器110的控制下为控制装置100各元件提供运行电力支持。形式可以为电池及相关控制电路。
图1C中示例性示出了显示设备200的硬件配置框图。如图1C所示,显示设备200中可以进一步包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、存储器260、用户接口265、视频处理器270、显示器275、音频处理器280、音频输入接口285、供电电源290。
调谐解调器210,通过有线或无线方式接收广播电视信号,可以进行放大、混频和谐振等调制解调处理,用于从多个无线或有线广播电视信号中解调出用户所选择的电视频道的频度中所携带的音视频信号,以及附加信息(例如EPG数据)。
调谐解调器210,可根据用户选择,以及由控制器250控制,响应用户选择的电视频道的频度以及该频度所携带的电视信号。
调谐解调器210,根据电视信号的广播制式不同,可以接收信号的途径有很多种,诸如:地面广播、有线广播、卫星广播或互联网广播等;以及根据调制类型不同,可以数字调制方式或模拟调制方式;以及根据接收电视信号的种类不同,可以解调模拟信号和数字信号。
在其他一些示例性实施例中,调谐解调器210也可在外部设备中,如外部机顶盒等。这样,机顶盒通过调制解调后输出电视信号,经过外部装置接口240输入至显示设备200中。
通信器220,是用于根据各种通信协议类型与外部设备或外部服务器进行通信的组件。例如显示设备200可将内容数据发送至经由通信器220连接的外部设备,或者,从经由通信器220连接的外部设备浏览和下载内容数据。通信器220可以包括WIFI模块221、蓝牙通信协议模块222、有线以太网通信协议模块223等网络通信协议模块或近场通信协议模块,从而通信器220可根据控制器250的控制接收控制装置100的控制信号,并将控制信号实现为WIFI信号、蓝牙信号、射频信号等。
检测器230,是显示设备200用于采集外部环境或与外部交互的信号的组件。检测器230可以包括图像采集器231,如相机、摄像头等,可以用于采集外部环境场景,以自适应变化显示设备200的显示参数;以及用于采集用户的属性或与用户交互手势,以实现显示设备与用户之间互动的功能。还可以包括光接收器232,用于采集环境光线强度,以自适应显示设备200的显示参数变化等。
在其他一些示例性实施例中,检测器230,还可以包括温度传感器,如通过感测环境温度,显示设备200可自适应调整图像的显示色温。示例性的,当温度偏高的环境时,可调整显示设备200显示图像色温偏冷色调;当温度偏低的环境时,可以调整显示设备200显示图像色温偏暖色调。
在其他一些示例性实施例中,检测器230,还可以包括声音采集器,如麦克风,可以用于接收用户的声音,如用户控制显示设备200的控制指令的语音信号;或者,可以采集用于识别环境场景类型的环境声音,实现显示设备200可以自适应环境噪声。
外部装置接口240,是提供控制器210控制显示设备200与外部设备间数据传输的组件。外部装置接口240可按照有线/无线方式与诸如机顶盒、游戏装置、笔记本电脑等外部设备连接,可接收外部设备的诸如视频信号(例如运动图像)、音频信号(例如音乐)、附加信息(例如EPG)等数据。
其中,外部装置接口240可以包括:高清多媒体接口(HDMI)端子241、复合视频消隐同步(CVBS)端子242、模拟或数字分量端子243、通用串行总线(USB)端子244、组件(Component)端子(图中未示出)、红绿蓝(RGB)端子(图中未示出)等任一个或多个。
控制器250,通过运行存储在存储器260上的各种软件控制程序(如操作***和各种应用程序),来控制显示设备200的工作和响应用户的操作。
如图1C所示,控制器250包括随机存取存储器(RAM)251、只读存储器(ROM)252、图形处理器253、CPU处理器254、通信接口255、以及通信总线256。其中,RAM251、ROM252以及图形处理器253、CPU处理器254通信接口255通过通信总线256相连接。
ROM252,用于存储各种***启动指令。如在接收到开机信号时,显示设备200电源开始启动,CPU处理器254运行ROM252中的***启动指令,将存储在存储器260的操作***拷贝至RAM251中,以开始运行启动操作***。当操作***启动完成后,CPU处理器254再将存储器260中各种应用程序拷贝至RAM251中,然后,开始运行启动各种应用程序。
图形处理器253,用于产生各种图形对象的屏幕图像,如图标、图像以及操作菜单等。图形处理器253可以包括运算器,用于通过接收用户输入各种交互指令进行运算,进而根据显示属性显示各种对象;以及包括渲染器,用于产生基于运算器得到的各种对象,将进行渲染的结果显示在显示器275上。
CPU处理器254,用于执行存储在存储器260中的操作***和应用程序指令。以及根据接收的用户输入指令,来执行各种应用程序、数据和内容的处理,以便最终显示和播放各种音视频内容。
在一些示例性实施例中,CPU处理器254,可以包括多个处理器。多个处理器可包括一个主处理器以及多个或一个子处理器。主处理器,用于在显示设备预加载模式中执行显示设备200的一些初始化操作,和/或,在正常模式下显示画面的操作。多个或一个子处理器,用于执行在显示设备待机模式等状态下的一种操作。
通信接口255,可包括第一接口到第n接口。这些接口可以是经由网络被连接到外部设备的网络接口。
控制器250可以控制显示设备200的整体操作。例如:响应于接收到用于选择在显示器275上显示的GUI对象的用户输入命令,控制器250便可以执行与由用户输入命令选择的对象有关的操作。
其中,该对象可以是可选对象中的任何一个,例如超链接或图标。该与所选择的对象有关的操作,例如显示连接到超链接页面、文档、图像等操作,或者执行与图标相对应的程序的操作。该用于选择GUI对象的用户输入命令,可以是通过连接到显示设备200的各种输入装置(例如,鼠标、键盘、触摸板等)输入命令或者是与用户说出语音相对应的语音命令。
存储器260,用于存储驱动和控制显示设备200运行的各种类型的数据、软件程序或应用程序。存储器260可以包括易失性和/或非易失性存储器。而术语“存储器”包括存储器260、控制器250的RAM251和ROM252、或显示设备200中的存储卡。
在一些实施例中,存储器260具体用于存储驱动显示设备200中控制器250的运行程序;存储显示设备200内置的和用户从外部设备下载的各种应用程序;存储用于配置由显示器275提供的各种GUI、与GUI相关的各种对象及用于选择GUI对象的选择器的视觉效果图像等数据。
在一些实施例中,存储器260具体用于存储调谐解调器210、通信器220、检测器230、外部装置接口240、视频处理器270、显示器275、音频处理器280等的驱动程序和相关数据,从外部装置接口接收的外部数据(例如音视频数据)或用户接口接收的用户数据(例如按键信息、语音信息、触摸信息等)。
在一些实施例中,存储器260具体存储用于表示操作***(OS)的软件和/或程序,这些软件和/或程序可包括,例如:内核、中间件、应用编程接口(API)和/或应用程序。示例性的,内核可控制或管理***资源,以及其它程序所实施的功能(如所述中间件、API或应用程序);同时,内核可以提供接口,以允许中间件、API或应用程序访问控制器,以实现控制或管理***资源。
图1D中示例性示出了显示设备200存储器中操作***的架构配置框图。该操作***架构从上到下依次是应用层、中间件层和内核层。
应用层,***内置的应用程序以及非***级的应用程序都属于应用层,其负责与用户进行直接交互。应用层可包括多个应用程序,如NETFLIX应用程序、设置应用程序、媒体中心应用程序等。这些应用程序可被实现为Web应用,其基于WebKit引擎来执行,具体可基于HTML、层叠样式表(CSS)和JavaScript来开发并执行。
这里,HTML,全称为超文本标记语言(HyperText Markup Language),是一种用于创建网页的标准标记语言,通过标记标签来描述网页,HTML标签用以说明文字、图形、动画、声音、表格、链接等,浏览器会读取HTML文档,解释文档内标签的内容,并以网页的形式显示出来。
CSS,全称为层叠样式表(Cascading Style Sheets),是一种用来表现HTML文件样式的计算机语言,可以用来定义样式结构,如字体、颜色、位置等的语言。CSS样式可以直接存储与HTML网页或者单独的样式文件中,实现对网页中样式的控制。
JavaScript,是一种应用于Web网页编程的语言,可以***HTML页面并由浏览器解释执行。其中Web应用的交互逻辑都是通过JavaScript实现。JavaScript可以通过浏览器,封装JavaScript扩展接口,实现与内核层的通信,
中间件层,可以提供一些标准化的接口,以支持各种环境和***的操作。例如,中间件层可以实现为与数据广播相关的中间件的多媒体和超媒体信息编码专家组(MHEG),还可以实现为与外部设备通信相关的中间件的DLNA中间件,还可以实现为提供显示设备内各应用程序所运行的浏览器环境的中间件等。
内核层,提供核心***服务,例如:文件管理、内存管理、进程管理、网络管理、***安全权限管理等服务。内核层可以被实现为基于各种操作***的内核,例如,基于Linux操作***的内核。
内核层也同时提供***软件和硬件之间的通信,为各种硬件提供设备驱动服务,例如:为显示器提供显示驱动程序、为摄像头提供摄像头驱动程序、为遥控器提供按键驱动程序、为WIFI模块提供WiFi驱动程序、为音频输出接口提供音频驱动程序、为电源管理(PM)模块提供电源管理驱动等。
用户接口265,接收各种用户交互。具体的,用于将用户的输入信号发送给控制器250,或者,将从控制器250的输出信号传送给用户。示例性的,遥控器100A可将用户输入的诸如电源开关信号、频道选择信号、音量调节信号等输入信号发送至用户接口265,再由用户接口265转送至控制器250;或者,遥控器100A可接收经控制器250处理从用户接口265输出的音频、视频或数据等输出信号,并且显示接收的输出信号或将接收的输出信号输出为音频或振动形式。
在一些实施例中,用户可在显示器275上显示的图形用户界面(GUI)输入用户命令,则用户接口265通过GUI接收用户输入命令。确切的说,用户接口265可接收用于控制选择器在GUI中的位置以选择不同的对象或项目的用户输入命令。
或者,用户可通过输入特定的声音或手势进行输入用户命令,则用户接口265通过传感器识别出声音或手势,来接收用户输入命令。
视频处理器270,用于接收外部的视频信号,根据输入信号的标准编解码协议,进行解压缩、解码、缩放、降噪、帧率转换、分辨率转换、图像合成等视频数据处理,可得到直接在显示器275上显示或播放的视频信号。
示例的,视频处理器270,包括解复用模块、视频解码模块、图像合成模块、帧率转换模块、显示格式化模块等。
其中,解复用模块,用于对输入音视频数据流进行解复用处理,如输入MPEG-2流(基于数字存储媒体运动图像和语音的压缩标准),则解复用模块将其进行解复用成视频信号和音频信号等。
视频解码模块,用于对解复用后的视频信号进行处理,包括解码和缩放处理等。
图像合成模块,如图像合成器,其用于将图形生成器根据用户输入或自身生成的GUI信号,与缩放处理后视频图像进行叠加混合处理,以生成可供显示的图像信号。
帧率转换模块,用于对输入视频的帧率进行转换,如将输入的60Hz视频的帧率转换为120Hz或240Hz的帧率,通常的格式采用如插帧方式实现。
显示格式化模块,用于将帧率转换模块输出的信号,改变为符合诸如显示器显示格式的信号,如将帧率转换模块输出的信号进行格式转换以输出RGB数据信号。
显示器275,用于接收源自视频处理器270输出的图像信号,进行显示视频、图像以及菜单操控界面。例如,显示器可以显示来自调谐解调器210接收的广播信号中的视频,也可以显示来自通信器220或外部装置接口240输入的视频,还可以显示在存储器260中存储的图像。显示器275,同时显示显示设备200中产生且用于控制显示设备200的用户操控界面UI。
以及,显示器275可以包括用于呈现画面的显示屏组件以及驱动图像显示的驱动组件。或者,倘若显示器275为一种投影显示器,还可以包括一种投影装置和投影屏幕。
音频处理器280,用于接收外部的音频信号,根据输入信号的标准编解码协议,进行解压缩和解码,以及降噪、数模转换、和放大处理等音频数据处理,得到可以在扬声器286中播放的音频信号。
示例性的,音频处理器280可以支持各种音频格式。例如MPEG-2、MPEG-4、高级音频编码(AAC)、高效AAC(HE-AAC)等格式。
音频输出接口285,用于接收源自音频处理器280输出的音频信号。例如,音频输出接口可以输出经由调谐解调器210接收的广播信号中的音频,也可以输出经由通信器220或外部装置接口240输入的音频,还可以输出在存储器260中存储的音频。音频输出接口285可包括扬声器286,或输出至外接设备的发生装置的外接音响输出端子287,如耳机输出端子。
在其他一些示例性实施例中,视频处理器270可以包括一个或多个芯片组成。音频处理器280,也可以包括一个或多个芯片组成。
以及,在其他一些示例性实施例中,视频处理器270和音频处理器280,可以为单独的芯片,也可以与控制器250一起集成在一个或多个芯片中。
供电电源290,用于在控制器250的控制下,将外部电源输入的电力为显示设备200提供电源供电支持。供电电源290可以是安装在显示设备200内部的内置电源电路,也可以是安装在显示设备200外部的电源。
一些实施例中,在电脑端浏览网页时通常可以采用两种方式:
第一种,使用鼠标控制模式操作网页。基本所有的网页都支持鼠标控制模式,例如网页可以支持鼠标左键单击,右键单击,左键双击,右键双击,拖动,鼠标滚轮滚动等操作。这也是通常大多数用户浏览网页的方式。
第二种,使用键盘控制模式操作网页。只有极少部分网页能支持键盘控制模式。例如网页可以支持键盘的上下左右方向键来切换聚焦不同网页元素,支持键盘的Enter键来触发绑定在网页元素上的事件响应等。网页对键盘控制模式的支持需要网页的JavaScript代码具有对键盘按键的相关逻辑处理。
当在用户通过遥控器来操作网页时,就需要把遥控器模拟成鼠标控制模式或者键盘控制模式来操作网页,其中:
若是将遥控器模拟鼠标控制模式操作网页。需要把遥控器的上下左右方向键映射为鼠标的移动操作,遥控器的OK键映射为鼠标左键,通过模拟出鼠标的动作来操作网页。由于实际遥控器操作的方式与实际鼠标操作方式大相径庭,导致遥控器模拟鼠标操作体验很差。
例如,用户实际操作鼠标时,可以在任意的方向连续的滚动鼠标,从而把光标精确地定位到某个网页元素上。但是用遥控器方向键模拟鼠标时,只能模拟出鼠标上下左右四个方向的移动。另外每按一次方向键,只能让光标移动一小段固定距离,移动到指定位置往往需要连续按下多次方向键,并且不能精确定位网页中的元素。因此这种将遥控器模拟鼠标的操作方式在浏览网页时显得非常繁琐笨拙,不够人性化,用户体验很差。
若是将遥控器模拟键盘控制模式操作网页。当用户使用遥控器操作此类网页时,只需要将遥控器的上下左右方向键映射为键盘上下左右方向键,遥控器的OK键映射为键盘Enter键,即可使用遥控器很方便的切换聚焦不同的网页元素来操作网页。当遥控器模拟键盘控制模式操作网页时用户体验良好,比较人性化。但是由于只有极少数网页支持键盘控制模式,因此这种操作方式只能应用于个别网页上,无法形成通用方案。
针对上面提出的问题,本申请提供了一种遥控器浏览网页的方法及显示设备,可以使得用户在使用遥控器浏览不支持键盘控制模式的网页时,依然可以实现遥控器模拟键盘控制模式来操作网页,极大地提升了通过遥控器操作网页时的用户体验。具体方案请见以下实施例。
在第一个实施例中,本申请提供一种显示设备,具体来讲,该显示设备中的部分组件还可以具体执行如下操作:
显示器;
用户接口,用于接收用户输入;
网络模块,用于下载网页文件;
浏览器模块,用于执行如图2所示的操作步骤:
步骤201、在基于网页文件对应的完整元素DOM树显示的网页中,确定在预先创建的自定义可聚焦元素DOM树中的第一可聚焦元素所在的第一位置显示焦点,所述自定义可聚焦元素DOM树中的自定义可聚焦元素是由所述完整元素DOM树中的适配键盘控制模式的可聚焦元素组成;
在本实施例中,一个网页文件(例如HTML文件)由许多种不同类型的网页元素(以下简称元素)构成,这些元素按照一定嵌套关系构成一个DOM(Document Object Model,文档对象模型)树。每一个元素都是DOM树上的一个节点。显示设备的浏览器模块可以对该网页文件进行解析得到该网页文件对应的完整元素的DOM树,所谓的完整元素是指网页文件中的所有网页元素。然后基于完整元素的DOM树显示当前网页。
需要说明的是,完整元素的DOM树上的元素有很多种类型。可以根据元素是否能聚焦分为两类元素:可聚焦元素与不可聚焦元素。
可聚焦网页元素包括<input>元素、<a>元素、以及具有tabindex属性的元素等。
不可聚焦网页元素包括<div>元素、<span>元素、以及<title>元素等。
一般来说,可聚焦元素是一定能响应鼠标点击事件或者键盘事件的。例如<input>元素可以响应键盘输入事件,<a>元素可以响应鼠标点击事件。
不可聚焦元素一般是无法响应键盘事件的。但是有可能响应鼠标事件。不可聚焦元素能否响应鼠标点击事件,这与该元素对应的网页JavaScript代码是否支持鼠标点击事件有关。例如<div>元素是不可聚焦的,但是如果用户通过鼠标点击了<div>元素所在的区域,网页JavaScript代码如果判断用户鼠标点击的位置是在此<div>元素所在的区域,那么JavaScript代码依然可以触发鼠标点击事件响应。
因此,所述浏览器模块在显示所述网页时,可以解析所述网页文件,获取网页文件中所有元素的参数信息,也就是上述的包括可聚焦元素和不可聚焦元素的所有元素的参数信息,参数信息中可以包括元素的位置坐标、大小、以及其他属性参数。
然后基于所述元素的参数信息,从所有元素中筛选出自定义可聚焦元素,所述自定义可聚焦元素至少包括:具有可聚焦功能的元素和指定元素。
所述具有可聚焦功能的元素,也就是上述可聚焦元素,例如<input>元素、<a>元素、以及具有tabindex属性的元素等。
所述指定元素是不具有可聚焦功能,但具有鼠标箭头光标切换为手型光标功能的可见元素,且位置及大小是首次出现的元素。
确定上述自定义可聚焦元素的具体过程如图3所示,其中包括:
步骤301、遍历完整元素DOM树中的元素;
步骤302、判断当前元素是否是具有可聚焦属性的元素,若是,则转步骤303;若否,则转步骤304;
步骤303、将当前元素添加到所示自定义可聚焦元素中,转步骤308,转步骤302;
例如<input>元素、<a>元素、以及具有tabindex属性的元素等,可以作为可聚焦元素。
步骤304、判断当前元素是否具有style="cursor:pointer"属性,若是,则转步骤305;若否,转步骤308;
如果元素是具有style="cursor:pointer"属性的网页元素,说明该元素是具有鼠标箭头光标切换为手型光标功能的元素。如图4所示,当箭头光标距离元素一定距离时,该一定距离保证不会触发箭头光标变成手型光标的事件,所以此时显示为图4左侧的箭头光标。当光标焦点悬停在该元素上时,会触发箭头光标变成手型光标的事件,因此箭头光标会变成手型光标,提示用户可以执行鼠标左键点击动作,如图4右侧所示。说明具有style="cursor:pointer"属性的网页元素是有相关JavaScript代码来处理响应鼠标点击事件的。
步骤305、判断当前元素是否具有hidden="hidden"属性的元素,若是,则转步骤308;若否,则转步骤306;
不可见的网页元素的属性特征是具有hidden="hidden"属性的元素。
步骤306、判断当前元素的高度或者宽度是否为0,若是,则转步骤308;若否,则转步骤307;
如果网页元素没有hidden="hidden"属性,但是元素的高度或者宽度为0,依然属于不见的元素,需要剔除。
步骤307、判断当前元素的坐标和大小是否首次出现,若是,则转步骤303;若否,则转步骤308;
步骤308、继续筛选下一个元素,转步骤302。
在筛选出的自定义可聚焦元素中,需要剔除具有相同坐标和大小的元素,只保留其中一个。这是为了防止重复触发点击事件。
为了筛选出响应键盘控制模式的元素,上述筛选过程为示例性的筛选过程,仅作为筛选方案的一种,实际的筛选机制可以依据实际情况而定。
通过本申请自定义的筛选方法将原本可聚焦元素,以及不可聚焦但是能够响应鼠标点击事件的元素筛选出来,组合在一起,构建一个响应键盘控制模式的自定义可聚焦元素DOM树,从而保证响应键盘控制模式的自定义可聚焦元素DOM树中的可聚焦元素都可以支持键盘控制模式。
如果是首次显示网页,可以在网页中显示默认焦点,所述默认焦点位于所述自定义可聚焦元素的DOM树中的指定可聚焦元素处,例如上述指定可聚焦元素可以是网页左上角的可聚焦元素,该指定可聚焦元素就是第一可聚焦元素。如果不是首次显示该网页,则直接获取当前焦点所对应的可聚焦元素作为第一可聚焦元素。
步骤202、接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
在本实施例中,浏览器模块可以监听用户通过用户接口输入的遥控器键值,然后在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键,例如遥控器键值19对应的方向按键为向上键。
步骤203、判断所述遥控器按键是方向按键还是确认按键;
由于遥控器的方向按键和确认按键对应的遥控器的键值是不同的,因此可以基于遥控器键值确定用户触发的遥控器按键是方向按键还是确认按键。
步骤204、如果是方向按键,根据预设的遥控器键值与键盘键值的响应动作的对应关系,确定所述遥控器键值对应的键盘键值的响应动作,执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到所述自定义可聚焦元素DOM树中的第二可聚焦元素对应的第二位置。
在浏览器模块可以预先设置遥控器键值与键盘键值的响应动作的对应关系,例如遥控器键值19对应的键盘ASCII码值是38,对应的键盘键值响应动作是将焦点切换到上面的最近一个可聚焦元素。
浏览器模块执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到所述自定义可聚焦元素DOM树中的第二可聚焦元素对应的第二位置。具体为:先确定所述遥控器键值对应的方向按键的指示方向,然后确定所述第二位置是所述第一位置在所述指示方向上的下一个属于自定义可聚焦元素DOM树中的元素的位置。最后再将网页中的焦点从所述第一可聚焦元素对应的第一位置切换到所述第二可聚焦元素对应的第二位置。
举例来讲,如图5A所示,当前的显示器界面显示网页,网页中包括多个可聚焦元素,例如元素1~5。所示焦点位于元素1处,即元素1外面的灰色线框,则元素1为第一可聚焦元素。当用户通过遥控器按下向上方向按键时,浏览器模块会收到向上方向按键对应遥控器键值19,然后根据所述遥控器键值与键盘键值的响应动作的对应关系,即遥控器键值19对应的键盘ASCII码值是38,对应的响应动作是将焦点切换到上面的最近一个可聚焦元素,确定对应的响应动作是将焦点切换到上面的最近一个可聚焦元素。
基于响应键盘控制模式的自定义可聚焦元素的DOM树,确定在向上的方向上离第一可聚焦元素(即元素1)最近的下一个可聚焦元素是元素2,因此可以确定所述元素2为第二可聚焦元素。从而将网页中的焦点从第一可聚焦元素(即元素1)切换到所述目标可聚焦元素(即元素2)的位置,如图5B所示。
图5C所示,如果现有的支持鼠标控制模式的网页,鼠标的焦点(位置1的箭头指针)所在的元素则是第一可聚焦元素,例如元素1,同样接收遥控器的向上方向按键,即遥控器键值19,那么根据鼠标控制模式,只会将元素1处的焦点向上移动一小段固定距离,移动后的焦点(即位置2的箭头指针)位于元素1和元素2之间的位置,无法直接将焦点切换到元素2。
相比可见,本申请在网页不支持键盘控制模式时,可以实现遥控器模拟键盘控制网页,实现通过方向按键快速切换焦点。
步骤205、如果是确认按键,触发绑定在所述第一可聚焦元素上的事件响应。
如果是确认按键,也称为遥控器OK按键,则触发绑定在所述第一可聚焦元素上的事件响应。具体来讲,可以获取所述第一可聚焦元素绑定的事件;若是鼠标左键点击触发的第一事件,则触发第一可聚焦元素响应所述第一事件;所述第一事件可以是由鼠标点击事件“onclick”触发;若是键盘的Enter键触发的第二事件,则触发第一可聚焦元素响应所述第二事件,所述第二事件可以是由键盘按键按下事件“onkeydown”触发。
在第二个实施例中,本申请提供另一种显示设备,具体来讲,该显示设备中的部分组件还可以具体执行如下操作:
显示器;
用户接口,用于接收用户输入;
网络模块,用于下载网页文件;
浏览器模块,用于执行如图6所示的操作步骤:
步骤601、基于网页文件对应的完整元素DOM树显示网页,确定在所述完整元素DOM树中的第一可聚焦元素所在的第一位置显示焦点;
在本实施例中,浏览器模块可以基于所述网页文件对应的完整元素的DOM树显示网页,确定在所述完整元素DOM树中的第一可聚焦元素所在的第一位置显示焦点。而无需筛选上述自定义可聚焦元素,也无需创建自定义可聚焦元素DOM树。
步骤602、接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
步骤603、判断所述遥控器按键是方向按键还是确认按键;
步骤604、如果是方向按键,根据预设的遥控器键值与键盘键值的响应动作的对应关系,确定所述遥控器键值对应的键盘键值的响应动作;确定所述响应动作中的目标可聚焦元素,所述目标可聚焦元素是适配键盘控制模式的自定义可聚焦元素,执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到目标可聚焦元素对应的第二位置;
在本实施例中,所述确定所述遥控器键值对应的响应动作中的目标可聚焦元素,具体是,首先确定所述遥控器键值对应的方向按键的所在方向上与所述第一可聚焦元素距离最近的下一个元素为目标元素。如图5A所示,如果用户按下遥控器向上方向按键,则浏览器模块根据遥控器键值可以确定在向上的方向上离第一可聚焦元素(即元素1)最近的下一个元素是元素2,因此可以确定所述元素2为目标元素。
然后,判断所述目标元素是否为自定义可聚焦元素,所述自定义可聚焦元素至少包括:具有可聚焦功能的元素和指定元素,所述指定元素是不具有可聚焦功能,但具有鼠标箭头光标切换为手型光标功能的可见元素,且位置及大小是首次出现的元素;若是,则确定所述目标元素为目标可聚焦元素;若否,则确定所述目标元素的下一个元素为新的目标元素,例如查找元素2上面的距离最近的元素,重复执行判断所述目标元素是否为自定义可聚焦元素的操作,直至确定出目标可聚焦元素。
步骤605、如果是确认按键,触发绑定在所述第一可聚焦元素上的事件响应。
具体来讲,浏览器模块可以获取所述第一可聚焦元素绑定的事件;若是鼠标左键点击触发的第一事件,则触发第一可聚焦元素响应所述第一事件;若是键盘的Enter键触发的第二事件,则触发第一可聚焦元素响应所述第二事件。
举例来讲,该第二实施例所对应的具体方案的具处理过程如图7所示,其中包括:
步骤701、解析完整元素对应的DOM树,获取元素的参数信息;
参数信息包括但不限于元素的位置坐标、宽度、高度、属性信息等。
步骤702、显示默认焦点;
需要说明书的是,在首次显示一个网页时,可以在网页中显示默认焦点,显示默认焦点的方法可以包括下面两种:
第一种,是在完整元素的DOM树中确定一个指定的可聚焦元素,例如指定完整元素的DOM树中的左上角的可聚焦元素作为默认焦点对应的元素,并在该可聚焦元素的位置显示默认焦点。
第二种,是选择完整元素的DOM树中的任一元素作为待定的默认焦点对应的元素,然后通过判断该元素是否属于自定义可聚焦元素从而确定是否可以作为默认焦点对应的元素。具体确定过程如图8所示,其中包括:
步骤801、获取完整元素的DOM树中的指定位置的元素;
例如指定完整元素的DOM树中的左上角的元素。
步骤802、判断该元素是否是具有可聚焦属性的元素,若是,则转步骤803;若否,则转步骤804;
步骤803、将该元素作为默认焦点对应的元素,并在该元素的位置显示默认焦点,结束;
步骤804、判断该元素是否具有style="cursor:pointer"属性,若是,则转步骤805;若否,转步骤808;
步骤805、判断该元素是否具有hidden="hidden"属性的元素,若是,则转步骤808;若否,则转步骤806;
步骤806、判断该元素的高度或者宽度是否为0,若是,则转步骤808;若否,则转步骤807;
步骤807、判断该元素的坐标和大小是否首次出现,若是,则转步骤803;若否,则转步骤808;
步骤808、筛选距离该元素最近的下一个元素,转步骤802。
通过上述过程,可以进一步基于自定义可聚焦元素的标准来确定默认焦点对应的元素位置,从而使网页的默认焦点位于自定义可聚焦元素上。
步骤703、监听遥控器按键事件,获取遥控器键值;
步骤704、判断遥控器键值对应的是方向按键还是确认按键,如果是方向按键,转步骤705;如果是确认按键,转步骤714;
步骤705、将遥控器键值映射为键盘键值对应的方向事件,转步骤706;
步骤706、确定方向按键所指方位的与当前可聚焦元素距离最近的下一个元素为目标元素,转步骤707;
步骤707、所述目标元素是否为可聚焦元素,若是,转步骤708;若否,转步骤709;
步骤708、将焦点切换到所述目标元素上,转步骤703;
步骤709、判断目标元素是否具有style="cursor:pointer"属性,若是,则转步骤710;若否,转步骤713;
步骤710、判断目标元素是否具有hidden="hidden"属性,若是,则转步骤711;若否,则转步骤713;
步骤711、判断目标元素的高度或者宽度是否为0,若是,则转步骤712;若否,则转步骤713;
步骤712、判断目标元素的坐标和大小是否首次出现,若是,则转步骤708;若否,则转步骤713;
步骤713、继续寻找下一个目标元素,转步骤706;
步骤714、判断当前可聚焦元素是否能触发键盘Enter事件,若是,转步骤715;若否,转步骤716;
步骤715、触发当前可聚焦元素响应键盘Enter事件;
步骤716、触发当前可聚焦元素响应鼠标左键点击事件。
在上述实施例中,显示设备可以通过预存的据预设的遥控器键值与键盘键值以及响应动作的对应关系,确定用户输入的遥控器键值对应的响应动作,并且从响应键盘控制模式的自定义可聚焦元素中确定需要进行响应的可聚焦元素,从而执行响应动作,即通过遥控器方向按键来切换聚焦的元素,通过遥控器确认按键来触发元素响应相对应的事件。因此使得用户在使用遥控器浏览不支持键盘控制模式的网页时,依然可以实现遥控器模拟键盘控制模式来操作网页,简化了用户操作,极大地提升了通过遥控器操作网页时的用户体验。
尽管已描述了本申请的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包括这些改动和变型在内。
Claims (7)
1.一种显示设备,其特征在于,包括:
显示器;
用户接口,用于接收用户输入;
网络模块,用于下载网页文件;
浏览器模块,用于执行:
在基于网页文件对应的完整元素DOM树显示的网页中,确定在预先创建的自定义可聚焦元素DOM树中的第一可聚焦元素所在的第一位置显示焦点,所述自定义可聚焦元素DOM树中的自定义可聚焦元素是由所述完整元素DOM树中的适配键盘控制模式的可聚焦元素组成,且至少包括:具有可聚焦功能的元素和指定元素,所述指定元素是不具有可聚焦功能,但具有鼠标箭头光标切换为手型光标功能的可见元素,且位置及大小是首次出现的元素;
接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
如果所述遥控器键值对应的遥控器按键是方向按键,根据预设的遥控器键值与键盘键值的响应动作的对应关系,确定所述遥控器键值对应的键盘键值的响应动作,执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到所述自定义可聚焦元素DOM树中的第二可聚焦元素对应的第二位置。
2.如权利要求1所述的显示设备,其特征在于,创建自定义可聚焦元素DOM树的方法包括:
获取网页文件中完整元素DOM树中的所有元素的参数信息;
基于所有元素的参数信息,从所有元素中筛选出所述自定义可聚焦元素;
基于所述自定义可聚焦元素创建所述自定义可聚焦元素DOM树。
3.如权利要求1所述的显示设备,其特征在于,所述执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到所述自定义可聚焦元素DOM树中的第二可聚焦元素对应的第二位置,具体包括:
确定所述遥控器键值对应的方向按键的指示方向;
所述第二位置是所述第一位置在所述指示方向上的下一个可聚焦元素的位置。
4.一种显示设备,其特征在于,包括:
显示器;
用户接口,用于接收用户输入;
网络模块,用于下载网页文件;
浏览器模块,用于:
在基于网页文件对应的完整元素DOM树显示的网页中,确定在预先创建的自定义可聚焦元素DOM树中的第一可聚焦元素所在的第一位置显示焦点,所述自定义可聚焦元素DOM树中的自定义可聚焦元素是由所述完整元素DOM树中的适配键盘控制模式的可聚焦元素组成,且至少包括:具有可聚焦功能的元素和指定元素,所述指定元素是不具有可聚焦功能,但具有鼠标箭头光标切换为手型光标功能的可见元素,且位置及大小是首次出现的元素;
接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
如果所述遥控器键值对应的遥控器按键是确认按键,触发绑定在所述第一可聚焦元素上的事件响应。
5.如权利要求4所述的显示设备,其特征在于,所述触发绑定在所述第一可聚焦元素上的事件响应,具体包括:
获取所述第一可聚焦元素绑定的事件;
若是鼠标左键点击触发的第一事件,则触发第一可聚焦元素响应所述第一事件;
若是键盘回车Enter键触发的第二事件,则触发第一可聚焦元素响应所述第二事件。
6.一种遥控器浏览网页的方法,其特征在于,所述方法包括:
在基于网页文件对应的完整元素DOM树显示的网页中,确定在预先创建的自定义可聚焦元素DOM树中的第一可聚焦元素所在的第一位置显示焦点,所述自定义可聚焦元素DOM树中的自定义可聚焦元素是由所述完整元素DOM树中的适配键盘控制模式的可聚焦元素组成;
接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
如果所述遥控器键值对应的遥控器按键是方向按键,根据预设的遥控器键值与键盘键值的响应动作的对应关系,确定所述遥控器键值对应的键盘键值的响应动作,执行所述响应动作,将所述焦点从所述第一可聚焦元素对应的第一位置切换到所述自定义可聚焦元素DOM树中的第二可聚焦元素对应的第二位置,所述自定义可聚焦元素至少包括:具有可聚焦功能的元素和指定元素,所述指定元素是不具有可聚焦功能,但具有鼠标箭头光标切换为手型光标功能的可见元素,且位置及大小是首次出现的元素。
7.一种遥控器浏览网页的方法,其特征在于,所述方法包括:
在基于网页文件对应的完整元素DOM树显示的网页中,确定在预先创建的自定义可聚焦元素DOM树中的第一可聚焦元素所在的第一位置显示焦点,所述自定义可聚焦元素DOM树中的自定义可聚焦元素是由所述完整元素DOM树中的适配键盘控制模式的可聚焦元素组成,且至少包括:具有可聚焦功能的元素和指定元素,所述指定元素是不具有可聚焦功能,但具有鼠标箭头光标切换为手型光标功能的可见元素,且位置及大小是首次出现的元素;
接收用户输入的遥控器键值,在本地存储的遥控器键值与遥控器按键对应关系中确定所述遥控器键值对应的遥控器按键;
如果所述遥控器键值对应的遥控器按键是确认按键,触发绑定在所述第一可聚焦元素上的事件响应。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010470875.3A CN111625169B (zh) | 2020-05-28 | 2020-05-28 | 一种遥控器浏览网页的方法及显示设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010470875.3A CN111625169B (zh) | 2020-05-28 | 2020-05-28 | 一种遥控器浏览网页的方法及显示设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111625169A CN111625169A (zh) | 2020-09-04 |
CN111625169B true CN111625169B (zh) | 2022-04-15 |
Family
ID=72259260
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010470875.3A Active CN111625169B (zh) | 2020-05-28 | 2020-05-28 | 一种遥控器浏览网页的方法及显示设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111625169B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112150781A (zh) * | 2020-10-27 | 2020-12-29 | 中图云创智能科技(北京)有限公司 | 一种便捷式操控显示荧幕的方法 |
CN113076046B (zh) * | 2021-03-24 | 2023-03-14 | 中国邮政储蓄银行股份有限公司 | 操作页面的设置方法、装置与处理器 |
CN113535023A (zh) * | 2021-07-23 | 2021-10-22 | Vidaa美国公司 | 一种显示设备及展示方法 |
CN113645489A (zh) * | 2021-08-26 | 2021-11-12 | 帕科视讯科技(杭州)股份有限公司 | 一种iptv平台epg动态焦点配置及移动的方法 |
CN114679616A (zh) * | 2022-03-28 | 2022-06-28 | 京东方科技集团股份有限公司 | 控制显示设备的方法及相关设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103916710A (zh) * | 2014-03-31 | 2014-07-09 | 优视科技有限公司 | 焦点切换方法及*** |
CN106155644A (zh) * | 2015-03-27 | 2016-11-23 | 中国科学院声学研究所 | 适用于智能电视浏览器的网页焦点控制实现方法 |
CN107306308A (zh) * | 2016-04-20 | 2017-10-31 | 中兴通讯股份有限公司 | 页面响应方法及装置 |
CN109963182A (zh) * | 2017-12-26 | 2019-07-02 | 深圳Tcl数字技术有限公司 | 一种遥控器兼容输入方法、***、存储介质及电视机 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102088639B (zh) * | 2011-01-21 | 2013-05-22 | 烽火通信科技股份有限公司 | Iptv机顶盒浏览器页面的导航控制方法 |
CN102609521B (zh) * | 2012-02-10 | 2016-12-14 | 深圳创维数字技术有限公司 | 一种网页焦点元素的切换方法及数字电视接收终端 |
CN104808920A (zh) * | 2015-04-30 | 2015-07-29 | 青岛海信电器股份有限公司 | 一种焦点控制方法及装置 |
CN109792478B (zh) * | 2016-09-01 | 2021-11-12 | 迪尤莱特公司 | 基于焦点目标信息调整焦点的装置和方法 |
US10552236B2 (en) * | 2017-06-28 | 2020-02-04 | Microsoft Technology Licensing, Llc | Serialization of focus movement between elements in web applications |
-
2020
- 2020-05-28 CN CN202010470875.3A patent/CN111625169B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103916710A (zh) * | 2014-03-31 | 2014-07-09 | 优视科技有限公司 | 焦点切换方法及*** |
CN106155644A (zh) * | 2015-03-27 | 2016-11-23 | 中国科学院声学研究所 | 适用于智能电视浏览器的网页焦点控制实现方法 |
CN107306308A (zh) * | 2016-04-20 | 2017-10-31 | 中兴通讯股份有限公司 | 页面响应方法及装置 |
CN109963182A (zh) * | 2017-12-26 | 2019-07-02 | 深圳Tcl数字技术有限公司 | 一种遥控器兼容输入方法、***、存储介质及电视机 |
Also Published As
Publication number | Publication date |
---|---|
CN111625169A (zh) | 2020-09-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111625169B (zh) | 一种遥控器浏览网页的方法及显示设备 | |
CN111182345B (zh) | 一种控件的显示方法及显示设备 | |
CN112969084A (zh) | 一种用户界面展示方法、存储介质及显示设备 | |
CN111654739A (zh) | 一种内容显示方法及显示设备 | |
CN111427643A (zh) | 一种显示设备以及基于显示设备的操作指南的显示方法 | |
CN109960556B (zh) | 一种显示设备 | |
CN111414216A (zh) | 一种显示设备以及基于显示设备的操作指南的显示方法 | |
CN111045557A (zh) | 焦点对象的移动方法及显示设备 | |
CN111901653B (zh) | 一种显示设备外接音响的配置方法及显示设备 | |
CN111726673B (zh) | 一种频道切换方法及显示设备 | |
CN111104020A (zh) | 用户界面设置方法、存储介质及显示设备 | |
CN111225262A (zh) | 一种显示设备的功能设定方法及显示设备 | |
CN111479155A (zh) | 显示设备及用户界面显示方法 | |
CN112004126A (zh) | 搜索结果显示方法及显示设备 | |
CN111857502A (zh) | 一种图像显示方法及显示设备 | |
CN113115092B (zh) | 一种显示设备及详情页展示方法 | |
CN111757154A (zh) | 一种遥控器控制网页光标的方法及显示设备 | |
CN109922364B (zh) | 一种显示设备 | |
CN111857363A (zh) | 一种输入法交互方法及显示设备 | |
CN112040308A (zh) | 一种hdmi通道切换方法及显示设备 | |
CN111601143A (zh) | 一种护眼模式服务启动方法及显示设备 | |
CN111897641A (zh) | 微服务监控调度方法及显示设备 | |
CN111541929A (zh) | 一种多媒资数据显示方法及显示设备 | |
CN113115093B (zh) | 一种显示设备及详情页展示方法 | |
CN113010074A (zh) | 一种网页视频Video控制栏显示方法及显示设备 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20221026 Address after: 83 Intekte Street, Devon, Netherlands Patentee after: VIDAA (Netherlands) International Holdings Ltd. Address before: 9 / F, Hisense south building, 1777 Chuangye Road, Yuehai street, Nanshan District, Shenzhen, Guangdong 518054 Patentee before: HISENSE ELECTRONIC TECHNOLOGY (SHENZHEN) Co.,Ltd. |