CN116243829A - 页面内容显示方法、装置、电子设备和可读存储介质 - Google Patents
页面内容显示方法、装置、电子设备和可读存储介质 Download PDFInfo
- Publication number
- CN116243829A CN116243829A CN202310197132.7A CN202310197132A CN116243829A CN 116243829 A CN116243829 A CN 116243829A CN 202310197132 A CN202310197132 A CN 202310197132A CN 116243829 A CN116243829 A CN 116243829A
- Authority
- CN
- China
- Prior art keywords
- page content
- target
- display screen
- determining
- content
- 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
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/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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
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
技术领域
本发明涉及增强现实技术领域,特别是涉及一种页面内容显示方法、装置、电子设备和可读存储介质。
背景技术
各类显示屏幕的尺寸大小通常是固定的。以电视机为例,受到显示屏幕尺寸限制,因此显示屏幕上可以显示的内容和信息是有限的,在显示屏幕上全屏播放页面内容或视频时,如果想再额外展示相关的信息,则会占用显示屏幕的空间,从而影响用户的观看体验。
例如,在用户全屏播放视频内容时,如果想展示视频的其他相关信息,只能暂停视频播放去查询并展示相关信息,或者缩小视频内容所占的屏幕比例,以同步展示相关信息,这都会影响用户观看视频时的体验感,造成信息展示效率与用户使用体验之间的矛盾。
由此可知,由于页面内容或视频只能显示在显示屏幕上,现有技术存在可同时显示的页面内容有限的问题,使得信息展示效率过低,影响用户使用体验。
发明页面内容
本发明实施例的目的在于提供一种页面内容显示方法、装置、电子设备和可读存储介质,以扩充可同时显示的页面内容。具体技术方案如下:
在本发明实施的第一方面,首先提供了一种页面内容显示方法,包括:
从显示屏幕包括的至少一个预设区域中确定目标区域,所述目标区域用于表征用户选择的区域;
确定所述目标区域内显示的第一页面内容;
基于所述第一页面内容获取第二页面内容,所述第二页面内容与所述第一页面内容关联;
基于所述显示屏幕的第一空间位置确定所述第二页面内容的第二空间位置,所述第二空间位置用于表征所述第二页面内容显示的空间位置;
基于所述第二空间位置,利用增强现实显示界面显示所述第二页面内容。
可选地,所述从显示屏幕包括的至少一个预设区域中确定目标区域,包括:
监测用户的眼球转动,得到用户的视线焦点在所述显示屏幕上对应的目标位置;
从所述显示屏幕包括的至少一个预设区域中,将所述目标位置所处的所述预设区域确定为目标区域。
可选地,所述从显示屏幕包括的至少一个预设区域中,将所述目标位置所处的所述预设区域确定为目标区域,包括:
对所述显示屏幕进行网格划分,得到每一个所述预设区域对应的网格;
将所述目标位置覆盖的网格对应的所述预设区域确定为目标区域。
可选地,所述从显示屏幕包括的至少一个预设区域中确定目标区域,包括:
接收用户针对显示屏幕的目标输入;
基于所述目标输入从显示屏幕包括的至少一个预设区域中确定目标区域。
可选地,所述确定所述目标区域内显示的第一页面内容,包括:
基于预先定义的所述预设区域与内容标识的对应关系,确定所述目标区域对应的目标内容标识,所述内容标识用于标识不同的页面内容;
将所述目标内容标识所标识的页面内容确定为第一页面内容。
可选地,所述确定所述目标区域内显示的第一页面内容,包括:
获取所述目标区域显示的图像;
将所述目标区域显示的图像与预存图像进行匹配,获得第一页面内容。
可选地,所述第二页面内容包括第一目标页面内容和第二目标页面内容,所述第一目标页面内容的数量为一个,所述第一目标页面内容的第二空间位置与所述第一空间位置相同;
所述基于所述第二空间位置,利用增强现实显示界面显示所述第二页面内容,包括:
基于所述第二空间位置利用增强现实显示界面显示所述第二目标页面内容,所述第一目标页面内容在所述显示屏幕上显示。
在本发明实施的第二方面,提供了一种页面内容显示装置,包括:
第一确定模块,用于从显示屏幕包括的至少一个预设区域中确定目标区域,所述目标区域用于表征用户选择的区域;
第二确定模块,用于确定所述目标区域内显示的第一页面内容;
获取模块,用于基于所述第一页面内容获取第二页面内容,所述第二页面内容与所述第一页面内容关联;
第三确定模块,用于基于所述显示屏幕的第一空间位置确定所述第二页面内容的第二空间位置,所述第二空间位置用于表征所述第二页面内容显示的空间位置;
显示模块,用于基于所述第二空间位置,利用增强现实AR显示界面显示所述第二页面内容。
在本发明实施的第三方面,提供了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放程序;
处理器,用于执行存储器上所存放的程序时,实现如第一方面所述的方法步骤。
在本发明实施的第四方面,提供了一种可读存储介质,其上存储有程序,该程序被处理器执行时实现如第一方面所述的方法。
在本申请实施例中,确定用户选择的目标区域内显示的第一页面内容,并基于第一页面内容获取第二页面内容。基于显示屏幕的第一空间位置确定第二页面内容的第二空间位置;基于第二空间位置,利用AR显示界面显示第二页面内容。通过上述方法,一方面可以使得同一时间下除显示屏幕外还可以额外在AR显示界面中显示第二页面内容,增多了同一时间内可以显示的页面内容,同时不会影响显示屏幕中正在播放的内容,使得用户在具有较好的观看体验的同时可以获取更多的相关信息。另一方面可以根据当前用户选择的目标区域内页面内容确定需要扩展显示的第二页面内容,使得扩展显示的第二页面内容为用户实际感兴趣的内容。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
图1为本发明实施例提供的页面内容显示方法的流程示意图;
图2为本发明实施例提供的页面内容显示方法可应用于的框架示意图;
图3为本发明实施例提供的显示屏幕示意图之一;
图4为本发明实施例提供的显示屏幕示意图之二;
图5为本发明实施例提供的显示屏幕示意图之三;
图6为本发明实施例提供的显示屏幕和AR显示界面示意图;
图7为本发明实施例提供的页面内容显示装置的结构示意图;
图8是本发明实施例提供的电子设备的结构图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获取的所有其他实施例,都属于本申请保护的范围。
在更加详细地讨论示例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理,但是其中的许多步骤可以被并行地、并发地或者同时实施。此外,各步骤的顺序可以被重新安排。当其操作完成时处理可以被终止,但是还可以具有未包括在附图中的附加步骤。处理可以对应于方法、函数、规程、子例程、子程序等等。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象,而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,说明书以及权利要求中“和/或”表示所连接对象的至少其中之一,字符“/”,一般表示前后关联对象是一种“或”的关系。
请参见图1,本发明实施例提供了一种页面内容显示方法,所述页面内容显示方法可以应用于不同的页面内容显示场景中,使得除显示屏幕外的其他空间位置也可以用于页面内容显示,从而同一时间可以显示更多的页面内容。本发明实施例提供的方法利用增强现实(Augmented Real ity,AR)显示界面进行页面内容显示。
示例性地,在一些实施例中,本方法可以由电子设备执行并利用AR显示界面进行页面内容显示。在另一些实施例中,本方法可以由AR设备执行,AR设备形成AR显示界面,用户可以通过佩戴AR设备观看到显示屏幕和利用AR显示界面显示的页面内容。为了方便描述,后续将以AR设备执行本方法为例进行说明。
如图1所示,本发明实施例提供的页面内容显示方法具体包括以下步骤:
步骤101,从显示屏幕包括的至少一个预设区域中确定目标区域,所述目标区域用于表征用户选择的区域。
应理解的是,显示屏幕为实体的显示屏幕,其具体结构在此不做限定。例如,在一些实施例中,显示屏幕为电视机的实体液晶屏幕。在另一些实施例中,显示屏幕为平板电脑等电子设备的显示屏幕。为了方便描述,后续将以显示屏幕为电视机的实体液晶屏幕为例进行说明。
服务端的媒资和渲染服务在进行页面渲染时,已预先将显示屏幕划分为至少一个预设区域,确定每一个预设区域内渲染展示的页面内容。需要说明的是,根据显示屏幕当前播放的内容不同,其预设区域的划分情况可以相同或不同。
需要说明的是,请参见图2,服务端分别与AR设备和电视机通信连接,即服务端的媒资和渲染服务为AR设备和电视机共用的。具体地,服务端的媒资和渲染服务包括内容渲染服务和内容媒资服务,内容媒资服务用于确定显示页面的各项页面数据,内容渲染服务用于按照内容媒资服务确定的页面数据将相应的页面内容渲染至对应的AR设备和/或电视机。
为了方便理解,下面将举例说明。请参见图3和图4,在图3和图4中,显示屏幕均被划分为多个预设区域,且每一个预设区域内均显示有相应的页面内容。在预设区域的数量为多个情况下,多个预设区域的大小可以相同或不同。
预设区域内渲染展示的页面内容可以为文字内容、图像内容或视频内容等。示例性地,区域1中对应的页面内容为“电视剧”,区域2中对应的页面内容为“电影”。在图3中,显示屏幕中渲染的页面内容为区域1处于被选中的状态下的页面内容,此时显示屏幕被划分为了15个预设区域,且每一个预设区域内渲染展示有不同的页面内容。在图4中,显示屏幕中渲染的页面内容为区域2处于被选中的状态下的页面内容,此时显示屏幕被划分为了13个预设区域。预设区域的划分方式由电视机服务端进行控制和处理,其具体方式在此不做赘述。
应理解的是,从至少一个预设区域中确定目标区域的具体方式在此不做限定。可选地,作为一种实现方案,所述步骤101包括:
监测用户的眼球转动,得到用户的视线焦点在所述显示屏幕上对应的目标位置;
从所述显示屏幕包括的至少一个预设区域中,将所述目标位置所处的所述预设区域确定为目标区域。
应理解的是,显示屏幕位于用户的视野范围内,即当前用户可以看到整个显示屏幕。在用户佩戴AR设备的情况下,AR设备上集成的眼球识别装置通过监测用户的眼球转动可以确定用户当前的视线焦点位于显示屏幕的哪个位置。
在一些实施例中,利用眼球识别技术检测用户的眼球转动情况,根据用户的眼球转动情况可以获取用户当前的视线角度,进而确定用户当前的视线焦点位于显示屏幕的哪个位置。
示例性地,AR设备配置的摄像头可以获取用户当前视野内看到的图像,而AR设备(例如型号为PSVR2的AR设备)内置的设备可以采集当前佩戴AR设备的用户的眼球图像,并利用眼球识别技术或眼球追踪技术确定用户当前的视线角度。基于AR设备在空间中所处的位置(AR设备本身已知的)、用户当前的视线角度以及显示屏幕在空间中所处的位置可以计算得到用户当前视线焦点在显示屏幕上对应的目标位置,目标位置显示的内容为用户当前实际关注的内容,因此,将目标位置所处的预设区域确定为目标区域。
在本申请实施例中,监测用户的眼球转动,得到用户的视线焦点在显示屏幕上对应的目标位置;从显示屏幕包括的至少一个预设区域中,将目标位置所处的预设区域确定为目标区域。通过上述方法,可以主动地对用户当前实际关注的内容进行识别,无需用户进行额外的操作即可以确定用户选择的目标区域,提高了确定目标区域的便捷性。
可选地,作为另一种实现方案,所述从显示屏幕包括的至少一个预设区域中,将所述目标位置所处的所述预设区域确定为目标区域,包括:
对所述显示屏幕进行网格划分,得到每一个所述预设区域对应的网格;
将所述目标位置覆盖的网格对应的所述预设区域确定为目标区域。
按照预设划分规则对显示屏幕进行网格划分后,可以得到每一个预设区域对应的网格。其中,每一个预设区域对应的网格的确定方式可以根据实际需求进行调整和设置,具体在此不做限定。
在已知预设划分规则和显示屏幕尺寸的情况下,各个网格覆盖的区域(即对应的显示屏幕的坐标值)即可确定。因此,在确定了目标位置在显示屏幕上的位置即可确定目标位置覆盖的网格以及该网格对应的预设区域,并将该网格对应的预设区域确定为目标区域。其中,确定目标位置覆盖的网格的具体方式在此不做限定。
为了方便理解,下面将举例说明。以任一个预设区域为例,在一些实施例中,当一个网格至少部分位于预设区域时,即可将该网格确定为该预设区域对应的网格。在另一些实施例中,在一个网格全部位于预设区域内时,将该网格确定为该预设区域对应的网格。
根据预设划分规则的不同,划分得到的网格大小也可能不同,因此可能出现同一个网格同时覆盖多个预设区域的情况。在同一个网格覆盖多个预设区域的情况下,可以根据实际情况确定该网格对应的预设区域。例如,在一些实施例中,在一个网格部分位于预设区域A,部分位于预设区域B的情况下,分别计算该网格位于预设区域A内的面积,和位于预设区域B内的面积,如果该网格位于预设区域A内的面积大于其位于预设区域B内的面积,则确定该网格对应预设区域A,否则该网格对应预设区域B。
请参见图5,根据实际情况的不同,目标位置可能不是一个坐标点,而是包含有至少一个坐标点的位置范围。为了方便描述,将目标位置包含的坐标点称为目标坐标点,将目标位置覆盖的网格称为目标网格。
在一些实施例中,将包含有至少一个目标坐标点的网格确定为目标位置覆盖的网格。由于目标位置包含有至少一个坐标点,因此目标位置覆盖的网格数量可能为多个,从而存在多个网格对应至少两个预设区域的情况。
示例性地,在一些实施例中,可以将多个网格对应的至少两个预设区域均确定为目标区域,目标区域的数量可以为一个或多个。在另一些实施例中,可以将至少两个预设区域中对应的目标网格的数量最多的预设区域确定为目标区域。
在本申请实施例中,对显示屏幕进行网格划分,得到每一个预设区域对应的网格;将目标位置覆盖的网格对应的预设区域确定为目标区域。通过对显示屏幕进行网格划分,利用网格可以确定预设区域的边界,在目标位置靠近预设区域边缘的情况下,通过网格判断目标位置对应的预设区域,而无需将预设区域边缘的坐标值与目标位置的坐标值进行对比和计算,从而提高了判断目标区域的便捷性、效率和准确度。
可选地,在另一些实施例中,所述步骤101包括:
接收用户针对显示屏幕的目标输入;
基于所述目标输入从显示屏幕包括的至少一个预设区域中确定目标区域。
执行本方法的AR设备与电视机之间通信连接,其中,AR设备与电视机通信连接的具体方式在此不做限定,例如,AR设备与电视机处于同一个局域网内。用户针对显示屏幕的目标输入可以通过电视机发送至AR设备,AR设备通过电视机接收用户针对显示屏幕的目标输入。
应理解的是,用户针对显示屏幕的目标输入可以为任意方式的输入。例如,在一些实施例中,在显示屏幕具有触屏交互功能的情况下,目标输入为用户对显示屏幕的触摸等操作。在另一些实施例中,目标输入为用户通过遥控器等方法执行的选择或点击操作。在另一些实施例中,目标输入为用户当前选择在显示屏幕上播放的内容。
为了方便理解,下面将举例说明。在一些实施例中,用户通过遥控器对显示屏幕上任一个预设区域进行选择操作,电视机将用户通过遥控器选择的预设区域的标识信息发送至AR设备,AR设备接收到相应的标识信息后将用户选择的预设区域确定为目标区域。
在另一些实施例中,电视机向AR设备发送当前显示屏幕上正在播放的内容标识,在这种情况下,可以认为显示屏幕仅包括一个预设区域,该预设区域覆盖整个显示屏幕。AR设备接收到相应的信息后将该预设区域确定为目标区域。
在本申请实施例中,接收用户针对显示屏幕的目标输入;基于目标输入从显示屏幕包括的至少一个预设区域中确定目标区域。通过上述方法,可以直接基于用户的目标输入确定目标区域,无需AR设备主动获取,从而保证目标区域的确定一定为用户选择的区域,提高了确定目标区域的准确度。
步骤102,确定所述目标区域内显示的第一页面内容。
在确定目标区域后,需要确定当前目标区域内显示的第一页面内容。在一些实施例中,第一页面内容可能为图像内容、文字内容或视频页面内容,具体可以根据实际情况设置,在此不做赘述。
在一些实施例中,电视机向AR设备发送当前显示屏幕上正在播放的内容标识,AR设备在接收到电视机发送的内容标识后,可以基于内容标识确定当前目标区域内显示的第一页面内容。
可选地,在一些实施例中,所述步骤102包括:
基于预先定义的所述预设区域与内容标识的对应关系,确定所述目标区域对应的目标内容标识,所述内容标识用于标识不同的页面内容;
将所述目标内容标识所标识的页面内容确定为第一页面内容。
在具体实现时,在了方便对页面内容进行管理,服务提供商对于其提供的页面内容均预先设置有内容标识,以保证各业务之间能是准确识别出这是同一个页面内容。
服务端的媒资和渲染服务在进行页面渲染时,已预先确定每一个预设区域对应的内容标识,以便将该内容标识对应的页面内容渲染至相应的预设区域。AR设备在确定了目标区域后,即可基于预先定义的预设区域与内容标识的对应关系,确定目标区域对应的目标内容标识,进而将该目标内容标识所用于表示的页面内容确定为第一页面内容。
在本申请实施例中,基于预先定义的预设区域与内容标识的对应关系,确定目标区域对应的目标内容标识;将目标内容标识所标识的页面内容确定为第一页面内容。通过目标区域对应的目标内容标识确定第一页面内容可以提高确定的第一页面内容的准确度,同时,对于不同的显示屏幕,其内容标识对应的页面内容均为固定的,提高了确定第一页面内容的便捷性。
可选地,在一些实施例中,所述步骤102包括:
获取所述目标区域显示的图像;
将所述目标区域显示的图像与预存图像进行匹配,获得第一页面内容。
获取所述目标区域显示的图像的具体方式在此不做限定。示例性地,在一些实施例中,可以通过AR设备集成的图像采集装置采集目标区域内显示的图像。通过将目标区域显示的图像与预存图像进行匹配可以确定第一页面内容。
将目标区域显示的图像与预存图像进行匹配的具体方式在此不做限定。示例性地,对目标区域显示的图像进行特征识别,得到目标区域显示的图像的对应的目标特征值。将目标特征值与预存图像的特征值进行对比,从而确定第一页面内容。
在本申请实施例中,获取目标区域显示的图像;将目标区域显示的图像与预存图像进行匹配,获得第一页面内容。在本实施例中,AR设备无需与服务端或电视机进行信息交互即可获得第一页面内容,提高了获取第一页面内容的自主性和独立性。
步骤103,基于所述第一页面内容获取第二页面内容,所述第二页面内容与所述第一页面内容关联。
第二页面内容可以为与第一页面内容关联的任意页面内容,第二页面内容与第一页面内容的关联方式在此不做限定。根据第二页面内容与第一页面内容的关联方式不同,获取第二页面内容的方式也可能不同。
示例性地,在一些实施例中,第一页面内容和第二页面内容为满足预设相对位置关系的页面内容。显示屏幕中显示的页面内容通常是以类似于行和列的card的形式进行组织的,card形式为内容组织结构的一个笼统称呼,可以认为是把若干内容作为一个整体的一种内容组织结构。
在这种实施例中,基于数据结构信息确定第二页面内容,第二页面内容与第一页面内容满足预设相对位置关系,数据结构信息包括多个预设页面内容以及每一个预设页面内容的数据位置,预设页面内容的数据位置用于表征预设页面内容与其他预设页面内容的相对位置关系,多个预设页面内容包括第一页面内容和第二页面内容。
在另一些实施例中,第一页面内容的内容和第二页面内容的内容相关联。示例性地,第一页面内容为正在播放的电影视频,则第二页面内容可以为该电影视频关联的介绍页面内容或该电影视频的其他相关片段。在这种情况下,第二页面内容可以通过检索获得。
应理解的是,第一页面内容对应的第二页面内容的数量可以为一个或多个。且第二页面内容可以为文字内容、图像内容或视频内容,多个第二页面的内容通常互不相同。
步骤104,基于所述显示屏幕的第一空间位置确定所述第二页面内容的第二空间位置,所述第二空间位置用于表征所述第二页面内容显示的空间位置。
显示屏幕的第一空间位置为显示屏幕在当前空间内实际所处的位置。在一些实施例中,AR设备可以获取显示屏幕的第一空间位置,并基于第一空间位置确定第二空间位置。
具体地,AR设备配置的摄像头可以用于识别显示屏幕在现实空间中的位置,特别是显示屏幕在空间中的边界位置,并以此来确定第二页面内容在空间中渲染展示的第二空间位置,从而使得在第二页面内容显示在第二空间位置时,第二页面内容不会覆盖显示屏幕或被显示屏幕覆盖。
第二页面内容与显示屏幕之间的相对位置关系可以根据实际情况进行设置。为了方便理解,下面将举例说明。请参见图6,在一些实施例中,第二空间位置可以位于第一空间位置的左侧或右侧。在另一些实施例中,第二空间位置可以位于第二空间位置的上侧或下侧。
步骤105,基于所述第二空间位置,利用增强现实显示界面显示所述第二页面内容。
AR设备向服务端发送标识信息,标识信息用于标识第二页面内容;AR设备接收服务端发送的页面数据,其中,页面数据基于标识信息确定;AR设备基于第二空间位置和页面数据,将第二页面内容渲染显示至增强现实显示界面。
标识信息的具体形式在此不做限定,在具体实现时,AR设备与电视机均预先存储有标识信息与页面内容之间的对应关系,在AR设备收到标识信息后即可确定唯一的一个页面内容。示例性地,在一些实施例中,标识信息可以为第二页面内容的图片、链接和/或预先确定的标识字符等。
AR设备向服务端发送标识信息,服务端即可基于标识信息确定第二页面内容。服务端的内容渲染服务生成第二页面内容对应的页面数据并发送至AR设备。页面数据包括AR设备渲染生成第二页面内容所需的数据,示例性地,页面数据可以包括第二页面内容的内容数据、格式和内容排布信息等。
AR设备将第二页面内容渲染显示至第二空间位置,利用AR显示界面对第二页面内容进行显示。在一些实施例中,在用户穿戴了AR设备的情况下,用户即可通过AR设备显示界面同时观看到显示屏幕和第二页面内容。实际显示效果可以参见图6。
在一些实施例中,利用增强现实显示界面显示所述第二页面内容的同时,显示屏幕中可以继续显示第一页面内容。第二页面内容和第一页面内容之间的渲染显示为相互独立的,因此利用AR显示界面显示第二页面内容不会影响用户观看显示屏幕中的内容。
示例性地,在目标区域内的第一页面内容为视频内容中,利用AR显示界面显示第二页面内容不会影响用户继续观看显示屏幕全屏播放中的电影,保证了用户的使用体验。
可选地,在一些实施例中,所述第二页面内容包括第一目标页面内容和第二目标页面内容,所述第一目标页面内容的数量为一个,所述第一目标页面内容的第二空间位置与所述第一空间位置相同;所述步骤105包括:
基于所述第二空间位置利用增强现实显示界面显示所述第二目标页面内容,所述第一目标页面内容在所述显示屏幕上显示。
在一些实施例中,第二页面内容的数量为至少两个。从多个第二页面内容中选择一个第二页面内容作为第一目标页面内容,第一目标页面内容被渲染显示在显示屏幕上,其他的第二页面内容作为第二目标页面内容被渲染显示在AR显示界面中。
为了方便理解,下面将举例说明。请参见图5和图6,示例性地,假设图5中目标区域内显示的第一页面内容为电视剧A的海报,根据服务端的内容媒资服务可知,在点击电视剧A的海报后会自动播放电视剧A,因此可以将电视剧A的视频确定为第二页面内容。同时检索得到电视剧A的演职人员表以及电视剧A的网络评分页面,并将演职人员表和网络评分页面同样确定为第二页面内容。
将电视剧A的视频确定为第一目标页面内容,在如图6所示的显示屏幕中渲染播放电视剧A的视频。将演职人员表和网络评分页面确定为第二目标页面内容,在如图6所示的第二页面内容1中渲染显示演职人员表,在第二页面内容2中渲染显示网络评分页面。第二页面内容是围绕着显示屏幕实体的边界来进行虚拟展示的,从而可以提高用户的观看体验。
通过上述设置,在同一时间内,用户不仅可以观看显示屏幕中播放的电视剧,还可以同时查阅与电视剧相关的演职人员表以及网络评分页面等信息。相较于现有技术中仅能通过显示屏幕进行页面内容显示,本方法额外增加了第一页面内容1和第二页面内容2这两个区域用于页面内容显示,增多了可同时显示的页面内容。
在本申请实施例中,确定用户选择的目标区域内显示的第一页面内容,并基于第一页面内容获取第二页面内容。基于显示屏幕的第一空间位置确定第二页面内容的第二空间位置;基于第二空间位置,利用AR显示界面显示第二页面内容。通过上述方法,一方面可以使得同一时间下除显示屏幕外还可以额外在AR显示界面中显示第二页面内容,增多了同一时间内可以显示的页面内容,同时不会影响显示屏幕中正在播放的内容,使得用户在具有较好的观看体验的同时可以获取更多的相关信息。另一方面可以根据当前用户选择的目标区域内页面内容确定需要扩展显示的第二页面内容,使得扩展显示的第二页面内容为用户实际感兴趣的内容。
请参见图7,本发明实施例还提供了一种页面内容显示装置700,包括:
第一确定模块701,用于从显示屏幕包括的至少一个预设区域中确定目标区域,所述目标区域用于表征用户选择的区域;
第二确定模块702,用于确定所述目标区域内显示的第一页面内容;
获取模块703,用于基于所述第一页面内容获取第二页面内容,所述第二页面内容与所述第一页面内容关联;
第三确定模块704,用于基于所述显示屏幕的第一空间位置确定所述第二页面内容的第二空间位置,所述第二空间位置用于表征所述第二页面内容显示的空间位置;
显示模块705,用于基于所述第二空间位置,利用增强现实AR显示界面显示所述第二页面内容。
可选地,所述第一确定模块701包括:
监测单元,用于监测用户的眼球转动,得到用户的视线焦点在所述显示屏幕上对应的目标位置;
第一确定单元,用于从所述显示屏幕包括的至少一个预设区域中,将所述目标位置所处的所述预设区域确定为目标区域。
可选地,所述第一确定单元具体用于:
对所述显示屏幕进行网格划分,得到每一个所述预设区域对应的网格;
将所述目标位置覆盖的网格对应的所述预设区域确定为目标区域。
可选地,所述第一确定模块701包括:
接收单元,用于接收用户针对显示屏幕的目标输入;
第二确定单元,用于基于所述目标输入从显示屏幕包括的至少一个预设区域中确定目标区域。
可选地,所述第二确定模块702包括:
第三确定单元,用于基于预先定义的所述预设区域与内容标识的对应关系,确定所述目标区域对应的目标内容标识,所述内容标识用于标识不同的页面内容;
第四确定单元,用于将所述目标内容标识所标识的页面内容确定为第一页面内容。
可选地,所述第二确定模块702包括:
获取单元,用于获取所述目标区域显示的图像;
匹配单元,用于将所述目标区域显示的图像与预存图像进行匹配,获得第一页面内容。
可选地,所述第二页面内容包括第一目标页面内容和第二目标页面内容,所述第一目标页面内容的数量为一个,所述第一目标页面内容的第二空间位置与所述第一空间位置相同;
所述显示模块705具体用于:
基于所述第二空间位置利用增强现实显示界面显示所述第二目标页面内容,所述第一目标页面内容在所述显示屏幕上显示。
本申请实施例提供的页面内容显示装置700能够实现上述方法实施例实现的各个过程,为避免重复,这里不再赘述。
如图8所示,本发明实施例还提供了一种电子设备,如图8所示,包括处理器801、通信接口802、存储器803和通信总线804,其中,处理器801,通信接口802,存储器803通过通信总线804完成相互间的通信,
存储器803,用于存放程序;
处理器801,用于执行存储器803上所存放的程序时,实现如下步骤:
从显示屏幕包括的至少一个预设区域中确定目标区域,所述目标区域用于表征用户选择的区域;
确定所述目标区域内显示的第一页面内容;
基于所述第一页面内容获取第二页面内容,所述第二页面内容与所述第一页面内容关联;
基于所述显示屏幕的第一空间位置确定所述第二页面内容的第二空间位置,所述第二空间位置用于表征所述第二页面内容显示的空间位置;
基于所述第二空间位置,利用增强现实显示界面显示所述第二页面内容。
可选地,处理器801,还用于执行存储器803上所存放的程序时,实现如下步骤:
监测用户的眼球转动,得到用户的视线焦点在所述显示屏幕上对应的目标位置;
从所述显示屏幕包括的至少一个预设区域中,将所述目标位置所处的所述预设区域确定为目标区域。
可选地,处理器801,还用于执行存储器803上所存放的程序时,实现如下步骤:
对所述显示屏幕进行网格划分,得到每一个所述预设区域对应的网格;
将所述目标位置覆盖的网格对应的所述预设区域确定为目标区域。
可选地,处理器801,还用于执行存储器803上所存放的程序时,实现如下步骤:
接收用户针对显示屏幕的目标输入;
基于所述目标输入从显示屏幕包括的至少一个预设区域中确定目标区域。
可选地,处理器801,还用于执行存储器803上所存放的程序时,实现如下步骤:
基于预先定义的所述预设区域与内容标识的对应关系,确定所述目标区域对应的目标内容标识,所述内容标识用于标识不同的页面内容;
将所述目标内容标识所标识的页面内容确定为第一页面内容。
可选地,处理器801,还用于执行存储器803上所存放的程序时,实现如下步骤:
获取所述目标区域显示的图像;
将所述目标区域显示的图像与预存图像进行匹配,获得第一页面内容。
可选地,所述第二页面内容包括第一目标页面内容和第二目标页面内容,所述第一目标页面内容的数量为一个,所述第一目标页面内容的第二空间位置与所述第一空间位置相同;
处理器801,还用于执行存储器803上所存放的程序时,实现如下步骤:
基于所述第二空间位置利用增强现实显示界面显示所述第二目标页面内容,所述第一目标页面内容在所述显示屏幕上显示。
上述电子设备提到的通信总线可以是外设部件互连标准(Periphera lComponent Interconnect,简称PCI)总线或扩展工业标准结构(Extended IndustryStandard Archi tecture,简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述终端与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,简称RAM),也可以包括非易失性存储器(non-volat i le memory),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Process ing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Process ing,简称DSP)、专用集成电路(Appl icat ion SpecificIntegrated Circui t,简称ASIC)、现场可编程门阵列(Field-Programmable GateArray,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明提供的又一实施例中,还提供了一种可读存储介质,其上存储有程序,该程序被处理器执行时实现上述实施例中任一所述的页面内容显示方法。
在本发明提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的页面内容显示方法。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Sol id State Disk(SSD))等。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种页面内容显示方法,其特征在于,包括:
从显示屏幕包括的至少一个预设区域中确定目标区域,所述目标区域用于表征用户选择的区域;
确定所述目标区域内显示的第一页面内容;
基于所述第一页面内容获取第二页面内容,所述第二页面内容与所述第一页面内容关联;
基于所述显示屏幕的第一空间位置确定所述第二页面内容的第二空间位置,所述第二空间位置用于表征所述第二页面内容显示的空间位置;
基于所述第二空间位置,利用增强现实显示界面显示所述第二页面内容。
2.根据权利要求1所述的方法,其特征在于,所述从显示屏幕包括的至少一个预设区域中确定目标区域,包括:
监测用户的眼球转动,得到用户的视线焦点在所述显示屏幕上对应的目标位置;
从所述显示屏幕包括的至少一个预设区域中,将所述目标位置所处的所述预设区域确定为目标区域。
3.根据权利要求2所述的方法,其特征在于,所述从显示屏幕包括的至少一个预设区域中,将所述目标位置所处的所述预设区域确定为目标区域,包括:
对所述显示屏幕进行网格划分,得到每一个所述预设区域对应的网格;
将所述目标位置覆盖的网格对应的所述预设区域确定为目标区域。
4.根据权利要求1所述的方法,其特征在于,所述从显示屏幕包括的至少一个预设区域中确定目标区域,包括:
接收用户针对显示屏幕的目标输入;
基于所述目标输入从显示屏幕包括的至少一个预设区域中确定目标区域。
5.根据权利要求1所述的方法,其特征在于,所述确定所述目标区域内显示的第一页面内容,包括:
基于预先定义的所述预设区域与内容标识的对应关系,确定所述目标区域对应的目标内容标识,所述内容标识用于标识不同的页面内容;
将所述目标内容标识所标识的页面内容确定为第一页面内容。
6.根据权利要求1所述的方法,其特征在于,所述确定所述目标区域内显示的第一页面内容,包括:
获取所述目标区域显示的图像;
将所述目标区域显示的图像与预存图像进行匹配,获得第一页面内容。
7.根据权利要求1所述的方法,其特征在于,所述第二页面内容包括第一目标页面内容和第二目标页面内容,所述第一目标页面内容的数量为一个,所述第一目标页面内容的第二空间位置与所述第一空间位置相同;
所述基于所述第二空间位置,利用增强现实显示界面显示所述第二页面内容,包括:
基于所述第二空间位置利用增强现实显示界面显示所述第二目标页面内容,所述第一目标页面内容在所述显示屏幕上显示。
8.一种页面内容显示装置,其特征在于,包括:
第一确定模块,用于从显示屏幕包括的至少一个预设区域中确定目标区域,所述目标区域用于表征用户选择的区域;
第二确定模块,用于确定所述目标区域内显示的第一页面内容;
获取模块,用于基于所述第一页面内容获取第二页面内容,所述第二页面内容与所述第一页面内容关联;
第三确定模块,用于基于所述显示屏幕的第一空间位置确定所述第二页面内容的第二空间位置,所述第二空间位置用于表征所述第二页面内容显示的空间位置;
显示模块,用于基于所述第二空间位置,利用增强现实AR显示界面显示所述第二页面内容。
9.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放程序;
处理器,用于执行存储器上所存放的程序时,实现如权利要求1-7任一所述的方法步骤。
10.一种可读存储介质,其上存储有程序,其特征在于,该程序被处理器执行时实现如权利要求1-7中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310197132.7A CN116243829A (zh) | 2023-03-03 | 2023-03-03 | 页面内容显示方法、装置、电子设备和可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310197132.7A CN116243829A (zh) | 2023-03-03 | 2023-03-03 | 页面内容显示方法、装置、电子设备和可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116243829A true CN116243829A (zh) | 2023-06-09 |
Family
ID=86634754
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310197132.7A Pending CN116243829A (zh) | 2023-03-03 | 2023-03-03 | 页面内容显示方法、装置、电子设备和可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116243829A (zh) |
-
2023
- 2023-03-03 CN CN202310197132.7A patent/CN116243829A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111698553B (zh) | 视频处理方法、装置、电子设备及可读存储介质 | |
US10235574B2 (en) | Image-capturing device, recording device, and video output control device | |
CN111327917B (zh) | 直播内容的预览方法、装置、设备及存储介质 | |
CN111741274B (zh) | 一种支持画面局部放大和漫游的超高清视频监看方法 | |
CN107172346B (zh) | 一种虚化方法及移动终端 | |
CN102349048A (zh) | 访问从显示图像选定的项目的项目信息 | |
JP2017162103A (ja) | 点検作業支援システム、点検作業支援方法、点検作業支援プログラム | |
US20230316529A1 (en) | Image processing method and apparatus, device and storage medium | |
US20170161871A1 (en) | Method and electronic device for previewing picture on intelligent terminal | |
CN115134677A (zh) | 视频封面选择方法、装置、电子设备以及计算机存储介质 | |
CN113852756B (zh) | 图像获取方法、装置、设备和存储介质 | |
CN113014993B (zh) | 图片显示方法、装置、设备及存储介质 | |
CN110569097A (zh) | 一种信息显示方法及装置 | |
US20230215464A1 (en) | Management of video playback speed based on objects of interest in the video data | |
CN108388395B (zh) | 图像裁剪方法、装置及终端 | |
CN116243829A (zh) | 页面内容显示方法、装置、电子设备和可读存储介质 | |
CN107995538B (zh) | 视频批注方法及系统 | |
CN110806909A (zh) | 一种应用程序页面掉帧信息确定方法、装置及电子设备 | |
CN114666643B (zh) | 一种信息显示方法、装置、电子设备及存储介质 | |
CN112188269B (zh) | 视频播放方法和装置以及视频生成方法和装置 | |
CN113890990A (zh) | 信息采集过程中的提示方法、装置、电子设备及可读介质 | |
CN112817441A (zh) | 一种按键与人眼识别结合的方法和装置 | |
US10440266B2 (en) | Display apparatus and method for generating capture image | |
CN113918044B (zh) | 信息的展示方法、装置、电子设备及可读介质 | |
CN116431030A (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 |