CN115599252A - 交互方法及装置 - Google Patents

交互方法及装置 Download PDF

Info

Publication number
CN115599252A
CN115599252A CN202211359257.7A CN202211359257A CN115599252A CN 115599252 A CN115599252 A CN 115599252A CN 202211359257 A CN202211359257 A CN 202211359257A CN 115599252 A CN115599252 A CN 115599252A
Authority
CN
China
Prior art keywords
animation
interactive
interaction
playing
display area
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
Application number
CN202211359257.7A
Other languages
English (en)
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.)
Shanghai Bilibili Technology Co Ltd
Original Assignee
Shanghai Bilibili Technology 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 Shanghai Bilibili Technology Co Ltd filed Critical Shanghai Bilibili Technology Co Ltd
Priority to CN202211359257.7A priority Critical patent/CN115599252A/zh
Publication of CN115599252A publication Critical patent/CN115599252A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本申请实施例提供一种交互方法,所述方法包括:接收对评论区中用户头像的交互请求;在接收到所述交互请求的情况下,根据所述交互请求获取动画资源和动画配置文件;确定与所述用户头像对应的动画展示区域,所述动画展示区域至少为一个;根据所述动画资源和所述动画配置文件在所述动画展示区域中播放若干个交互动画。本申请实施例提供的交互方法,可以丰富评论区的交互方法,提升用户在评论区的交互兴趣。

Description

交互方法及装置
技术领域
本申请涉及通信技术领域,特别涉及一种交互方法、装置、计算机设备及存储介质。
背景技术
在新闻、视频或其它场景的评论区中,用户可以通过输入文字或表情来对当前新闻或视频等进行评论,从而使用户与评论区之间发生交互。
然而,目前用户在评论区中只能通过上述的方式进行交互,交互的方式较为单一,难以提升用户的交互兴趣。
发明内容
本申请的目的在于提供一种交互方法、装置、计算机设备及存储介质,用于解决目前评论区的交互方式比较单一、难以提升用户的交互兴趣的技术问题。
本申请实施例的一个方面提供了一种交互方法,包括:接收对评论区中用户头像的交互请求;在接收到交互请求的情况下,根据交互请求获取动画资源和动画配置文件;确定与用户头像对应的动画展示区域,动画展示区域至少为一个;根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画。
可选地,在根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画之前,还包括:获取交互动画的动画素材和动画配置文件;根据动画素材和动画配置文件生成每一动画展示区域对应的交互动画的动画资源。
可选地,获取交互动画的动画素材和动画配置文件,包括:从服务端获取动画素材和动画配置文件,并存储于客户端的本地缓存中;根据动画素材和动画配置文件生成每一动画展示区域对应的交互动画的动画资源,包括:从本地缓存中获取动画素材和动画配置文件,根据动画素材和动画配置文件生成每一动画展示区域对应的交互动画的动画资源。
可选地,动画配置文件包括播放交互动画的延迟时间,每一交互动画的延迟时间不同;根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画,包括:根据每一交互动画的延迟时间确定每一交互动画的播放先后顺序;根据播放先后顺序获取每一交互动画的动画资源和动画配置文件;根据每一交互动画的动画资源和动画配置文件先后在动画展示区域中播放每一交互动画。
可选地,动画展示区域包括第一区域和第二区域,第一区域对应用户头像所在区域,第二区域位于用户头像右侧,交互动画包括第一交互动画、第二交互动画和第三交互动画,播放先后顺序为第一交互动画、第二交互动画、第三交互动画;根据每一交互动画的动画资源和动画配置文件先后在动画展示区域中播放每一交互动画,包括:根据第一交互动画的动画资源和动画配置文件在第一区域播放第一交互动画;根据第二交互动画的动画资源和动画配置文件在第二区域播放第二交互动画;根据第三交互动画的动画资源和动画配置文件在第一区域播放第三交互动画。
可选地,方法还包括:将交互请求发送至服务端,以供服务端根据交互请求生成目标互动信息并将目标互动信息发送至用户头像对应的用户。
可选地,在根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画之前,还包括:在动画展示区域添加view图层;根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画,包括:根据动画资源和动画配置文件在view图层中播放交互动画。
可选地,交互动画的格式为帧动画。
可选地,帧动画对应的图片集根据用户头像对应的数字藏品头像得到,动画配置文件还包括帧动画中每一帧图片对应的坐标和尺寸参数。
可选地,数字藏品头像在帧动画播放时,根据坐标在动画展示区域中沿着设定的轨迹进行移动。
本申请实施例的一个方面又提供了一种交互装置,包括:接收模块,用于接收对评论区中用户头像的交互请求;获取模块,用于在接收到交互请求的情况下,根据交互请求获取动画资源和动画配置文件;确定模块,用于确定与用户头像对应的动画展示区域,动画展示区域至少为一个;播放模块,用于根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画。
本申请实施例的一个方面又提供了一种计算机设备,计算机设备包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时用于实现上述的交互方法的步骤。
本申请实施例的一个方面又提供了一种计算机可读存储介质,计算机可读存储介质内存储有计算机程序,计算机程序可被至少一个处理器所执行,以使至少一个处理器执行上述的交互方法的步骤。
本申请实施例提供的交互方法、装置、计算机设备及存储介质,包括以下优点:
通过接收对评论区用户头像的交互请求,在接收到交互请求的情况下,根据交互请求获取动画资源和动画配置文件;确定与用户头像对应的动画展示区域,再根据动画资源和动画配置文件在动画展示区域播放若干个交互动画,可以根据用户对评论区中用户头像的交互请求形成相应的交互动画,从而丰富了用户在评论区的交互方式,提升了用户在评论区的交互兴趣。
附图说明
图1示意性示出了本申请实施例的环境架构图;
图2示意性示出了本申请实施例一的交互方法的流程图;
图3为图2新增步骤的流程图;
图4为图1中步骤S440的子步骤的流程图;
图5为交互动画的延迟时间的示意图;
图6为图4中步骤S443的子步骤的流程图;
图7为动画展示区域的示意图;
图8为目标互动信息对应的反馈信息的示例图;
图9为帧动画对应的图片集的示意图;
图10为根据数字藏品头像生成帧动画的某个瞬间的示意图;
图11示意性示出了本申请实施例二的交互装置的框图;
图12示意性示出了本申请实施例三的计算机设备的硬件架构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本申请,并不用于限定本申请。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
需要说明的是,在本申请实施例中涉及“第一”、“第二”等的描述仅用于描述目的,而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外,各个实施例之间的技术方案可以相互结合,但是必须是以本领域普通技术人员能够实现为基础,当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在,也不在本申请要求的保护范围之内。
在本申请的描述中,需要理解的是,步骤前的数字标号并不标识执行步骤的前后顺序,仅用于方便描述本申请及区别每一步骤,因此不能理解为对本申请的限制。
下面为本申请涉及的术语解释:
数字藏品,是指使用区块链技术,对特定的作品、艺术品生成的唯一数字凭证,在保护其数字版权的基础上,实现真实可信的数字化发行、购买、收藏和使用,本申请的数字藏品头像是指根据数字藏品生成的用户头像。
矢量动画,是在计算机中使用数学方程来描述屏幕上复杂的曲线,利用图形的抽象运动特征来记录变化的画面信息的动画,其文件格式为lottie。
SVGA(Scalable Vector Graphics Animetion,可伸缩矢量图形动画),是一种2d位图动画的储存格式,可以很小的容量播放一个带通道的效果。
帧动画,也称为逐帧动画(Frame By Frame),是一种常见的动画形式,其原理是在"连续的关键帧"中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。
json,是一种轻量级资料交换格式,其内容由属性和值所组成。
图1示意性示出了本申请实施例的环境架构图,如图1所示:
若干个客户端300通过网络200连接服务端100,例如多个用户通过客户端300连接直播间的服务端100观看直播,在评论区中用户可以输入对当前直播的评论信息,也可以对评论区某个用户的头像进行指定的操作,从而生成相应的交互请求。客户端300通过检测用户对客户端300屏幕的操作来接收用户对评论区用户头像的交互请求;在接收到交互请求的情况下,根据交互请求从客户端300或服务端100中获取动画资源和动画配置文件;客户端300确定与用户头像对应的动画展示区域,根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画。
在示例性的实施例中,服务端100可以指数据中心,例如单个房屋,或者分布在不同的地理位置(例如,在几个房屋)。服务端100可以通过一个或多个网络200提供服务。
网络200包括各种网络设备,例如路由器、交换机、多路复用器、集线器、调制解调器、网桥、中继器、防火墙、代理设备和/或类似。网络200可以包括物理链路,例如同轴电缆链路、双绞线电缆链路、光纤链路、它们的组合和/或类似物。网络200可以包括无线链路,例如蜂窝链路、卫星链路、Wi-Fi链路和/或类似物。
客户端300可以包括诸如移动设备、平板设备、膝上型计算机、智能设备(例如智能服装、智能手表、智能眼镜)、虚拟现实耳机、游戏设备、机顶盒、数字流设备、机器人、车载终端、智能电视、电视盒或电子书阅读器。
相关技术中,用户在评论区只能通过输入文字或表情来对当前新闻或视频进行评论,交互的方式比较单一,难以提升用户的交互兴趣。
本申请实施例的交互方案,可以丰富用户在评论区的交互方式,从而提升用户在评论区的交互兴趣。
以下将通过若干个实施例介绍本申请的交互方案,为便于理解,下面将以图1中的客户端300为执行主体进行示例性描述。
实施例一
图2示意性示出了本申请实施例的交互方法的流程图,包括步骤S410~步骤S440,具体说明如下:
步骤S410,接收对评论区中用户头像的交互请求。
评论区可以包括但不限于文字媒体、视频媒体、社区空间中设置的评论区,例如直播间中对直播视频设置的评论区。
用户头像可以为评论中任一用户的用户头像。用户头像的交互请求可以通过检测用户对评论区的操作来确定是否接收到,检测的操作可以包括但不限于点击、双击、滑动和长按。例如,若检测的操作为双击,客户端300检测到用户对评论区中的用户头像进行双击,则确定接收到对该用户头像的交互请求。
步骤S420,在接收到交互请求的情况下,根据交互请求获取动画资源和动画配置文件。
动画资源可以包括但不限于根据动画素材生成的动画数据。例如,动画素材可以是用户头像对应的数字藏品头像,而动画资源可以是根据数字藏品头像生成的可以进行动画播放所需的动画数据。动画素材根据需要设置的交互动画而定,此处不做限制。
动画配置文件用于配置动画的各种参数,其中参数包括但不限于动画格式、素材格式、动画播放时长和动画播放逻辑。
在接收到交互请求的情况下,客户端300可以根据交互请求从客户端300本地或从服务端100中获取动画资源和动画配置文件。其中,若是从客户端300本地获取动画资源和动画配置文件,则客户端300可以预先将动画资源和动画配置文件下载至本地。
步骤S430,确定与用户头像对应的动画展示区域,动画展示区域至少为一个。
动画展示区域具有一定大小,具体大小可以根据实际需要设置,此处不做限制。动画展示区域只要位于评论区内即可,具***置可以不做限定。可选地,为了使动画展示区域不会对评论区内的用户信息(如用户头像和用户昵称等)、评论信息及其它信息造成遮挡,可以预先设置某个或某几个区域作为用户头像对应的动画展示区域。例如,用户头像右侧的区域通常留有空白,且可以与用户头像形成对应关系,因此可以预先设置该区域作为与用户头像对应的动画展示区域。
由于动画展示区域需要放在特定位置才能较好地与用户头像形成对应关系,因此动画展示区域可以是预先设置的,例如上述的在用户头像右侧。可选地,在确定与用户头像对应的动画展示区域时,也可以是根据动画配置文件来确定,也即动画配置文件中还包括动画展示区域的配置信息。动画配置文件中动画展示区域的配置信息可以是相对固定的,如设置为在用户头像右侧;也可以是根据用户的不同(如类型、等级等不同)而有所不同,如A用户的动画展示区域设置在用户头像右侧,B用户的动画展示区域设置在用户头像上方。
步骤S440,根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画。
动画展示区域可以为一个,也可以为两个或更多个。在动画展示区域为一个时,可以是在该动画展示区域中播放一个交互动画,也可以是播放两个或更多个动画。在动画展示区域为两个或更多个时,可以是同时在这些动画展示区域中播放交互动画,也可以是按照一定的先后顺序在这些动画展示区域中播放交互动画。每一动画展示区域中播放的交互动画可以是一个、两个或更多个。不同动画展示区域中播放的交互动画可以相同也可以不同。具体如何播放交互动画均可以通过动画配置文件进行相应的配置。在播放相应的交互动画时,根据动画配置文件获取相应的动画资源,再在相应的动画展示区域中播放。
本申请实施例的交互方法,通过接收对评论区用户头像的交互请求,在接收到交互请求的情况下,根据交互请求获取动画资源和动画配置文件;确定与用户头像对应的动画展示区域,再根据动画资源和动画配置文件在动画展示区域播放若干个交互动画,可以根据用户对评论区中用户头像的交互请求形成相应的交互动画,从而丰富了用户在评论区的交互方式,提升了用户在评论区的交互兴趣。
在示例性的实施例中,如图3所示,在步骤S440之前,即在根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画之前,还包括步骤S450~步骤S460,具体如下:
步骤S450,获取交互动画的动画素材和动画配置文件。
客户端300可以从本地或服务端100获取交互动画的动画素材和动画配置文件。若是从本地获取交互动画的动画素材和动画配置文件,则客户端300可以预先从服务端100下载交互动画的动画素材和动画配置文件,并存储在本地中。
客户端300可以在接收到交互请求后,根据交互请求对应的用户头像确定当前交互对象的信息,再根据当前交互对象的信息从服务端100获取相应的动画素材和动画配置文件。可选地,客户端300也可以在拉取评论区信息时,将评论区中涉及的所有用户的动画素材和动画配置均预先下载至本地。
步骤S460,根据动画素材和动画配置文件生成每一动画展示区域对应的交互动画的动画资源。
具体地,客户端300可以根据每一交互动画对应的动画素材和动画配置文件生成每一动画展示区域对应的交互动画的动画资源,并将动画资源存储在本地;在接收到交互请求后,客户端300可以根据交互请求获取相应的动画资源来播放相应的交互动画。可选地,也可以在接收到交互请求后,客户端300根据交互请求获取动画素材和动画配置文件,并根据动画素材和动画配置文件生成交互动画的动画资源,然后直接在动画展示区域中播放即可,即没有将动画资源存储在客户端300本地这一过程。
本实施例中,通过获取交互动画的动画素材和动画配置文件,根据动画素材和动画配置文件生成每一动画展示区域对应的交互动画的动画资源,可以根据动画素材和动画配置文件预先生成交互动画所需的动画资源,方便后续在动画展示区域播放相应的交互动画。
在示例性的实施例中,步骤S450中,获取交互动画的动画素材和动画配置文件,可以包括:从服务端100获取动画素材和动画配置文件,并存储于客户端300的本地缓存中;而步骤S460中,根据动画素材和动画配置文件生成每一动画展示区域对应的交互动画的动画资源,则可以包括:从客户端300本地缓存中获取动画素材和动画配置文件,根据动画素材和动画配置文件生成每一动画展示区域对应的交互动画的动画资源。
由于评论区的交互对于实时性的要求较高,而客户端300从本地缓存中获取动画素材和动画配置文件生动相应的动画资源,可以加快交互动画生成的速度,从而加快交互动画的响应,因此,将从服务端100获取的动画素材和动画配置文件存储于客户端300的本地缓存中,可以有效地满足在评论区生成交互动画的时效性要求,提高交互动画响应的效率。
在示例性的实施例中,动画配置文件包括播放交互动画的延迟时间,每一交互动画的延迟时间不同,步骤S440中,根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画,如图4所示,包括步骤S441~步骤S443,具体如下:
步骤S441,根据每一交互动画的延迟时间确定每一交互动画的播放先后顺序。
步骤S442,根据播放先后顺序获取每一交互动画的动画资源和动画配置文件。
步骤S443,根据每一交互动画的动画资源和动画配置文件先后在动画展示区域中播放每一交互动画。
请参考图5,其为交互动画的延迟时间的示意图,如图所示,可以根据实际需要设置各个交互动画的延迟时间,再基于交互动画的延迟时间进行交互动画的播放。
例如,若动画展示区域为1个,交互动画的个数为2个,包括A交互动画和B交互动画,A交互动画的延迟时间为0秒(即立即开始播放),而B交互动画的延时间为5秒(即在基准时间的5秒后开始播放),其中基准时间可以是指开始在动画展示区域生成第一个交互动画的时间;则可以根据两个交互动画的延迟时间确定播放先后顺序为先A交互动画,再到B交互动画;然后客户端300先获取A交互动画的动画资源和动画配置文件,根据A交互动画的动画资源和动画配置文件在动画展示区域上播放A交互动画;再获取B交互动画的动画资源和动画配置文件,根据B交互动画的动画资源和动画配置文件在动画展示区域上播放B交互动画。
在两个或以上的交互动画在同一个动画展示区域中播放时,后一个交互动画的延迟时间应当大于前一个交互动画的播放时长,例如前述例子中,若A交互动画的播放时间大于5秒,则B交互动画的延迟时间应大于5秒。在两个或以上的交互动画在不同的动画展示区域中播放时,不同动画展示区域的延迟时间可以不受此限制。
本实施例中,根据每一交互动画的延迟时间确定交互动画的播放先后顺序,根据播放先后顺序获取每一交互动画的动画资源和动画配置文件,再根据每一交互动画的动画资源和动画配置文件先后在动画展示区域中播放每一交互动画,由于可以通过合理设置每一交互动画的延迟时间来设置交互动画的播放先后,因此可以根据实际需求生成各种不同效果的动画,提高了交互动画播放的灵活性。
在示例性的实施例中,动画展示区域包括第一区域和第二区域,第一区域对应用户头像所在区域,第二区域位于用户头像右侧,交互动画包括第一交互动画、第二交互动画和第三交互动画,播放先后顺序为第一交互动画、第二交互动画、第三交互动画;步骤S443中,根据每一交互动画的动画资源和动画配置文件先后在动画展示区域中播放每一交互动画,如图6所示,包括步骤S4431~步骤S4433,具体如下:
步骤S4431,根据第一交互动画的动画资源和动画配置文件在第一区域播放第一交互动画。
步骤S4432,根据第二交互动画的动画资源和动画配置文件在第二区域播放第二交互动画。
步骤S4433,根据第三交互动画的动画资源和动画配置文件在第一区域播放第三交互动画。
请参考图7,其为第一区域和第二区域的示意图,如图所示,第一区域为用户头像所在区域,而第二区域为用户头像右侧的区域。
可选地,第二交互动画的延迟时间可以等于第一交互动画的播放时长,第三交互动画的延迟时间可以等于第二交互动画的播放时长,从而使第一交互动画、第二交互动画和第三交互动画呈现交替播放且无缝衔接的效果。例如,第一交互动画的延迟时间为0秒,第二交互动画的延迟时间为2秒,第三交互动画的延迟时间为4秒,则最终呈现形式为0-2秒在用户头像所在区域播放第一交互动画,2-4秒在用户头像右侧播放第二交互动画,4-6秒在用户头像所在区域播放第三交互动画。
本实施例中,通过在用户头像所在区域和用户头像右侧区域、先后根据交互动画的动画素材和动画配置文件生成三个交互动画,可以有效地形成对用户头像进行交互的动画效果,提高用户进行交互的兴趣。
在示例性的实施例中,交互方法还可以包括:将交互请求发送至服务端100,以供服务端100根据交互请求生成目标互动信息并将目标互动信息发送至用户头像对应的用户。
目标互动信息可以根据实际需要进行设置,例如“XX用户很喜欢您的头像”或“XX用户对您的评论进行了点赞”等,此处不做具体限制。
可选地,服务端100在将目标互动信息发送至用户头像对应的用户后,还可以向客户端300返回相应的反馈信息,反馈信息也可以根据实际需要进行设置,例如图8所示的“谢谢你的喜欢,对方已收到”,此处也不做具体限制。
本实施例中,通过将交互请求发送至服务端,以供服务端根据交互请求生成目标互动信息发送给相应的用户,可以有效地形成用户之间的互动,从而进一步提升用户进行交互的兴趣,也提高了用户头像对应用户的体验。
在示例性的实施例中,在步骤S440之前,即在根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画之前,还可以包括:在动画展示区域添加view图层,而步骤S440则可以包括:根据动画资源和动画配置文件在view图层中播放交互动画。
通过在动画展示区域添加view图层,再将交互动画在添加的view图层中播放,可以在不改变评论区原有布局及显示逻辑的基础上实现交互动画的播放。
在示例性的实施例中,交互动画的格式为帧动画。可以理解的是,交互动画的格式还可以是其它格式,例如是lottie或SVGA格式。虽然lottie和SVGA格式的封装性比较好,在客户端300上实现比较简单,但是,由于lottie和SVGA格式在批量导出的实施上存在一定的困难,而评论区的交互动画需要批量导出大量用户的动画素材,帧动画可以较好地支持批量导出,因此,通过帧动画的格式来实现交互动画,可以较好地支持在评论区实现相应的交互动画。
在示例性的实施例中,帧动画对应的图片集根据用户头像对应的数字藏品头像得到,动画配置文件还包括帧动画中每一帧图片对应的坐标和尺寸参数。
请参考图9,其为根据数字藏品头像得到帧动画对应的图片集的示意图。而图10为根据数字藏品头像生成帧动画的某个播放瞬间的示意图,如图所示,帧动画位于图下方的用户头像的右侧。
示例性地,动画配置文件可以为json格式,其可以包括动画展示区域、延迟时长、播放时长、帧动画对应的图片集、帧图片对应的坐标和尺寸等参数。由于json格式采用key-value形式,因此如果对动画展示区域进行扩展,也能通过该格式有效地实现。
本实施例中,根据用户头像对应的数字藏品头像得到帧动画对应的图片集,可以生成数字藏品头像相关的交互动画,从而提高用户的数字藏品头像的使用价值;而动画配置文件还包括帧动画中每一帧图片对应的坐标和尺寸参数,可以根据相应参数进行帧动画的解析,有利于帧动画的实现。
在示例性的实施例中,数字藏品头像在帧动画播放时,根据每一帧图片对应的坐标在动画展示区域中沿着设定的轨迹进行移动。
其中,设定的轨迹可以根据实际场景和需要进行设置,例如从下到上、从右到左、或从右下到左上等移动的轨迹,此处不做具体限制。每一帧图片对应的坐标可以根据相应的移动轨迹进行相应的设置,从而使数字藏品头像可以在动画展示区域中沿着设定的轨迹进行移动。实际应用中,可以对每一帧图片中的背景图像进行去除,仅保留相应的数字藏品头像,从而使每一帧图片按照坐标进行展示时,数字藏品头像可以在动画展示区域中沿着设定的轨迹进行移动,达到相应的动画效果。
例如,若设定的轨迹为从下到上,则可以相应地设置每一帧图片对应的坐标,并去除每一帧图片中除数字藏品头像外的背景图像,从而使图片对应的数字藏品头像从动画展示区域中的底部移动至顶部,从而实现用户头像从底下“冒出来”的动画效果。
本实施例中,数字藏品头像在帧动画播放时,根据图片对应的坐标在动画展示区域中沿着设定的轨迹进行移动,可以根据需要实现多种多样的动画效果,从而进一步提高用户进行交互的兴趣。
实施例二
图11示意性示出了根据本申请实施例二的交互装置500的框图,该交互装置500可以被分割成一个或多个程序模块,一个或者多个程序模块被存储于存储介质中,并由一个或多个处理器所执行,以完成本申请实施例。本申请实施例所称的程序模块是指能够完成特定功能的一系列计算机程序指令段,以下描述将具体介绍本实施例中各程序模块的功能。
如图11所示,该交互装置500可以包括接收模块501、获取模块502、确定模块503和播放模块504。
接收模块501,用于接收对评论区中用户头像的交互请求;
获取模块502,用于在接收到交互请求的情况下,根据交互请求获取动画资源和动画配置文件;
确定模块503,用于确定与用户头像对应的动画展示区域,动画展示区域至少为一个;
播放模块504,用于根据动画资源和动画配置文件在动画展示区域中播放若干个交互动画。
在示例性的实施例中,该交互装置500还包括生成模块(图中未示出),其中,生成模块用于:获取交互动画的动画素材和动画配置文件;根据动画素材和动画配置文件生成每一动画展示区域对应的交互动画的动画资源。
在示例性的实施例中,生成模块还用于:从服务端获取动画素材和动画配置文件,并存储于客户端的本地缓存中;从本地缓存中获取动画素材和动画配置文件,根据动画素材和动画配置文件生成每一动画展示区域对应的交互动画的动画资源。
在示例性的实施例中,动画配置文件包括播放交互动画的延迟时间,每一交互动画的延迟时间不同;播放模块504还用于:根据每一交互动画的延迟时间确定每一交互动画的播放先后顺序;根据播放先后顺序获取每一交互动画的动画资源和动画配置文件;根据每一交互动画的动画资源和动画配置文件先后在动画展示区域中播放每一交互动画。
在示例性的实施例中,动画展示区域包括第一区域和第二区域,第一区域对应用户头像所在区域,第二区域位于用户头像右侧,交互动画包括第一交互动画、第二交互动画和第三交互动画,播放先后顺序为第一交互动画、第二交互动画、第三交互动画;播放模块504还用于:根据第一交互动画的动画资源和动画配置文件在第一区域播放第一交互动画;根据第二交互动画的动画资源和动画配置文件在第二区域播放第二交互动画;根据第三交互动画的动画资源和动画配置文件在第一区域播放第三交互动画。
在示例性的实施例中,该交互装置500还包括互动模块(图中未示出),其中互动模块用于:将交互请求发送至服务端,以供服务端根据交互请求生成目标互动信息并将目标互动信息发送至用户头像对应的用户。
在示例性的实施例中,播放模块504还用于:在动画展示区域添加view图层;根据动画资源和动画配置文件在view图层中播放交互动画。
在示例性的实施例中,交互动画的格式为帧动画。
在示例性的实施例中,帧动画对应的图片集根据用户头像对应的数字藏品头像得到,动画配置文件还包括帧动画中每一帧图片对应的坐标和尺寸参数。
在示例性的实施例中,数字藏品头像在帧动画播放时,根据坐标在动画展示区域中沿着设定的轨迹进行移动。
实施例三
图12示意性示出了根据本申请实施例三的适于交互方法的计算机设备600的硬件架构图。计算机设备600可以是一种能够按照事先设定或者存储的指令,自动进行数值计算和/或数据处理的设备。例如,可以是机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器,或者多个服务器所组成的服务器集群)、网关等。如图12所示,计算机设备600至少包括但不限于:可通过***总线相互通信链接存储器610、处理器620、网络接口630。其中:
存储器610至少包括一种类型的计算机可读存储介质,可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,存储器610可以是计算机设备600的内部存储模块,例如该计算机设备600的硬盘或内存。在另一些实施例中,存储器610也可以是计算机设备600的外部存储设备,例如该计算机设备600上配备的插接式硬盘,智能存储卡(Smart Media Card,简称为SMC),安全数字(Secure Digital,简称为SD)卡,闪存卡(Flash Card)等。当然,存储器610还可以既包括计算机设备600的内部存储模块也包括其外部存储设备。本实施例中,存储器610通常用于存储安装于计算机设备600的操作***和各类应用软件,例如交互方法的程序代码等。此外,存储器610还可以用于暂时地存储已经输出或者将要输出的各类数据。
处理器620在一些实施例中可以是中央处理器(Central Processing Unit,简称为CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器620通常用于控制计算机设备600的总体操作,例如执行与计算机设备600进行数据交互或者通信相关的控制和处理等。本实施例中,处理器620用于运行存储器610中存储的程序代码或者处理数据。
网络接口630可包括无线网络接口或有线网络接口,该网络接口630通常用于在计算机设备600与其他计算机设备之间建立通信链接。例如,网络接口630用于通过网络将计算机设备600与外部终端相连,在计算机设备600与外部终端之间的建立数据传输通道和通信链接等。网络可以是企业内部网(Intranet)、互联网(Internet)、全球移动通信***(Global System of Mobile communication,简称为GSM)、宽带码分多址(Wideband CodeDivision Multiple Access,简称为WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi等无线或有线网络。
需要指出的是,图12仅示出了具有部件610-630的计算机设备,但是应理解的是,并不要求实施所有示出的部件,可以替代的实施更多或者更少的部件。
在本实施例中,存储于存储器610中的交互方法还可以被分割为一个或者多个程序模块,并由一个或多个处理器(本实施例为处理器620)所执行,以完成本申请实施例。
实施例四
本申请实施例还提供一种计算机可读存储介质,计算机可读存储介质其上存储有计算机程序,计算机程序被处理器执行时实现实施例中的交互方法的步骤。
本实施例中,计算机可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,计算机可读存储介质可以是计算机设备的内部存储单元,例如该计算机设备的硬盘或内存。在另一些实施例中,计算机可读存储介质也可以是计算机设备的外部存储设备,例如该计算机设备上配备的插接式硬盘,智能存储卡(Smart Media Card,简称为SMC),安全数字(Secure Digital,简称为SD)卡,闪存卡(Flash Card)等。当然,计算机可读存储介质还可以既包括计算机设备的内部存储单元也包括其外部存储设备。本实施例中,计算机可读存储介质通常用于存储安装于计算机设备的操作***和各类应用软件,例如实施例中交互方法的程序代码等。此外,计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的各类数据。
显然,本领域的技术人员应该明白,上述的本申请实施例的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本申请实施例不限制于任何特定的硬件和软件结合。
以上仅为本申请的优选实施例,并非因此限制本申请的专利范围,凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本申请的专利保护范围内。

Claims (13)

1.一种交互方法,其特征在于,包括:
接收对评论区中用户头像的交互请求;
在接收到所述交互请求的情况下,根据所述交互请求获取动画资源和动画配置文件;
确定与所述用户头像对应的动画展示区域,所述动画展示区域至少为一个;
根据所述动画资源和所述动画配置文件在所述动画展示区域中播放若干个交互动画。
2.根据权利要求1所述的交互方法,其特征在于,在所述根据所述动画资源和所述动画配置文件在所述动画展示区域中播放若干个交互动画之前,还包括:
获取所述交互动画的动画素材和所述动画配置文件;
根据所述动画素材和所述动画配置文件生成每一所述动画展示区域对应的交互动画的动画资源。
3.根据权利要求2所述的交互方法,其特征在于,所述获取所述交互动画的动画素材和所述动画配置文件,包括:
从服务端获取所述动画素材和所述动画配置文件,并存储于客户端的本地缓存中;
所述根据所述动画素材和所述动画配置文件生成每一所述动画展示区域对应的交互动画的动画资源,包括:
从所述本地缓存中获取所述动画素材和所述动画配置文件,根据所述动画素材和所述动画配置文件生成每一所述动画展示区域对应的交互动画的动画资源。
4.根据权利要求1所述的交互方法,其特征在于,所述动画配置文件包括播放所述交互动画的延迟时间,每一所述交互动画的延迟时间不同;
所述根据所述动画资源和所述动画配置文件在所述动画展示区域中播放若干个交互动画,包括:
根据每一所述交互动画的延迟时间确定每一所述交互动画的播放先后顺序;
根据所述播放先后顺序获取每一所述交互动画的动画资源和动画配置文件;
根据每一所述交互动画的动画资源和动画配置文件先后在所述动画展示区域中播放每一所述交互动画。
5.根据权利要求4所述的交互方法,其特征在于,所述动画展示区域包括第一区域和第二区域,所述第一区域对应所述用户头像所在区域,所述第二区域位于所述用户头像右侧,所述交互动画包括第一交互动画、第二交互动画和第三交互动画,所述播放先后顺序为第一交互动画、第二交互动画、第三交互动画;
所述根据每一所述交互动画的动画资源和动画配置文件先后在所述动画展示区域中播放每一所述交互动画,包括:
根据所述第一交互动画的动画资源和动画配置文件在所述第一区域播放所述第一交互动画;
根据所述第二交互动画的动画资源和动画配置文件在所述第二区域播放所述第二交互动画;
根据所述第三交互动画的动画资源和动画配置文件在所述第一区域播放所述第三交互动画。
6.根据权利要求1-5任一项所述的交互方法,其特征在于,还包括:
将所述交互请求发送至服务端,以供所述服务端根据所述交互请求生成目标互动信息并将所述目标互动信息发送至所述用户头像对应的用户。
7.根据权利要求1-5任一项所述的交互方法,其特征在于,在所述根据所述动画资源和所述动画配置文件在所述动画展示区域中播放若干个交互动画之前,还包括:
在所述动画展示区域添加view图层;
所述根据所述动画资源和所述动画配置文件在所述动画展示区域中播放若干个交互动画,包括:
根据所述动画资源和所述动画配置文件在所述view图层中播放所述交互动画。
8.根据权利要求1-5任一项所述的交互方法,其特征在于,所述交互动画的格式为帧动画。
9.根据权利要求8所述的交互方法,其特征在于,所述帧动画对应的图片集根据所述用户头像对应的数字藏品头像得到,所述动画配置文件还包括所述帧动画中每一帧图片对应的坐标和尺寸参数。
10.根据权利要求9所述的交互方法,其特征在于,所述数字藏品头像在所述帧动画播放时,根据所述坐标在所述动画展示区域中沿着设定的轨迹进行移动。
11.一种交互装置,其特征在于,包括:
接收模块,用于接收对评论区中用户头像的交互请求;
获取模块,用于在接收到所述交互请求的情况下,根据所述交互请求获取动画资源和动画配置文件;
确定模块,用于确定与所述用户头像对应的动画展示区域,所述动画展示区域至少为一个;
播放模块,用于根据所述动画资源和所述动画配置文件在所述动画展示区域中播放若干个交互动画。
12.一种计算机设备,所述计算机设备包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时用于实现权利要求1至10中任一项所述的交互方法的步骤。
13.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质内存储有计算机程序,所述计算机程序可被至少一个处理器所执行,以使所述至少一个处理器执行权利要求1至10中任一项所述的交互方法的步骤。
CN202211359257.7A 2022-11-01 2022-11-01 交互方法及装置 Pending CN115599252A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211359257.7A CN115599252A (zh) 2022-11-01 2022-11-01 交互方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211359257.7A CN115599252A (zh) 2022-11-01 2022-11-01 交互方法及装置

Publications (1)

Publication Number Publication Date
CN115599252A true CN115599252A (zh) 2023-01-13

Family

ID=84851485

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211359257.7A Pending CN115599252A (zh) 2022-11-01 2022-11-01 交互方法及装置

Country Status (1)

Country Link
CN (1) CN115599252A (zh)

Similar Documents

Publication Publication Date Title
US11438637B2 (en) Computerized system and method for automatic highlight detection from live streaming media and rendering within a specialized media player
US11417341B2 (en) Method and system for processing comment information
US8928810B2 (en) System for combining video data streams into a composite video data stream
US11924503B2 (en) Bullet comment presentation method and system
US12022150B2 (en) Bullet comment processing method and system based on WeChat mini-program
CN113655930B (zh) 信息发布方法、信息的展示方法、装置、电子设备及介质
US11991420B2 (en) Live commenting processing method and system
CN112169319B (zh) 应用程序的启动方法、装置、设备及存储介质
CN111225266B (zh) 用户界面交互方法和***
CN110300118B (zh) 流媒体处理方法、装置及存储介质
WO2018049682A1 (zh) 一种虚拟3d场景制作方法及相关设备
CN115599252A (zh) 交互方法及装置
CN111327941B (zh) 一种离线视频播放方法、装置、设备及介质
CN114257873A (zh) 网络直播场景下的信息推送方法和卡片展示方法
CN114210060A (zh) 横幅卡片的互动方法、装置、设备、介质及程序产品
CN113766255A (zh) 视频流合并方法、装置、电子设备及计算机介质
CN114095785A (zh) 视频播放方法、装置及计算机设备
KR102615377B1 (ko) 방송 체험 서비스의 제공 방법
US11711333B2 (en) Bullet comment processing method and system based on WeChat applet
CN117201887A (zh) 媒体内容显示方法、装置、电子设备以及存储介质
CN115209205A (zh) 互动动画生成、动画物料处理方法及装置
CN115329122A (zh) 音频信息处理方法、音频信息呈现方法及装置
CN113873315A (zh) 一种视频数据播放方法、装置及设备
CN117314527A (zh) 广告实现方法及装置
KR20240037556A (ko) 인공지능을 기반으로 비디오 품질을 강화시키는 방법, 컴퓨터 장치, 및 컴퓨터 프로그램

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