CN115981588B - 一种多终端数据显示方法、设备和系统 - Google Patents

一种多终端数据显示方法、设备和系统 Download PDF

Info

Publication number
CN115981588B
CN115981588B CN202310251965.7A CN202310251965A CN115981588B CN 115981588 B CN115981588 B CN 115981588B CN 202310251965 A CN202310251965 A CN 202310251965A CN 115981588 B CN115981588 B CN 115981588B
Authority
CN
China
Prior art keywords
terminal
component
template
display
components
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
Application number
CN202310251965.7A
Other languages
English (en)
Other versions
CN115981588A (zh
Inventor
康海利
沈爽
赵曦
刘澍
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China Posts And Telecommunications Equipment Group Co ltd
Original Assignee
China Posts And Telecommunications Equipment Group Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by China Posts And Telecommunications Equipment Group Co ltd filed Critical China Posts And Telecommunications Equipment Group Co ltd
Priority to CN202310251965.7A priority Critical patent/CN115981588B/zh
Publication of CN115981588A publication Critical patent/CN115981588A/zh
Application granted granted Critical
Publication of CN115981588B publication Critical patent/CN115981588B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种多终端数据显示方法、设备和系统,解决了现有技术不便对终端分别设置显示组件及排版方式的问题。将显示内容分割成若干组件。选取其中N个组件排序形成基础模板。将基础模板带入终端模板显示;所述终端模板包含组件1~N的预留位置。多终端数据显示系统,包括:PC端,用于选择模板,设置并编辑模板中各组件的内容并发送至终端。模板生成模块,用于将显示内容分割成不同组件,并根据设置好的基础模板生成其他终端模板。所述终端或AR眼镜,用于根据基础模板生成并渲染显示内容。本申请可以用一次内容编辑,实现AR眼镜/终端自动内容显示和对终端进行关联配置。

Description

一种多终端数据显示方法、设备和系统
技术领域
本申请涉及计算机技术领域,尤其涉及一种多终端数据显示装置及方法。
背景技术
AR眼镜常用于工程线路维护、设备安装指导等,在使用AR眼镜的过程中需要实时显示文字、图片、视频等内容。AR眼镜所显示的内容往往与终端设备(例如手机)显示的内容一样,对于同一内容,AR眼镜由于受到设备本身的限制,与手机的排版方式和操作方式不同,由此,需要对AR眼镜和手机分别设置排版方式和操作方式,以避免在AR眼镜上内容显示混乱和操作不便。例如:对于富媒体内容,在手机上把所有内容都放在一个HTML页面内编辑排版,而在AR眼镜上分别对不同区域进行内容排版。
由此,即使对于完全一样的富媒体内容,手机和AR眼镜也需要分别对内容进行编辑排版,以便内容在手机和AR眼镜上正常显示和操作;
尤其是,在系统应用过程中,AR眼镜和系统中的其他服务终端之间存在交互工作时,如果各个终端对AR眼镜获得的监测图像进行处理的职能不同时,为实现改变终端设备显示内容的设置或变更,也需要对手机和AR眼镜上的显示内容进行操作。
发明内容
本申请实施例提供一种多终端数据显示方法、设备和系统,解决了现有技术不便于对不同终端分别设置显示组件和排版方式的问题,尤其适用于包含AR眼镜的现场检测和反馈处理的系统。
第一方面,本申请提出一种多终端数据显示方法,用于设置多个终端的显示内容,包含以下步骤:
生成显示内容,将所述显示内容分割成若干组件;
选取其中N个组件排序形成基础模板;
将基础模板区分多个终端模板显示;每个所述终端模板包含组件1~N的预留位置。
优选地,还包含以下步骤:
基础模板的组件的属性标识包含第一标签或第二标签;
响应于任一所述终端对所述显示内容的访问请求,带有第一标签的组件插入预留位置、带有第二标签的组件不插入预留位置。
进一步地,还包含以下步骤:响应于任一终端标识,生成与所述终端标识对应的所述属性标识,或者,将与所述终端标识对应的所述属性标识的第一标签变更为第二标签或将第二标签变更为第一标签。
在本申请第一方面任意一个实施例中,至少1个所述终端为AR眼镜,根据预设手势变更组件的显示位置和或与终端标识对应的属性标识。优选地,所述预设手势对各个组件的分别独立设置。
本申请第一方面任意一项所述多终端数据显示方法,通过至少1个所述终端,设置其他至少1个终端标识对应的组件属性标识。
第二方面,本申请实施例还提出一种终端设备,用于实现本申请第一方面任意一项实施例所述方法,包含终端显示模块、终端标签过滤模块、AR信息标签设置模块。
所述终端显示模块,用于接收基础模板并按照所述预留位置显示组件内容。所述终端标签过滤模块,用于过滤含有第二标签的组件内容。所述AR信息标签设置模块,用于设置至少一个AR眼镜标识对应的组件属性标识。
第三方面,本申请实施例还提出一种AR眼镜,用于实现本申请第一方面任意一项实施例所述方法,包含AR眼镜终端、AR信息生成模块、AR信息标签过滤模块和终端标签设置模块。
所述AR眼镜终端,用于采集和识别图像信息、显示所述组件内容。所述AR信息生成模块,用于根据图像信息调取所述显示内容,并区分为若干组件。所述AR信息标签过滤模块,用于过滤含有第二标签的组件内容。所述终端标签设置模块,用于设置至少一个终端标识对应的组件属性标识;所述属性标识,用于确定所述组件插入或不插入预留位置。
第四方面,本申请实施例还提出一种服务器,用于实现本申请第一方面任意一项实施例所述方法,包含模板生成模块、数据库、标识接口。
所述模板生成模块,用于根据来自AR眼镜的图像信息,从所述数据库中调取显示内容,将所述显示内容分割成若干组件,选取其中N个组件排序形成基础模板;将基础模板区分多个终端模板;每个所述终端模板包含组件1~N的预留位置。
所述标识接口,用于接收终端标识,生成用于所述组件的、与所述终端标识对应的属性标识,所述属性标识,用于确定所述组件插入或不插入预留位置。
第五方面,本申请实施例还提出一种多终端数据显示系统,用于实现本申请第一方面任意一项实施例所述方法,包括:PC端、模板服务器和终端。
所述PC端,用于设置并编辑所述基础模板中各组件的预留位置并存储至模板服务器。
所述模板服务器,用于将所述显示内容分割成不同组件,并存储设置好的基础模板并发送至终端。
所述终端,用于接收模板服务器发送的基础模板,渲染并按照所述预留位置显示组件内容。
在本申请的多终端数据显示系统中,优选地,所述PC端或所述终端中设置编辑模板,即标签设置模块,其中包含组件选择区、组件编辑预览区和组件属性设置区。
所述组件选择区,用于为组件编辑预览区提供组件。所述组件编辑预览区,用于对各组件数据进行编辑,通过拖拽组件改变组件的排序位置并实现页面预览。所述组件属性设置区,设置组件编辑预览区选择的组件的属性标识。属性标识区分组件分别设置。
此外,本申请实施例还提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述的方法。
进一步地,本申请实施例还提供一种电子设备(或计算设备),包括存储器、处理器及存储在存储器上并可在处理器运行的计算机程序,所述处理器执行所述计算机程序时实现上述的方法。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:
通过显示模板对显示内容(例如富媒体内容)进行编辑,对终端(例如手机和AR眼镜)的显示的内容区分组件进行编辑、排版或设置。
例如,在AR眼镜上,将富媒体的内容按照组件的方式对文本、图片、轮播图、流媒体进行分割,将所分割的富媒体在不同区域排版。并且,对所排版的各组件内容进行标签匹配和格式加工规范化处理,以解决AR眼镜显示时存在的样式错乱、布局混乱、内容错位,以及图片、视频的不居中显示等问题。在AR眼镜上显示内容时,对各个组件进行渲染,在不同区域同时显示内容。在手机上,以AR眼镜的组件显示为基础,按照组件的序号进行渲染显示。
本申请可以用一次内容编辑,实现多终端自动内容显示、对终端进行灵活的关联设置,以及通过AR眼镜的手势控制等,提高系统工作效率。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例一种多终端数据显示方法流程图;
图2为本申请实施例另一种多终端数据显示方法流程图;
图3为本申请实施例另一种多终端数据显示装置模板渲染方法流程图;
图4为本申请实施例一种多终端数据显示装置结构示意图;
图5为本申请实施例PC端设置编辑模板布局结构图;
图6为本申请实施例AR显示及手势设置示意图;
图7是本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
以下结合附图,详细说明本申请各实施例提供的技术方案。
图1为本申请实施例一种多终端数据显示方法流程图。本申请实施例提供一种多终端数据显示方法,用于设置多终端的显示内容,包含以下步骤:
步骤101、生成显示内容,将所述显示内容分割成若干组件。
将富媒体内容分割成若干组件时,例如,按照文件类型分割,即将富媒体内容按照文本、图片、轮播图、流媒体等类型进行分割。
也可以按照具体内容将描述同一事件、情景、信息等的内容区分为多个组件、或者合并为1个组件。需要说明的是,富媒体内容可以根据需要按照任何形式分割。
例如,文本1与图片1、轮播图1、流媒体1描述同一个事物,则可以将这部分内容放在一起。
步骤102、选取其中N个组件排序形成基础模板。
N为模板中可显示的组件数量,不大于全部显示内容的富媒体分割的组件的数量。
所述基础模板,是将N个组件设置编号并排列顺序。
步骤103、将基础模板区分多个终端模板显示;每个所述终端模板包含组件1~N的预留位置。
本申请所述终端,可以为移动终端,例如手机端,或其他具有移动性的电子设备、计算机,例如平板电脑、集群终端设备等,本申请的AR眼镜也是所述终端的一种。
优选地,不同的终端,其终端模板预留位置单独设置。
例如,AR眼镜终端的预留位置为顺时针设置一圈。
再例如,手机端的预留位置为顺序从上到下排列在手机屏幕上生成。根据AR显示模板顺序从1到N呈队列状从上到下排版生成手机端模板。
在本方法的应用中,进一步地,还包含AR眼镜终端驱动手机终端和手机终端驱动AR眼镜终端的情况。
例如,AR眼镜终端在智能识别过程调取的数据,可以上传至服务器,手机端可以通过服务器显示该数据,且该数据根据AR眼镜终端和手机终端的区别有区分的显示。
再例如,该数据显示到手机上之后。还可以根据手机操作通过服务器向AR眼镜输送信息。
为实现多个终端之间的驱动关系,例如通过AR眼镜的AR信息和设置功能驱动手机显示功能,使不同的终端设备区别显示不同组件;或者通过手机设置功能驱动AR眼镜的AR信息显示功能,不同的终端设备设置AR眼镜中不同的组件是否显示及显示位置。
具体地,图2为本申请实施例另一种多终端数据显示方法流程图。
进一步地,包含步骤:
步骤104、终端访问模板服务器。
例如,所述终端为手机或AR眼镜,通过扫码的形式访问模板服务器。
步骤105、模板服务器判断终端的设备类型。
在AR眼镜或者手机访问服务器时,通过服务器判断请求来自AR眼镜或者手机。
步骤106、根据判断结果为基础模板的组件打上标签。所述属性标识包含第一标签和/或第二标签。
响应于任一终端标识,生成与所述终端标识对应的所述属性标识,或者,将与所述终端标识对应的所述属性标识的第一标签变更为第二标签或将第二标签变更为第一标签。
通过至少1个所述终端,设置其他至少1个终端标识对应的组件属性标识。
例如,判断结果为AR眼镜,则对基础模板打上标签,用于对AR眼镜是否显示进行控制:在模板进行渲染时,组件接收到页面JSON数据,javaScript(JS)对组件属性进行解析。
步骤107、响应于任一所述终端对所述显示内容的访问请求,带有第一标签的组件插入预留位置、带有第二标签的组件不插入预留位置。
AR显示设置为Yes(即第一标签)的情况下,在AR眼镜上显示组件内容,否则(即第二标签),否则在AR眼镜上不显示组件内容。
需要说明的是,是否打上标签并不是必需的步骤。例如,由于AR眼镜上显示内容有局限性,因此可以只对AR眼镜进行限制。
这样的结果是,AR眼镜上需要通过标签判断是否显示的内容,在其他终端,例如手机终端,全部都显示。
图3为本申请实施例另一种多终端数据显示装置模板渲染方法流程图。
判断为AR眼镜终端,则组件在AR眼镜上按照顺时针排版并进行渲染,并通过手势进行控制操作。
具体包括,在组件属性中取得标记为AR眼镜显示的组件以及组件数据。即根据事先在AR组件是否显示的控制里设置好的AR显示情况选择显示的组件。组件在AR眼镜上按照顺时针排版并进行渲染。识别叠加在组件上的手势并进行相应操作。取得所有组件以及组件数据。
判断为手机端,则组件在手机屏幕上按照序号顺序从1到N呈队列状排版并进行组件渲染,并通过屏幕滑动进行控制操作。
具体包括,组件按照序号顺序从1到N呈队列状顺序排版并进行组件渲染。识别屏幕滑动并进行相应操作。数据更新渲染。
例如,AR模板使用JS进行遍历渲染,在engine-template目录下新建页面组件,这个组件接收到页面JSON数据就可以把页面渲染出来。跟编辑预览画板实现逻辑差不多。然后使用vue-cli库打包命令将组件打包成js库文件。ejs模板引入该页面组件配合json数据渲染出页面。
图4为本申请实施例一种多终端数据显示系统结构示意图。
本申请实施例还提供一种多终端数据显示系统,用于上述任意一项实施例所述方法,包括:PC端1、模板服务器2和终端3。
所述PC端,用于设置并编辑所述基础模板中各组件的内容、预留位置并存储至模板服务器。
所述模板服务器,所述模板服务器,包含模板生成模块21。
所述模板生成模块,用于将所述显示内容分割成不同组件,并存储设置好的基础模板并发送至终端。
所述终端,用于接收模板服务器发送的基础模板,渲染并按照所述预留位置显示组件内容。
所述终端至少包含AR眼镜终端,还可以包含手机终端、平板电脑终端等等,这里不作进一步限定。
例如,所述AR眼镜终端31,用于根据基础模板生成AR眼镜端显示内容并渲染显示各组件内容。
具体为一种AR眼镜,包含AR眼镜终端31和AR信息标签过滤模块5。所述AR眼镜终端,用于显示并操作基础模板的内容。所述AR信息标签过滤模块,用于过滤含有第二标签的组件内容。
所述手机端32,用于根据基础模板生成手机端显示内容并渲染显示各组件内容。例如,按照基础模板中所定义的各个组件的顺序,渲染显示各个组件的内容。
所述模板服务器还包含标识接口22。所述标识接口,用于从标识服务器获取标识内容。标识内容为不可修改的文本内容,将标识内容保存于结构化数据库中,生成标识组件。
所述模板服务器还包含非结构化数据库23和结构化数据库24。所述非结构化数据库,用于保存图片、视频。所述结构化数据库,用于保存文本。
为实现上述系统,进一步地,本申请实施例还提出一种终端设备32,用于实现本申请第一方面任意一项实施例所述方法,包含终端显示模块、终端标签过滤模块、AR信息标签设置模块。
所述终端显示模块,用于接收基础模板并按照所述预留位置显示组件内容。所述终端标签过滤模块,用于过滤含有第二标签的组件内容。即对应于当前终端设备,针对设定的组件,所述属性标识包含第一标签和/或第二标签。在当前终端设备的显示模板中可显示第一标签对应的组件,不显示第二标签对应的组件。
所述AR信息标签设置模块,用于设置至少一个AR眼镜标识对应的组件属性标识,所述AR眼镜标识,即AR眼镜的终端标识,所述AR眼镜标识对应的组件属性标识,是针对设定的组件,所述属性标识包含第一标签和/或第二标签。所述AR眼镜标识的AR眼镜,在其显示模板中可显示第一标签对应的组件,不显示第二标签对应的组件。
进一步地,所述终端设备,还包含信息生成模块,所述信息生成模块,用于生成或编辑所述显示内容,并区分为若干组件。当所述显示内容中的设定组件被编辑、修改后,对应地,显示所述设定组件的另一终端设备当终端标识被对应地设置在所述基础模板时,所述另一终端设备的显示空间的预留位置显示编辑、修改后的所述设定组件内容。
本实施例,便于不同的终端设备对AR眼镜中不同的显示信息进行处理,例如终端A对AR眼镜中组件A进行编辑、显示/屏蔽处理;终端B对AR眼镜中组件B进行编辑、显示/屏蔽处理。
为实现上述系统,进一步地,本申请实施例还提出一种AR眼镜,用于实现本申请第一方面任意一项实施例所述方法,包含AR眼镜终端、AR信息生成模块、AR信息标签过滤模块和终端标签设置模块。或者,优选地,所述AR信息标签过滤模块包含于AR眼镜外部设备中。
本申请所述AR信息,是指显示在AR眼镜的视觉空间中,用于对AR眼镜采集的现场图像进行增强现实显示的信息。
所述AR眼镜终端31,用于采集和识别图像信息、显示所述组件内容。所述AR信息生成模块,用于根据图像信息调取所述显示内容,并区分为若干组件。所述AR信息标签过滤模块5,用于过滤含有第二标签的组件内容,即对应于当前AR眼镜终端,针对设定的组件,所述属性标识包含第一标签和/或第二标签。在当前AR眼镜终端设备的显示模板中可显示第一标签对应的组件,不显示第二标签对应的组件。也就是说,在AR眼镜的显示区域,按照所述第一标签或第二标签,在AR信息中显示或不显示所述组件。
所述终端标签设置模块,用于设置至少一个终端标识对应的组件属性标识,所述属性标识,用于确定所述组件插入或不插入预留位置。所述终端标识对应的组件属性标识,是针对设定的组件,所述属性标识包含第一标签和/或第二标签。所述终端标识的终端设备,在其显示模板中可显示第一标签对应的组件,不显示第二标签对应的组件。
本实施例,便于AR眼镜为不同的终端设备采集不同的感兴趣的信息,例如,AR眼镜的终端显示模板中与采集的图像信息相对应的显示内容中,组件A同时显示在终端A,组件B同时显示在终端B。
为实现上述系统,进一步地,本申请实施例还提出一种服务器,用作所述模板服务器2,用于实现本申请第一方面任意一项实施例所述方法,所述服务器包含模板生成模块、数据库、标识接口。
所述模板生成模块,用于根据来自AR眼镜的图像信息,从所述数据库中调取显示内容,将所述显示内容分割成若干组件,选取其中N个组件排序形成基础模板;将基础模板区分多个终端模板;每个所述终端模板包含组件1~N的预留位置。
所述显示内容可用作所述图像信息的AR信息。例如,图像信息为分拣的货物,AR信息为这种货物的名称、成分、产地等图文信息。再例如,图像信息为车辆,AR信息为车主姓名、住址、行车违法记录等图文信息。
所述标识接口,用于接收终端标识,生成用于所述组件的、与所述终端标识对应的属性标识,所述属性标识,用于确定所述组件插入或不插入预留位置。
所述数据库包含结构化数据和非结构化数据,具体内容如上文实施例,这里不再赘述。
本申请实施例还提供一种服务器,即标识服务器4,用于实现上述任意一项实施例所述方法,包含标识内容生成模块41、企业标识注册模块42和标识内容查询模块43。用于为模板服务器提供终端标识及组件的属性标识,所述属性标识关联于所述终端标识。与所述标识对应的组件内容成为不可修改的文本、图像或视频内容,也就是说,与所述标识对应的组件内容,自关联的终端标识被设置后,禁止响应所述终端标识所表示的终端对所述组件内容进行编辑,仅能通过所述模板显示在对应终端的预设位置。
所述标识内容生成模块41,用于向标识接口提供标识内容。
所述企业标识注册模块42和标识内容查询模块43。分别用于企业标识注册和标识查询。
例如,为实现本申请上述技术方案,使用的软件技术架构为:
AR/手机模板使用前后端分离架构,AR/手机前端技术栈包括:
vue:前端模块化开发框架。
element-ui:UI组件库。
sass-loader:CSS预处理。
three.js:渲染模型。
eslint:语法规则和代码风格的检查。
服务端技术栈包括:
MinIO:非结构化数据存储,用于存储图片、视频等资源数据。
MySQL:结构化数据存储,用于存储模板中结构化的数据。
例如,所述基础模板采用JSON数据结构。
基础模板为在PC端的前端编辑器生成页面JSON数据,服务端负责存取JSON数据和资源数据,渲染时从服务端拉取数据交由前端模板处理。
在AR眼镜或者手机访问服务器时,通过服务器判断请求来自AR眼镜或者手机,根据客户端类型自动排版,从而实现内容的自动分割。所述终端为AR眼镜,AR眼镜是否显示的控制:在模板进行渲染时,组件接收到页面JSON数据,javaScript(JS)对组件属性进行解析,AR显示设置为Yes(是)的情况下,在AR眼镜上显示组件内容,否则,仅仅在手机上显示组件内容。此方法的有益效果是,便于一次性对手机/AR眼镜组件进行编辑,同时,分别对手机/AR眼镜的排版进行控制。
具体方法为:
图5为本申请实施例PC端设置编辑模板布局结构图。
进一步地,所述PC端或所述终端中设置编辑模板,即AR眼镜等终端的内容编辑器,例如,在终端设备中设置的AR信息标签设置模块或在AR眼镜中设置的终端信息标签设置模块。包含组件选择区11、组件编辑预览区12和组件属性设置区13。
所述组件选择区,用于为组件编辑预览区提供组件。包括常用组件和定义组件,其中,常用组件包括文本、图片、轮播图、视频组件,定义组件包括标识数据组件,标识数据组件是不可修改的文本组件。
所述组件编辑预览区,用于对各组件数据进行编辑,通过拖拽组件改变组件的排序位置并实现页面预览。
例如,点击AR视图/手机视图实现页面预览。点击AR视图时,各个组件按照排版位置显示,点击手机视图时,各个组件按照组件号的顺序从1到N呈队列状顺序显示。图片、录播图、视频均采用居中显示。
所述组件属性设置区,设置组件编辑预览区选择的组件的属性。在组件编辑预览区选择组件,对所选择组件设置属性。
进一步地,还包含常用操作区14,用于将所编辑的组件内容发布、分享和生成二维码。
图6为本申请实施例AR显示及手势设置示意图。
JSON数据结构:
AR模板在前端编辑器生成页面JSON数据,服务端负责存取JSON数据和资源数据,渲染时从服务端拉取数据交由前端模板处理。
在comps中把各个组件放置在一个组件数组中,每个组件包括手势(itemGesture),手势的对象数组(number[])用来表示叠加在组件显示区的手势操作。如图6所示,对各个组件的分别定义手势控制。
需要说明的是,上表列出了对AR眼镜终端的显示模板进行操作的部分功能实施例,本领域技术人员能够理解,通过AR眼镜终端进行手势控制,也可用于改变其他任一终端标识对应的显示模板及对应的各组件的属性标识。
因此,本申请实施例还提供一种AR眼镜终端手势操控方法,用于上述任意一项实施例所述多终端数据显示装置,包含以下步骤:
所述终端为AR眼镜,根据预设手势变更组件的显示位置和或与终端标识对应的属性标识。
在组件显示时,在组件的显示区域用手势控制组件。
判断是否为预设手势,是则根据手势操作组件,不是则不对组件进行操作。
如果手势叠加在显示区域上并且所做手势在预设手势中,则根据手势操作组件;如果所做手势在预设手势以外,则不对组件内容进行操作。
优选地,在AR眼镜上也对各个组件预设可采用的手势,超出了组件的范围,再做这个手势也不响应。这样就更容易操作组件,而且也可以避免误操作。举例来说:在轮播图的组件上可以做左右滑动手势,这样就触发了切换图片,而因为转动脑袋或者手晃动,手势映射到了轮播图上面的文本组件上,文本组件对这个左右手势不反应。
本申请的模板设置和使用的好处是,只要把各种手型的组件布置在模板的不同地方,就很容易操作内容了。
例如,基于虹软手势骨架技术能够将手抽象出骨架,并从背景中剥离出来,允许摄像头跟踪手上的骨架关键点的位置和方向,可区分左右手,进而可实现双手交互。手势骨架技术能够实时动态跟踪模仿手势变化,这在AR/VR手势交互上起着重要的作用。
由于AR显示内容区域小,容易在相邻区域之间产生误操作,对各个组件的分别定义手势控制,有利于减少误操作。
因此,进一步优选地,所述预设手势对各个组件的分别独立设置。
本申请通过一次性编辑内容,即可根据客户端的类型,对显示内容自动进行分割排版,并且,在AR的各个独立显示区域与预设控制手势叠加。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例,或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框,以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
因此,本申请还提出一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本申请中任一实施例所述的方法。计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存 (PRAM)、静态随机存取存储器 (SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器 (RAM)、只读存储器 (ROM)、电可擦除可编程只读存储器 (EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器 (CD-ROM)、数字多功能光盘 (DVD) 或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
图7是本申请实施例提供的一种电子设备的结构示意图。如图7所示,本实施例提供了一种电子设备600,其包括:一个或多个处理器620;存储装置610,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器620运行,使得所述一个或多个处理器620实现本申请实施例所提供的多终端数据显示方法,该方法包括实施例步骤101~107中至少一部分步骤。图7中以一个处理器620为例;电子设备中的处理器620、存储装置610、输入装置630和输出装置640可以通过总线或其他方式连接,图7中以通过总线650连接为例。
在一个典型的配置中,计算设备包括一个或多个处理器 (CPU)、输入/输出接口、网络接口和内存。内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM) 和/或非易失性内存等形式,如只读存储器 (ROM) 或闪存(flash RAM)。内存是计算机可读介质的示例。
存储装置610作为一种计算机可读存储介质,可用于存储软件程序、计算机可运行程序以及模块单元,如本申请实施例中的多终端数据显示方法对应的程序指令。存储装置610可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序;存储数据区可存储根据终端的使用所创建的数据等。此外,存储装置610可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件,或其他非易失性固态存储器件。在一些实例中,存储装置610可进一步包括相对于处理器620远程设置的存储器,这些远程存储器可以通过网络连接。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
所述电子设备配置在PC端或终端设备(例如AR眼镜终端)中时,输入装置630可用于接收模板设置操作信息。输出装置640可输出设定好的基础模板至服务器,还可输出与终端标识对应的组件属性标识。
所述电子设备配置在PC端或终端设备(例如AR眼镜终端)中时,输入装置还可以用于接收基础模板信息和待显示内容,所述输出装置可响应于指定组件的与终端设备标识对应的所述属性标识,按照终端模板渲染、对显示内容区分组件进行显示。
所述电子设备配置在服务器端时,输入装置可以接收来自AR眼镜的图像信息;还可以接收终端标识,生成用于所述组件的、与所述终端标识对应的属性标识;还可以接收来自PC端的所述基础模板中各组件的预留位置的编辑信息;输出装置可以向设定的终端设备输出模板数据、属性标识;或按照指定组件的属性标识,向对应的终端设备输出第一标签对应的组件数据、禁止输出第二标签对应的组件数据。
还需要说明的是,术语“包括”“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所做的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种多终端数据显示方法,用于设置多个终端的显示内容,至少1个所述终端为AR眼镜,其特征在于,包含步骤:
根据来自AR眼镜的图像信息调取显示内容,所述显示内容用作所述图像信息的AR信息;
将所述显示内容分割成若干组件;
选取其中N个组件排序形成基础模板;
将基础模板区分多个终端模板显示;每个所述终端模板包含组件1~N的预留位置;
通过至少1个所述终端,设置其他至少1个终端标识对应的组件的属性标识;所述属性标识,用于确定所述组件插入或不插入预留位置;
不同的终端对AR眼镜中不同的显示信息进行处理,所述处理包括对组件进行编辑、显示或屏蔽;或,AR眼镜为不同的终端采集不同的信息,所述显示内容中不同的组件显示在不同的终端中。
2.根据权利要求1所述多终端数据显示方法,其特征在于,包含步骤:
基础模板的组件属性标识包含第一标签或第二标签;
响应于任一所述终端对所述显示内容的访问请求,带有第一标签的组件插入预留位置;带有第二标签的组件不插入预留位置。
3.根据权利要求2所述多终端数据显示方法,其特征在于,响应于任一终端标识,生成与所述终端标识对应的所述属性标识,或者,将与所述终端标识对应的所述属性标识的第一标签变更为第二标签或将第二标签变更为第一标签。
4.根据权利要求1-3任意一项所述多终端数据显示方法,其特征在于,至少1个AR眼镜,根据预设手势变更组件的显示位置和或与终端标识对应的属性标识,所述预设手势对各个组件的分别独立设置。
5.根据权利要求1-3任意一项所述多终端数据显示方法,其特征在于,禁止响应所述终端标识所表示的终端对所述组件内容进行编辑。
6.一种多终端数据显示系统,用于实现权利要求1-5任意一项所述方法,其特征在于,包括:PC端、模板服务器和终端;
所述PC端,用于设置并编辑所述基础模板中各组件的预留位置并存储至模板服务器;
所述模板服务器,用于将所述显示内容分割成不同组件,并存储设置好的基础模板并发送至终端;
所述终端,用于接收模板服务器发送的基础模板,渲染并按照所述预留位置显示组件内容。
7.根据权利要求6所述多终端数据显示系统,其特征在于,所述PC端或所述终端中设置编辑模板,包含组件选择区、组件编辑预览区和组件属性设置区;
所述组件选择区,用于为组件编辑预览区提供组件;
所述组件编辑预览区,用于对各组件数据进行编辑,通过拖拽组件改变组件的排序位置并实现页面预览;
所述组件属性设置区,设置组件编辑预览区选择的组件的属性标识。
8.一种AR眼镜,用于实现权利要求1-5任意一项所述方法,其特征在于,包含AR眼镜终端、AR信息生成模块、AR信息标签过滤模块和终端标签设置模块;
所述AR信息生成模块,用于根据图像信息调取所述显示内容,并区分为若干组件;
所述AR眼镜终端,用于采集和识别图像信息、显示组件内容;所述AR信息标签过滤模块,用于过滤含有第二标签的组件内容;
所述终端标签设置模块,用于设置至少一个终端标识对应的组件的属性标识,所述属性标识,用于确定所述组件插入或不插入预留位置。
9.一种服务器,用于实现权利要求1-5任意一项所述方法,其特征在于,包含模板生成模块、数据库和标识接口;
所述模板生成模块,用于根据来自AR眼镜的图像信息,从所述数据库中调取显示内容,将所述显示内容分割成若干组件,选取其中N个组件排序形成基础模板;将基础模板区分多个终端模板;每个所述终端模板包含组件1~N的预留位置;
所述标识接口,用于接收终端标识,生成用于所述组件的、与所述终端标识对应的属性标识,所述属性标识,用于确定所述组件插入或不插入预留位置。
10.一种终端设备,用于实现权利要求1~5任意一项所述方法,其特征在于,包含终端显示模块、终端标签过滤模块、AR信息标签设置模块;
所述终端显示模块,用于接收基础模板并按照所述预留位置显示组件内容;
所述终端标签过滤模块,用于过滤含有第二标签的组件内容;
所述AR信息标签设置模块,用于设置至少一个AR眼镜标识对应的组件属性标识。
CN202310251965.7A 2023-03-16 2023-03-16 一种多终端数据显示方法、设备和系统 Active CN115981588B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310251965.7A CN115981588B (zh) 2023-03-16 2023-03-16 一种多终端数据显示方法、设备和系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310251965.7A CN115981588B (zh) 2023-03-16 2023-03-16 一种多终端数据显示方法、设备和系统

Publications (2)

Publication Number Publication Date
CN115981588A CN115981588A (zh) 2023-04-18
CN115981588B true CN115981588B (zh) 2023-09-26

Family

ID=85962716

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310251965.7A Active CN115981588B (zh) 2023-03-16 2023-03-16 一种多终端数据显示方法、设备和系统

Country Status (1)

Country Link
CN (1) CN115981588B (zh)

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102253986A (zh) * 2011-06-30 2011-11-23 北京新媒传信科技有限公司 提高多终端网页显示效果的方法和装置
CN106294642A (zh) * 2016-08-03 2017-01-04 天梯头条传媒(苏州)有限公司 具有页面预排版功能的信息发布系统
CN107402747A (zh) * 2016-05-20 2017-11-28 中国科学院声学研究所 一种支持多终端类型的应用页面动态生成方法
CN107566487A (zh) * 2017-09-01 2018-01-09 安徽教育网络出版有限公司 基于自动排版的多终端自适应匹配的方法
CN108958735A (zh) * 2018-07-16 2018-12-07 山东威尔数据股份有限公司 一种终端组件化应用的ui重构方法
CN110874217A (zh) * 2019-11-18 2020-03-10 北京小米移动软件有限公司 快应用的界面显示方法、装置及存储介质
CN114048708A (zh) * 2022-01-13 2022-02-15 山东捷瑞数字科技股份有限公司 一种基于富文本编辑器的自动排版方法和系统
CN114095291A (zh) * 2020-07-31 2022-02-25 青岛海信电子产业控股股份有限公司 一种多设备接入显示方法及设备
KR102393903B1 (ko) * 2020-11-09 2022-05-04 주식회사 나루스튜디오 Ar 전자 현미경 제공 단말, 방법 및 프로그램
CN115033313A (zh) * 2021-02-24 2022-09-09 华为技术有限公司 终端应用控制方法、终端设备及芯片系统
CN115423989A (zh) * 2022-09-06 2022-12-02 歌尔科技有限公司 一种ar眼镜画面显示的控制方法及其组件
CN115495175A (zh) * 2021-06-18 2022-12-20 多点生活(成都)科技有限公司 图片展示方法、装置、终端设备和计算机介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20220207840A1 (en) * 2020-12-31 2022-06-30 Snap Inc. Recording augmented reality content on an eyewear device

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102253986A (zh) * 2011-06-30 2011-11-23 北京新媒传信科技有限公司 提高多终端网页显示效果的方法和装置
CN107402747A (zh) * 2016-05-20 2017-11-28 中国科学院声学研究所 一种支持多终端类型的应用页面动态生成方法
CN106294642A (zh) * 2016-08-03 2017-01-04 天梯头条传媒(苏州)有限公司 具有页面预排版功能的信息发布系统
CN107566487A (zh) * 2017-09-01 2018-01-09 安徽教育网络出版有限公司 基于自动排版的多终端自适应匹配的方法
CN108958735A (zh) * 2018-07-16 2018-12-07 山东威尔数据股份有限公司 一种终端组件化应用的ui重构方法
CN110874217A (zh) * 2019-11-18 2020-03-10 北京小米移动软件有限公司 快应用的界面显示方法、装置及存储介质
CN114095291A (zh) * 2020-07-31 2022-02-25 青岛海信电子产业控股股份有限公司 一种多设备接入显示方法及设备
KR102393903B1 (ko) * 2020-11-09 2022-05-04 주식회사 나루스튜디오 Ar 전자 현미경 제공 단말, 방법 및 프로그램
CN115033313A (zh) * 2021-02-24 2022-09-09 华为技术有限公司 终端应用控制方法、终端设备及芯片系统
CN115495175A (zh) * 2021-06-18 2022-12-20 多点生活(成都)科技有限公司 图片展示方法、装置、终端设备和计算机介质
CN114048708A (zh) * 2022-01-13 2022-02-15 山东捷瑞数字科技股份有限公司 一种基于富文本编辑器的自动排版方法和系统
CN115423989A (zh) * 2022-09-06 2022-12-02 歌尔科技有限公司 一种ar眼镜画面显示的控制方法及其组件

Also Published As

Publication number Publication date
CN115981588A (zh) 2023-04-18

Similar Documents

Publication Publication Date Title
CN108153551B (zh) 一种业务流程页面的展现方法和装置
CN104216691A (zh) 一种创建应用的方法及装置
CN111752899B (zh) 一种环境报告生成方法、装置、电子设备及存储介质
CN105096363A (zh) 一种编辑图片的方法及图片编辑装置
US20190310976A1 (en) Search Results Modulator
CN113703785A (zh) 基于组件的平台部署方法、装置、设备及存储介质
CN110941428A (zh) 一种网站创建方法和装置
CN106446055B (zh) 网页的生成方法及系统
CN113095056B (zh) 生成方法、处理方法、装置、电子设备以及介质
CN106951405B (zh) 基于排版引擎的数据处理方法及装置
CN115981588B (zh) 一种多终端数据显示方法、设备和系统
CN113158619A (zh) 文档处理方法、装置、计算机可读存储介质及计算机设备
CN116450202A (zh) 页面配置方法、装置、计算机设备及计算机可读存储介质
EP4343579A1 (en) Information replay method and apparatus, electronic device, computer storage medium, and product
KR101771475B1 (ko) 반응형 웹페이지 생성 방법 및 장치
CN115756692A (zh) 基于样式属性自动组合展示页面的方法及其相关设备
CN112765522B (zh) 一种数字报刊内容生成方法、系统和计算机可读存储介质
CN115065945A (zh) 短信链接生成方法、装置、电子设备及存储介质
CN115375342A (zh) 页面信息和广告图片展示方法、装置、设备及存储介质
CN113010766B (zh) 一种信息搜索的方法、装置及存储介质
CN113988039A (zh) 无代码自动排版生成网页方法及装置
KR101632951B1 (ko) 온라인 학습 콘텐츠로의 변환을 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 매체 및 온라인 학습 콘텐츠로의 변환 방법
US11392630B2 (en) Presenting a summary of components in a file
CN117931331A (zh) 图纸处理方法、装置、设备及存储介质
CN113448663A (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