头像展示方法及装置与流程

文档序号:33386795发布日期:2023-03-08 08:35阅读:67来源:国知局
头像展示方法及装置与流程

1.本技术涉及图像处理技术领域,特别涉及一种头像展示方法。本技术同时涉及一种头像展示装置,一种计算设备,以及一种计算机可读存储介质。


背景技术:

2.随着计算机技术和互联网技术的快速发展,在很多场景下都会涉及以头像的形式表示用户的虚拟形象,例如应用程序中的头像展示、个人资料介绍页面的头像展示、签到场景的头像展示、好友列表中的头像展示、访问动态的头像展示等。
3.现有技术中,往往是用户选择或上传自己的头像图片,将该图片裁剪为头像框的形状,然后将裁剪后的图片嵌入头像框中进行展示。然而,上述头像展示方法中,仅支持在设定好的头像框中以图片形式展示头像,展示形式较为固定且单一,展示效果差,极大影响了用户体验。


技术实现要素:

4.有鉴于此,本技术实施例提供了一种头像展示方法。本技术同时涉及一种头像展示装置,一种计算设备,以及一种计算机可读存储介质,以解决现有技术中存在的展示形式较为固定且单一、展示效果差、影响用户体验的技术问题。
5.根据本技术实施例的第一方面,提供了一种头像展示方法,包括:
6.获取待展示的头像素材,并确定头像素材对应的至少两个头像图层;
7.获取移动终端的当前偏移参数,根据当前偏移参数确定至少两个头像图层的动态参数,其中,不同头像图层的动态参数不同;
8.根据至少两个头像图层的动态参数,在头像框中动态展示头像素材。
9.根据本技术实施例的第二方面,提供了一种头像展示装置,包括:
10.第一确定模块,被配置为获取待展示的头像素材,并确定头像素材对应的至少两个头像图层;
11.第二确定模块,被配置为获取移动终端的当前偏移参数,根据当前偏移参数确定至少两个头像图层的动态参数,其中,不同头像图层的动态参数不同;
12.展示模块,被配置为根据至少两个头像图层的动态参数,在头像框中动态展示头像素材。
13.根据本技术实施例的第三方面,提供了一种计算设备,包括:
14.存储器和处理器;
15.存储器用于存储计算机可执行指令,处理器用于执行计算机可执行指令,以实现任意上述的头像展示方法的操作步骤。
16.根据本技术实施例的第四方面,提供了一种计算机可读存储介质,其存储有计算机可执行指令,该计算机可执行指令被处理器执行时实现任意上述的头像展示方法的步骤。
17.本技术提供的头像展示方法,获取待展示的头像素材,并确定头像素材对应的至少两个头像图层;获取移动终端的当前偏移参数,根据当前偏移参数确定至少两个头像图层的动态参数,其中,不同头像图层的动态参数不同;根据至少两个头像图层的动态参数,在头像框中动态展示头像素材。这种情况下,获取到头像素材后,可以将头像素材划分为至少两个头像图层,基于移动终端的当前偏移参数确定每个头像图层的动态参数,基于每个头像图层的动态参数在头像框中进行渲染展示,以在头像框中动态展示获取到的头像素材。如此,对头像素材划分图层,基于每个图层的动态参数进行渲染,可以在头像框中实现头像素材随着移动终端的偏移而动态变化的效果,提供了一种头像的互动方式,给用户提供更多特殊的展示效果,且可以自定义多个头像图层动态展示的动态参数,丰富了展示形式,大大提升了用户体验。
附图说明
18.图1是本技术一实施例提供的一种头像展示方法的流程图;
19.图2a是本技术一实施例提供的一种特效参数配置的流程示意图;
20.图2b是本技术一实施例提供的一种特效参数配置的界面示意图;
21.图2c是本技术一实施例提供的第一种头像展示页面的示意图;
22.图2d是本技术一实施例提供的第二种头像展示页面的示意图;
23.图2e是本技术一实施例提供的第三种头像展示页面的示意图;
24.图2f是本技术一实施例提供的第四种头像展示页面的示意图;
25.图2g是本技术一实施例提供的一种添加头像挂件的流程示意图;
26.图2h是本技术一实施例提供的一种更换头像的流程示意图;
27.图3是本技术一实施例提供的一种应用于视频平台中的头像展示方法的处理流程图;
28.图4是本技术一实施例提供的一种头像展示装置的结构示意图;
29.图5是本技术一实施例提供的一种计算设备的结构框图。
具体实施方式
30.在下面的描述中阐述了很多具体细节以便于充分理解本技术。但是本技术能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本技术内涵的情况下做类似推广,因此本技术不受下面公开的具体实施的限制。
31.在本技术一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本技术一个或多个实施例。在本技术一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本技术一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
32.应当理解,尽管在本技术一个或多个实施例中可能采用术语第一、第二等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本技术一个或多个实施例范围的情况下,第一也可以被称为第二,类似地,第二也可以被称为第一。取决于语境,如在此所使用的词语“如果”可以被解释成为“在
……
时”或“当
……
时”或“响应于确定”。
33.首先,对本技术一个或多个实施例涉及的名词术语进行解释。
34.数字藏品:数字藏品是指使用区块链技术,对应特定的作品、艺术品生成的唯一数字凭证,在保护其数字版权的基础上,实现真实可信的数字化发行、购买、收藏和使用。
35.陀螺仪:陀螺仪是用高速回转体的动量矩敏感壳体相对惯性空间绕正交于自转轴的一个或二个轴的角运动检测装置。利用其他原理制成的角运动检测装置起同样功能的也称陀螺仪。
36.webp:是一种同时提供了有损压缩与无损压缩(可逆压缩)的图片文件格式,支持有损与无损压缩、icc色彩配置、xmp诠释数据、alpha透明通道。
37.需要说明的是,用户可以将自己持有的数字藏品作为自己在交互平台中的头像,目前头像的展示仅有图片形式,用户购买的数字周边、持有的数字资产的权益有较大的提升空间。由于目前将数字藏品作为用户头像的交互比较单一,缺乏互动性,因而本技术实施例中引入了带陀螺仪效果的数字藏品,即作为用户头像的数字藏品可以基于移动终端陀螺仪的参数而动态变化,增加数字藏品作为用户头像的玩法,提高数字藏品的趣味性,也即是借助了可编程的数字藏品素材,以及特殊的展示效果,提供给用户更多持有者权益,以及更多可互动的玩法。另外,本技术实施例中结合了图层分层制作、渲染的手段,提供了多图层图片在用户端应用平台中更新颖的展示效果与互动玩法。
38.在本技术中,提供了一种头像展示方法,本技术同时涉及一种头像展示装置,一种计算设备,以及一种计算机可读存储介质,在下面的实施例中逐一进行详细说明。
39.图1示出了根据本技术一实施例提供的一种头像展示方法的流程图,具体包括以下步骤:
40.步骤102:获取待展示的头像素材,并确定该头像素材对应的至少两个头像图层。
41.具体的,头像素材可以是指在应用平台中作为用户头像,表示用户形象的多媒体资源,该头像素材可以为图片、视频、序列帧动画等。
42.实际应用中,用户可以从应用平台提供的可选素材中选择自己想要展示的头像素材;或者用户也可以上传自己购买、下载或通过其他方式获得的头像素材,如该头像素材可以为用户从销售平台购买的数字藏品,又如该头像素材可以为用户从图片或视频网页中下载的图片或视频资源。
43.需要说明的是,获取到待展示的头像素材后,可以对头像素材进行划分,获得该头像素材对应的至少两个头像图层,后续可以针对各个图层进行参数配置,以自定义各个头像图层的展示效果,提高头像展示的灵活性,进而提高用户体验。
44.其中,头像素材的类型不同,获得头像素材对应的至少两个头像图层的方式也不同,因而确定该头像素材对应的至少两个头像图层时,可以基于头像素材的类型,对头像素材进行划分,获得至少两个头像图层。
45.本实施例一个可选的实施方式中,头像素材为视频时,确定头像素材对应的至少两个头像图层,具体实现过程可以如下:
46.按照设定间隔截取头像素材,获得至少两帧视频图像帧;
47.针对每个视频图像帧,确定视频图像帧对应的至少两个头像图层。
48.具体的,设定间隔是预先设置的时间间隔,该设定间隔可以表示截图频率,如设定
间隔为0.1秒、0.2秒、1秒等。
49.需要说明的是,如果头像素材为视频,则可以先按照设定间隔从头像素材中截取至少两帧视频图像帧,针对获得的每个视频图像帧拆分获得对应的至少两个头像图层,该至少两个头像图层可以包括一个背景图层和至少一个展示对象图层。后续,针对每个视频图像帧,可以配置其对应的至少两个头像图层的动态参数,以实现在头像框中播放至当前视频图像帧时,该视频图像帧的不同图层可以随着移动终端的偏移而动态变化,显示对应的动态效果,也即是,除了可以在头像框中播放视频作为头像之外,该视频的每一视频图像帧还可以随着移动终端的偏移而动态变化,丰富了展示形式,大大提升了用户体验。
50.实际应用中,可以将从视频中截取至少两帧视频图像帧,针对每个视频图像帧,确定其对应的至少两个头像图层,后续可以配置至少两个头像图层的动态参数(包括移动幅度和/或透明度),以将该视频中的多帧视频图像帧导入头像框中,呈现出随时间和随移动终端偏移的双重动态的展示效果。其中,该视频可以为webp格式、svga格式等多种格式。
51.示例的,假设头像素材为15秒的视频,设定间隔为1秒,此时每隔1秒可以从该头像素材中截取一张视频图像帧,共可以获得15张视频图像帧,针对每张视频图像帧,可以基于图层技术,将该视频图像帧拆分为至少两个头像图层。
52.实际应用中,序列帧动画类似于视频,若头像素材为序列帧动画,则针对该序列帧动画中的每个帧,可以将其拆分为至少两个头像图层,具体实现方式与上述头像素材为视频时类似,本技术对此不再进行赘述。
53.本实施例一个可选的实施方式中,头像素材为图片时,确定头像素材对应的至少两个头像图层,具体实现过程可以如下:
54.将头像素材拆分为至少两个头像图层,其中,至少两个头像图层包括背景图层和至少一个展示对象图层。
55.需要说明的是,如果头像素材为图片,则可以直接基于图层技术,将头像素材拆分为至少两个头像图层,该至少两个头像图层包括背景图层和至少一个展示对象图层,该展示对象图层中包括至少一个展示对象,该展示对象可以为人物、植物、物体、环境(如太阳、月亮、星星)等。
56.实际应用中,将头像素材拆分为至少两个头像图层,可以将背景图层和展示对象图层拆分开,后续可以分别针对背景图层和展示对象图层配置不同的动态参数,如保持背景图层不变,展示对象图层可以随着移动终端的移动而左右移动。如此,可以自定义头像素材中不同图层的动态参数,使得不同图层有不同的动态效果,丰富了展示形式,大大提升了用户体验。
57.示例的,假设头像素材为一张图片,对该图片进行拆分,获得一个背景图层、3个展示对象图层,背景图层为山峰背景,展示对象图层1中包括一个太阳和一颗树,展示对象图层2中包括一个虚拟人物,展示对象图层3中包括一只小狗。
58.步骤104:获取移动终端的当前偏移参数,根据当前偏移参数确定至少两个头像图层的动态参数,其中,不同头像图层的动态参数不同。
59.具体的,当前偏移参数可以是指移动终端当前的偏移方向和偏移幅度,如移动终端向左移动1个单位、向右移动一个单元,向左下方转动15度等。实际应用中,获取移动终端的当前偏移参数,可以为获取移动终端上设置的陀螺仪的参数,该陀螺仪可以检测出移动
终端当前的偏移方向和偏移角度。
60.需要说明的是,获取到头像素材对应的至少两个头像图层后,可以获取移动终端的当前偏移参数,根据当前偏移参数,配置至少两个头像图层的动态参数,不同头像图层的动态参数可以设置的不同,从而使得不同图层随着移动终端的移动可以有不同的动态效果,以丰富展示形式,给用户提供头像的互动方式,且提供更多特殊的展示效果。
61.本实施例一个可选的实施方式中,根据当前偏移参数确定至少两个头像图层的动态参数,包括:
62.基于设定的偏移参数和动态参数配置策略之间的对应关系,确定当前偏移参数对应的目标配置策略;
63.根据目标配置策略,配置至少两个头像图层的动态参数,其中,动态参数为透明度或移动幅度。
64.需要说明的是,移动终端中可以预先配置有偏移参数和动态参数配置策略之间的对应关系,当检测到移动终端发生偏移时,可以基于当前偏移参数,确定出对应的目标配置策略,进而基于该目标配置策略配置至少两个头像图层的动态参数。其中,动态参数配置策略可以为各个头像图层对应的动态参数,也可以为各个头像图层的动态参数与偏移参数的关系,还可以为各个头像图层的动态参数之间的关系,或者还可以为自定义配置。
65.若动态参数配置策略为各个头像图层对应的动态参数,此时可以直接将目标配置策略中的各个动态参数作为至少两个头像图层的动态参数;若动态参数配置策略为各个头像图层的动态参数与偏移参数的关系,则可以基于当前偏移参数,以及目标配置策略中的关系,计算确定出至少两个头像图层的动态参数;若动态参数配置策略为背景图层的动态参数,以及展示对象图层相较于背景图层的参数变化,此时可以基于目标配置策略中背景图像的动态参数,以及展示对象图层相较于背景图层的参数变化,确定各个头像图层的动态参数。
66.另外,除了先基于设定的偏移参数和动态参数配置策略之间的对应关系,确定出当前偏移参数对应的目标配置策略之外,还可以在检测到配置控件被触发的情况下,接收针对至少两个头像图层人为自定义的动态参数,即人为自定义配置不同头像图层的动态参数。
67.示例的,偏移参数和动态参数配置策略之间的对应关系可以如下表1所示:
68.表1偏移参数和动态参数配置策略之间的对应关系表
[0069][0070]
实际应用中,该动态参数可以为透明度或移动幅度,不同透明度或者不同移动幅度,均可以营造各个头像图层不同的动态变化效果。并且,通过配置图片中不同图层的透明度,可以将一种图片转变为其他不同的图片,用户可以在一张图片的基础上,看到多张不同的图片;通过配置图片中不同图层的移动幅度,用户可以看到图片中的某些物体在随着移动终端的移动而移动,提高了展示内容的丰富度,进而提高用户体验。
[0071]
示例的,图2a是本技术一实施例提供的一种特效参数配置的流程示意图,如图2a所示,头像素材划分为图层a和图层b1-bn,其中图层a为背景图层,图层b1-bn为展示对象图层,获取移动终端的陀螺仪数据,基于该陀螺仪数据设置图层b1-bn的特效参数,该特效参数可以为动态参数,如移动幅度、透明度,该特效参数还可以包括后续的出框参数。
[0072]
图2b是本技术一实施例提供的一种特效参数配置的界面示意图,如图2b所示,头像素材包括图层1-图层5,该特效参数配置中展示有规则信息:每个图层,基于移动终端的偏移方向和偏移幅度,发生一定方向上的偏移,偏移方向和偏移幅度均支持配置。假设移动终端为手机,手机移动方向为右移1个单位,可以配置图层1-5分别右移0.5个单位、左移1个单位、不移动、左移2个单位、右移0.5个单位。
[0073]
又一种示例,假设有5个头像图层,分别为背景图层1、展示对象图层1-4,移动终端的当前偏移参数为向左移动5度,假设此时确定出对应的目标配置策略为:背景图层透明度为0%,展示对象图层1的透明度为100%(此时看不到展示对象图层1的内容),展示对象图层2的透明度为20%,展示对象图层3的透明度为100%,展示对象图层4的透明度为50%,此时可以基于上述透明度配置各个头像图层,配置完毕后无法看到对象图层1和3的内容,背景图像层、展示对象图层2和展示对象图层4的透明度不同,看到的效果与对应的原始图片不同。
[0074]
步骤106:根据至少两个头像图层的动态参数,在头像框中动态展示头像素材。
[0075]
需要说明的是,根据移动终端的当前偏移参数确定出至少两个头像图层的动态参数后,可以在头像框中基于该动态参数动态渲染展示头像素材,即展示至少两个头像图层,展示的内容即为用户头像,实现了分图层动态展示用户头像,用户头像可以随着移动终端
的移动而移动,提供了头像的互动功能和特殊效果的头像展示,提高了展示效果,且可以自定义多个头像图层动态展示的动态参数,丰富了展示形式,大大提升了用户体验。
[0076]
实际应用中,由于头像素材可以为多种类型,不同类型的头像素材,在头像框中进行动态展示的方式也并不相同,因而具体实现时,可以基于头像素材的类型,根据至少两个头像图层的动态参数,在头像框中动态展示头像素材。
[0077]
本实施例一个可选的实施方式中,头像素材为视频时,根据至少两个头像图层的动态参数,在头像框中动态展示头像素材,具体实现过程可以如下:
[0078]
获取至少两帧视频图像帧的时间戳;
[0079]
根据各个视频图像帧对应的动态参数,按照时间戳在头像框中动态展示头像素材。
[0080]
需要说明的是,头像素材为视频时,各个视频图像帧的时间戳可以表示其展示顺序,因而在头像框中展示头像素材时,该头像素材的各个视频图像帧会按照时间戳顺序循环播放,也即展示出的用户头像是一段视频循环播放,该视频中的每一视频图像帧被拆分为至少两个头像图层,基于移动终端的偏移参数,该至少两个头像图层配置有对应的动态参数;也即是,可以按照各个视频图像帧的时间戳顺序,播放头像素材中的各个视频图像帧,当前时间下,可以基于移动终端的偏移参数,确定当前视频图像帧对应的至少两个头像图层的动态参数,基于该动态参数动态展示该当前视频图像帧。
[0081]
本技术实施例中,针对视频中的每个视频图像帧,可以基于移动终端的当前偏移参数,配置其对应的至少两个头像图层的动态参数,以实现在头像框中播放至当前视频图像帧时,该视频图像帧的不同图层可以随着移动终端的偏移而动态变化,显示对应的动态效果;也即是,除了可以在头像框中播放视频作为头像之外,该视频的每一视频图像帧还可以随着移动终端的偏移而动态变化,呈现出随时间和随移动终端偏移的双重动态的展示效果,丰富了展示形式,大大提升了用户体验。
[0082]
本实施例一个可选的实施方式中,除了可以在头像框中动态展示头像之外,还可以出框展示,即头像素材的部分区域超出头像框,也即头像素材携带出框参数,此时根据至少两个头像图层的动态参数,在头像框中动态展示头像素材,具体实现过程可以如下:
[0083]
根据出框参数和至少两个头像图层的动态参数,在头像框中展示头像素材,其中,出框参数用于指示头像素材中目标图层的指定区域超出头像框。
[0084]
需要说明的是,该出框参数用于指示头像素材中某个图层的部分区域位于头像框之外。因而,若头像素材中还携带有出框参数,此时可以根据出框参数和至少两个头像图层的动态参数,在头像框中展示头像素材。
[0085]
实际应用中,只要当前的头像素材支持出框展示,在展示头像时,可以展示出框效果,且出框展示不影响当前头像本身的用户标识下发,同时沿用独立的展示尺寸,也即可以再出框展示的基础上,在设定位置展示设定大小的用户标识,如用户等级图形、认证标识等。
[0086]
本实施例一个可选的实施方式中,根据出框参数和至少两个头像图层的动态参数,在头像框中展示头像素材,具体实现过程可以如下:
[0087]
根据出框参数确定头像素材中的目标图层以及目标图层的出框区域,并根据目标图层以及目标图层的出框区域配置对应的展示蒙版;
[0088]
根据动态参数,在头像框中基于展示蒙版渲染目标图层,并基于至少两个头像图层的图层顺序,在头像框中渲染除目标图层之外的其他图层。
[0089]
需要说明的是,出框参数用于指示头像素材中目标图层的指定区域超出头像框,该目标图层是指至少两个头像图层中需要超出头像框展示的图层,如目标图层可以为人物图层,指定区域是指目标图层的哪部分需要超出头像框,如设定区域可以为人物图层中人物发冠区域。
[0090]
因而,实际应用中,可以先根据出框参数确定头像素材中的目标图层以及目标图层的出框区域,然后基于目标图层以及目标图层的出框区域,生成对应的展示蒙版,基于展示蒙版渲染目标图层,并基于至少两个头像图层的图层顺序,在头像框中渲染除目标图层之外的其他图层,实现至少两个头像图层中的目标图层的指定区域的出框效果,同时还可以结合动态参数展示目标图层,同时实现动态展示效果和出框展示效果。
[0091]
本技术实施例中,支持将一个头像素材按照多个图层,分别载入到多层的容器内,通过蒙版、裁切、缩放等手段实现出框的效果;也即,头像出框的效果,可以依赖目标图层仅在蒙版层的指定区域中露出来实现。
[0092]
本实施例一个可选的实施方式中,应用平台中存在很多场景均需要展示用户头像,但是有些场景适合通过出框、动态等特效方式进行展示,而有的场景并不适合通过出框、动态等特效方式进行展示,更适合静态图片的普通展示方式,因而根据至少两个头像图层的动态参数,在头像框中动态展示头像素材之前,还包括:
[0093]
接收头像展示指令,其中,头像展示指令携带展示场景标识;
[0094]
在展示场景标识所指示的目标展示场景支持特效展示的情况下,执行根据至少两个头像图层的动态参数,在头像框中动态展示头像素材的操作步骤,其中,特效展示包括动态展示和/或出框展示。
[0095]
具体的,头像展示指令是指用户在用户平台中通过设定操作触发的指令,该头像展示指令可以指示需要在相应的展示场景中展示用户的头像,即头像展示指令携带展示场景标识,该展示场景标识可以指示需要展示头像的目标场景,其中,该展示场景可以为个人空间、个人动态、访问动态、评论页面、个人主页、好友列表等。
[0096]
实际应用中,可以预先基于各个展示场景的特点,配置各个展示场景是否支持特效展示,如个人空间、个人动态、评论页面、个人主页等展示场景,展示用户信息的位置充裕,可以支持动态展示和/或出框展示等特效展示方式,因而可以将个人空间、个人动态、评论页面、个人主页等展示场景配置为支持特效展示;而访问动态、好友列表等,需要展示的用户较多,展示用户信息的位置有限,不适合进行动态展示和/或出框展示等特效展示,因而可以将访问动态、好友列表等设置为不支持特效展示。
[0097]
具体实现时,在接收到头像展示指令时,可以获取待展示的头像素材,然后可以基于头像展示指令中携带的展示场景标识,确定所指示的目标场景是否支持特效展示,如果目标场景支持特效展示,则可以根据至少两个头像图层的动态参数,在头像框中动态展示头像素材,如果携带有出框参数,还可以实现出框展示。
[0098]
另外,如果目标场景不支持特效展示,则可以直接获取头像素材对应的静态图片,将该静态图片裁剪为头像框的形状,嵌入至头像框,以普通方式展示头像素材,其中,若头像素材为图片,则头像素材对应的静态图片即为该图片;若头像素材为视频或序列帧动画,
则可以从头像素材中随机选取一帧或者由用户截取一帧作为对应的静态图片,以普通方式展示。
[0099]
例如,用户点击个人空间时,触发头像展示指令,该头像展示指令中携带个人空间对应的标识,假设个人空间支持特效展示,此时可以在个人空间上方的头像位置处,动态展示和/或出框展示的形式展示头像。
[0100]
作为一种示例,图2c是本技术一实施例提供的第一种头像展示页面的示意图,示出了个人空间页面中的头像展示,该个人空间页面中包括有出框头像,粉丝数xxx,关注数xxx,获赞数xxx,以及关注控件“关注+”;图2d是本技术一实施例提供的第二种头像展示页面的示意图,示出了个人动态场景下动态页面中的头像展示,该动态页面中包括有出框头像,发布信息“11分钟前,投稿了该视频”,以及发布的具体视频内容和文字解释“xxxxx”;图2e是本技术一实施例提供的第三种头像展示页面的示意图,示出了评论页面下的头像展示,该评论页面中展示有用户的出框头像,以及对应的评论时间、评论内容;图2f是本技术一实施例提供的第四种头像展示页面的示意图,示出了个人主页中的头像展示,个人主页中展示有用户的出框头像,以及用户基础信息,包括用户名称、用户等级、虚拟资源等。如图2c-2f所示,圆圈表示头像框,老鼠的头部和尾巴超出了头像框,实现了头像出框展示。
[0101]
另外,对于列表类场景,为了保障列表页面的性能,可以限制特效展示的头像数目,也即在列表页面中仅将前限制数目个头像以特效方式展示,其余头像以普通方式展示,如限制头像数目为10个,则在列表页面中始终仅将前10个头像以特效方式展示,其余头像以普通方式展示。
[0102]
本技术实施例中,可以区分不同的展示场景,在当前展示场景支持特效展示的情况下,再进行动态展示和/或出框展示;在当前展示场景不支持特效展示的情况下,进行普通展示,头像展示的灵活度较高,可以适应各种不同的展示场景。
[0103]
本实施例一个可选的实施方式中,还可以在展示的头像上添加挂件,也即根据至少两个头像图层的动态参数,在头像框中动态展示头像素材之后,还包括:
[0104]
接收针对展示的头像素材的挂件添加指令,向用户展示更换确认控件;
[0105]
在更换确认控件被触发的情况下,获取头像素材对应的静态图片,将静态图片嵌入头像框中展示,并在静态图片上添加挂件添加指令所指示的目标头像挂件。
[0106]
需要说明的是,如果要添加头像挂件,就需要取消当前的特效展示(包括动态展示和/或出框展示),因而在接收到针对展示的头像素材的挂件添加指令时,可以向用户展示更换确认控件,并提示可能会失去当前的特效展示,如果更换确认控件被触发,则说明用户确认取消当前的特效展示,改为普通展示,并添加相应的头像挂件。
[0107]
示例的,图2g是本技术一实施例提供的一种添加头像挂件的流程示意图,如图2g所示,添加头像挂件,判断当前头像是否为特效头像(即动态展示和/或出框展示),若否,则直接在当前头像上添加头像挂件。若是,则展示提醒弹窗,提醒用户添加头像挂件将取消特效展示(动态展示和/或出框展示),判断用户是否确认,若是,则将特效展示切换为普通展示,并添加头像挂件;若否,则返回添加头像挂件的步骤。
[0108]
本技术实施例中,使用特效头像时,若选择穿戴头像挂件,则可以唤起确认弹窗,若用户确认更换,则切换展示为普通头像,并添加相应的头像挂件。如此,当特效展示的失效时,可以切换为展示不包含特效的普通样式(出框效果层展示为静态图)。
[0109]
另外,若用户的移动终端当前应用程序不是最新版本,不支持特效展示,在该用户的低版本应用程序中展示为普通样式,但是由于该用户的头像在其他用户的高版本应用程序中展示的是特效样式,因而如果该用户要在头像上添加头像挂件,依旧可以触发二次确认。
[0110]
本实施例一个可选的实施方式中,用户还可以更换当前头像,也即根据至少两个头像图层的动态参数,在头像框中动态展示头像素材之后,还包括:
[0111]
接收头像更换指令,其中,头像更换指令中携带更新头像素材;
[0112]
确定更新头像素材的第一展示参数,并确定头像框中当前头像素材的第二展示参数;
[0113]
基于第一展示参数和第二展示参数,将头像框中的当前头像素材替换为更新头像素材。
[0114]
需要说明的是,接收到头像更换指令后,可以基于更新前后的头像素材的展示参数来确定具体如何更换头像,从而保证普通头像和特效头像可以相互切换,保证展示效果。
[0115]
本实施例一个可选的实施方式中,第一展示参数为特效展示,特效展示包括动态展示和/或出框展示,第二展示参数为普通展示;基于第一展示参数和第二展示参数,将头像框中的当前头像素材替换为更新头像素材,包括:
[0116]
确定当前头像素材是否存在头像挂件;
[0117]
若存在头像挂件,则去除当前头像素材的头像挂件,将当前头像素材替换为更新头像素材;
[0118]
若不存在头像挂件,则将当前头像素材替换为更新头像素材。
[0119]
实际应用中,图2h是本技术一实施例提供的一种更换头像的流程示意图,如图2h所示,接收头像更换指令,判断当前头像素材是否为特效展示,若当前头像素材是特效展示,则确定更新头像素材是否为特效展示,若是,则直接将当前头像素材替换为更新头像素材;若否,则将当前头像素材替换为更新头像素材,且可以针对更新头像素材添加头像挂件。若当前头像素材不是特效展示,则确定更新头像素材是否为特效展示,若否,则直接将当前头像素材替换为更新头像素材;若是,则确定当前头像素材是否存在头像挂件,若存在头像挂件,则去除当前头像素材的头像挂件,将当前头像素材替换为更新头像素材,若不存在头像挂件,则将当前头像素材替换为更新头像素材。如此,基于更新前后的头像素材的展示参数来确定具体如何更换头像,从而保证普通头像和特效头像可以相互切换,保证了展示效果。
[0120]
本技术提供的头像展示方法,获取到头像素材后,可以将头像素材划分为至少两个头像图层,基于移动终端的当前偏移参数确定每个头像图层的动态参数,基于每个头像图层的动态参数在头像框中进行渲染展示,以在头像框中动态展示获取到的头像素材;另外,还可以将至少两个头像图层中目标图层的部分区域超出头像框,实现出框展示。如此,对头像素材划分图层,基于每个图层的动态参数以及出框参数进行渲染,可以在头像框中实现头像素材随着移动终端的偏移而动态变化的效果,以及某些图层可以出框展示的效果,提供了一种头像的互动方式,给用户提供更多特殊的展示效果,且可以自定义多个头像图层动态展示的动态参数和出框参数,丰富了展示形式,大大提升了用户体验。
[0121]
下述结合附图3,以本技术提供的头像展示方法在视频平台中的应用为例,对头像
展示方法进行进一步说明。其中,图3示出了本技术一实施例提供的一种应用于视频平台中的头像展示方法的处理流程图,具体包括以下步骤:
[0122]
步骤302:视频平台获取待展示的头像素材,该头像素材为图片,且该头像素材携带出框参数。
[0123]
步骤304:视频平台将头像素材拆分为至少两个头像图层,其中,至少两个头像图层包括背景图层和至少一个展示对象图层。
[0124]
步骤306:视频平台获取移动终端的当前偏移参数,根据当前偏移参数确定至少两个头像图层的动态参数,其中,不同头像图层的动态参数不同。
[0125]
步骤308:视频平台根据出框参数确定头像素材中的目标图层以及目标图层的出框区域,并根据目标图层以及目标图层的出框区域配置对应的展示蒙版。
[0126]
步骤310:视频平台根据动态参数,在头像框处基于该展示蒙版渲染目标图层,并基于至少两个头像图层的图层顺序,在头像框处渲染除目标图层之外的其他图层,头像素材中目标图层的指定区域超出该头像框,以实现动态展示和出框展示的特效。
[0127]
步骤312:视频平台接收针对展示头像素材的挂件添加指令,向用户展示更换确认控件。
[0128]
步骤314:视频平台在更换确认控件被触发的情况下,获取头像素材对应的静态图片,将静态图片嵌入头像框中展示,并在静态图片上添加挂件添加指令所指示的目标头像挂件。
[0129]
步骤316:视频平台接收头像更换指令,其中,头像更换指令中携带更新头像素材;确定更新头像素材的第一展示参数,并确定头像框中当前头像素材的第二展示参数。
[0130]
步骤318:视频平台在第一展示参数为特效展示、第二展示参数为普通展示的情况下,确定当前头像素材是否存在头像挂件;若存在头像挂件,则去除当前头像素材的头像挂件,将当前头像素材替换为更新头像素材;若不存在头像挂件,则将当前头像素材替换为更新头像素材。
[0131]
其中,特效展示包括动态展示和/或出框展示。
[0132]
本技术提供的头像展示方法,视频平台在获取到头像素材后,可以将头像素材划分为至少两个头像图层,基于移动终端的当前偏移参数确定每个头像图层的动态参数,基于每个头像图层的动态参数在头像框中进行渲染展示,以在头像框中动态展示获取到的头像素材;另外,还可以将至少两个头像图层中目标图层的部分区域超出头像框,实现出框展示。如此,对头像素材划分图层,基于每个图层的动态参数以及出框参数进行渲染,可以在头像框中实现头像素材随着移动终端的偏移而动态变化的效果,以及某些图层可以出框展示的效果,提供了一种头像的互动方式,给用户提供更多特殊的展示效果,且可以自定义多个头像图层动态展示的动态参数和出框参数,丰富了展示形式,大大提升了用户体验。
[0133]
与上述方法实施例相对应,本技术还提供了头像展示装置实施例,图4示出了本技术一实施例提供的一种头像展示装置的结构示意图。如图4所示,该装置包括:
[0134]
第一确定模块402,被配置为获取待展示的头像素材,并确定头像素材对应的至少两个头像图层;
[0135]
第二确定模块404,被配置为获取移动终端的当前偏移参数,根据当前偏移参数确定至少两个头像图层的动态参数,其中,不同头像图层的动态参数不同;
[0136]
展示模块406,被配置为根据至少两个头像图层的动态参数,在头像框中动态展示头像素材。
[0137]
可选地,头像素材为视频;第一确定模块402,进一步被配置为:
[0138]
按照设定间隔截取头像素材,获得至少两帧视频图像帧;
[0139]
针对每个视频图像帧,确定视频图像帧对应的至少两个头像图层;
[0140]
相应地,展示模块406,进一步被配置为:
[0141]
获取至少两帧视频图像帧的时间戳;
[0142]
根据各个视频图像帧对应的动态参数,按照时间戳在头像框中动态展示头像素材。
[0143]
可选地,头像素材为图片;第一确定模块402,进一步被配置为:
[0144]
将头像素材拆分为至少两个头像图层,其中,至少两个头像图层包括背景图层和至少一个展示对象图层。
[0145]
可选地,第二确定模块404,进一步被配置为:
[0146]
基于设定的偏移参数和动态参数配置策略之间的对应关系,确定当前偏移参数对应的目标配置策略;
[0147]
根据目标配置策略,配置至少两个头像图层的动态参数,其中,动态参数为透明度或移动幅度。
[0148]
可选地,头像素材携带出框参数;展示模块406,进一步被配置为:
[0149]
根据出框参数和至少两个头像图层的动态参数,在头像框中展示头像素材,其中,出框参数用于指示头像素材中目标图层的指定区域超出头像框。
[0150]
可选地,展示模块406,进一步被配置为:
[0151]
根据出框参数确定头像素材中的目标图层以及目标图层的出框区域,并根据目标图层以及目标图层的出框区域配置对应的展示蒙版;
[0152]
根据动态参数,在头像框中基于展示蒙版渲染目标图层,并基于至少两个头像图层的图层顺序,在头像框中渲染除目标图层之外的其他图层。
[0153]
可选地,该装置还包括添加模块,被配置为:
[0154]
接收针对展示的头像素材的挂件添加指令,向用户展示更换确认控件;
[0155]
在更换确认控件被触发的情况下,获取头像素材对应的静态图片,将静态图片嵌入头像框中展示,并在静态图片上添加挂件添加指令所指示的目标头像挂件。
[0156]
可选地,该装置还包括更换模块,被配置为:
[0157]
接收头像更换指令,其中,头像更换指令中携带更新头像素材;
[0158]
确定更新头像素材的第一展示参数,并确定头像框中当前头像素材的第二展示参数;
[0159]
基于第一展示参数和第二展示参数,将头像框中的当前头像素材替换为更新头像素材。
[0160]
可选地,第一展示参数为特效展示,特效展示包括动态展示和/或出框展示,第二展示参数为普通展示;更换模块,进一步被配置为:
[0161]
确定当前头像素材是否存在头像挂件;
[0162]
若存在头像挂件,则去除当前头像素材的头像挂件,将当前头像素材替换为更新
头像素材;
[0163]
若不存在头像挂件,则将当前头像素材替换为更新头像素材。
[0164]
可选地,该装置还包括接收模块,被配置为:
[0165]
接收头像展示指令,其中,头像展示指令携带展示场景标识;
[0166]
在展示场景标识所指示的目标展示场景支持特效展示的情况下,执行展示模块406,其中,特效展示包括动态展示和/或出框展示。
[0167]
本技术提供的头像展示装置,获取到头像素材后,可以将头像素材划分为至少两个头像图层,基于移动终端的当前偏移参数确定每个头像图层的动态参数,基于每个头像图层的动态参数在头像框中进行渲染展示,以在头像框中动态展示获取到的头像素材;另外,还可以将至少两个头像图层中目标图层的部分区域超出头像框,实现出框展示。如此,对头像素材划分图层,基于每个图层的动态参数以及出框参数进行渲染,可以在头像框中实现头像素材随着移动终端的偏移而动态变化的效果,以及某些图层可以出框展示的效果,提供了一种头像的互动方式,给用户提供更多特殊的展示效果,且可以自定义多个头像图层动态展示的动态参数和出框参数,丰富了展示形式,大大提升了用户体验。
[0168]
上述为本实施例的一种头像展示装置的示意性方案。需要说明的是,该头像展示装置的技术方案与上述的头像展示方法的技术方案属于同一构思,头像展示装置的技术方案未详细描述的细节内容,均可以参见上述头像展示方法的技术方案的描述。
[0169]
图5示出了根据本技术一实施例提供的一种计算设备的结构框图。该计算设备500的部件包括但不限于存储器510和处理器520。处理器520与存储器510通过总线530相连接,数据库550用于保存数据。
[0170]
计算设备500还包括接入设备540,接入设备540使得计算设备500能够经由一个或多个网络560通信。这些网络的示例包括公用交换电话网(pstn,public switched telephone network)、局域网(lan,local area network)、广域网(wan,wide area network)、个域网(pan,personal area network)或诸如因特网的通信网络的组合。接入设备540可以包括有线或无线的任何类型的网络接口(例如,网络接口卡(nic,network interface controller))中的一个或多个,诸如ieee802.11无线局域网(wlan,wireless local area networks)无线接口、全球微波互联接入(wi-max,worldwide interoperability for microwave access)接口、以太网接口、通用串行总线(usb,universal serial bus)接口、蜂窝网络接口、蓝牙接口、近场通信(nfc,near field communication)接口,等等。
[0171]
在本技术的一个实施例中,计算设备500的上述部件以及图5中未示出的其他部件也可以彼此相连接,例如通过总线。应当理解,图5所示的计算设备结构框图仅仅是出于示例的目的,而不是对本技术范围的限制。本领域技术人员可以根据需要,增添或替换其他部件。
[0172]
计算设备500可以是任何类型的静止或移动计算设备,包括移动计算机或移动计算设备(例如,平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如,智能手机)、可佩戴的计算设备(例如,智能手表、智能眼镜等)或其他类型的移动设备,或者诸如台式计算机或pc的静止计算设备。计算设备500还可以是移动式或静止式的服务器。
[0173]
其中,处理器520用于执行如下计算机可执行指令,以实现任意上述的头像展示方法的操作步骤。
[0174]
上述为本实施例的一种计算设备的示意性方案。需要说明的是,该计算设备的技术方案与上述的头像展示方法的技术方案属于同一构思,计算设备的技术方案未详细描述的细节内容,均可以参见上述头像展示方法的技术方案的描述。
[0175]
本技术一实施例还提供一种计算机可读存储介质,其存储有计算机可执行指令,该计算机可执行指令被处理器执行时以用于实现任意上述的头像展示方法的步骤。
[0176]
上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是,该存储介质的技术方案与上述的头像展示方法的技术方案属于同一构思,存储介质的技术方案未详细描述的细节内容,均可以参见上述头像展示方法的技术方案的描述。
[0177]
上述对本技术特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
[0178]
计算机指令包括计算机程序代码,计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。计算机可读介质可以包括:能够携带计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(rom,read-only memory)、随机存取存储器(ram,random access memory)、电载波信号、电信信号以及软件分发介质等。
[0179]
需要说明的是,对于前述的各方法实施例,为了简便描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本技术并不受所描述的动作顺序的限制,因为依据本技术,某些步骤可以采用其它顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定都是本技术所必须的。
[0180]
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其它实施例的相关描述。
[0181]
以上公开的本技术优选实施例只是用于帮助阐述本技术。可选实施例并没有详尽叙述所有的细节,也不限制该发明仅为所述的具体实施方式。显然,根据本技术的内容,可作很多的修改和变化。本技术选取并具体描述这些实施例,是为了更好地解释本技术的原理和实际应用,从而使所属技术领域技术人员能很好地理解和利用本技术。本技术仅受权利要求书及其全部范围和等效物的限制。
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1