CN112506345B - 一种页面显示方法、装置、电子设备及存储介质 - Google Patents
一种页面显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN112506345B CN112506345B CN202011439816.6A CN202011439816A CN112506345B CN 112506345 B CN112506345 B CN 112506345B CN 202011439816 A CN202011439816 A CN 202011439816A CN 112506345 B CN112506345 B CN 112506345B
- Authority
- CN
- China
- Prior art keywords
- area
- page
- target page
- target
- information
- 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
- 238000000034 method Methods 0.000 title claims abstract description 46
- 210000001508 eye Anatomy 0.000 claims abstract description 49
- 230000000007 visual effect Effects 0.000 claims description 37
- 230000006870 function Effects 0.000 claims description 28
- 210000001747 pupil Anatomy 0.000 claims description 26
- 238000013507 mapping Methods 0.000 claims description 17
- 230000001815 facial effect Effects 0.000 claims description 10
- 238000012549 training Methods 0.000 claims description 6
- 238000005516 engineering process Methods 0.000 abstract description 3
- 230000003993 interaction Effects 0.000 abstract description 2
- 238000012545 processing Methods 0.000 description 11
- 230000002093 peripheral effect Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 230000001133 acceleration Effects 0.000 description 4
- 210000005252 bulbus oculi Anatomy 0.000 description 4
- 238000004364 calculation method Methods 0.000 description 4
- 230000008859 change Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000004044 response Effects 0.000 description 3
- 238000013528 artificial neural network Methods 0.000 description 2
- 230000003190 augmentative effect Effects 0.000 description 2
- 239000000919 ceramic Substances 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 230000033001 locomotion Effects 0.000 description 2
- 230000001154 acute effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 210000004709 eyebrow Anatomy 0.000 description 1
- 210000000887 face Anatomy 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 210000003128 head Anatomy 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 239000000725 suspension Substances 0.000 description 1
- 239000010409 thin film Substances 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
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/011—Arrangements for interaction with the human body, e.g. for user immersion in virtual reality
- G06F3/013—Eye tracking input arrangements
-
- 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
-
- 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
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
本公开关于一种页面显示方法、装置、电子设备及存储介质,涉及人机交互技术,可以提高控制页面显示的便捷程度,进而提升用户的浏览体验。具体方案包括:在显示屏上显示目标页面;目标页面包括至少一个页面元素;确定注视区域在目标页面中的位置;注视区域为用户眼睛注视目标页面的区域;当位于注视区域的页面元素包括基础页面元素时,从位于注视区域中的页面元素中,确定除基础页面元素之外的页面元素为目标页面元素;从注视区域中移除目标页面元素。其中,基础页面元素所记载的信息属于目标页面的主题信息;目标页面元素所记载的信息属于预设信息;预设信息为与目标页面的主题信息不同的信息;目标页面元素覆盖了基础页面元素。
Description
技术领域
本公开涉及人机交互技术,尤其涉及一种页面显示方法、装置、电子设备及存储介质。
背景技术
目前,电子设备在显示目标页面时,该目标页面除了包括一些必要的主题信息,还可能包括一些与该目标页面的主题信息没有联系的页面元素(如,安装在电子设备中的某一个应用程序(Application,APP)的推送消息)。由于这些页面元素通常会遮挡该目标页面中的部分主题信息,则用户为了查看到被遮挡的主题信息,需要手动调整这些页面元素的位置。如此,降低了用户控制页面显示的便捷程度,进而导致用户的浏览体验较差。
发明内容
本公开实施例提供一种页面显示方法、装置、电子设备及存储介质,以至少提高控制页面显示的便捷程度,进而提升用户的浏览体验。本公开的技术方案如下:
第一方面,本公开实施例提供一种页面显示方法,该页面显示方法包括:先在显示屏上显示目标页面;目标页面包括至少一个页面元素;然后,确定注视区域在目标页面中的位置;注视区域为用户眼睛注视目标页面的区域;当位于注视区域的页面元素包括基础页面元素时,从位于注视区域中的页面元素中,确定除基础页面元素之外的页面元素为目标页面元素;最后,从注视区域中移除目标页面元素。
其中,基础页面元素所记载的信息属于目标页面的主题信息;目标页面元素所记载的信息属于预设信息;预设信息为与目标页面的主题信息不同的信息;目标页面元素覆盖了基础页面元素。
在一种可能的实施方式中,上述确定注视区域在目标页面中的位置,包括:获取用户眼睛在显示屏上的注视点的位置信息、显示屏与用户眼睛之间的距离、以及用户的目标视角;根据距离和目标视角,确定注视区域的面积;根据注视点的位置信息和注视区域的面积,确定注视区域在目标页面中的位置。其中,目标视角为用户正确识别信息的视角。目标视角等于用户眼睛与注视区域所形成的圆锥的顶角。注视点是注视区域的中心点。
另一种可能的实施方式中,上述根据距离和目标视角,确定注视区域的面积,包括:将距离和目标视角输入至预设三角函数,得到注视区域的直径;根据注视区域的直径计算得到注视区域的面积。
另一种可能的实施方式中,上述从注视区域中移除目标页面元素,包括:隐藏目标页面元素;或者,将目标页面元素从注视区域移动至目标页面中除注视区域以外的其他区域或者,删除目标页面元素。
另一种可能的实施方式中,上述预设信息包括以下至少一项:推荐信息、提示信息、媒体资源。
另一种可能的实施方式中,上述获取用户眼睛在显示屏上的注视点的位置信息,包括:获取包括用户人脸的人脸图像;根据人脸图像,确定注视点的位置信息。
另一种可能的实施方式中,上述根据人脸图像,确定注视点的位置信息,包括:以人脸图像的脸部特征点为参考物建立实时坐标系,并确定人脸图像的瞳孔在实时坐标系下的坐标;再根据预先建立的瞳孔坐标与注视点坐标之间的映射关系,确定人脸图像的瞳孔在实时坐标系下的坐标对应的注视点的坐标。
其中,映射关系为根据样本人脸图像和样本人脸图像对应的样本注视点坐标训练得到的;样本注视点坐标表示样本用户对显示屏的注视点在显示屏上的位置。
第二方面,本公开实施例还提供了一种页面显示装置,该页面显示装置包括:注视区域确定模块,元素确定模块和显示模块。其中,显示模块,用于在显示屏上显示目标页面;注视区域确定模块,用于确定注视区域在目标页面中的位置;元素确定模块,用于当位于注视区域的页面元素包括基础页面元素时,从位于注视区域中的页面元素中,确定除基础页面元素之外的页面元素为目标页面元素。显示模块,还用于从注视区域中移除目标页面元素。
其中,目标页面包括至少一个页面元素。注视区域为用户眼睛注视目标页面的区域。基础页面元素所记载的信息属于目标页面的主题信息;目标页面元素所记载的信息属于预设信息;预设信息为与目标页面的主题信息不同的信息;目标页面元素覆盖了基础页面元素。
在一种可能的实施方式中,注视区域确定模块,具体用于:获取用户眼睛在显示屏上的注视点的位置信息、显示屏与用户眼睛之间的距离、以及用户的目标视角;根据距离和目标视角,确定注视区域的面积;根据注视点的位置信息和注视区域的面积,确定注视区域在目标页面中的位置。
其中,目标视角为用户正确识别信息的视角;目标视角等于用户眼睛与注视区域所形成的圆锥的顶角;注视点是注视区域的中心点。
另一种可能的实施方式中,注视区域确定模块,具体用于:将距离和目标视角输入至预设三角函数,得到注视区域的直径;根据注视区域的直径计算得到注视区域的面积。
另一种可能的实施方式中,显示模块,具体用于隐藏目标页面元素;或者,将目标页面元素从注视区域移动至目标页面中除注视区域以外的其他区域;或者,删除目标页面元素。
另一种可能的实施方式中,预设信息包括以下至少一项:推荐信息、提示信息、媒体资源。
另一种可能的实施方式中,注视区域确定模块,具体用于获取包括用户人脸的人脸图像;根据人脸图像,确定注视点的位置信息。
另一种可能的实施方式中,注视区域确定模块,具体用于:以人脸图像的脸部特征点为参考物建立实时坐标系,并确定人脸图像的瞳孔在实时坐标系下的坐标;根据预先建立的瞳孔坐标与注视点坐标之间的映射关系,确定人脸图像的瞳孔在实时坐标系下的坐标对应的注视点的坐标。
其中,映射关系为根据样本人脸图像和样本人脸图像对应的样本注视点坐标训练得到的;样本注视点坐标表示样本用户对显示屏的注视点在显示屏上的位置。
第三方面,本公开实施例还提供了一种电子设备,包括:处理器和用于存储处理器可执行指令的存储器。其中,处理器被配置为执行指令,使得电子设备执行如第一方面及其任一种可能的实施方式的页面显示方法。
第四方面,本申请实施例还提供了一种计算机可读存储介质,计算机可读存储介质上存储有计算机指令,当计算机指令在电子设备上运行时,使得电子设备执行如第一方面及其任一种可能的实施方式的页面显示方法。
第五方面,本申请实施例还提供一种计算机程序产品,包括一条或多条指令,该一条或多条指令可以在电子设备上运行,使得电子设备执行如第一方面及其任一种可能的实施方式的页面显示方法。
本公开的实施例提供的技术方案至少带来以下有益效果:在显示目标页面的时候,确定用户在目标页面上的注视区域的位置,该注视区域就是目标页面中用户正在查看的区域。然后,如果目标页面在注视区域中存在基础页面元素,则确定位于注视区域(即用户正在查看的区域)中的目标页面元素。由于目标页面元素也位于注视区域(即用户正在查看的区域)内,则目标页面元素覆盖了注视区域中的基础页面元素,并且该基础页面元素属于目标页面的主题信息,即目标页面元素覆盖了用户正在查看的目标页面的主题信息。因此,电子设备从该注视区域内移除目标页面元素,即显示出用户正在查看的目标页面的主题信息。如此,无须用户手动操作,自动移除对用户正在查看的目标页面的主题信息的遮挡,显示出用户正在查看的目标页面的主题信息。从而提高了用户控制页面显示的便捷程度,进而提升了用户的浏览体验。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是常规技术提供的一种页面显示的界面示意图;
图2是本公开实施例提供的一种电子设备的硬件结构示意图;
图3是本公开实施例提供的一种页面显示方法的流程图一;
图4是本公开实施例提供的一种电子设备显示目标页面的示意图;
图5是本公开实施例提供的一种电子设备隐藏目标页面中的目标页面元素的示意图;
图6是本公开实施例提供的一种电子设备移动目标页面中的目标页面元素的示意图;
图7是本公开实施例提供的用户视角和显示屏的几何关系示意图;
图8是本公开实施例提供的一种页面显示方法的流程图二;
图9是本公开实施例提供的一种页面显示装置的结构示意图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
目前,越来越多的用户通过电子设备获取信息,可以说电子设备已经成为用户的主要信息获取渠道。电子设备可通过显示任意一个页面(可以称为目标页面),以向用户展示该目标页面的主题信息。其次,该目标页面除了包括主题信息之外,还可能包括一些与该主题信息没有联系的其他信息(如,广告,某一个APP的推送消息)。
其中,目标页面可以是安装在电子设备中的任意一个APP的一个页面。目标页面中的每一个信息(如,一个主题信息,一个其他信息)都可以称为一个页面元素,或者说一个页面元素记载一个信息(如,一个主题信息,一个其他信息)。每个页面元素可以是文字、视频、图片等。
其中,以下实施例中所述的预设信息是指与该目标页面的主题信息没有联系的其他信息,该其他信息是与该目标页面的主题信息不同的信息。
示例性地,以电子设备为手机为例。手机100上可安装有多个APP。手机100接收到用户对某一个APP的一个目标页面的查看操作;响应于该查看操作,通过显示屏显示该目标页面110。其中,目标页面110包括至少一个页面元素,至少一个页面元素包括基础页面元素、以及与基础页面元素不同的其他页面元素。该基础页面元素是指目标页面110的主题信息,该其他页面元素是指与该目标页面110的主题信息不同的信息。
如图1所示,目标页面110的基础页面元素包括Video1、Video2和Video3等;该其他页面元素包括以悬浮框的方式显示的页面元素111和页面元素112。可以看出,页面元素111和页面元素112遮挡住了基础页面元素中的一部分(即目标页面110的主题信息中的一部分),则用户为了查看被某一个其他页面元素(如页面元素111或页面元素112)遮挡的目标页面110的主题信息时,需要手动调整该某一个其他页面元素的位置。
综上所述,电子设备显示目标页面的时候,由于目标页面中的一些其他页面元素通常会遮挡目标页面的主题信息中的一部分,则用户为了查看到被遮挡的主题信息,需要手动调整这些其他页面元素的位置。如此,降低了用户控制页面显示的便捷程度,进而导致用户的浏览体验较差。
针对相关技术存在的上述问题,本公开实施例提供一种页面显示方法,能够提高用户控制页面显示的便捷程度,实现较好的用户浏览体验。
需要说明的是,本公开后续实施例中的方法步骤可以由页面显示装置执行。该页面显示装置可以是上述电子设备、该电子设备中的客户端(如,某一个APP)或者与该电子设备连接的服务器。该页面显示装置还可以是该电子设备中的部分功能模块(如中央处理器(Central Processing Unit,CPU))和/或该服务器中的部分功能模块(如CPU),本公开实施例对页面显示方法的执行主体不做限制。其中,该服务器为某一个APP提供数据支持,包括生成该APP的目标页面,以及响应于用户对该APP的目标页面的操作更新该APP的目标页面。
示例性地,本公开实施例中的电子设备可以是手机、视频播放器、智能电视机、平板电脑、桌面型、膝上型、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobilepersonal computer,UMPC)、上网本,以及个人数字助理(personal digital assistant,PDA)、增强现实(augmented reality,AR)\虚拟现实(virtual reality,VR)设备等,本公开实施例对该电子设备的具体形态不作特殊限制。
示例性地,如图2所示的一种电子设备的结构示意图,本公开实施例中的电子设备200包括有处理器201和存储器202。
其中,处理器201可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器201可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processing unit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
存储器202可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器202还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器202中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器201所执行以实现本公开实施例提供的页面显示方法。
在一些实施例中,电子设备200还可选包括有:***设备接口203和至少一个***设备。处理器201、存储器202和***设备接口203之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口203相连。具体地,***设备包括:射频电路204、显示屏205、摄像头组件206、音频电路207、定位组件208和电源209中的至少一种。
***设备接口203可被用于将I/O(Input/Output,输入/输出)相关的至少一个***设备连接到处理器201和存储器202。在一些实施例中,处理器201、存储器202和***设备接口203被集成在同一芯片或电路板上。在一些其他实施例中,处理器201、存储器202和***设备接口203中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不予限定。
射频电路204用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路204通过电磁信号与通信网络以及其他通信设备进行通信。射频电路204将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路204包括:天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路204可以通过至少一种无线通信协议来与其它电子设备进行通信。该无线通信协议包括但不限于:城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或Wi-Fi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路204还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本公开对此不加以限定。
显示屏205用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏205是触摸显示屏时,显示屏205还具有采集在显示屏205的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器201进行处理。此时,显示屏205还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏205可以为一个,设置电子设备200的前面板;显示屏205可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-EmittingDiode,有机发光二极管)等材质制备。
摄像头组件206用于采集图像或视频。可选地,摄像头组件206包括前置摄像头和后置摄像头。通常,前置摄像头设置在电子设备的前面板,后置摄像头设置在电子设备的背面。音频电路207可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器201进行处理,或者输入至射频电路204以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在电子设备200的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器201或射频电路204的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路207还可以包括耳机插孔。
定位组件208用于定位电子设备200的当前地理位置,以实现导航或LBS(LocationBased Service,基于位置的服务)。定位组件208可以是基于美国的GPS(GlobalPositioning System,全球定位***)、中国的北斗***、俄罗斯的格雷纳斯***或欧盟的伽利略***的定位组件。
电源209用于为电子设备200中的各个组件进行供电。电源209可以是交流电、直流电、一次性电池或可充电电池。当电源209包括可充电电池时,该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。
在一些实施例中,电子设备200还包括有一个或多个传感器210。该一个或多个传感器210包括但不限于:加速度传感器、陀螺仪传感器、压力传感器、指纹传感器、光学传感器以及接近传感器。
加速度传感器可以检测以电子设备200建立的坐标系的三个坐标轴上的加速度大小。陀螺仪传感器可以检测电子设备200的机体方向及转动角度,陀螺仪传感器可以与加速度传感器协同采集用户对电子设备200的3D动作。压力传感器可以设置在电子设备200的侧边框和/或显示屏205的下层。当压力传感器设置在电子设备200的侧边框时,可以检测用户对电子设备200的握持信号。指纹传感器用于采集用户的指纹。光学传感器用于采集环境光强度。接近传感器,也称距离传感器,通常设置在电子设备200的前面板。接近传感器用于采集用户与电子设备200的显示屏205的正面之间的距离。
可以理解的是,图2中示出的结构并不构成对电子设备200的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
本公开实施例中,考虑到电子设备显示目标页面的时候,目标页面中的一些其他页面元素(即与目标页面的主题信息不同的信息)会遮挡住目标页面中的部分主题信息;并且,如果用户视线落在被遮挡的主题信息上,用户就要手动调整遮挡主题信息的这些其他页面元素。基于此,本公开实施例中电子设备在显示目标页面的时候,获取用户在目标页面上的注视区域。然后,电子设备对目标页面中的在该注视区域内的其他页面元素移除。如此,无须用户手动操作,解决了其他页面元素遮挡用户注视区域内的主题信息的问题。
请参考图3,为本公开实施例提供的一种页面显示方法的流程图。如图3所示,该页面显示方法可以包括S301-S304。
S301、在显示屏上显示目标页面;目标页面包括至少一个页面元素。
页面显示装置接收到用户对某个目标页面的查看操作,响应于该查看操作,可控制显示屏显示该目标页面。
示例性地,以电子设备执行页面显示方法为例,电子设备包括显示屏。电子设备接收到用户对某个目标页面的查看操作,响应于该查看操作,通过该显示屏显示该目标页面。
示例性地,以服务器执行页面显示方法为例,服务器接收来自电子设备的上述查看操作,生成该目标页面;再向电子设备发送该目标页面,触发电子设备在显示屏上显示目标页面。
本公开实施例中,该目标页面可以包括至少一个页面元素。至少一个页面元素可包括基础页面元素和/或与基础页面元素不同的其他页面元素。该基础页面元素是指目标页面的主题信息。该其他页面元素是指与该目标页面的主题信息不同的信息(称为预设信息),如,媒体资源(可以称为广告)、提示信息、推送消息等。每个页面元素可以是文字、视频、图片等。
本公开实施例中,页面显示装置可以采用界面控件(或UI组件)的方式显示至少一个页面元素。至少一个页面元素可与至少一个界面控件为一一对应的。其中,界面控件包括弹窗、悬浮框等。
S302、确定注视区域在目标页面中的位置;注视区域为用户眼睛注视目标页面的区域。
页面显示装置在显示该目标页面的同时,可确定注视区域在目标页面中的位置。
本公开实施例中,页面显示装置可以获取眼球和眼球周边的特征变化;再根据眼球和眼球周边的特征追踪用户眼睛的变化,确定注视区域在目标页面中的位置。
或者,页面显示装置可以获取虹膜角度变化;再根据虹膜角度变化追踪用户眼睛的变化,确定注视区域在目标页面中的位置。
其中,页面显示装置可以获取用户眼睛在显示屏上的注视点的位置信息、以及注视区域的面积;再根据注视点的位置信息和注视区域的面积,确定注视区域在目标页面中的位置。注视点可以是指用户视线的一个中心点。
其中,注视区域可以为圆形、椭圆或其他形状。
示例性地,以页面显示装置为手机、注视区域为圆形为例。手机400安装有多个APP,如第一APP和第二APP,第一APP和第二APP不同。手机400接收到用户对第一APP的运行操作,运行第一APP,并通过显示屏显示第一APP中的目标页面410。该运行操作就是用户对该第一APP中的目标页面410的查看操作。
如图4中的(a)所示,目标页面410可包括基础页面元素和与基础页面元素不同的其他页面元素。其中,该基础页面元素包括多个视频,如Video1、Video2和Video3等。该其他页面元素可包括第二APP的推送信息411、广告412。可以看出,第二APP的推送信息411和广告412分别覆盖了目标页面410的基础页面元素的一部分。
其次,手机400显示目标页面410的同时,可以获取用户眼睛在手机400上的注视点421的位置信息、以及注视区域422的面积;再根据注视点421的位置信息和注视区域422的面积,确定注视区域422。如图4中的(b)所示,手机400确定出以注视点421为圆心的注视区域422。
S303、当位于所述注视区域的页面元素包括基础页面元素时,从位于注视区域中的页面元素中,确定除基础页面元素之外的页面元素为目标页面元素。
其中,基础页面元素所记载的信息属于目标页面的主题信息。目标页面元素所记载的信息属于预设信息;预设信息为与目标页面的主题信息不同的信息。目标页面元素覆盖了基础页面元素。
本公开实施例中,页面显示装置可以先判断位于注视区域的页面元素是否包括基础页面元素。如果位于注视区域的页面元素包括基础页面元素,则从位于注视区域中的页面元素中,确定上述目标页面元素。如果位于注视区域的页面元素不包括基础页面元素,确定没有该目标页面元素。
其中,页面显示装置可以判断位于注视区域的每个页面元素是不是目标页面的主题信息;确定是目标页面的主题信息的页面元素为基础页面元素。
本公开实施例中,预设信息包括以下至少一项:推荐信息、提示信息、媒体资源(如,广告)。
可以理解的是,预设信息所包括的推荐信息、提示信息和媒体资源都是一些与目标页面的主题信息不同的信息。对于查看该目标页面的用户而言,目标页面的主题信息的重要程度高于与目标页面的主题信息不同的信息(即预设信息);因此,可以将这些与目标页面的主题信息不同的信息都确定为预设信息。进而,可以确定属于该预设信息的目标页面元素就是重要程度较低的页面元素,则移除重要程度较低的目标页面元素,避免重要程度较低的目标页面元素覆盖重要程度较高的目标页面的主题信息(即基础页面元素)所导致的用户浏览体验降低的问题。
本公开实施例中,页面显示装置可以在注视区域中存在基础页面元素的情况下,确定位于注视区域内的除基础页面元素之外的所有页面元素都是目标页面元素。
或者,电子设备可以在注视区域中存在基础页面元素的情况下,针对位于注视区域内的除基础页面元素之外的待选页面元素;再判断每个待选页面元素是不是预设信息;确定是预设信息的页面元素为目标页面元素。
其中,页面显示装置预存有目标页面中每个页面元素是主题信息或预设信息。
示例性地,继续以如图4中的(b)所示的手机400为例。手机400确定广告412为目标页面元素。其中,广告412位于注视区域422内,广告412是预设信息中的媒体资源。
S304、从注视区域中移除目标页面元素。
页面显示装置可以移除注视区域内的目标页面元素,以使得移除后的注视区域内没有目标页面元素。
示例性地,以电子设备执行页面显示方法为例,电子设备确定目标页面元素后,直接从注视区域中移除目标页面元素。
示例性地,以服务器执行页面显示方法为例,服务器确定目标页面元素后,从目标页面的注视区域中移除目标页面元素,生成移除后的目标页面;再向电子设备发送移除后的目标页面,以触发电子设备显示移除后的目标页面。
本公开实施例中,页面显示装置可隐藏目标页面元素。或者,页面显示装置可将目标页面元素从注视区域移动至目标页面中除注视区域以外的其他区域。又或者,页面显示装置可删除目标页面元素。
其中,页面显示装置隐藏目标页面元素后,如果注视区域发生变化,电子设备确定该目标页面元素不再位于新的注视区域内,则显示该目标页面元素。
其中,页面显示装置将目标页面元素从注视区域移动至目标页面中除注视区域以外的其他区域后,如果注视区域发生变化,页面显示装置确定新的注视区和该注视区域不重合(即新的注视区和该注视区域之间没有重合区域),则将该目标页面元素移动至初始位置。该初始位置是指目标区域被移动至其他区域之前的位置。
需要说明的是,页面显示装置在确定出目标页面元素后,隐藏、移动或删除该目标页面元素都是移除目标页面元素的一种示例性实现方式。通过隐藏、移动或删除该目标页面元素实现移除后的目标页面元素不覆盖基础页面元素,本申请实施例对移除目标页面元素的具体方式不进行限制。
示例性地,电子设备采用界面控件的方式显示至少一个页面元素,则电子设备可将承载目标页面元素的界面控件移动至上述其他区域,或者删除承载目标页面元素的界面控件,又或者隐藏承载目标页面元素的界面控件。
示例性地,继续以如图4中的(b)所示的手机400为例。手机400确定广告412为目标页面元素后,可隐藏广告412。如图5中的(a)所示,手机400显示的目标页面410不包括广告412。然后,手机确定新的注视区域430、且确定广告412不位于新的注视区域430内,则显示广告412。如图5中的(b)所示,手机400重新显示广告412,广告412未遮挡新的注视区域430内的目标页面410的主题信息。
示例性地,继续以如图4中的(b)所示的手机400为例。手机400确定广告412为目标页面元素后,可将广告412移动至目标页面410中除注视区域422之外的其他区域。如图6中的(a)所示,手机400将广告412移动上述其他区域中的顶部区域。然后,手机确定新的注视区域430、且确定新的注视区域430和注视区域422不重合,则将广告412移动至初始位置。如图6中的(b)所示,手机400将广告412移动至被移动至其他区域之前所在的初始位置,广告412未遮挡新的注视区域430内的目标页面410的主题信息。
可以理解的是,页面显示装置在显示目标页面的时候,确定用户在目标页面上的注视区域的位置,该注视区域就是目标页面中用户正在查看的区域。然后,如果目标页面在注视区域中存在基础页面元素,则电子设备确定位于注视区域(即用户正在查看的区域)中的目标页面元素。由于目标页面元素也位于注视区域(即用户正在查看的区域)内,则目标页面元素覆盖了注视区域中的基础页面元素,并且该基础页面元素属于目标页面的主题信息,即目标页面元素覆盖了用户正在查看的目标页面的主题信息。因此,电子设备从该注视区域内移除目标页面元素,即显示出用户正在查看的目标页面的主题信息。如此,无须用户手动操作,自动移除对用户正在查看的目标页面的主题信息的遮挡,显示出用户正在查看的目标页面的主题信息。从而提高了用户控制页面显示的便捷程度,进而提升了用户的浏览体验。
本公开实施例中,由于用户视线范围类似一个圆锥体,则用户在电子设备上的注视区域可以是圆锥体和电子设备的显示屏所在平面相交的面,即注视区域可以是椭圆或圆形。因此,电子设备可先获取电子设备与用户眼睛之间的距离、以及用户的目标视角;再基于用户眼睛、用户的目标视角和电子设备的显示屏所在平面之间的几何关系,利用显示屏与用户眼睛之间的距离、以及用户的目标视角,计算得到注视区域的直径;最后,根据注视区域的直径,计算出注视区域的面积。
示例性地,如图7所示的用户视角和显示屏的几何关系示意图,用户眼睛710正视电子设备的显示屏720。用户的最大可视视角α确定了用户视线范围,用户视线范围形成的圆锥体的主视图如图7中的三角形730。其中,用户正确识别信息的视角为目标视角β,目标视角β内的区域为注视区域。电子设备可根据用户眼睛与电子设备的显示屏720的距离D、以及目标视角β,计算得到注视区域的直径B。
请参见图8,上述页面显示方法中的S302可以包括S801-S803。
S801、获取用户眼睛在显示屏上的注视点的位置信息、显示屏与用户眼睛之间的距离、以及用户的目标视角;其中,目标视角为用户正确识别信息的视角。
示例性地,以电子设备执行页面显示方法为例,电子设备可包括前置摄像头。电子设备可通过前置摄像头采集包括用户眼睛或用户人脸的人脸图像;再对人脸图像进行处理,确定用户眼睛在显示屏上的注视点的位置信息。
示例性地,以服务器执行页面显示方法为例,服务器接收来自电子设备的上述人脸图像、显示屏与用户眼睛之间的距离;还获取用户的目标视角。服务器再对人脸图像进行处理,确定用户眼睛在显示屏上的注视点的位置信息。
本公开实施例中,注视点的位置信息可包括注视点的坐标,注视点的坐标是注视点在第一坐标系下取得的坐标。第一坐标系的原点为电子设备的显示屏的左上顶点,第一坐标系的X轴的正方向为从电子设备的显示屏的左上顶点到右上顶点的方向,第一坐标系的Y轴的正方向为从电子设备的显示屏的左上顶点到左下顶点的方向。
示例性地,电子设备还可包括距离传感器。电子设备可通过距离传感器,测量得到显示屏与用户眼睛之间的距离。
本公开实施例中,用户的目标视角可以为预设的视角、或者电子设备测量得到的视角。预设的视角可以是从用户眼睛能够正确识别信息的视角范围中取值得到的。用户眼睛能够正确识别信息的视角范围是指针对该视角范围内的信息,在用户眼睛与该视角范围内的信息之间保持一定距离的情况下,用户能够准确识别该视角范围内的信息。
其中,用户眼睛能够正确识别信息的视角范围为10°-20°,预设的视角可以从10°-20°中取值,例如,预设的视角为用户眼睛能够正确识别信息的视角范围中的最大值,即20°。
S802、根据距离和目标视角,确定注视区域的面积。
本公开实施例中,页面显示装置可将距离和目标视角输入至预设三角函数,得到注视区域的直径;根据注视区域的直径计算得到注视区域的面积。
其中,预设三角函数用于根据直角三角形中的第一直角边的长度和锐角角度计算得到直角三角形中的第二直角边的长度。
本公开实施例中,页面显示装置可将注视区域的直径输入至预设面积计算函数,计算得到注视区域的面积。其中,预设面积计算函数用于根据直径和圆形面积的关系计算得到注视区域的面积。
其中,页面显示装置可以在注视区域为圆形时(或者是确定用户正视显示屏时),利用上述预设面积计算函数计算得到注视区域的面积。
示例性地,以图7中的目标视角β和注视区域为例。预设三角函数可以如公式(1)所示,预设面积计算函数可以如公式(2)所示。
B=D×tan(β/2)×2 (1)
S=π×(B/2)2 (2)
其中,S为注视区域的面积;B/2为注视区域的半径。
S803、根据注视点的位置信息和注视区域的面积,确定注视区域在目标页面中的位置。
页面显示装置可根据注视点的坐标和注视区域的面积,确定注视区域在目标页面中的位置。其中,注视点是注视区域的中心点。
本公开实施例中,注视点的位置信息可以是上述注视点的坐标。页面显示装置获取包括用户人脸的人脸图像后,可以人脸图像的脸部特征点为参考物建立实时坐标系,并确定人脸图像的瞳孔在实时坐标系下的坐标;根据预先建立的瞳孔坐标与注视点坐标之间的映射关系,确定人脸图像的瞳孔在实时坐标系下的坐标对应的注视点的坐标。
其中,人脸图像的脸部特征点是指相对于人脸图像的头部不会发生位置改变的特征点,例如,眉毛特征点、眼睛特征点、鼻尖特征点、嘴角特征点和眼镜佩戴者的眼镜特征点等等。
其中,映射关系为利用样本人脸图像和样本人脸图像对应的样本注视点坐标训练得到的。样本人脸图像是包括样本用户人脸的人脸图像;样本注视点坐标表示样本用户对显示屏的注视点在显示屏上的位置。样本人脸图像与上述人脸图像为同一用户的人脸图像,样本用户就是上述用户。
可以理解的是,页面显示装置通过获取人脸图像、显示屏与用户眼睛之间的距离、以及用户的目标视角,可以确定出注视区域在目标页面中的位置。而人脸图像可以通过前置摄像头采集得到,显示屏与用户眼睛之间的距离可以通过距离传感器采集得到,用户的目标视角可以是根据用户正确识别信息的视角确定。也就是说,通过前置摄像头和距离传感器采集可以确定注视区域在目标页面中的位置,本公开实施例所提供的页面显示方法对硬件设备的要求较低,进而提高了该页面显示方法的可用性。
其次,由于不同的用户的人脸图像不同,人脸图像中各个特征点的位置关系也不相同;因此,在建立瞳孔坐标与注视点坐标之间的映射关系时使用的样本人脸图像与上述人脸图像为同一人物的人脸图像时,可以降低建立好的瞳孔坐标与注视点坐标之间的映射关系能够应用于上述人脸图像时的误差。
本公开实施例中,页面显示装置在获取上述注视点的坐标之前,预先建立瞳孔坐标与注视点坐标之间的映射关系。具体包括:页面显示装置获取样本人脸图像以及与样本人脸图像对应的样本注视点坐标;对样本人脸图像进行特征识别,确定样本人脸图像的瞳孔,以及样本人脸图像的脸部特征点;根据样本人脸图像各个脸部特征点之间的位置关系,建立以样本人脸图像的脸部特征点为参考物的样本坐标系,并确定样本人脸图像的瞳孔在样本坐标系下的坐标;对样本人脸图像的瞳孔在样本坐标系下的坐标与样本人脸图像对应的样本注视点坐标进行拟合,得到样本坐标系下的瞳孔坐标与注视点坐标之间的映射关系。
其中,样本注视点坐标是样本注视点在上述第一坐标系下取得的坐标。样本注视点为预先在电子设备的显示屏上标记的点。页面显示装置在用户注视样本注视点时,采集对应的样本人脸图像。
可以理解的是,页面显示装置为了实现上述功能,其包含了执行各个功能相应的硬件结构和/或软件模块。本领域技术人员应该很容易意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,本公开实施例能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本公开实施例的范围。
本公开实施例可以根据上述方法示例对上述页面显示装置等进行功能模块的划分,例如,可以对应各个功能划分各个功能模块,也可以将两个或两个以上的功能集成在一个处理模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。需要说明的是,本公开实施例中对模块的划分是示意性的,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
在采用对应各个功能划分各个功能模块的情况下,图9示出了上述实施例中所涉及的页面显示装置的一种可能的结构示意图,该页面显示装置900包括:注视区域确定模块901,元素确定模块902和显示模块903。其中,显示模块903,用于在显示屏上显示目标页面;注视区域确定模块901,用于确定注视区域在目标页面中的位置;元素确定模块902,用于当位于注视区域的页面元素包括基础页面元素时,从位于注视区域中的页面元素中,确定除基础页面元素之外的页面元素为目标页面元素。显示模块903,还用于从注视区域中移除目标页面元素。
其中,目标页面包括至少一个页面元素。注视区域为用户眼睛注视目标页面的区域。基础页面元素所记载的信息属于目标页面的主题信息;目标页面元素所记载的信息属于预设信息;预设信息为与目标页面的主题信息不同的信息;目标页面元素覆盖了基础页面元素。
在一种可能的实施方式中,注视区域确定模块901,具体用于:获取用户眼睛在显示屏上的注视点的位置信息、显示屏与用户眼睛之间的距离、以及用户的目标视角;根据距离和目标视角,确定注视区域的面积;根据注视点的位置信息和注视区域的面积,确定注视区域在目标页面中的位置。
其中,目标视角为用户正确识别信息的视角;目标视角等于用户眼睛与注视区域所形成的圆锥的顶角;注视点是注视区域的中心点。
另一种可能的实施方式中,注视区域确定模块901,具体用于:将距离和目标视角输入至预设三角函数,得到注视区域的直径;根据注视区域的直径计算得到注视区域的面积。
另一种可能的实施方式中,显示模块903,具体用于隐藏目标页面元素;或者,将目标页面元素从注视区域移动至目标页面中除注视区域以外的其他区域;或者,删除目标页面元素。
另一种可能的实施方式中,预设信息包括以下至少一项:推荐信息、提示信息、媒体资源。
另一种可能的实施方式中,注视区域确定模块901,具体用于获取包括用户人脸的人脸图像;根据人脸图像,确定注视点的位置信息。
另一种可能的实施方式中,注视区域确定模块901,具体用于:以人脸图像的脸部特征点为参考物建立实时坐标系,并确定人脸图像的瞳孔在实时坐标系下的坐标;根据预先建立的瞳孔坐标与注视点坐标之间的映射关系,确定人脸图像的瞳孔在实时坐标系下的坐标对应的注视点的坐标。
其中,映射关系为根据样本人脸图像和样本人脸图像对应的样本注视点坐标训练得到的;样本注视点坐标表示样本用户对显示屏的注视点在显示屏上的位置。
当然,页面显示装置900包括但不限于上述所列举的单元模块。例如,页面显示装置900还可以包括存储模块。该存储模块可以用于保存上述样本人脸图像、上述瞳孔坐标与注视点坐标之间的映射关系等。并且,上述功能单元的具体所能够实现的功能也包括但不限于上述实例所述的方法步骤对应的功能,页面显示装置900的其他模块的详细描述可以参考其所对应方法步骤的详细描述,本公开实施例这里不再赘述。
可以理解,在采用集成的单元的情况下,上述页面显示装置900的所有功能可以通过图2所示的电子设备200实现。上述页面显示装置900中各个模块的功能可以在电子设备200的处理器201中实现。例如,上述注视区域确定模块901,元素确定模块902和显示模块903的功能可以集成在处理器201中实现。页面显示装置900的存储模块均相当于电子设备200的存储器202。
本公开实施例还提供一种计算机可读存储介质,该计算机可读存储介质包括计算机指令,当计算机指令在上述电子设备上运行时,使得该电子设备执行上述方法实施例中的各个功能或者步骤。例如,该计算机可读存储介质可以是只读存储器(Read-OnlyMemory,ROM)、随机存取存储器(Random Access Memory,RAM)、只读光盘(Compact DiscRead-Only Memory,CD-ROM)、磁带、软盘和光数据存储设备等。
本公开实施例还提供一种计算机程序产品,当计算机程序产品在电子设备上运行时,使得电子设备执行上述方法实施例中的各个功能或者步骤。
通过以上实施方式的描述,所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。
在本公开所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个装置,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是一个物理单元或多个物理单元,即可以位于一个地方,或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本公开各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个可读取存储介质中。基于这样的理解,本公开实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该软件产品存储在一个存储介质中,包括若干指令用以使得一个设备(可以是单片机,芯片等)或处理器(processor)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上内容,仅为本公开的具体实施方式,但本公开的保护范围并不局限于此,任何在本公开揭露的技术范围内的变化或替换,都应涵盖在本公开的保护范围之内。因此,本公开的保护范围应以所述权利要求的保护范围为准。
Claims (16)
1.一种页面显示方法,其特征在于,所述方法包括:
在显示屏上显示目标页面;所述目标页面包括至少一个页面元素;
确定注视区域在所述目标页面中的位置;所述注视区域为用户眼睛注视所述目标页面的区域;
当位于所述注视区域的页面元素包括基础页面元素时,从位于所述注视区域中的页面元素中,确定除所述基础页面元素之外的页面元素为目标页面元素;其中,所述基础页面元素所记载的信息属于所述目标页面的主题信息;所述目标页面元素所记载的信息属于预设信息;所述预设信息为与所述目标页面的主题信息不同的信息;所述目标页面元素覆盖了所述基础页面元素;
从所述注视区域中移除所述目标页面元素。
2.根据权利要求1所述的方法,其特征在于,所述确定注视区域在所述目标页面中的位置,包括:
获取所述用户眼睛在所述显示屏上的注视点的位置信息、所述显示屏与所述用户眼睛之间的距离、以及所述用户的目标视角;其中,所述目标视角为所述用户正确识别信息的视角;
根据所述距离和所述目标视角,确定所述注视区域的面积;其中,所述目标视角等于所述用户眼睛与所述注视区域所形成的圆锥的顶角;
根据所述注视点的位置信息和所述注视区域的面积,确定所述注视区域在所述目标页面中的位置;所述注视点是所述注视区域的中心点。
3.根据权利要求2所述的方法,其特征在于,所述根据所述距离和所述目标视角,确定所述注视区域的面积,包括:
将所述距离和所述目标视角输入至预设三角函数,得到所述注视区域的直径;
根据所述注视区域的直径计算得到所述注视区域的面积。
4.根据权利要求1-3中任一项所述的方法,其特征在于,所述从所述注视区域中移除所述目标页面元素,包括:
隐藏所述目标页面元素;
或者,将所述目标页面元素从所述注视区域移动至所述目标页面中除所述注视区域以外的其他区域;
或者,删除所述目标页面元素。
5.根据权利要求1-3中任一项所述的方法,其特征在于,所述预设信息包括以下至少一项:推荐信息、提示信息、媒体资源。
6.根据权利要求2或3所述的方法,其特征在于,所述获取所述用户眼睛在所述显示屏上的注视点的位置信息,包括:
获取包括所述用户人脸的人脸图像;
根据所述人脸图像,确定所述注视点的位置信息。
7.根据权利要求6所述的方法,其特征在于,所述根据所述人脸图像,确定所述注视点的位置信息,包括:
以所述人脸图像的脸部特征点为参考物建立实时坐标系,并确定所述人脸图像的瞳孔在所述实时坐标系下的坐标;
根据预先建立的瞳孔坐标与注视点坐标之间的映射关系,确定所述人脸图像的瞳孔在所述实时坐标系下的坐标对应的所述注视点的坐标;
其中,所述映射关系为根据样本人脸图像和所述样本人脸图像对应的样本注视点坐标训练得到的;所述样本注视点坐标表示样本用户对所述显示屏的注视点在所述显示屏上的位置。
8.一种页面显示装置,其特征在于,所述页面显示装置包括:注视区域确定模块,元素确定模块和显示模块;
其中,所述显示模块,用于在显示屏上显示目标页面;所述目标页面包括至少一个页面元素;
所述注视区域确定模块,用于确定注视区域在所述目标页面中的位置;所述注视区域为用户眼睛注视所述目标页面的区域;
所述元素确定模块,用于当位于所述注视区域的页面元素包括基础页面元素时,从位于所述注视区域中的页面元素中,确定除所述基础页面元素之外的页面元素为目标页面元素;其中,所述基础页面元素所记载的信息属于所述目标页面的主题信息;所述目标页面元素所记载的信息属于预设信息;所述预设信息为与所述目标页面的主题信息不同的信息;所述目标页面元素覆盖了所述基础页面元素;
所述显示模块,还用于从所述注视区域中移除所述目标页面元素。
9.根据权利要求8所述的装置,其特征在于,所述注视区域确定模块,用于确定注视区域在所述目标页面中的位置,包括:
所述注视区域确定模块,具体用于:
获取所述用户眼睛在所述显示屏上的注视点的位置信息、所述显示屏与所述用户眼睛之间的距离、以及所述用户的目标视角;其中,所述目标视角为所述用户正确识别信息的视角;
根据所述距离和所述目标视角,确定所述注视区域的面积;其中,所述目标视角等于所述用户眼睛与所述注视区域所形成的圆锥的顶角;
根据所述注视点的位置信息和所述注视区域的面积,确定所述注视区域在所述目标页面中的位置;所述注视点是所述注视区域的中心点。
10.根据权利要求9所述的装置,其特征在于,所述注视区域确定模块,用于根据所述距离和所述目标视角,确定所述注视区域的面积,包括:
所述注视区域确定模块,具体用于:
将所述距离和所述目标视角输入至预设三角函数,得到所述注视区域的直径;
根据所述注视区域的直径计算得到所述注视区域的面积。
11.根据权利要求8-10中任一项所述的装置,其特征在于,所述显示模块,用于从所述注视区域中移除所述目标页面元素,包括:
所述显示模块,具体用于隐藏所述目标页面元素;或者,将所述目标页面元素从所述注视区域移动至所述目标页面中除所述注视区域以外的其他区域;或者,删除所述目标页面元素。
12.根据权利要求8-10中任一项所述的装置,其特征在于,所述预设信息包括以下至少一项:推荐信息、提示信息、媒体资源。
13.根据权利要求9或10所述的装置,其特征在于,所述注视区域确定模块,用于获取所述用户眼睛在所述显示屏上的注视点的位置信息,包括:
所述注视区域确定模块,具体用于获取包括所述用户人脸的人脸图像;根据所述人脸图像,确定所述注视点的位置信息。
14.根据权利要求13所述的装置,其特征在于,所述注视区域确定模块,用于根据所述人脸图像,确定所述注视点的位置信息,包括:
所述注视区域确定模块,具体用于:
以所述人脸图像的脸部特征点为参考物建立实时坐标系,并确定所述人脸图像的瞳孔在所述实时坐标系下的坐标;
根据预先建立的瞳孔坐标与注视点坐标之间的映射关系,确定所述人脸图像的瞳孔在所述实时坐标系下的坐标对应的所述注视点的坐标;
其中,所述映射关系为根据样本人脸图像和所述样本人脸图像对应的样本注视点坐标训练得到的;所述样本注视点坐标表示样本用户对所述显示屏的注视点在所述显示屏上的位置。
15.一种电子设备,其特征在于,包括:处理器和用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,使得所述电子设备执行如权利要求1至7中任一项所述的页面显示方法。
16.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机指令,当所述计算机指令由电子设备的处理器执行时,使得所述电子设备执行如权利要求1至7中任一项所述的页面显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011439816.6A CN112506345B (zh) | 2020-12-10 | 2020-12-10 | 一种页面显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011439816.6A CN112506345B (zh) | 2020-12-10 | 2020-12-10 | 一种页面显示方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112506345A CN112506345A (zh) | 2021-03-16 |
CN112506345B true CN112506345B (zh) | 2024-04-16 |
Family
ID=74970783
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011439816.6A Active CN112506345B (zh) | 2020-12-10 | 2020-12-10 | 一种页面显示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112506345B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117897675A (zh) * | 2021-08-30 | 2024-04-16 | 苹果公司 | 限制应用的显示区域 |
CN114115621A (zh) * | 2021-11-22 | 2022-03-01 | 网易(杭州)网络有限公司 | 提示信息显示方法及装置、电子设备、存储介质 |
CN114356478A (zh) * | 2021-12-23 | 2022-04-15 | 上海万物新生环保科技集团有限公司 | 一种确定页面内容显示的方法及设备 |
CN114610432B (zh) * | 2022-03-17 | 2024-07-12 | 芜湖汽车前瞻技术研究院有限公司 | 车载显示屏的图形显示控制方法、装置、设备和存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101489120A (zh) * | 2009-01-21 | 2009-07-22 | 北京中星微电子有限公司 | 实现视频监控区域遮挡的***和装置以及方法 |
CN105229584A (zh) * | 2013-05-29 | 2016-01-06 | 三菱电机株式会社 | 信息显示装置 |
CN109271027A (zh) * | 2018-09-17 | 2019-01-25 | 北京旷视科技有限公司 | 页面控制方法、装置及电子设备 |
CN109765994A (zh) * | 2017-11-09 | 2019-05-17 | 托比股份公司 | 对计算设备上的数据的保护和访问的改进 |
WO2019171128A1 (en) * | 2018-03-06 | 2019-09-12 | Yogesh Chunilal Rathod | In-media and with controls advertisement, ephemeral, actionable and multi page photo filters on photo, automated integration of external contents, automated feed scrolling, template based advertisement post and actions and reaction controls on recognized objects in photo or video |
CN111488096A (zh) * | 2020-04-02 | 2020-08-04 | 上海连尚网络科技有限公司 | 一种用于在阅读应用中展示互动呈现信息的方法与设备 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2395420B1 (en) * | 2009-02-05 | 2018-07-11 | Panasonic Intellectual Property Corporation of America | Information display device and information display method |
US10841662B2 (en) * | 2018-07-27 | 2020-11-17 | Telefonaktiebolaget Lm Ericsson (Publ) | System and method for inserting advertisement content in 360° immersive video |
US10902678B2 (en) * | 2018-09-06 | 2021-01-26 | Curious Company, LLC | Display of hidden information |
-
2020
- 2020-12-10 CN CN202011439816.6A patent/CN112506345B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101489120A (zh) * | 2009-01-21 | 2009-07-22 | 北京中星微电子有限公司 | 实现视频监控区域遮挡的***和装置以及方法 |
CN105229584A (zh) * | 2013-05-29 | 2016-01-06 | 三菱电机株式会社 | 信息显示装置 |
CN109765994A (zh) * | 2017-11-09 | 2019-05-17 | 托比股份公司 | 对计算设备上的数据的保护和访问的改进 |
WO2019171128A1 (en) * | 2018-03-06 | 2019-09-12 | Yogesh Chunilal Rathod | In-media and with controls advertisement, ephemeral, actionable and multi page photo filters on photo, automated integration of external contents, automated feed scrolling, template based advertisement post and actions and reaction controls on recognized objects in photo or video |
CN109271027A (zh) * | 2018-09-17 | 2019-01-25 | 北京旷视科技有限公司 | 页面控制方法、装置及电子设备 |
CN111488096A (zh) * | 2020-04-02 | 2020-08-04 | 上海连尚网络科技有限公司 | 一种用于在阅读应用中展示互动呈现信息的方法与设备 |
Also Published As
Publication number | Publication date |
---|---|
CN112506345A (zh) | 2021-03-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11288807B2 (en) | Method, electronic device and storage medium for segmenting image | |
CN112506345B (zh) | 一种页面显示方法、装置、电子设备及存储介质 | |
US20210271892A1 (en) | Action recognition method and apparatus, and human-machine interaction method and apparatus | |
KR102669181B1 (ko) | 햅틱 신호 생성 방법 및 이를 지원하는 전자 장치 | |
CN109325924B (zh) | 图像处理方法、装置、终端及存储介质 | |
CN110956580B (zh) | 图像换脸的方法、装置、计算机设备以及存储介质 | |
CN111246095B (zh) | 控制镜头运动的方法、装置、设备及存储介质 | |
CN110263617B (zh) | 三维人脸模型获取方法及装置 | |
CN111028144B (zh) | 视频换脸方法及装置、存储介质 | |
CN111432245B (zh) | 多媒体信息的播放控制方法、装置、设备及存储介质 | |
CN111723803B (zh) | 图像处理方法、装置、设备及存储介质 | |
CN110933468A (zh) | 播放方法、装置、电子设备及介质 | |
CN109978996B (zh) | 生成表情三维模型的方法、装置、终端及存储介质 | |
CN112581358A (zh) | 图像处理模型的训练方法、图像处理方法及装置 | |
CN112269559A (zh) | 音量调整方法、装置、电子设备及存储介质 | |
CN110677713B (zh) | 视频图像处理方法及装置、存储介质 | |
CN108307031B (zh) | 屏幕处理方法、装置及存储介质 | |
WO2021263264A1 (en) | Applying stored digital makeup enhancements to recognized faces in digital images | |
CN110728744B (zh) | 一种体绘制方法、装置及智能设备 | |
CN111325083B (zh) | 记录考勤信息的方法和装置 | |
CN110336881B (zh) | 执行业务处理请求的方法和装置 | |
CN114143280A (zh) | 会话显示方法、装置、电子设备及存储介质 | |
CN109685881B (zh) | 一种体绘制方法、装置及智能设备 | |
CN110889391A (zh) | 人脸图像处理的方法、装置、计算设备和存储介质 | |
CN111210001A (zh) | 调节座椅的方法、装置、电子设备及介质 |
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 |