对象显示方法及装置与流程
未命名
09-20
阅读:64
评论:0

1.本公开涉及计算机技术领域,尤其涉及对象显示方法及装置。
背景技术:
2.在一些用户交互场景中,诸如老师用户端、学生用户端等两类用户端可能会针对同一内容进行交互,其中一类用户端(诸如老师用户端)会根据需求针对图像内容设置诸如语音条等对象,另一类用户端(诸如学生用户端)最后也会相应地进行对象显示,诸如在学生用户端也会显示老师设置的语音条,以便学生可以通过语音条播放老师针对图像中的题目作答情况留下的讲解语音。但是,发明人经研究发现,在相关技术中非常容易出现另一类用户端无法准确进行对象定位等问题,而诸如语音条等对象与图像内容具有强相关性,对象位置显示不准确将直接导致学生也无法准确定位对象相关内容,用户感受不佳。
技术实现要素:
3.为了解决上述技术问题或者至少部分地解决上述技术问题,本公开提供了一种对象显示方法及装置。
4.根据本公开的一方面,提供了一种对象显示方法,应用于第一用户端,包括:获取目标图像,并在所述第一用户端的第一屏幕上显示所述目标图像;其中,所述目标图像是在第二用户端的第二屏幕上已显示的图像;获取所述目标图像在所述第一屏幕上显示的第一尺寸信息,以及所述目标图像在所述第二屏幕上显示的第二尺寸信息;获取所述第二用户端针对所述目标图像设置的目标对象在所述第二屏幕上的第一位置;根据所述第一尺寸信息、所述第二尺寸信息以及所述目标对象的第一位置,确定所述目标对象在所述第一屏幕上的第二位置,并基于所述第二位置在所述第一屏幕上显示所述目标对象。
5.根据本公开的另一方面,提供了一种对象显示装置,应用于第一用户端,包括:第一获取模块,用于获取目标图像,并在所述第一用户端的第一屏幕上显示所述目标图像;其中,所述目标图像是在第二用户端的第二屏幕上已显示的图像;第二获取模块,用于获取所述目标图像在所述第一屏幕上显示的第一尺寸信息,以及所述目标图像在所述第二屏幕上显示的第二尺寸信息;第三获取模块,用于获取所述第二用户端针对所述目标图像设置的目标对象在所述第二屏幕上的第一位置;控件显示模块,用于根据所述第一尺寸信息、所述第二尺寸信息以及所述目标对象的第一位置,确定所述目标对象在所述第一屏幕上的第二位置,并基于所述第二位置在所述第一屏幕上显示所述目标对象。
6.根据本公开的另一方面,提供了一种电子设备,包括:处理器;以及存储程序的存储器,其中,所述程序包括指令,所述指令在由所述处理器执行时使所述处理器执行所述的对象显示方法。
7.根据本公开的另一方面,提供了一种计算机可读存储介质,其中,所述存储介质存储有计算机程序,所述计算机程序用于执行所述的对象显示方法。
8.本公开实施例中提供的上述技术方案,第一用户端可以获取目标图像(在第二用
户端的第二屏幕上已显示的图像)并显示在第一屏幕上,上述方式充分考虑到同一图像在不同用户端上显示的尺寸因素对于目标对象的位置定位准确性的影响,因此会进一步获取目标图像在第一屏幕上显示的第一尺寸信息、目标图像在第二屏幕上显示的第二尺寸信息以及第二用户端针对目标图像设置的目标对象在第二屏幕上的第一位置,并根据第一尺寸信息、第二尺寸信息以及目标对象的第一位置,确定目标对象在第一屏幕上的第二位置,从而基于第二位置在第一屏幕上显示目标对象。通过上述方式可以有效缓解因不同用户端的图像显示尺寸不同而导致对象定位不准确的问题,可以较好地提升对象定位及显示的准确性,有助于使用户能够基于显示的目标对象进一步准确定位对象相关内容,有效保障用户感受。
9.应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
10.此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
11.为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
12.图1为本公开实施例提供的一种对象显示方法的流程示意图;
13.图2为本公开实施例提供的一种对象显示方法流程图;
14.图3为本公开实施例提供的一种对象显示方法流程图;
15.图4为本公开实施例提供的一种对象显示装置的结构示意图;
16.图5为本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
17.下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
18.应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
19.本公开使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
20.需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域
技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
21.为了能够更清楚地理解本公开的上述目的、特征和优点,下面将对本公开的方案进行进一步描述。需要说明的是,在不冲突的情况下,本公开的实施例及实施例中的特征可以相互组合。
22.图1为本公开实施例提供的一种对象显示方法的流程示意图,该方法可以由对象显示装置执行,其中该装置可以采用软件和/或硬件实现,一般可集成在电子设备中,电子设备包括但不限于手机、平板电脑、计算机等,在此不进行限制,用于执行对象显示方法的电子设备可以视为第一用户端,如图1所示,该方法主要包括如下步骤s102~步骤s108:
23.步骤s102,获取目标图像,并在第一用户端的第一屏幕上显示目标图像;其中,目标图像是在第二用户端的第二屏幕上已显示的图像。
24.本公开实施例对目标图像的内容不进行限制,示例性地,目标图像的内容可以为学生拍照上传的题目作答内容等。另外,本公开实施例对第一用户端和第二用户端的具体设备类型不进行限制,第一用户端和第二用户端的设备类型可以相同,也可以不同,诸如可以为手机、平板电脑、智能手表等可穿戴设备。第一用户端获取的目标图像可以是在第二用户端的第二屏幕上已显示过的图像。应当理解的是,在第一用户端获取目标图像时,第二用户端的第二屏幕可能仍在显示目标图像,也可能不再显示目标图像,在此不进行限制。
25.本公开实施例进一步提供了获取目标图像的两种实施方式,在一种实施方式中,第二用户端可以直接将目标图像发送给第一用户端,具体实现时,第二用户端可以将目标图像上传给服务器,第一用户端可根据需求从服务器处下载目标图像,或者由服务器直接将目标图像发送给第一用户端。在另一种实施方式中,第一用户端可以获取第二用户端针对第一图像的编辑信息,并基于编辑信息对第一图像进行编辑处理,得到目标图像;其中,第一图像是第一用户端发送给第二用户端的,第二用户端可以针对第一图像进行诸如图像旋转、文字批注、加贴纸等编辑,得到目标图像。其中,编辑信息包括但不限于图像旋转信息、图像标记信息等,本公开实施例对编辑方式不进行限制。在实际应用中,可以基于预设的标志位等方式获取图像旋转角度等旋转信息,编辑信息的获取方式在此不进行限制。在该方式中,第一用户端并非直接通过第二用户端获取编辑后的目标图像,而是只获取编辑信息,然后在第一用户端本地基于编辑信息对第一图像进行编辑处理,从而得到目标图像,具体实现时,第二用户端可以将第一图像的编辑信息上传给服务器,第一用户端可根据需求从服务器处下载第一图像的编辑信息,或者由服务器直接将编辑信息发送给第一用户端。可以理解的是,上述方式相比直接通过第二用户端获取目标图像的方式而言,可以有效节约带宽,且传输编辑信息比传输目标图像更为快捷高效。
26.步骤s104,获取目标图像在第一屏幕上显示的第一尺寸信息,以及目标图像在第二屏幕上显示的第二尺寸信息。
27.在实际应用中,第一尺寸信息包括目标图像在第一屏幕上显示的第一宽度和第一高度,且第一宽度和第一高度的单位可以为像素;第二尺寸信息包括目标图像在第二屏幕上显示的第二宽度和第二高度,且第二宽度和第二高度的单位可以为像素。本公开实施例充分考虑到不同用户端的屏幕尺寸可能不同,在不同尺寸的屏幕上显示的同一图像的尺寸也会存在差异,该差异也是导致后续目标对象定位不准确的主要原因,为此,本公开实施例会进一步获取目标图像在第一屏幕上显示的第一尺寸信息,以及目标图像在第二屏幕上显
示的第二尺寸信息。
28.在一些实施方式中,目标图像在第一用户端的屏幕上显示的第一尺寸信息是基于目标图像的原始尺寸信息以及第一用户端的屏幕尺寸信息确定的,目标图像在第二用户端的屏幕上显示的第二尺寸信息是基于目标图像的原始尺寸信息以及第二用户端的屏幕尺寸信息确定的。示例性地,可以先获取目标图像的原始尺寸信息(诸如宽度和高度,和/或,宽高比)与第一用户端的屏幕尺寸信息(宽度和高度),然后可以令目标图像在第一用户端的第一屏幕上全屏显示,具体的,可以根据目标图像的原始尺寸信息以及第一用户端的屏幕尺寸信息,确定目标图像的尺寸缩放比例,基于尺寸缩放比例对目标图像进行缩放处理,以使得缩放处理后的目标图像可以在第一屏幕上全屏显示,缩放处理后的目标图像的尺寸信息即为上述第一尺寸信息。此处的全屏显示并非是指目标图像铺满整个屏幕,只是目标图像在屏幕上最大化完整显示。应当理解的是,在很多情况下目标图像的宽高比与第一屏幕的宽高比不一致,因此目标图像在全屏显示时可能无法完全铺满第一屏幕,此时可以将未铺满的部分进行指定颜色填充(诸如黑边填充)。
29.步骤s106,获取第二用户端针对目标图像设置的目标对象在第二屏幕上的第一位置。
30.第二用户端的用户可以设置根据需求设置目标对象,本公开实施例对目标对象的类型和数量不进行限制。示例性地,目标对象可以是控件,如可以是音频播放控件,第二用户端的用户能够针对目标图像中的一个或多个内容,设置一个或多个音频播放控件,第二用户端的用户在设置音频播放控件的同时会录入音频,音频播放控件与音频关联,在音频播放控件被触发播放的情况下,即会播放相应的音频。本公开实施例对音频播放控件的形态不进行限制,诸如,音频播放控件可以呈现为方形、圆形、多边形、喇叭形等形态,可根据需求灵活设置。
31.通常情况下,第二用户端针对目标图像设置的目标对象在第二屏幕上的第一位置与第二屏幕上显示的目标图像中的至少部分内容具有关联性,以便可以将目标对象与其在目标图像中的关联内容相对应。以第二用户端的用户是老师,目标图像是老师所需批改的学生作答试卷图像为例,老师可以针对目标图像中的一个或多个题目作答结果所在区域或者题目开始或结尾处设置相应的以语音条形式呈现的音频播放控件,以便学生后续可以通过语音条方便获知老师的语音信息。应当说明的是,第二位置并不局限于目标图像上,诸如,目标图像的宽高比与第二屏幕的宽高比不同,所以即便目标图像在第二屏幕中最大化全屏显示,第二屏幕上也会出现位于目标图像两侧的黑边区域,目标对象可以一部分在目标图像上,另一部分在目标图像外的黑边区域。
32.步骤s108,根据第一尺寸信息、第二尺寸信息以及目标对象的第一位置,确定目标对象在第一屏幕上的第二位置,并基于第二位置在第一屏幕上显示目标对象。
33.本公开实施例充分考虑到同一图像在不同屏幕上显示的尺寸差异性,示例性地,可以根据第一尺寸信息和第二尺寸信息确定目标图像在第一屏幕和第二屏幕上显示的尺寸比例关系,然后根据目标对象在第二屏幕上的第一位置和第二尺寸信息,确定目标对象与第二屏幕上显示的目标图像的相对位置关系,再基于目标图像在第一屏幕和第二屏幕上显示的尺寸比例关系、第一尺寸信息以及上述相对位置关系,即可进一步合理确定目标对象在第一屏幕上的第二位置。在具体实现时,目标对象的位置可以采用坐标的形式表征,示
例性地,可以记录目标对象的边界坐标,也可以记录目标对象的一个或多个关键点坐标,在此不进行限制。
34.通过上述方式可以有效缓解因不同用户端的图像显示尺寸不同而导致对象定位不准确的问题,可以较好地提升对象定位及显示的准确性,有助于使用户能够基于显示的目标对象进一步准确定位对象相关内容,有效保障用户感受。
35.本公开实施例提供了一种根据第一尺寸信息、第二尺寸信息以及目标对象的第一位置,确定目标对象在第一屏幕上的第二位置的具体实施示例,可以参照如下步骤a~步骤c执行:
36.步骤a,根据第一尺寸信息和第二尺寸信息,确定目标高度比值和目标宽度比值。具体实现时,可以根据第一尺寸信息中的第一宽度与第二尺寸信息中的第二宽度的比值确定目标宽度比值,根据第一尺寸信息中的第一高度与第二尺寸信息中的第二高度的比值确定目标高度比值。目标高度比值和目标宽度比值可以直观地呈现出目标图像在第一屏幕和第二屏幕上显示的尺寸比例关系。
37.步骤b,根据目标长度比值、目标宽度比值以及目标对象的第一位置,确定目标对象在第一屏幕上的理论位置。
38.具体的,可以根据目标对象在第二屏幕上的第一位置和目标图像在第二屏幕上显示的第二尺寸信息,确定目标对象与第二屏幕上显示的目标图像的相对位置关系,再基于目标长度比值、目标宽度比值、第二尺寸信息以及上述相对位置关系,即可确定目标对象在第一屏幕上的理论位置。具体的,目标对象在第一屏幕上的理论位置与第一屏幕上显示的目标图像之间的相对位置关系,与目标对象在第二屏幕上的第一位置与第二屏幕上显示的目标图像之间的相对位置关系是匹配的,用户所采用的设备屏幕尺寸虽然不同,但观看到的目标对象与目标图像之间的相对位置关系是基本一致的。
39.步骤c,获取第一屏幕的尺寸信息,并基于理论位置以及第一屏幕的尺寸信息,确定目标对象在第一屏幕上的第二位置。
40.应当说明的是,依据步骤b计算所得的位置仅为理论位置,考虑到不同屏幕尺寸可能存在较大的差异,诸如,目标对象位于第二屏幕的边缘位置,而按照上述尺寸信息及相对位置关系确定的理论位置可能已不位于第一屏幕上,因此,还需要基于理论位置和第一屏幕的尺寸信息进一步确定目标对象在第一屏幕上的第二位置。在实际应用中,目标对象的数量为一个或多个,步骤c可以参照如下步骤(1)和步骤(2)执行:
41.步骤(1),对于每个目标对象,在根据第一屏幕的尺寸信息确定该目标对象的理论位置位于第一屏幕上的情况下,将该目标对象的理论位置作为该目标对象在第一屏幕上的第二位置。倘若理论位置位于第一屏幕上,直接将理论位置作为第二位置即可。
42.步骤(2),对于每个目标对象,在根据第一屏幕的尺寸信息确定该目标对象的理论位置不位于第一屏幕上的情况下,按照预设的位置设置方式确定该目标对象在第一屏幕上的第二位置。也即,倘若理论位置不位于第一屏幕上,则需要按照一种预设方式在第一屏幕上确定第二位置,以便第一屏幕可以展示目标对象。
43.在一些具体的实施方式中,位置设置方式包括:对于理论位置不位于第一屏幕上的目标对象,在第一屏幕上确定该目标对象对应的目标位置,将目标位置作为该目标对象在第一屏幕上的第二位置。其中,该目标对象对应的目标位置满足预设位置条件。也即,对
于某个目标对象,若该目标对象的理论位置不位于第一屏幕上,则需要再依据预设位置条件选取一个目标位置作为该目标对象在第一屏幕上的第二位置。
44.示例性地,该目标对象对应的目标位置满足以下条件1~条件4中的一种或多种:
45.条件1:该目标对象的目标位置与该目标对象的理论位置相距第一预设距离范围内。第一预设距离范围可以根据需求灵活设置,诸如第一预设距离范围指示目标位置与理论位置相距不超过预设的距离上限,避免理论位置与目标位置相距较远而导致目标对象与目标对象在目标图像上的关联内容不便于对应。在一些具体实施示例中,可以在第一屏幕上就近选取理论位置附近的位置作为目标位置,诸如将第一屏幕上距离理论位置最近的位置作为目标位置。
46.条件2:与该目标对象的目标位置相距第二预设距离范围的区域内不包含其它目标对象。第二预设距离范围可以根据需求灵活设置,通过设置与该目标对象的目标位置相距第二预设距离范围的区域内不包含其它目标对象的条件,可以有效避免目标对象密集而导致用户混淆的问题。
47.条件3:该目标对象的目标位置是从预先设置的备选位置中选取的。在实际应用中,可以预先在第二屏幕上设置一个或多个备选位置,在检测到存在理论位置不位于第一屏幕上的情况下,则可以从备选位置中选取目标位置即可。
48.条件4:该目标对象的目标位置与第一屏幕上的其它目标对象的第二位置符合预设的相对位置关系。诸如,在存在多个目标对象的情况下,可以预先设置多个目标对象在第一屏幕上的相对位置关系,诸如,多个目标对象按序从上往下排列、从左往右排列、对角线排列等,示例性地,可以设置多个目标对象按列从上往下排布,排布至屏幕底部边缘后往右偏移进行下一列排布;此外也可以设置相邻的目标对象之间的相隔距离,在此不进行限制。
49.在前述基础上,为便于理解,可以参照图2所示的一种对象显示方法流程图,应用于第一用户端,第一用户端诸如可以为学生端。主要包括如下步骤s202~步骤s220:
50.步骤s202,向第二用户端发送第一图像,以使第二用户端针对第一图像进行编辑,并在第二用户端显示目标图像。第二用户端诸如可以为教师端。具体的,第一用户端可以先将第一图像上传给服务器,再由服务器将第一图像下发给第二用户端,以便于第二用户端针对第一图像进行编辑,在第二用户端最终以目标图像的形式进行展示。
51.步骤s204,获取第二用户端针对第一图像的编辑信息,并基于编辑信息对第一图像进行编辑处理,得到目标图像,并显示目标图像。其中,编辑信息包括但不限于图像旋转、文字批注等信息。通过这种方式,相比于直接从第二用户端获取目标图像而言,可以有效节约带宽。在实际应用中,可以基于第一用户端的屏幕尺寸与目标图像的尺寸进行适配,在第一用户端的屏幕上最大面积地完整显示目标图像。
52.步骤s206,获取目标图像在第一屏幕上显示的第一尺寸信息,以及目标图像在第二屏幕上显示的第二尺寸信息。
53.步骤s208,获取第二用户端针对目标图像设置的目标对象在第二屏幕上的第一位置。
54.步骤s210,根据第一尺寸信息和第二尺寸信息,确定目标高度比值和目标宽度比值;
55.步骤s212,根据目标高度比值、目标宽度比值以及目标对象的第一位置,确定目标
对象在第一屏幕上的理论位置;
56.步骤s214,对于每个目标对象,判断该目标对象在第一屏幕上的理论位置是否位于第一屏幕上。如果是,执行步骤s216,如果否,执行步骤s218。具体而言,可以判断该目标对象的坐标是否超出第一屏幕坐标,如果超出,则理论位置不位于第一屏幕。
57.步骤s216,将该目标对象的理论位置作为该目标对象在第一屏幕上的第二位置。
58.步骤s218,在第一屏幕上确定该目标对象对应的目标位置,并将目标位置作为该目标对象在第一屏幕上的第二位置;其中,目标位置满足预设位置条件。
59.步骤s220,基于第二位置在第一屏幕上显示目标对象。
60.通过上述方式,可以较好地提升对象定位及显示的准确性,有助于使用户能够基于显示的目标对象进一步准确定位对象相关内容,有效保障用户感受。以上步骤的具体实现方式可参照前述相关内容,在此不再赘述。
61.在实际应用中,本公开实施例提供的对象显示方法还包括:响应于监测到目标事件,针对目标对象执行与目标事件相应的业务逻辑。在实际应用中,目标事件诸如可以是对象触发事件等于目标对象相关的事件,在监测到目标事件时便可针对目标对象执行目标事件相应的业务逻辑,本公开实施例对业务逻辑不进行限制,具体取决于目标对象及目标事件的类型,示例性地,在目标对象包括音频播放控件的情况下,针对目标对象执行与目标事件相应的业务逻辑的步骤,可以参照如下步骤a和步骤b:
62.步骤a,对于每个当前未播放音频的音频播放控件,在目标事件包括接收到该音频播放控件的开始播放指令的情况下,播放该音频播放控件对应的音频,并显示该音频播放控件对应的音频的剩余时长。
63.可以理解的是,第一屏幕上可能显示有一个或多个音频播放控件,每个音频播放控件都对应有相应的音频,对于每个当前未播放音频的音频播放控件而言,倘若监测到诸如接收到该音频播放控件的开始播放指令的目标事件,则其业务逻辑为:播放该音频播放控件对应的音频,并显示该音频播放控件对应的音频的剩余时长。通过上述方式,使用第一用户端的用户可以灵活触发音频播放控件播放相应音频,并清楚获知剩余时长。
64.步骤b,对于每个当前正播放音频的音频播放控件,在目标事件包括接收到该音频播放控件的停止播放指令、接收到页面切换指令或者接收到除该音频播放控件之外的其它音频播放控件的开始播放指令的情况下,停止播放该音频播放控件对应的音频,并显示该音频播放控件对应的音频的总时长。
65.对于每个当前正播放音频的音频播放控件而言,倘若监测到诸如接收到该音频播放控件的停止播放指令、接收到页面切换指令或者接收到除该音频播放控件之外的其它音频播放控件的开始播放指令之类的目标事件,则其业务逻辑为:停止播放该音频播放控件对应的音频,并显示该音频播放控件对应的音频的总时长。换言之,对于每个当前正播放相应的音频的音频播放控件而言,如果用户发起了停止播放指令,或者用户需要切换至下一页面,或者用户又开始播放其它音频播放控件的音频,则可直接停止播放该音频播放控件对应的音频,并显示该音频播放控件对应的音频的总时长。通过上述方式,可以合理可靠地对多个音频播放控件进行控制,较好地保障用户的控件使用体验。
66.为便于理解,以目标对象是音频播放控件为例,对于某个音频播放控件可以参照图3所示的一种对象显示方法流程图进行处理,主要包括如下步骤s302~步骤s314:
67.步骤s302,确定音频播放控件在屏幕上的位置并显示。音频播放控件可以采用诸如语音条等方式呈现,在此不进行限制。
68.步骤s304,在接收到该音频播放控件的开始播放指令的情况下,播放该音频播放控件对应的音频,并进行倒计时处理,显示该音频播放控件对应的音频的剩余时长。示例性地,在监测到用户点触该音频播放控件,即可认为接收到该音频播放控件的开始播放指令。
69.步骤s306,判断该音频播放控件对应的音频是否播放完毕。如果否,执行步骤s308,如果是,执行步骤s314。
70.步骤s308,判断是否接收到停止播放指令。如果是,执行步骤s314,如果否,执行步骤s310。
71.步骤s310,判断是否接收到其它音频播放控件的开始播放指令。如果是,执行步骤s314,如果否,执行步骤s312。在执行步骤s314时,对于其它音频播放控件即可直接播放相应的音频,用户无需额外针对当前的音频播放控件下发停止播放指令,有效节约用户操作,而且也可较好地实现无缝切换,有助于达到类似音频联动的播放效果。
72.步骤s312,判断是否接收到页面切换指令。如果是,执行步骤s314,如果否,执行步骤s306。示例性地,在监测到用户左右滑动页面或者上下滑动页面时,即可确认接收到页面切换指令。
73.步骤s314,停止播放该音频播放控件对应的音频,并显示该音频播放控件对应的音频的总时长。
74.应当说明的是,以上仅为一种示例,在实际应用中也可以采用其它判断顺序,诸如先判断是否接收到页面切换指令再判断是否接收到其它音频播放控件的开始播放指令,在此不进行限制。进一步,用户还可以根据需求暂停该音频播放控件,诸如,上述判断步骤中还可加入判断是否接收到该音频播放控件的暂停指令,如果是,则暂停播放该音频播放控件对应的音频,此时可以继续显示音频播放控件对应的剩余时长。此外,在检测到播放异常的情况,也可以发起播放异常提示,具体可根据实际情况灵活设置,执行比上述图3中所示的步骤更多或更少的步骤。
75.对于屏幕上显示的音频播放控件均可通过上述方式处理,从而合理可靠地实现各个音频播放控件的控制,用户在根据需求切换页面或者触发其它音频播放控件时,当前正在播放音频的音频播放控件即可停止播放,并直接展示其它页面或者直接播放被触发的其它音频播放控件对应的音频,合理有序地实现音频播放控件的控制,可有效避免用户繁琐操作,诸如无需用户先停止音频播放控件再触发其它音频播放控件,而且通过倒计时显示的方式也可以使用户清楚获知音频时长,多方面保障用户体验。
76.综上所述,本公开实施例提供的对象显示方法,可以有效缓解因不同用户端的图像显示尺寸不同而导致对象定位不准确的问题,可以较好地提升对象定位及显示的准确性,有助于使用户能够基于显示的目标对象进一步准确定位对象相关内容,并且在目标对象为音频播放控件的情况下,可以合理控制各音频播放控件,有效保障用户感受、
77.对应于前述对象显示方法,本公开实施例还提供了一种对象显示装置,图4为本公开实施例提供的一种对象显示装置的结构示意图,该装置可由软件和/或硬件实现,一般可集成在电子设备中,该电子设备可以视为第一用户端,如图4所示,对象显示装置400包括:
78.第一获取模块402,用于获取目标图像,并在第一用户端的第一屏幕上显示目标图
像;其中,目标图像是在第二用户端的第二屏幕上已显示的图像;
79.第二获取模块404,用于获取目标图像在第一屏幕上显示的第一尺寸信息,以及目标图像在第二屏幕上显示的第二尺寸信息;
80.第三获取模块406,用于获取第二用户端针对目标图像设置的目标对象在第二屏幕上的第一位置;
81.控件显示模块408,用于根据第一尺寸信息、第二尺寸信息以及目标对象的第一位置,确定目标对象在第一屏幕上的第二位置,并基于第二位置在第一屏幕上显示目标对象。
82.通过上述装置可以有效缓解因不同用户端的图像显示尺寸不同而导致对象定位不准确的问题,可以较好地提升对象定位及显示的准确性,有助于使用户能够基于显示的目标对象进一步准确定位对象相关内容,有效保障用户感受。
83.在一些实施方式中,所述第一获取模块402具体用于:获取第二用户端针对第一图像的编辑信息,并基于所述编辑信息对所述第一图像进行编辑处理,得到目标图像;其中,所述第一图像是所述第一用户端发送给所述第二用户端的。
84.在一些实施方式中,所述控件显示模块408具体用于:根据所述第一尺寸信息和所述第二尺寸信息,确定目标长度比值和目标宽度比值;根据所述目标长度比值、所述目标宽度比值以及所述目标对象的第一位置,确定所述目标对象在所述第一屏幕上的理论位置;获取所述第一屏幕的尺寸信息,并基于所述理论位置以及所述第一屏幕的尺寸信息,确定所述目标对象在所述第一屏幕上的第二位置。
85.在一些实施方式中,所述目标对象的数量为一个或多个,所述控件显示模块408具体用于:对于每个所述目标对象,在根据所述第一屏幕的尺寸信息确定该目标对象的理论位置位于所述第一屏幕上的情况下,将该目标对象的理论位置作为该目标对象在所述第一屏幕上的第二位置;对于每个所述目标对象,在根据所述第一屏幕的尺寸信息确定该目标对象的理论位置不位于所述第一屏幕上的情况下,按照预设的位置设置方式确定该目标对象在所述第一屏幕上的第二位置。
86.在一些实施方式中,所述位置设置方式包括:对于理论位置不位于所述第一屏幕上的目标对象,在所述第一屏幕上确定该目标对象对应的目标位置,将所述目标位置作为该目标对象在所述第一屏幕上的第二位置;其中,该目标对象对应的目标位置满足预设位置条件。
87.在一些实施方式中,所述预设位置条件包括以下条件中的一种或多种:该目标对象的目标位置与该目标对象的理论位置相距第一预设距离范围内、与该目标对象的目标位置相距第二预设距离范围的区域内不包含其它目标对象、该目标对象的目标位置是从预先设置的备选位置中选取的、该目标对象的目标位置与所述第一屏幕上的其它目标对象的第二位置符合预设的相对位置关系。
88.在一些实施方式中,所述装置还包括逻辑执行模块,用于响应于监测到目标事件,针对所述目标对象执行与所述目标事件相应的业务逻辑。
89.在一些实施方式中,所述目标对象包括音频播放控件,所述逻辑执行模块具体用于:对于每个当前未播放音频的音频播放控件,在所述目标事件包括接收到该音频播放控件的开始播放指令的情况下,播放该音频播放控件对应的音频,并显示该音频播放控件对应的音频的剩余时长;对于每个当前正播放音频的音频播放控件,在所述目标事件包括接
收到该音频播放控件的停止播放指令、接收到页面切换指令或者接收到除该音频播放控件之外的其它音频播放控件的开始播放指令的情况下,停止播放该音频播放控件对应的音频,并显示该音频播放控件对应的音频的总时长。
90.在一些实施方式中,所述目标图像在所述第一用户端的屏幕上显示的第一尺寸信息是基于所述目标图像的原始尺寸信息以及所述第一用户端的屏幕尺寸信息确定的,所述目标图像在所述第二用户端的屏幕上显示的第二尺寸信息是基于所述目标图像的原始尺寸信息以及所述第二用户端的屏幕尺寸信息确定的。
91.本公开实施例所提供的对象显示装置可执行本公开任意实施例所提供的对象显示方法,具备执行方法相应的功能模块和有益效果。
92.所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的装置实施例的具体工作过程,可以参考方法实施例中的对应过程,在此不再赘述。
93.本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
94.本公开示例性实施例还提供一种电子设备,包括:至少一个处理器;以及与至少一个处理器通信连接的存储器。所述存储器存储有能够被所述至少一个处理器执行的计算机程序,所述计算机程序在被所述至少一个处理器执行时用于使所述电子设备执行根据本公开实施例的方法。
95.本公开示例性实施例还提供一种存储有计算机程序的非瞬时计算机可读存储介质,其中,所述计算机程序在被计算机的处理器执行时用于使所述计算机执行根据本公开实施例的方法。
96.本公开示例性实施例还提供一种计算机程序产品,包括计算机程序,其中,所述计算机程序在被计算机的处理器执行时用于使所述计算机执行根据本公开实施例的方法。
97.所述计算机程序产品可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例操作的程序代码,所述程序设计语言包括面向对象的程序设计语言,诸如java、c++等,还包括常规的过程式程序设计语言,诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。
98.此外,本公开的实施例还可以是计算机可读存储介质,其上存储有计算机程序指令,所述计算机程序指令在被处理器运行时使得所述处理器执行本公开实施例所提供的对象显示方法。所述计算机可读存储介质可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。
99.参考图5,现将描述可以作为本公开的服务器或客户端的电子设备500的结构框图,其是可以应用于本公开的各方面的硬件设备的示例。电子设备旨在表示各种形式的数字电子的计算机设备,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀
片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。
100.如图5所示,电子设备500包括计算单元501,其可以根据存储在只读存储器(rom)502中的计算机程序或者从存储单元508加载到随机访问存储器(ram)503中的计算机程序,来执行各种适当的动作和处理。在ram 503中,还可存储设备500操作所需的各种程序和数据。计算单元501、rom 502以及ram 503通过总线504彼此相连。输入/输出(i/o)接口505也连接至总线504。
101.电子设备500中的多个部件连接至i/o接口505,包括:输入单元506、输出单元507、存储单元508以及通信单元509。输入单元506可以是能向电子设备500输入信息的任何类型的设备,输入单元506可以接收输入的数字或字符信息,以及产生与电子设备的用户设置和/或功能控制有关的键信号输入。输出单元507可以是能呈现信息的任何类型的设备,并且可以包括但不限于显示器、扬声器、视频/音频输出终端、振动器和/或打印机。存储单元508可以包括但不限于磁盘、光盘。通信单元509允许电子设备500通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据,并且可以包括但不限于调制解调器、网卡、红外通信设备、无线通信收发机和/或芯片组,例如蓝牙tm设备、wifi设备、wima5设备、蜂窝通信设备和/或类似物。
102.计算单元501可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元501的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。计算单元501执行上文所描述的各个方法和处理。例如,在一些实施例中,对象显示方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元508。在一些实施例中,计算机程序的部分或者全部可以经由rom 502和/或通信单元509而被载入和/或安装到电子设备500上。在一些实施例中,计算单元501可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行对象显示方法。
103.用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
104.在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
105.如本公开使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(pld)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
106.为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,crt(阴极射线管)或者lcd(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
107.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(lan)、广域网(wan)和互联网。
108.计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
109.需要说明的是,在本文中,诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个
……”
限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
110.以上所述仅是本公开的具体实施方式,使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下,在其它实施例中实现。因此,本公开将不会被限制于本文所述的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
技术特征:
1.一种对象显示方法,应用于第一用户端,包括:获取目标图像,并在所述第一用户端的第一屏幕上显示所述目标图像;其中,所述目标图像是在第二用户端的第二屏幕上已显示的图像;获取所述目标图像在所述第一屏幕上显示的第一尺寸信息,以及所述目标图像在所述第二屏幕上显示的第二尺寸信息;获取所述第二用户端针对所述目标图像设置的目标对象在所述第二屏幕上的第一位置;根据所述第一尺寸信息、所述第二尺寸信息以及所述目标对象的第一位置,确定所述目标对象在所述第一屏幕上的第二位置,并基于所述第二位置在所述第一屏幕上显示所述目标对象。2.如权利要求1所述的对象显示方法,其中,所述获取目标图像的步骤,包括:获取第二用户端针对第一图像的编辑信息,并基于所述编辑信息对所述第一图像进行编辑处理,得到目标图像;其中,所述第一图像是所述第一用户端发送给所述第二用户端的。3.如权利要求1所述的对象显示方法,其中,所述根据所述第一尺寸信息、所述第二尺寸信息以及所述目标对象的第一位置,确定所述目标对象在所述第一屏幕上的第二位置的步骤,包括:根据所述第一尺寸信息和所述第二尺寸信息,确定目标高度比值和目标宽度比值;根据所述目标高度比值、所述目标宽度比值以及所述目标对象的第一位置,确定所述目标对象在所述第一屏幕上的理论位置;获取所述第一屏幕的尺寸信息,并基于所述理论位置以及所述第一屏幕的尺寸信息,确定所述目标对象在所述第一屏幕上的第二位置。4.如权利要求3所述的对象显示方法,其中,所述目标对象的数量为一个或多个,所述基于所述理论位置以及所述第一屏幕的尺寸信息,确定所述目标对象在所述第一屏幕上的第二位置的步骤,包括:对于每个所述目标对象,在根据所述第一屏幕的尺寸信息确定该目标对象的理论位置位于所述第一屏幕上的情况下,将该目标对象的理论位置作为该目标对象在所述第一屏幕上的第二位置;对于每个所述目标对象,在根据所述第一屏幕的尺寸信息确定该目标对象的理论位置不位于所述第一屏幕上的情况下,按照预设的位置设置方式确定该目标对象在所述第一屏幕上的第二位置。5.如权利要求4所述的对象显示方法,其中,所述位置设置方式包括:对于理论位置不位于所述第一屏幕上的目标对象,在所述第一屏幕上确定该目标对象对应的目标位置,将所述目标位置作为该目标对象在所述第一屏幕上的第二位置;其中,该目标对象对应的目标位置满足预设位置条件。6.如权利要求5所述的对象显示方法,其中,所述预设位置条件包括以下条件中的一种或多种:该目标对象的目标位置与该目标对象的理论位置相距第一预设距离范围内、与该目标对象的目标位置相距第二预设距离范围的区域内不包含其它目标对象、该目标对象的目标
位置是从预先设置的备选位置中选取的、该目标对象的目标位置与所述第一屏幕上的其它目标对象的第二位置符合预设的相对位置关系。7.如权利要求1所述的对象显示方法,其中,所述方法还包括:响应于监测到目标事件,针对所述目标对象执行与所述目标事件相应的业务逻辑。8.如权利要求7所述的对象显示方法,其中,所述目标对象包括音频播放控件,所述针对所述目标对象执行与所述目标事件相应的业务逻辑的步骤,包括:对于每个当前未播放音频的音频播放控件,在所述目标事件包括接收到该音频播放控件的开始播放指令的情况下,播放该音频播放控件对应的音频,并显示该音频播放控件对应的音频的剩余时长;对于每个当前正播放音频的音频播放控件,在所述目标事件包括接收到该音频播放控件的停止播放指令、接收到页面切换指令或者接收到除该音频播放控件之外的其它音频播放控件的开始播放指令的情况下,停止播放该音频播放控件对应的音频,并显示该音频播放控件对应的音频的总时长。9.如权利要求1所述的对象显示方法,其中,所述目标图像在所述第一用户端的屏幕上显示的第一尺寸信息是基于所述目标图像的原始尺寸信息以及所述第一用户端的屏幕尺寸信息确定的,所述目标图像在所述第二用户端的屏幕上显示的第二尺寸信息是基于所述目标图像的原始尺寸信息以及所述第二用户端的屏幕尺寸信息确定的。10.一种对象显示装置,应用于第一用户端,包括:第一获取模块,用于获取目标图像,并在所述第一用户端的第一屏幕上显示所述目标图像;其中,所述目标图像是在第二用户端的第二屏幕上已显示的图像;第二获取模块,用于获取所述目标图像在所述第一屏幕上显示的第一尺寸信息,以及所述目标图像在所述第二屏幕上显示的第二尺寸信息;第三获取模块,用于获取所述第二用户端针对所述目标图像设置的目标对象在所述第二屏幕上的第一位置;控件显示模块,用于根据所述第一尺寸信息、所述第二尺寸信息以及所述目标对象的第一位置,确定所述目标对象在所述第一屏幕上的第二位置,并基于所述第二位置在所述第一屏幕上显示所述目标对象。
技术总结
本公开提供一种对象显示方法及装置,其中该方法应用于第一用户端,包括:获取目标图像,并在第一用户端的第一屏幕上显示目标图像;其中,目标图像是在第二用户端的第二屏幕上已显示的图像;获取目标图像在第一屏幕上显示的第一尺寸信息,以及目标图像在第二屏幕上显示的第二尺寸信息;获取第二用户端针对目标图像设置的目标对象在第二屏幕上的第一位置;根据第一尺寸信息、第二尺寸信息以及目标对象的第一位置,确定目标对象在第一屏幕上的第二位置,并基于第二位置在第一屏幕上显示目标对象。本公开可以较好地提升对象定位及显示的准确性,有助于使用户能够基于显示的目标对象进一步准确定位对象相关内容,有效保障用户感受。有效保障用户感受。有效保障用户感受。
技术研发人员:王方明 刘海涛
受保护的技术使用者:北京世纪好未来教育科技有限公司
技术研发日:2023.06.14
技术公布日:2023/9/13
版权声明
本文仅代表作者观点,不代表航家之家立场。
本文系作者授权航家号发表,未经原创作者书面授权,任何单位或个人不得引用、复制、转载、摘编、链接或以其他任何方式复制发表。任何单位或个人在获得书面授权使用航空之家内容时,须注明作者及来源 “航空之家”。如非法使用航空之家的部分或全部内容的,航空之家将依法追究其法律责任。(航空之家官方QQ:2926969996)
航空之家 https://www.aerohome.com.cn/
飞机超市 https://mall.aerohome.com.cn/
航空资讯 https://news.aerohome.com.cn/