CN116107459A - 页面显示方法、装置、终端设备及存储介质 - Google Patents

页面显示方法、装置、终端设备及存储介质 Download PDF

Info

Publication number
CN116107459A
CN116107459A CN202111330448.6A CN202111330448A CN116107459A CN 116107459 A CN116107459 A CN 116107459A CN 202111330448 A CN202111330448 A CN 202111330448A CN 116107459 A CN116107459 A CN 116107459A
Authority
CN
China
Prior art keywords
page
social
editing
display
displayed
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
CN202111330448.6A
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202111330448.6A priority Critical patent/CN116107459A/zh
Publication of CN116107459A publication Critical patent/CN116107459A/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
    • 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/0484Interaction 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
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明实施例公开了一种页面显示方法、装置、终端设备及存储介质,其中方法包括:显示社交页面,所述社交页面中包含页面背景;响应于在所述社交页面中执行的元素添加操作,在所述社交页面的页面背景上添加并显示一个或多个媒体元素,可提升社交页面进行消息显示的灵活性。

Description

页面显示方法、装置、终端设备及存储介质
技术领域
本申请涉及计算机技术领域,尤其涉及一种页面显示方法、装置、终端设备及存储介质。
背景技术
随着计算机技术的不断深入发展,使用户的生产和生活对计算机技术的依赖性也不断增强,各种依托于计算机技术实现的社交类客户端也越来越多,并不断优化以保持对用户的吸引力。当前,各种社交类客户端所提供的社交页面可支持用户进行各种类型的社交消息的发送和传播,但随着各种类型社交页面的出现,使得仅进行各类的社交消息发送的社交页面存在消息的显示灵活性较低的问题,从而导致对用户的吸引力降低。
发明内容
本发明实施例提供了一种页面显示方法、装置、终端设备及存储介质,可提升社交页面进行消息显示的灵活性。
一方面,本发明实施例提供了一种页面显示方法,包括:
显示社交页面,所述社交页面中包含页面背景;
响应于在所述社交页面中执行的元素添加操作,在所述社交页面的页面背景上添加并显示一个或多个媒体元素。
再一方面,本发明实施例提供了一种页面显示装置,包括:
显示单元,用于显示社交页面,所述社交页面中包含页面背景;
所述显示单元,还用于响应于在所述社交页面中执行的元素添加操作,在所述社交页面的页面背景上添加并显示一个或多个媒体元素。
再一方面,本发明实施例提供了一种终端设备,包括处理器、输入设备、输出设备和存储器,所述处理器、输入设备、输出设备和存储器相互连接,其中,所述存储器用于存储支持终端设备执行上述方法的计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,执行如下步骤:
显示社交页面,所述社交页面中包含页面背景;
响应于在所述社交页面中执行的元素添加操作,在所述社交页面的页面背景上添加并显示一个或多个媒体元素。
再一方面,本发明实施例提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有程序指令,所述程序指令被处理器执行时,所述程序指令被处理器执行时,用于执行如第一方面所述的页面显示方法。
在本申请实施例中,终端设备可在显示了社交页面后,根据社交用户在社交页面中执行的元素添加操作,将基于该元素添加操作生成的媒体元素添加到社交页面的页面背景上进行显示,使终端设备可在社交页面中实时显示社交用户之间的社交消息的同时,还可在该社交页面中显示非实时变化的伴随性消息,从而可提升终端设备在社交页面中信息消息显示的灵活性。而由于添加到社交页面的页面背景中进行显示的媒体元素是基于社交用户在该社交页面中执行的元素添加操作生成的,也就使终端设备实现了基于用户的显示需求对社交页面进行显示,从而也就可吸引用户,提升用户粘性,也提升了社交用户之间进行社交互动的形式和灵活性。
附图说明
为了更清楚地说明本发明实施例技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种页面显示系统的示意图;
图2是本发明实施例提供的一种页面显示方法的示意流程图;
图3a是本发明实施例提供的一种社交页面的示意图;
图3b是本发明实施例提供的一种社交页面的示意图;
图3c是本发明实施例提供的一种在社交页面的页面背景显示媒体元素的示意图;
图4是本发明实施例提供的一种页面显示方法的示意流程图;
图5a是本发明实施例提供的一种在元素编辑页面执行编辑操作的示意图;
图5b是本发明实施例提供的一种通过编辑操作组件进行元素编辑页面的选择,并进行文本添加的示意图;
图5c是本发明实施例提供的一种在元素编辑页面进行图像添加的示意图;
图5d是本发明实施例提供的一种将执行视频或图片发送给对端社交用户的示意图;
图5e是本发明实施例提供的一种在元素编辑页面涂鸦的实现流程图;
图5f是本发明实施例提供的一种在社交页面的页面背景显示媒体元素的示意图;
图5g是本发明实施例提供的一种删除媒体元素的示意图;
图5h是本发明实施例提供的一种调整社交消息的显示透明度的示意图;
图6a是本发明实施例提供的一种在元素编辑页面显示富媒体信息的示意图;
图6b是本发明实施例提供的一种确定富媒体信息的位置的示意图;
图6c是本发明实施例提供的一种设置媒体元素的显示时间的示意图;
图6d是本发明实施例提供的一种媒体元素在设置的显示时间到达时删除显示的示意图;
图6e是本发明实施例提供的一种媒体元素随着显示时间的推移,对应显示透明度不断变化的示意图;
图6f是本发明实施例提供的一种在页面背景不显示媒体元素的计时标识的示意图;
图6g是本发明实施例提供的一种进行显示时间设置的示意图;
图6h是本发明实施例提供的一种在会话入口显示添加指示标识的示意图;
图7a是本发明实施例提供的一种调整虚拟社交场景的交互页面的页面背景的示意图;
图7b是本发明实施例提供的一种调整内容分享页面的页面背景的示意图。
图8是本发明实施例提供的一种页面显示装置的示意性框图;
图9是本发明实施例提供的一种终端设备的示意性框图。
具体实施方式
本申请实施例提出了一种页面显示方法,使终端设备可在显示社交页面后,通过社交用户在社交页面中执行的元素添加操作,为该社交页面的页面背景添加相应的媒体元素进行显示,从而可提升终端设备在社交页面中进行信息显示时的灵活性,并同时可提升不同社交用户基于该社交页面进行信息交流的趣味性。在一个实施例中,社交页面是指:支持具备一定关系的社交用户进行内容分享或消息交换的页面,具备一定关系的社交用户可以是具备好友关系的社交用户,或者可以是具备关注关系的社交用户等,如两个及两个以上具备好友关系的社交用户可基于社交页面进行会话,又如任一社交用户可在社交页面中进行内容分享,而与该任一社交用户具备好友关系的其他社交用户可通过该社交页面查看到该任一社交用户分享的内容,并与该任一社交用户基于分享的内容进行互动。在一个实施例中,终端设备显示的社交页面中包括一条或多条社交消息,可以理解,显示在社交页面中的社交消息是实时变化并不断更新的,其中,该社交消息例如可以是社交用户在基于社交页面进行会话过程中产生的会话消息,或者在社交页面中分享的内容等,而该社交页面包括的页面背景可进行背景图像的显示,且该页面背景在一般情况下是不会变化的,另外,该页面背景可在不存在背景图像时呈白板显示,而在视觉效果上,显示在社交页面中的社交消息是叠在页面背景之上进行显示的。
基于在社交页面中显示的社交消息的实时变化性,在社交页面中的某些社交消息会由于新的社交消息的产生而被划走,那么,为了使一些不经常变化的伴随性信息能一直显示在该社交页面中,社交用户可通过该社交页面提供的媒体元素添加功能,将该伴随性信息添加到社交页面的页面背景中进行显示,从而可使终端设备能在社交页面进行实时性的社交消息的显示外,还能进行伴随性信息的表达,提升了社交页面进行信息展示的多样性。其中,基于该社交页面提供的媒体元素的添加功能,添加到社交页面的页面背景中进行显示的伴随性信息是作为该页面背景的媒体元素进行显示的,而该媒体元素可以为任何形式,具体可以是文本、涂鸦(即图画)、贴纸、图片和视频中的任意一种或多种的组合,而通过将多种形式的媒体元素添加到页面背景中进行显示,也可有效提升在进行社交页面显示时的趣味性,从而实现对用户粘性的提升。在一个实施例中,在该社交页面的页面背景中添加并显示的媒体元素与在该社交页面中执行的元素添加操作的类型相关,其中,如果在该社交页面中执行的元素添加操作为文本添加操作,则添加到该社交页面的页面背景中显示的媒体元素为文本,而如果在该社交页面中执行的元素添加操作为绘画操作,则添加到页面背景中显示的媒体元素为涂鸦,而贴纸、图片和视频则可以是通过终端设备输出显示给社交用户,从而可基于社交用户的选择进行相应媒体元素的添加。其中,涂鸦包括终端设备随社交用户对终端屏幕的触摸和移动,显示在终端屏幕中的线条或手写文本。
在一个实施例中,由于通过社交页面进行内容分享或信息交换的社交用户至少为两个,那么,本申请实施例所提及的终端设备可以是指,基于该社交页面进行内容分享或信息交换的任一社交用户所对应的终端设备,即是说,在社交页面执行的元素添加操作可以是由任一社交用户通过相应终端设备执行的,而一个社交用户在相应终端设备显示的社交页面中执行元素添加操作后,可通过该社交页面对应的后台服务器,将执行该元素添加操作后的显示的添加了相应媒体元素的页面背景同步显示到其他终端设备的社交页面中,从而实现基于任一终端设备为显示的社交页面的页面背景进行媒体元素的添加,可使其他终端设备同步显示进行了媒体元素添加的页面背景。在一个实施例中,如图1所示的,若基于该社交界面进行内容分享或信息交换的社交用户分别对应的终端设备为如图1中分别由10标记的终端设备,及图1中由11标记的终端设备,在终端设备10和终端设备11中分别显示了社交页面,且该终端设备10对应的社交用户及该终端设备11对应的社交用户可分别基于显示的社交页面进行内容分享或信息交互,另外,该终端设备10和终端设备11通过该社交页面的后台服务器(如图1中由12标记的服务器)实现页面背景的同步显示。
如果终端设备10对应的社交用户在终端设备10显示的社交页面中执行了元素添加操作,那么,在终端设备10中将为社交页面的页面背景添加相应媒体元素进行显示。此外,基于该终端设备10对应社交用户在该终端设备10中执行的元素添加操作,该终端设备10可将对该页面背景进行媒体元素添加的设置信息发送给后台服务器12,后台服务器12则可进一步将设置信息发送给其他社交用户所在的终端设备11,从而在终端设备11中,该终端设备11可基于该设置信息为社交页面的页面背景添加相应的媒体元素,并显示在页面背景中添加了媒体元素的社交页面。其中,该终端设备可以是移动设备,电脑设备或者可穿戴设备等,本申请实施例主要是以该终端设备为移动设备为例进行说明的,在该终端设备为其他设备时,可参见本申请实施例。
请参见图2,是本申请实施例提出的一种页面显示方法的示意流程图,该页面显示方法具体可由上述的终端设备执行,如图2所示,该方法可包括:
S201,显示社交页面,社交页面中包含页面背景。
在一个实施例中,该社交页面是用于进行社交消息显示的页面,那么,在终端设备显示了社交页面之后,也就会将该社交页面中的社交消息呈现给社交用户,其中,该社交页面除了包含页面背景之外,还包含页面前景,可以理解,该页面前景在视觉效果上是叠在页面背景之上进行显示的,具体可如图3a所示,若图3a中由30标记的页面为页面背景,那么,如图3a中由31标记的页面则为页面前景,而终端设备显示的社交页面则是同时包括上述的页面前景和页面背景的,而在终端设备显示包含了页面前景和页面背景的社交页面时,该终端设备将在页面前景中进行社交消息的展示,而针对该社交页面包含的页面背景,该终端设备将在页面背景进行背景图像的展示,可以理解,由于显示在页面背景的背景图像虽然是可基于用户设置进行更改的,但一般情况下,显示在页面背景的背景图像也不是经常变化的,而由于页面前景用于进行社交消息的展示,而社交消息将随社交用户的交流变化而不断产生新的社交消息,所以,在该页面前景中显示的社交消息是实时更新的。
在一个实施例中,当社交页面不同时,显示在该社交页面中的社交消息也就不同,其中,该社交页面例如可以是会话页面,虚拟社交场景的交互页面,以及内容分享页面等,可以理解,当该社交页面为会话页面时,那么显示在该社交页面的社交消息则为会话消息;当该社交页面为虚拟社交场景的交互页面时,显示在该社交页面中的社交消息包括以下至少一种:虚拟社交对象,及社交互动消息;而当该社交页面为内容分享页面时,显示在该社交页面中的社交消息为分享动态消息。可以理解,由于该终端设备在社交页面中显示社交消息时,该社交消息被具体显示在社交页面包含的页面前景中,因此,终端设备在将上述的会话消息,虚拟社交对象,社交互动消息及分享动态消息显示在社交页面中时,均是被显示在该社交页面的页面前景中。其中,该终端设备显示的会话页面例如可以是如图3b中的左图所示,那么显示在会话界面的会话消息则可以是如图3b中由301标记的消息,显示的虚拟社交场景的交互页面例如可以是如图3b中的中图所示,那么,显示在虚拟社交场景的虚拟社交对象及互动消息则可以是如图3b中由虚线框标记的虚拟人物和文本,而显示的内容分享页面则可以是如图3b中的右图所示,那么显示在内容分享页面中的分享动态消息则可以是如图3b中由302标记的消息,在本申请实施例中,主要是以该社交页面为会话页面为例进行详细说明的,而在该社交页面为其他页面时,可参见本申请实施例。
在一个实施例中,社交页面包含的页面背景在显示时,可以如图3b中的左图或右图所示的,在该社交页面包含的页面背景中不显示任何的图像,即保持该页面背景呈白板显示,或者,该页面背景在显示时,也可以是如图3b中的中图所示的,在该页面背景中页面背景图像,其中,在该页面背景中显示的背景图像包括如图3b的中图所示的舞台和幕布窗帘图像等。在终端设备显示社交页面后,则可基于在社交用户在该社交页面中执行的元素添加操作,为该社交页面的页面背景添加相应的媒体元素,即转而执行步骤S202。
S202,响应于在社交页面中执行的元素添加操作,在社交页面的页面背景上添加并显示一个或多个媒体元素。
在一个实施例中,添加到该社交页面的页面背景中进行显示的任一媒体元素均是基于元素添加操作得到的,其中,在该社交页面中执行的元素添加操作可以是由本端的社交用户执行的,或者,也可以是由对端(即与本端社交用户基于该社交页面进行交互的其他任一社交用户)的社交用户执行的。如果该元素添加操作由对端的社交用户执行,那么,对端的社交用户在社交页面中执行元素添加操作后,将调整该对端社交用户对应终端设备中显示的社交页面的页面背景,并同时由该对端社交用户对应终端设备将针对该社交页面的页面背景的设置信息发送给后台服务器,该后台服务器在接收到该设置信息后,则会将该设置信息下发到本端社交用户对应的终端设备中,而本端社交用户对应的终端设备在从后台服务器获取到该设置信息后,则可基于该设置信息对由本端终端设备显示的社交页面的页面背景进行同步调整,可以理解,在本端终端设备基于后台服务器下发的设置信息,对显示的社交页面的页面背景进行同步调整后,在本端终端设备中显示的页面背景和对端的终端设备中显示的页面背景相同,均是在原页面背景的基础上,添加了相应媒体元素后的页面背景。
在一个实施例中,本端的终端设备从后台服务器获取到下发的基于页面背景的设置信息后,本端终端设备可直接基于获取到的设置信息对显示的社交页面的页面背景进行同步调整,从而可为在本端终端设备中显示的社交页面的页面背景添加相应的媒体元素;或者,在另一种实施例中,本端的终端设备在从后台服务器获取到设置信息后,也可先在本端终端设备的社交页面中输出同步提示消息,其中,该同步提示消息用于提醒本端的社交用户,对端社交用户已在社交页面中执行了元素添加操作,并用于询问本端社交用户是否基于对端社交用户执行的元素添加操作在进行同步调整。那么,可以理解,本端终端设备在向社交用户输出该同步提示消息后,如果本端终端设备取到本端社交用户针对该同步提示消息的确认指令,则该本端终端设备即可对本端显示的社交页面的页面背景进行同步调整,而如果本端终端设备获取到的是针对同步提示消息的否认指令,那么,本端终端设备将不会基于从后台服务器获取到的设置信息对本端显示的页面背景进行同步调整,也就是说,在这种情况下,本端终端设备中显示的社交页面的页面背景和对端终端设备中显示的社交页面的页面背景是不同的。
在一个实施例中,基于该社交页面进行内容分享或信息交换的任一社交用户均可通过对应的终端设备,并在该终端设备显示的社交页面中执行元素添加操作,而后台服务器可获取由每个社交用户通过相应终端设备执行元素添加操作后,为该页面背景添加的媒体元素,从而下发到其他社交用户对应的终端设备中,并对其他各社交用户对应的终端设备中显示的社交页面的页面背景进行调整。也就是说,添加并显示到社交页面的页面背景中的媒体元素,可以是基于一个或多个社交用户在社交页面中执行的元素添加操作生成。
在一个实施例中,在终端设备显示的社交页面可以是如图3c中由32标记的页面所示,如果在该社交页面中执行的元素添加操作是由本端的社交用户执行的,那么,本端的终端设备在执行该元素添加操作后,则将在社交页面的页面背景上显示添加了相应媒体元素的页面背景,如图3c所示,本端的社交用户在该社交页面上执行的元素添加操作例如可以是绘图操作,那么,对应显示在该社交页面的页面背景上的媒体元素就是基于该绘图操作生成的图画,其中,在该社交页面的页面背景上显示了基于该绘图操作生成的图画后的页面可如图3c中由33标记的页面所示,而在对端的终端设备中显示的社交页面也如图3c中由33标记的页面所示。
在一个实施例中,社交用户在社交页面中执行元素添加操作时,可如图3c所示的,先选中显示在该社交页面中的显示的编辑触发组件,其中,显示在该社交页面中的编辑触发组件可如图3c中由303标记的组件所示,或者,该社交用户也可通过在该社交页面中执行其他的添加触发操作后,如在社交页面中针对页面背景执行双击,长按滑动等操作后,再在社交页面中执行元素添加操作,基于社交用户对社交页面中的编辑触发组件的选择,或在社交页面中执行添加触发操作,该终端设备则可在该编辑触发组件被选择后,或者社交用户在社交页面中执行添加触发操作后,将从该社交页面中获取到的用户操作作为给社交用户在该社交页面中执行的元素添加操作,并将基于该元素添加操作生成的媒体元素添加到该社交页面的页面背景中进行显示。可以理解,由于根据元素添加操作所生成的媒体元素被显示在该社交页面的页面背景中,那么,显示在社交页面的页面前景中的社交信息在视觉效果上也将是叠加在生成的媒体元素上显示的,也即是说,基于终端设备将基于元素添加操作生成的媒体元素叠加到该社交页面的页面背景中进行显示,将不会遮挡显示在该社交页面中的社交消息,以保证该社交消息被查看时的准确性和流畅度。
在本申请实施例中,终端设备可在显示了社交页面后,根据社交用户在社交页面中执行的元素添加操作,将基于该元素添加操作生成的媒体元素添加到社交页面的页面背景上进行显示,使终端设备可在社交页面中实时显示社交用户之间的社交消息的同时,还可在该社交页面中显示非实时变化的伴随性消息,从而可提升终端设备在社交页面中信息消息显示的灵活性。而由于添加到社交页面的页面背景中进行显示的媒体元素是基于社交用户在该社交页面中执行的元素添加操作生成的,也就使终端设备实现了基于用户的显示需求对社交页面进行显示,从而也就可吸引用户,提升用户粘性,也提升了社交用户之间进行社交互动的形式和灵活性。
下面,结合图4,对上述实施例中基于在社交页面执行的元素添加操作,在该社交页面的页面背景中添加并显示媒体元素的过程进行详细说明,而在如图4所示的实施例中,在未特别说明的情况下,本实施例中所指的终端设备为从社交页面中获取到执行的元素添加操作的终端设备,如图4所示,该方法可包括:
S401,显示社交页面,社交页面中包含页面背景;
S402,显示元素编辑页面,并从元素编辑页面获取编辑操作,其中,从元素编辑页面获取的编辑操作为元素添加操作。
S403,将基于编辑操作确定出的一个或多个媒体元素显示在元素编辑页面中。
在步骤S401~步骤S403中,终端设备显示的社交界面中显示了编辑触发组件,那么,该终端设备在显示社交界面后,并在检测到该编辑触发组件被选择时,则可显示元素编辑页面,从而可从该元素编辑页面中获取编辑操作,在一个实施例中,该终端设备还可在显示了社交页面后,当从该社交页面中获取到目标操作时进行元素编辑页面的显示,其中,该目标操作可以是以下至少一种:针对页面背景的长按操作,双击操作和滑动操作。在一个实施例中,该终端设备显示的元素编辑页面和该社交页面可以是两个独立的页面,即终端设备可在该编辑触发组件被选择,或者从该社交页面中获取到目标操作时,从显示的社交页面切换到元素编辑页面进行显示,或者,该元素编辑页面也可以是显示在该社交页面上的编辑蒙层。其中,如果该元素编辑页面为编辑蒙层,如图5a所示,终端设备在编辑触发组件被选择后,在社交页面上显示编辑蒙层后可如图5a中由50标记的页面所示。如图5a中由50标记的页面所示,终端设备显示的元素编辑页面中包括组件选择区,其中,该组件选择区例如可以是如图5a中由虚线框出的区域,终端设备在显示元素编辑页面后,将在在该组件选择区中显示了一个或多个元素编辑组件,而不同的元素编辑组件用于支持从该元素编辑页面中获取不同类型的编辑操作(即元素添加操作),而终端设备基于从元素编辑页面中获取的不同类型的编辑操作,将在该元素编辑页面中显示对应不同类型的媒体元素。
在一个实施例中,显示在该元素编辑页面的组件选择区中的元素编辑组件包括绘画组件,显示在元素编辑页面中的绘画组件例如可以是如图5a中由501标记的组件所示,在该绘画组件被选择后,相应的社交用户可在该元素编辑页面上进行写字或者涂画(画图),可以理解,在该绘画组件被选择后,该终端设备显示在元素编辑页面上的媒体元素是基于社交用户对终端屏幕的触控生成的,那么,通过社交用户对终端屏幕的触控所生成的文字和涂画,可以认为该绘画组件在被选择后,该终端设备从元素编辑页面获取的编辑操作为在元素编辑页面执行的绘画操作,那么,基于该绘画操作显示在该元素编辑页面的媒体元素(如上述的写字或涂画等)则为图画,如图5a中由50标记的页面所示的,社交用户可通过在该元素编辑页面中执行画曲线的绘画操作,然后,该终端设备则可在该元素编辑页面中显示该社交用户所画的曲线,其中,该终端设备显示在该元素编辑页面中的曲线则为后续添加到页面背景中进行显示的媒体元素。
在一个实施例中,终端设备在元素编辑页面的组件选择区中显示的元素编辑组件还包括文本添加组件,该文本添加组件例如可以是如图5b中由502标记的组件,那么,在该文本添加组件被选择后,终端设备则可从元素编辑页面中进行文本的获取,也就是说,当该文本添加组件被选择后,社交用户可在该元素编辑页面中执行文本添加操作,从而可将该文本添加操作指示的一个或多个文本添加到该元素编辑界面中进行显示。其中,在该文本添加组件被选择后,该终端设备可先如图5b中由51标记的元素编辑页面所示的,先输出文本输入窗口,那么,该终端设备从该文本输入窗口中获取到的社交用户的操作则为文本添加操作,进一步地,基于社交用户在该文本输入窗口执行的文本添加操作,显示在该元素编辑页面的一个或多个文本可以是在图5b中显示的上班加油。需要说明的是,在如图5b中显示的文本输入窗口仅是本申请实施例的示例性说明,该文本输入窗口也可以是以其他呈现形式显示在该元素编辑页面中的,而且,基于对文本添加组件的选择,社交用户也可通过语音等形式为该元素编辑页面进行文本添加,在本申请实施例中,对社交用户向元素编辑页面输入文本作为媒体元素进行显示的方式不做限定。
在一个实施例中,在该元素编辑页面中显示的元素编辑组件还可包括图像添加组件,基于该图像添加组件,社交用户还可在该页面背景上添加富媒体内容,该富媒体内容例如可以是贴纸(即是由社交页面对应客户端提供的系统图像),存储在该终端设备本地相册中的图片和视频(即由终端设备提供的本地图像)。其中,显示在该元素编辑页面的图像添加组件例如可以是如图5c中由503标记的组件,在该图像添加组件被选择后,终端设备可先在元素编辑页面的图像选择区中显示一个或多个待选图像,其中,该终端设备在图像选择区中显示一个或多个待选图像后的元素编辑页面可如图5c中由52标记的页面所示,其中,当该终端设备在图像选择区进行待选图像的显示时,可将系统推荐图像(或系统图像,即贴纸)显示在该图像选择区中,可以理解,基于计算机设备对待选图像的显示,该终端设备从元素编辑页面获取的编辑操作则为针对一个或多个待选图像中的目标图像的选择操作,那么基于该选择操作显示在媒体编辑页面的一个或多个媒体元素则为目标图像。
如图5c中由52标记的页面所示,图像选择区还显示有本地图像的显示触发组件,其中,本地图像包括本地图像和本地视频,那么显示在该图像选择区的显示触发组件包括图片组件(如图5c中由520标记的组件所示)和视频组件(如图5c中由521标记的组件所示)。在一个实施例中,当图片组件被选择时,终端设备可在图像选择区显示本地图片;而当视频组件被选择时,该终端设备可在图像选择区显示本地视频。基于在该图像选择区显示的本地推荐图像,本地图像或本地视频,社交用户可通过对显示的图像或视频进行选择,那么,终端设备则可将社交用户选择的图像和/或视频作为媒体元素显示在该媒体编辑页面中,其中,如图5c所示的,该终端设备基于社交用户选择的贴纸,将该贴纸作为媒体元素显示在该元素编辑页面后,可如图5c中由53标记的页面所示。在一个实施例中,在该元素编辑页面中显示的元素编辑组件还可包括编辑清除组件和编辑确认组件,其中,该编辑清除组件可以是如图5c中由522标记的组件,当该编辑清除组件被选择时,终端设备将删除显示在元素编辑页面中的全部媒体元素(或者也可删除最新显示在该元素编辑页面中的媒体元素),而该编辑确认组件则可以是如图5c中由523标记的组件,当该编辑确认组件被选择时,该终端设备则将显示该社交页面,并在显示该社交页面时,将显示在该元素编辑页面中的媒体元素显示在该社交页面的页面背景中,也即是说,该编辑确认组件的选择用于确定将显示在该元素编辑页面中的媒体元素添加到社交页面的页面背景中进行显示。
在一个实施例中,该终端设备为社交用户提供的上述的在元素编辑页面中进行绘画和文本添加的操作,可统称为涂鸦功能,其中,在该社交页面为会话页面时,该涂鸦功能是由提供该会话页面的客户端(如各类的社交客户端)中的目标公共组件提供的,其中,该目标公共组件可以指公共的聊天窗口组件(All In One,AIO),提供该会话页面的客户端为了给社交用户提供统一的交互体验,在该客户端中提供了不同会话共享的聊天窗口组件,该组件中社交用户的输入、点击操作等行为习惯都可看做是一致的,而AIO中现在已经为客户端提供了涂鸦功能。其中,由该组件提供的涂鸦功能支持为社交用户显示一个白板(即上述的元素编辑页面),以便用户在显示的白板上进行写字(如通过上述的文本添加组件进行文本添加,或通过绘画组件进行写字)或者画图(如通过上述的绘画组件进行画图),另外,该终端设备在显示白板给社交用户进行涂鸦后,还提供回滚能力,以在社交用户在白板中进行涂鸦过程中,将社交用户不满意的文字或图画从该元素编辑页面中删除,而基于社交用户在终端设备显示的白板中执行的绘画操作和文本添加操作,该终端设备可在该社交用户执行绘画操作和/或文本添加操作的过程中,将会记录下该社交用户在该元素编辑页面上执行的每一个编辑操作,得到该社交用户针对该社交页面的页面背景的执行视频;且该终端设备还将在社交用户在该元素编辑页面中执行元素添加操作完成后,将该执行视频作为社交消息显示在社交页面中,以将该执行视频发送给对端的社交用户,那么对端的社交用户则可通过观看该执行视频,确定本端的社交用户进行元素编辑添加的过程,其中,该终端设备在将执行视频发送给终端后的社交页面可如图5d的左图所示,该执行视频例如可以是如图5d中由503标记的会话消息所示。在另一种实现方式中,该终端设备还可在社交用户执行完编辑操作后,将基于该编辑操作生成的社交页面的页面背景以会话图片的形式发送给对端的社交用户,其中,该终端设备发送的会话图片后的社交页面可以如图5d的右图所示,该图片例如可以是如图5d中由504标记的图片所示。
该终端设备基于社交用户在元素编辑页面中执行的编辑操作,将相应的媒体元素显示在该元素编辑页面后,将进一步地将该媒体元素显示在该社交页面的页面背景中,即转而执行步骤S404,同时还将触发对在对端的终端设备的社交页面的页面背景的同步更新显示。下面,结合图5e,对终端设备为社交用户提供涂鸦功能,并基于该社交用户执行的编辑操作为社交页面的页面背景进行图像和文本的添加的过程进行说明。在一个实施例中,终端设备可先选中社交页面的编辑触发组件,然后在显示编辑蒙层后,选择该元素编辑页面中的绘画组件或文本添加组件,以触发社交页面对应客户端所提供的涂鸦功能,从而使得该社交用户可在显示的编辑蒙层中进行涂画或者写字(即进行文本添加),在该社交用户在编辑蒙层中执行相应操作完成后,该终端设备可在检测到社交用户的保存操作后,基于该社交用户在编辑蒙层中执行的相应操作生成相应的执行视频和图片,该终端设备可先将生成的视频和图片发送给资源存储平台,该资源存储平台则可基于该视频和图片确定出添加到页面背景的媒体元素对应的资源标识,然后,该终端设备可从资源存储平台中获取到该资源标识,并基于该资源标识进行页面的设置信息生成,并将该设置信息发送给后台服务器,后台服务器在接收到该设置信息后,则可对后台服务器存储的该社交页面的页面背景进行更新。
在一个实施例中,该资源存储平台例如可以是COS平台(一种固定进行资源存储的平台),其中,该终端设备对基于获取到的资源标识进行设置信息的生成过程也可称为数据组装的过程,而数据组装的过程即是终端设备进行信令协议的设置,从而得到设置信息的过程,那么,在终端设备得到该设置信息后,不仅可下发到本端设备,也可下发到对端的终端设备,以保持社交页面的页面背景的多端同步显示。其中,需要说明的是,在终端设备对元素编辑页面中执行涂鸦操作后得到的媒体元素进行保存的过程中,会经历COS平台和后台服务器(或业务服务器),在这个过程中,客户端处于loading状态(即加载状态),在这个状态下,客户端将处于等待结果的保存,而不会接收社交用户执行的其他操作,从而可避免用户干扰,而在客户端确定保存成功后,会在AIO的页面背景上加上一个涂鸦层(view),以用于展示涂鸦得到的媒体元素。
S404,响应于针对元素编辑页面中显示的媒体元素的确认触发操作,将显示在元素编辑页面中的媒体元素添加到社交页面的页面背景上进行显示。
在终端设备将媒体元素显示在元素编辑页面中后,可在检测到针对确认触发操作时,将显示在该元素编辑页面中的媒体元素显示到社交页面的页面背景中,在一个实施例中,该终端设备检测到的确认触发操作可以是针对编辑确认组件(如图5c中由523标记的组件)的选择操作,或社交用户通过语音等方式输入到该终端设备的确认触发操作。而终端设备在将显示在元素编辑页面中的媒体元素添加到社交页面的页面背景上进行显示时,将根据媒体元素在元素编辑页面中的显示位置,将媒体元素添加到社交页面的页面背景的相应位置处进行显示。在一个实施例中,终端设备基于显示在元素编辑页面中的媒体元素,在接收到确认触发操作后,在该社交页面的页面背景中添加并显示相应媒体元素的过程可如图5f所示。在一个实施例中,如果显示在该元素编辑页面中的媒体元素为从本地图像中选择的目标视频,那么,当目标视频被选择作为目标图像添加到社交页面的页面背景时,将自动循环播放目标视频,并在目标视频的显示区域中显示音量标识,该音量标识用于调整目标视频的播放音量,或者将该目标视频调整为静音播放,其中,在社交页面的页面背景显示目标视频的示意图可如图5f中由54标记的页面所示所示,且在该目标视频的显示区域中显示的音量标识则可以是如图5f中由540标记的标识所示。
对于添加到页面背景中的媒体元素,社交用户还可对该媒体元素进行调整,在一个实施例中,该社交用户针对该媒体元素的调整过程可以是终端设备将该媒体元素显示到社交页面的页面背景后触发的,或者,该调整过程也可以是该终端设备将该媒体元素添加到社交页面的页面背景之前,即该媒体元素显示在该元素编辑页面时触发的,在本申请实施例中,主要以社交用户将该媒体元素添加到社交页面的页面背景之前,在元素编辑页面中对该媒体元素进行调整的过程进行详细说明,而在终端设备将媒体元素显示到社交页面的页面背景后,对显示的元素进行调整的过程可类比得到。在一个实施例中,终端设备可选中显示在该元素编辑页面中的目标媒体元素,然后则可根据获取的针对目标媒体元素的调整操作对目标媒体元素进行调整;其中,调整操作包括以下一种或多种:放大操作,缩小操作,位置移动操作,替换操作,以及删除操作,从而可在社交页面的页面背景上显示调整后的目标媒体元素。
其中,社交用户可在选中目标媒体元素后,通过双指的缩放实现放到操作或缩小操作的执行,从而实现对目标媒体元素的放大或缩小,可通过拖拽该目标媒体元素实现位置移动操作的执行,从而实现对该目标媒体元素的位置一点,以及可通过将其他媒体元素移动到该目标媒体元素的显示位置处,从而实现对该目标媒体元素的替换。在一个实施例中,终端设备在选中目标媒体元素后,该终端设备还可在该元素编辑页面中显示删除标识,其中,该终端设备在选中该目标媒体元素后,该目标媒体元素在该元素编辑页面中将呈现被选中的状态,具体可如图5g所示,终端设备为了标识显示在该元素编辑页面中的目标媒体元素所呈现的被选中的状态,该终端设备可将目标媒体元素在被选中后用框进行标识,而在该元素编辑页面中显示的删除标识则可以是如图5g中由505标记的标识。此外,该终端设备也可在拖拽该目标媒体元素的过程中进行删除标识的显示。
在一个实施例中,如果终端设备显示的社交页面包括的页面前景中显示有一条或多条社交消息,那么,若一条或多条社交消息中的目标社交消息遮挡了添加到页面背景进行显示的任一媒体元素,则该终端设备可调整目标社交消息的显示透明度,以避免对添加到页面背景中的媒体元素的显示进行遮挡,其中,对目标社交消息的显示透明度的调整包括以下至少一种:对目标社交消息本身透明度的调整,以及对目标社交消息所处显示区域的透明度的调整。其中,被该社交页面的页面前景显示的社交消息遮挡的媒体元素可以是如图5h中由506标记的媒体元素,那么,该终端设备则可对遮挡图5h中由506标记的媒体元素的社交消息进行透明度的调整,其中,对媒体元素行成遮挡的社交消息进行调整后的社交页面可如图5h中由55标记的页面所示。
下面,对终端设备实现在社交页面的页面背景中添加贴纸或本地视频或本端图像的技术实现进行说明。在一个实施例中,添加到页面背景的贴纸或本地视频或本端图像可统称为富媒体,其中,支持显示社交页面的客户端中存在专门的图片视频编辑软件开发工具包(Software Development Kit,SDK),且SDK提供了在社交页面的页面背景中进行富媒体内容添加,以及对富媒体内容进行调整的功能,其中,该终端设备在将该富媒体内容显示在元素编辑页面或页面背景时,均是先将该富媒体内容显示在相应的显示层中的,如可将其中图片和贴纸是图像层(image view)中,然后将视频显示在视频层(video view)中,并进一步地可对imageview(或video view)加上手势响应,从而实现对显示的富媒体内容进行调整。如图5c中由53标记的页面所示的,显示在该元素编辑页面中的贴纸和目标视频是分别显示在image view和video view中的,且在将元素编辑页面中的贴纸和目标视频添加到社交页面的页面背景后,该贴纸和目标视频同样是分别显示在image view和video view中的,但是在视觉感受下,该贴纸和目标视频均无论是在元素编辑页面进行显示时,或在社交页面的页面背景显示时,均是显示在同一层次中的。
终端设备基于SDK实现的将贴纸、本地视频或本地图像添加到社交页面的页面背景中进行显示的过程,以及基于本端终端设备对该页面背景的编辑调整使对端设备同步对相应社交页面的页面背景进行编辑调整及显示的过程可如图6a所示。具体地,该终端设备可在元素编辑页面在图像选择区显示一个或多个待选图像后,根据社交用户对显示的目标图像的选择指令,确定出需要被添加到社交页面的页面背景中的图像为目标图像,然后,可在检测到社交用户执行的确认添加操作时,将终端设备在社交用户在元素编辑页面进行图像选择的执行视频,及最终确定的针对社交页面的页面背景的图片发送到资源存储平台,从而可从资源存储平台获取社交用户为该页面背景添加了目标图像的资源标识,终端设备基于获取到该资源标识后,则可进行目标图像的位置确定,并进而根据该资源标识和确定的位置信息生成针对页面背景的设置信息,从而可在将该设置信息发送给后台服务器后,使该后台服务器对该社交页面的页面背景进行元素添加设置,从而可进一步地基于后台服务器对该社交页面的页面背景的设置,实现对对端设备中显示的社交页面的页面背景的同步更新显示。
在一个实施例中,由于终端设备为页面背景添加的富媒体内容中,可将贴纸和图片作为同一类型的富媒体内容,并将视频作为另一类型的富媒体内容,其中,该贴纸和图片都归属于图片(image)类,视频属于视频(video)类,但是,由于贴纸是由终端设备的客户端推荐的系统资源,那么,终端设备在将贴纸显示在元素编辑页面的图像选择区时,客户端(即该终端设备)已经获取到了每个贴纸在COS平台对应的资源标识,那么,如果该终端设备确定为页面背景添加的富媒体内容为贴纸时,该终端设备不需要再从COS平台获取该贴纸对应的资源标识,也就是说,当社交用户仅需在社交页面的页面背景中添加贴纸,该终端设备可不进行执行视频和图片的生成,可直接基于贴纸的资源标识和对应的显示位置进行设置信息的生成,并将该设置信息发送给后台服务器。在一个实施例中,如果终端设备需要为社交页面的页面背景添加本端图像或视频,那么,该终端设备则需进行执行视频和图片的生成,并从COS平台中获取该执行视频或图片对应的资源标识,以进行设置信息的生成。
在一个实施例中,该终端设备在获取到待添加到页面背景中的富媒体内容对应的资源标识后,还将计算每个富媒体内容在元素编辑页面中对应的显示位置,使得终端设备在将富媒体内容显示在该社交页面的页面背景时,将基于相应富媒体内容在该元素编辑页面中的显示位置进行布局显示。在一个实施例中,终端设备在计算每个富媒体内容在元素编辑页面中的显示位置时,将基于每个富媒体内容在元素编辑页面对应的资源宽、资源高、旋转度及中心点位置进行确定,其中,终端设备在计算富媒体内容的资源宽、资源高、旋转度及中心点位置是基于该元素编辑页面的元素编辑区的宽和高进行确定的。具体可如图6b所示,该元素编辑页面的元素编辑区是如图6b中由虚线框出的区域,那么,该元素编辑区的宽和高分别如图6b中由601和602标记的长度所示,而富媒体内容的资源宽为如图6b中由603标记的长度所示,资源高则如图6b中由604标记的长度所示,旋转度是基于水平放置的旋转度,如图6b中由605标记的旋转角度中心点则是如图6b中606标记的点。
其中,该终端设备生成的设置信息将记录添加到元素编辑页面的每个富媒体内容的高度、宽度、中心点位置及旋转角度,然后后台服务器在获取到该设置信息后即可基于上述信息将每个富媒体内容布局到社交页面的页面背景中,而为了使社交页面中的各社交用户所在的不同终端设备中显示的社交页面是和谐统一的,该设置信息中还包括元素编辑页面的高度和宽度信息,以便不同屏幕尺寸的终端设备可基于设置信息中记录的元素编辑页面的高度和宽度信息,能更好的还原社交用户在该元素编辑页面执行相应操作时所添加的富媒体内容的位置和旋转角度,从而可提升富媒体内容在被添加并显示到不同屏幕尺寸的终端设备时,在各屏幕尺寸不同的终端设备中的显示效果的和谐度。在一个实施例中,终端设备在基于设置信息中记录的富媒体内容的相关设置信息,以及该元素编辑页面的相关页面信息,将富媒体内容添加到不同屏幕尺寸(即社交页面的页面背景尺寸不同)社交页面的页面背景中时,该终端设备可参照图片填充思想中,具体可以为UIViewContentModeScaleAspectFit的模式(一种图片填充模式),其中,在该模式下,该终端设备进行富媒体内容的填充时,将保持富媒体内容的纵横比例,来适应视图(即页面背景)的大小,相当于元素编辑页面(即滑板)的宽(width)高(heigh)就是图片的宽高,然后填充到承载内容的容器中,也就是view(即页面背景),然后根据画报的宽高和view的宽高,算出画板最终的能展示的新的宽(new_width)高(new_height),进而就可以根据width和height同new_width和new_height的比例,就可以算出每个内容位置最终的信息,然后布局到view中。
在一个实施例中,由于终端设备为页面背景添加的媒体元素是被显示在不同的层次中的,因此,该终端设备还设置了各层次中媒体元素的显示优先级,其中,该终端设备设置的优先级可以为涂鸦<贴纸<图片<视频,基于该显示优先级,当社交页面的页面背景中同时包含涂鸦和视频时,终端设备将优先对视频进行显示,而不显示涂鸦,而在该视频被删除后,才会对该显示位置的涂鸦进行显示。针对各媒体元素的显示,终端设备可将各媒体元素添加到社交页面的页面背景进行显示时,在该页面背景上先加一层涂鸦层view,然后布局富媒体内容view,如果是图片和贴纸就是添加imageview,如果是视频就是添加videoview。每个富媒体内容都是独立的view层次,单独展示,便于下次可再操作每个富媒体内容,同时也达到了对于视频,可点击静音的效果。
在一个实施例中,社交用户还可为显示在社交页面的页面背景中的媒体元素设置相应的显示时长,并当媒体元素在页面背景中的显示时长到达社交用户设置的显示时长时,显示在该页面背景中的相应媒体元素将从该页面背景中消失。同样的,社交用户为媒体元素设置相应显示时长的过程,可以是在该媒体元素被显示在元素编辑页面时执行的,也可以是在该媒体元素被显示到社交页面的页面背景之后执行的,而在本申请实施例中,主要以该媒体元素被显示到元素编辑页面时,为该媒体元素设置相应显示时长的过程进行示例性的说明。其中,该终端设备可在接收到对显示的参考媒体元素进行显示时长设置的触发操作时,显示时长设置窗口,在一个实施例中,该参考媒体元素例如可以是显示在元素编辑页面中的任一媒体元素,而该终端设备获取到的进行显示时长设置的触发操作例如可以是针对参考媒体元素的长按操作或者选择操作等,如图6c所示,终端设备可在检测到社交用户针对显示在元素编辑页面中的文本的长按操作后,显示时长设置窗口,其中,显示的时长设置窗口可以是如图6c中由610标记的设置窗口。
在终端设备显示该时长设置窗口后,社交用户则可直接基于该时长设置窗口对该参考媒体元素进行显示时长的设置,那么,该终端设备则可从时长设置窗口中获取为参考媒体元素设置的显示时长,并在显示参考媒体元素显示位置的关联位置处显示参考媒体元素的计时标识;其中,计时标识用于指示参考媒体元素的已显示时长,或用于指示参考媒体元素的剩余显示时长,即倒计时标识。在一个实施例中,假设社交用户基于该时长设置窗口为参考媒体元素设置的显示时长为24h,那么,该终端设备在为参考媒体元素显示相应的计时标识后的页面可以如图6c中由60标记的页面所示,而显示的计时标识则可以是如图6c中由611标记的倒计时标识。在一个实施例中,如图6c中显示的时长设置窗口只是示例性的说明,该时长设置窗口还可以是其他的呈现形式,如直接进行时长输入的文本输入窗口或语音输入窗口等。
在一个实施例中,在为该参考媒体元素添加相应的计时标识后,该计时标识也可被添加到该社交页面的页面背景中进行显示,其中,在将计时标识添加到社交页面的页面背景中进行显示后的页面可如图6d中由61标记的页面所示。而在终端设备将参考媒体元素被添加并显示到社交页面的页面背景后,该计时标识将开始计时,其中,如果终端设备确定计时标识指示参考媒体元素在页面背景中的显示时长达到设置的显示时长,则可在页面背景中删除参考媒体元素;其中,该终端设备将参考媒体元素删除时,还可同时删除显示的该参考媒体元素的计时标识,而在该终端设备删除该参考元素及对应的计时标识时,可以是对该参考元素及对应的计时标识直接删除的,或者也可以是将该参考元素及对应的计时标识的显示透明度调整为最大,从而可在视觉效果上达到对参考元素和计时标识进行删除的效果,其中,该终端设备在将参考媒体元素及对应的计时标识从页面背景中删除后显示的社交页面可如图6d中由62标记的页面所示。
在一个实施例中,该终端设备在计时标识开始计时之后,参考媒体元素的显示透明度随计时标识的计时变化而不断增大,直至当参考媒体元素的显示透明度达到最大时,确定从页面背景中删除参考媒体元素,具体可如图6e所示,该终端设备在显示过程中对参考媒体元素的显示透明度进行调整后的社交页面可如图6e中由63标记的页面所示。在一个实施例中,该终端设备在为参考媒体元素设置相应的显示时长后,该终端设备可不将该计时标识添加到社交页面的页面背景中进行显示,其中,该终端设备在不将社交用户设置显示时长后的计时标识添加到页面背景中显示的社交页面可如图6f中由64标记的页面所示,同样的,虽然该终端设备未将计时标识添加到社交页面的页面背景中进行显示,该终端设备同样会在该参考媒体元素被显示到页面背景后,促使计时标识开始计时,并在计时过程中不断调整参考媒体元素的显示透明度,并在计时标识的计时指示该参考媒体元素的显示时长到达设置的显示时长时,删除显示在页面背景中的参考媒体元素。
在一个实施例中,由于终端设备为社交页面的页面背景添加的媒体元素可分为涂鸦类和富媒体内容类,那么,该终端设备可在进行媒体元素的添加时,为每类添加到页面背景的媒体元素设置显示时长时,以及为添加到该页面背景的每个媒体元素添加唯一标识,开始时间以及存活时长,而在后台服务器将涂鸦或富媒体内容添加到页面背景后,该后台服务器会返回每个媒体元素对应的资源标识,以对这个媒体元素进行标记。在一个实施例中,社交用户为媒体元素设置的显示时间即是该媒体元素的消失时间对应的时间戳,在社交用户为媒体元素设置相应的显示时间后,将换算成对应的秒级别,而终端设备在每次进行媒体元素显示的时候,都会检查当前的时间戳与为媒体元素设置的的时间戳之间的差值是否小于存活时长,如果不小于存活时长,该终端设备就确定不需要进行媒体元素的显示;而如果确定小于时长,则该终端设备将根据媒体元素的基本信息,将媒体元素布局到背景view中,同时给每个元素起一个定时器,到了存活时间,就将元素从背景view中移除。具体可如图6g所示,基于该处理逻辑,该终端设备可基于社交用户对媒体元素的显示时长的设置,对显示在社交页面的页面背景中的媒体元素进行布局显示,其中,如果终端设备基于显示时长的设置,对页面背景中媒体元素进行布局显示失败,则可向社交用户发送提示信息,而如果执行成功,则会更新元素的基本信息,包括对应的元素时间戳以及存活时长。在媒体元素被设置了自动消失时间之后,如果该计时标识被显示在页面背景中,可在该媒体元素的显示时长内,在背景view中媒体元素的位置上角默认插入一个倒计时view,便于用户实时观察到元素的时效性。
在一个实施例中,基于社交用户对社交页面的页面背景的编辑调整,该终端设备还可在该社交页面的页面入口处显示添加指示标识,以提醒该社交页面中的相关社交用户,该社交页面的页面背景已被调整。在具体实现中,该终端设备可先显示页面入口列表,该页面入口列表显示有社交页面的页面入口;在一个实施例中,该终端设备在将媒体元素添加到社交页面的页面背景后,显示的社交页面的页面入口列表可以是如图6h中由65标记的列表页面,而终端设备在显示该页面入口列表后,可在页面入口列表中,用于显示页面入口的显示位置处显示添加指示标识;其中,添加指示标识是根据在为社交页面的页面背景添加的任一媒体元素生成的,其中,该终端设备添加的指示标识则可以是如图6h中由612标记的标识,且终端设备在显示该添加指示标识后,不会以强提醒(系统通知)的形式向社交用户发送通知消息,而仅在会话入口处进行标识的展示。
在一个实施例中,终端设备在该社交页面的页面入口显示相应的添加指示标识时,由于社交页面是基于好友关系进行区分的,不同关系的社交用户之间的社交页面及对应的页面背景可以是不同的,所以,在进行页面背景的媒体元素添加时,都带上了好友的身份标识(uin),使终端设备可根据uin区分出具体进行媒体元素添加的页面背景。因此,在终端设备显示页面入口列表后,可在该页面入口列表中展示最近进行社交信息交互的好友列表,而基于客户端提供的涂鸦功能,该终端设备可在为某个社交页面的页面背景添加媒体元素后,该终端设备可根据uin找到对应的执行视频,从而可基于该执行视频,在社交页面的显示入口出显示添加指示信息。由于终端设备直接在页面入口列表中社交页面的页面入口处直接进行的添加指示信息的显示,将不会影响终端设备进行系统通知,也不会影响社交消息的未读数,是一个独立存在的处理逻辑,仅作为标识在入口处进行显示,其中,该终端设备显示在该页面入口的添加并显示标识可以是由在该社交页面中添加的任意一个或多个媒体元素得到的,或者,也可以是由添加到该社交页面的最新媒体元素得到的。
在一个实施例中,当该社交页面为虚拟社交场景的交互页面时,社交用户也可触发对页面背景进行媒体元素的添加,其中,该虚拟社交场景的交互页面也是基于AIO实现的,所以该虚拟社交场景的交互页面在实现对相应页面背景进行媒体元素添加时,和上述为会话页面的页面背景添加相应媒体元素是适配的,具体地,该终端设备为虚拟社交场景的交互页面的页面场景添加媒体元素后可如图7a所示。另外,该社交页面也可以是内容分享页面,而在该社交页面为内容分享页面时,社交用户也可触发对页面背景进行媒体元素的添加,其中,社交用户为内容分享页面进行媒体元素添加后的示意图可如图7b所示。
在本申请实施例中,终端设备可在显示社交页面后,基于对编辑触发组件的选择,进一步进行元素编辑页面的显示,而在该终端设备显示元素编辑页面后,则可基于社交用户在该元素编辑页面执行的不同编辑操作,为社交页面的页面背景添加各种类型的媒体元素,如可为该社交页面添加文本、图画、系统图像或本地图像等,此外,该社交用户还可为添加的媒体元素设置在页面背景中的显示时间,使该终端设备可在显示时间到达时,自动取消显示的媒体元素,以及该终端设备还可在该社交页面的页面入口处进行添加指示标识的显示,使终端设备在实现进行社交消息的显示的同时,还实现了对伴随性消息的显示表达,以及终端设备支持社交用户在社交页面执行的各种针对媒体元素的操作,可有效提升社交用户的社交兴趣,从而提升用户粘性。
基于上述页面显示方法实施例的描述,本发明实施例还提出了一种页面显示装置,该页面显示装置可以是运行于上述终端设备中的一个计算机程序(包括程序代码)。该页面显示装置可用于执行如图2和图4的页面显示方法,请参见图8,该页面显示装置包括:显示单元801。
显示单元801,用于显示社交页面,所述社交页面中包含页面背景;
所述显示单元801,还用于响应于在所述社交页面中执行的元素添加操作,在所述社交页面的页面背景上添加并显示一个或多个媒体元素。
在一个实施例中,所述显示单元801,具体用于:
显示元素编辑页面,并从所述元素编辑页面获取编辑操作,其中,从所述元素编辑页面获取的编辑操作为元素添加操作;
将基于所述编辑操作确定出的一个或多个媒体元素显示在所述元素编辑页面中;
响应于针对所述元素编辑页面中显示的媒体元素的确认触发操作,将显示在所述元素编辑页面中的媒体元素添加到所述社交页面的页面背景上进行显示。
在一个实施例中,所述社交页面显示了编辑触发组件;所述显示单元801,具体用于:
当所述编辑触发组件被选择时,显示元素编辑页面;或者,
当从所述社交页面获取到目标操作时,显示所述元素编辑页面,所述目标操作包括以下至少一种:针对所述页面背景的长按操作,双击操作和滑动操作;
其中,所述元素编辑页面包括编辑蒙层,所述编辑蒙层显示在所述社交页面上。
在一个实施例中,所述元素编辑页面显示有一个或多个元素编辑组件,所述元素编辑组件包括绘画组件;
当所述绘画组件被选择时,从所述元素编辑页面获取的编辑操作为在所述元素编辑页面执行的绘画操作;
显示在所述媒体编辑页面的一个或多个基于所述编辑操作确定的媒体元素为图画。
在一个实施例中,所述元素编辑页面显示有一个或多个元素编辑组件,所述元素编辑组件包括文本添加组件;
当所述文本添加组件被选择时,从所述元素编辑页面获取的编辑操作为文本添加操作;
显示在所述媒体编辑页面的一个或多个基于所述编辑操作确定的媒体元素则为一个或多个文本。
在一个实施例中,所述元素编辑页面显示有一个或多个元素编辑组件,所述元素编辑组件包括图像添加组件,当所述图像添加组件被选择时,
所述显示单元801,还用于在所述元素编辑页面的图像选择区中显示一个或多个待选图像,所述待选图像包括系统推荐图像;
其中,从所述元素编辑页面获取的编辑操作为针对所述一个或多个待选图像中的目标图像的选择操作,显示在所述媒体编辑页面的一个或多个基于所述编辑操作确定的媒体元素则为所述目标图像。
在一个实施例中,所述图像选择区还显示有本地图像的显示触发组件,所述本地图像包括本地图像和本地视频,所述显示触发组件包括图片组件和视频组件;
当所述图片组件被选择时,在所述图像选择区显示所述本地图片;
当所述视频组件被选择时,在所述图像选择区显示所述本地视频;
其中,当目标视频被选择作为目标图像添加到所述社交页面的页面背景时,自动循环播放所述目标视频,并在所述目标视频的显示区域中显示音量标识,所述音量标识用于调整所述目标视频的播放音量。
在一个实施例中,所述装置还包括:处理单元802。
处理单元802,用于选中目标媒体元素,并根据获取的针对所述目标媒体元素的调整操作对所述目标媒体元素进行调整;其中,所述调整操作包括以下一种或多种:放大操作,缩小操作,位置移动操作,替换操作,以及删除操作。
所述显示单元801,还用于在所述社交页面的页面背景上显示调整后的目标媒体元素。
在一个实施例中,所述显示单元801,还用于响应于对显示的参考媒体元素进行显示时长设置的触发操作,显示时长设置窗口;
所述处理单元802,还用于从所述时长设置窗口中获取为所述参考媒体元素设置的显示时长,并在显示所述参考媒体元素显示位置的关联位置处显示所述参考媒体元素的计时标识;
其中,所述计时标识用于指示所述参考媒体元素的已显示时长,或用于指示所述参考媒体元素的剩余显示时长。
在一个实施例中,所述处理单元802,还用于当所述参考媒体元素被添加并显示到所述社交页面的页面背景后,所述计时标识开始计时;
所述显示单元801,还用于若所述计时标识指示所述参考媒体元素在所述页面背景中的显示时长达到设置的显示时长,从所述页面背景中删除所述参考媒体元素;
其中,在所述计时标识开始计时之后,所述参考媒体元素的显示透明度随所述计时标识的计时变化而不断增大,直至当所述参考媒体元素的显示透明度达到最大时,确定从所述页面背景中删除所述参考媒体元素。
在一个实施例中,所述社交页面还包括页面前景,所述页面前景显示在所述页面背景的上层,所述页面前景显示有一条或多条社交消息;
所述处理单元802,还用于若所述一条或多条社交消息中的目标社交消息遮挡了添加到所述页面背景进行显示的任一媒体元素,则调整所述目标社交消息的显示透明度;
其中,对所述目标社交消息的显示透明度的调整包括以下至少一种:对所述目标社交消息本身透明度的调整,以及对所述目标社交消息所处显示区域的透明度的调整。
在一个实施例中,当所述社交页面为会话页面时,显示在所述页面前景中的社交消息为会话消息;
当所述社交页面为虚拟社交场景的交互页面时,显示在所述页面前景中的社交消息包括以下至少一种:虚拟社交对象,及社交互动消息;
当所述社交页面为内容分享页面时,显示在所述页面前景中的社交消息为分享动态消息。
在一个实施例中,所述显示单元801,还用于显示页面入口列表,所述页面入口列表显示有所述社交页面的页面入口;
所述显示单元801,还用于在所述页面入口列表中,用于显示所述页面入口的显示位置处显示添加指示标识;
其中,所述添加指示标识是根据在为社交页面的页面背景添加的任一媒体元素生成的。
在一个实施例中,所述显示单元801,具体用于:
根据媒体元素在所述元素编辑页面中的显示位置,将所述媒体元素添加到所述社交页面的页面背景的相应位置处进行显示。
在一个实施例中,若所述元素添加操作在本端执行;
所述处理单元602,还用于在所述社交页面中执行所述元素添加操作的过程中,根据所述元素添加操作的执行过程生成执行视频;
所述显示单元601,还用于将所述执行视频作为社交消息显示在所述社交页面中。
在本申请实施例中,显示单元801可在显示了社交页面后,根据社交用户在社交页面中执行的元素添加操作,将基于该元素添加操作生成的媒体元素添加到社交页面的页面背景上进行显示,使显示单元801可在社交页面中实时显示社交用户之间的社交消息的同时,还可在该社交页面中显示非实时变化的伴随性消息,从而可提升在社交页面中信息消息显示的灵活性。而由于添加到社交页面的页面背景中进行显示的媒体元素是基于社交用户在该社交页面中执行的元素添加操作生成的,也就实现了基于用户的显示需求对社交页面进行显示,从而也就可吸引用户,提升用户粘性,也提升了社交用户之间进行社交互动的形式和灵活性。
请参见图9,是本发明实施例提供的一种终端设备的结构示意性框图。如图9所示的本实施例中的终端设备可包括:一个或多个处理器901;一个或多个输入设备902,一个或多个输出设备903和存储器904。上述处理器901、输入设备902、输出设备903和存储器904通过总线905连接。存储器904用于存储计算机程序,计算机程序包括程序指令,处理器901用于执行存储器904存储的程序指令。
存储器904可以包括易失性存储器(volatile memory),如随机存取存储器(random-access memory,RAM);存储器904也可以包括非易失性存储器(non-volatilememory),如快闪存储器(flash memory),固态硬盘(solid-state drive,SSD)等;存储器904还可以包括上述种类的存储器的组合。
处理器901可以是中央处理器(central processing unit,CPU)。处理器901还可以进一步包括硬件芯片。上述硬件芯片可以是专用集成电路(application-specificintegrated circuit,ASIC),可编程逻辑器件(programmable logic device,PLD)等。该PLD可以是现场可编程逻辑门阵列(field-programmable gate array,FPGA),通用阵列逻辑(generic array logic,GAL)等。处理器901也可以为上述结构的组合。
本发明实施例中,存储器904用于存储计算机程序,计算机程序包括程序指令,处理器901用于执行存储器904存储的程序指令,用来实现上述如图2和图4中相应方法的步骤。
在一个实施例中,处理器901被配置调用程序指令,用于执行:
显示社交页面,所述社交页面中包含页面背景;
响应于在所述社交页面中执行的元素添加操作,在所述社交页面的页面背景上添加并显示一个或多个媒体元素。
在一个实施例中,处理器901被配置调用程序指令,用于执行:
显示元素编辑页面,并从所述元素编辑页面获取编辑操作,其中,从所述元素编辑页面获取的编辑操作为元素添加操作;
将基于所述编辑操作确定出的一个或多个媒体元素显示在所述元素编辑页面中;
响应于针对所述元素编辑页面中显示的媒体元素的确认触发操作,将显示在所述元素编辑页面中的媒体元素添加到所述社交页面的页面背景上进行显示。
在一个实施例中,所述社交页面显示了编辑触发组件;处理器901被配置调用程序指令,用于执行:
当所述编辑触发组件被选择时,显示元素编辑页面;或者,
当从所述社交页面获取到目标操作时,显示所述元素编辑页面,所述目标操作包括以下至少一种:针对所述页面背景的长按操作,双击操作和滑动操作;
其中,所述元素编辑页面包括编辑蒙层,所述编辑蒙层显示在所述社交页面上。
在一个实施例中,所述元素编辑页面显示有一个或多个元素编辑组件,所述元素编辑组件包括绘画组件;
当所述绘画组件被选择时,从所述元素编辑页面获取的编辑操作为在所述元素编辑页面执行的绘画操作;
显示在所述媒体编辑页面的一个或多个基于所述编辑操作确定的媒体元素为图画。
在一个实施例中,所述元素编辑页面显示有一个或多个元素编辑组件,所述元素编辑组件包括文本添加组件;
当所述文本添加组件被选择时,从所述元素编辑页面获取的编辑操作为文本添加操作;
显示在所述媒体编辑页面的一个或多个基于所述编辑操作确定的媒体元素则为一个或多个文本。
在一个实施例中,所述元素编辑页面显示有一个或多个元素编辑组件,所述元素编辑组件包括图像添加组件,当所述图像添加组件被选择时,处理器901被配置调用程序指令,用于执行:
在所述元素编辑页面的图像选择区中显示一个或多个待选图像,所述待选图像包括系统推荐图像;
其中,从所述元素编辑页面获取的编辑操作为针对所述一个或多个待选图像中的目标图像的选择操作,显示在所述媒体编辑页面的一个或多个基于所述编辑操作确定的媒体元素则为所述目标图像。
在一个实施例中,所述图像选择区还显示有本地图像的显示触发组件,所述本地图像包括本地图像和本地视频,所述显示触发组件包括图片组件和视频组件;
当所述图片组件被选择时,在所述图像选择区显示所述本地图片;
当所述视频组件被选择时,在所述图像选择区显示所述本地视频;
其中,当目标视频被选择作为目标图像添加到所述社交页面的页面背景时,自动循环播放所述目标视频,并在所述目标视频的显示区域中显示音量标识,所述音量标识用于调整所述目标视频的播放音量。
在一个实施例中,处理器901被配置调用程序指令,用于执行:
选中目标媒体元素,并根据获取的针对所述目标媒体元素的调整操作对所述目标媒体元素进行调整;其中,所述调整操作包括以下一种或多种:放大操作,缩小操作,位置移动操作,替换操作,以及删除操作。
在所述社交页面的页面背景上显示调整后的目标媒体元素。
在一个实施例中,处理器901被配置调用程序指令,用于执行:
响应于对显示的参考媒体元素进行显示时长设置的触发操作,显示时长设置窗口;
从所述时长设置窗口中获取为所述参考媒体元素设置的显示时长,并在显示所述参考媒体元素显示位置的关联位置处显示所述参考媒体元素的计时标识;
其中,所述计时标识用于指示所述参考媒体元素的已显示时长,或用于指示所述参考媒体元素的剩余显示时长。
在一个实施例中,处理器901被配置调用程序指令,用于执行:
当所述参考媒体元素被添加并显示到所述社交页面的页面背景后,所述计时标识开始计时;
若所述计时标识指示所述参考媒体元素在所述页面背景中的显示时长达到设置的显示时长,从所述页面背景中删除所述参考媒体元素;
其中,在所述计时标识开始计时之后,所述参考媒体元素的显示透明度随所述计时标识的计时变化而不断增大,直至当所述参考媒体元素的显示透明度达到最大时,确定从所述页面背景中删除所述参考媒体元素。
在一个实施例中,所述社交页面还包括页面前景,所述页面前景显示在所述页面背景的上层,所述页面前景显示有一条或多条社交消息;处理器901被配置调用程序指令,用于执行:
若所述一条或多条社交消息中的目标社交消息遮挡了添加到所述页面背景进行显示的任一媒体元素,则调整所述目标社交消息的显示透明度;
其中,对所述目标社交消息的显示透明度的调整包括以下至少一种:对所述目标社交消息本身透明度的调整,以及对所述目标社交消息所处显示区域的透明度的调整。
在一个实施例中,当所述社交页面为会话页面时,显示在所述页面前景中的社交消息为会话消息;
当所述社交页面为虚拟社交场景的交互页面时,显示在所述页面前景中的社交消息包括以下至少一种:虚拟社交对象,及社交互动消息;
当所述社交页面为内容分享页面时,显示在所述页面前景中的社交消息为分享动态消息。
在一个实施例中,处理器901被配置调用程序指令,用于执行:
显示页面入口列表,所述页面入口列表显示有所述社交页面的页面入口;
在所述页面入口列表中,用于显示所述页面入口的显示位置处显示添加指示标识;
其中,所述添加指示标识是根据在为社交页面的页面背景添加的任一媒体元素生成的。
在一个实施例中,处理器901被配置调用程序指令,用于执行:
根据媒体元素在所述元素编辑页面中的显示位置,将所述媒体元素添加到所述社交页面的页面背景的相应位置处进行显示。
在一个实施例中,若所述元素添加操作在本端执行;处理器901被配置调用程序指令,用于执行:
在所述社交页面中执行所述元素添加操作的过程中,根据所述元素添加操作的执行过程生成执行视频;
将所述执行视频作为社交消息显示在所述社交页面中。
本发明实施例提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述如图2或图4所示的方法实施例。其中,的计算机可读存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random Access Memory,RAM)等。
以上所揭露的仅为本发明的局部实施例而已,当然不能以此来限定本发明之权利范围,本领域普通技术人员可以理解实现上述实施例的全部或局部流程,并依本发明权利要求所作的等同变化,仍属于发明所涵盖的范围。

Claims (19)

1.一种页面显示方法,其特征在于,包括:
显示社交页面,所述社交页面中包含页面背景;
响应于在所述社交页面中执行的元素添加操作,在所述社交页面的页面背景上添加并显示一个或多个媒体元素。
2.如权利要求1所述的方法,其特征在于,所述响应于在所述社交页面中执行的元素添加操作,在所述社交页面的页面背景上添加并显示一个或多个媒体元素,包括:
显示元素编辑页面,并从所述元素编辑页面获取编辑操作,其中,从所述元素编辑页面获取的编辑操作为元素添加操作;
将基于所述编辑操作确定出的一个或多个媒体元素显示在所述元素编辑页面中;
响应于针对所述元素编辑页面中显示的媒体元素的确认触发操作,将显示在所述元素编辑页面中的媒体元素添加到所述社交页面的页面背景上进行显示。
3.如权利要求2所述的方法,其特征在于,所述社交页面显示了编辑触发组件;所述显示元素编辑页面,包括:
当所述编辑触发组件被选择时,显示元素编辑页面;或者,
当从所述社交页面获取到目标操作时,显示所述元素编辑页面,所述目标操作包括以下至少一种:针对所述页面背景的长按操作,双击操作和滑动操作;
其中,所述元素编辑页面包括编辑蒙层,所述编辑蒙层显示在所述社交页面上。
4.如权利要求2所述的方法,其特征在于,所述元素编辑页面显示有一个或多个元素编辑组件,所述元素编辑组件包括绘画组件;
当所述绘画组件被选择时,从所述元素编辑页面获取的编辑操作为在所述元素编辑页面执行的绘画操作;
显示在所述媒体编辑页面的一个或多个基于所述编辑操作确定的媒体元素为图画。
5.如权利要求2所述的方法,其特征在于,所述元素编辑页面显示有一个或多个元素编辑组件,所述元素编辑组件包括文本添加组件;
当所述文本添加组件被选择时,从所述元素编辑页面获取的编辑操作为文本添加操作;
显示在所述媒体编辑页面的一个或多个基于所述编辑操作确定的媒体元素则为一个或多个文本。
6.如权利要求2所述的方法,其特征在于,所述元素编辑页面显示有一个或多个元素编辑组件,所述元素编辑组件包括图像添加组件,当所述图像添加组件被选择时,所述方法还包括:
在所述元素编辑页面的图像选择区中显示一个或多个待选图像,所述待选图像包括系统推荐图像;
其中,从所述元素编辑页面获取的编辑操作为针对所述一个或多个待选图像中的目标图像的选择操作,显示在所述媒体编辑页面的一个或多个基于所述编辑操作确定的媒体元素则为所述目标图像。
7.如权利要求6所述的方法,其特征在于,所述图像选择区还显示有本地图像的显示触发组件,所述本地图像包括本地图像和本地视频,所述显示触发组件包括图片组件和视频组件;
当所述图片组件被选择时,在所述图像选择区显示所述本地图片;
当所述视频组件被选择时,在所述图像选择区显示所述本地视频;
其中,当目标视频被选择作为目标图像添加到所述社交页面的页面背景时,自动循环播放所述目标视频,并在所述目标视频的显示区域中显示音量标识,所述音量标识用于调整所述目标视频的播放音量。
8.如权利要求1或2所述的方法,其特征在于,所述方法还包括:
选中目标媒体元素,并根据获取的针对所述目标媒体元素的调整操作对所述目标媒体元素进行调整;其中,所述调整操作包括以下一种或多种:放大操作,缩小操作,位置移动操作,替换操作,以及删除操作;
在所述社交页面的页面背景上显示调整后的目标媒体元素。
9.如权利要求1或2所述的方法,其特征在于,所述方法还包括:
响应于对显示的参考媒体元素进行显示时长设置的触发操作,显示时长设置窗口;
从所述时长设置窗口中获取为所述参考媒体元素设置的显示时长,并在显示所述参考媒体元素显示位置的关联位置处显示所述参考媒体元素的计时标识;
其中,所述计时标识用于指示所述参考媒体元素的已显示时长,或用于指示所述参考媒体元素的剩余显示时长。
10.如权利要求9所述的方法,其特征在于,所述方法还包括:
当所述参考媒体元素被添加并显示到所述社交页面的页面背景后,所述计时标识开始计时;
若所述计时标识指示所述参考媒体元素在所述页面背景中的显示时长达到设置的显示时长,从所述页面背景中删除所述参考媒体元素;
其中,在所述计时标识开始计时之后,所述参考媒体元素的显示透明度随所述计时标识的计时变化而不断增大,直至当所述参考媒体元素的显示透明度达到最大时,确定从所述页面背景中删除所述参考媒体元素。
11.如权利要求1所述的方法,其特征在于,所述社交页面还包括页面前景,所述页面前景显示在所述页面背景的上层,所述页面前景显示有一条或多条社交消息;所述方法还包括:
若所述一条或多条社交消息中的目标社交消息遮挡了添加到所述页面背景进行显示的任一媒体元素,则调整所述目标社交消息的显示透明度;
其中,对所述目标社交消息的显示透明度的调整包括以下至少一种:对所述目标社交消息本身透明度的调整,以及对所述目标社交消息所处显示区域的透明度的调整。
12.如权利要求11所述的方法,其特征在于,当所述社交页面为会话页面时,显示在所述页面前景中的社交消息为会话消息;
当所述社交页面为虚拟社交场景的交互页面时,显示在所述页面前景中的社交消息包括以下至少一种:虚拟社交对象,及社交互动消息;
当所述社交页面为内容分享页面时,显示在所述页面前景中的社交消息为分享动态消息。
13.如权利要求1所述的方法,其特征在于,所述方法还包括:
显示页面入口列表,所述页面入口列表显示有所述社交页面的页面入口;
在所述页面入口列表中,用于显示所述页面入口的显示位置处显示添加指示标识;
其中,所述添加指示标识是根据在为社交页面的页面背景添加的任一媒体元素生成的。
14.如权利要求2所述的方法,其特征在于,所述将显示在所述元素编辑页面中的媒体元素添加到所述社交页面的页面背景上进行显示,包括:
根据媒体元素在所述元素编辑页面中的显示位置,将所述媒体元素添加到所述社交页面的页面背景的相应位置处进行显示。
15.如权利要求1所述的方法,其特征在于,若所述元素添加操作在本端执行;所述方法还包括:
在所述社交页面中执行所述元素添加操作的过程中,根据所述元素添加操作的执行过程生成执行视频;
将所述执行视频作为社交消息显示在所述社交页面中。
16.一种页面显示装置,其特征在于,包括:
显示单元,用于显示社交页面,所述社交页面中包含页面背景;
所述显示单元,还用于响应于在所述社交页面中执行的元素添加操作,在所述社交页面的页面背景上添加并显示一个或多个媒体元素。
17.一种终端设备,其特征在于,包括处理器、输入设备、输出设备和存储器,所述处理器、所述输入设备、所述输出设备和所述存储器相互连接,其中,所述存储器用于存储计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,执行如权利要求1~15任一项所述的方法。
18.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时使所述处理器执行如权利要求1~15任一项所述的方法。
19.一种计算机产品或计算机程序,其特征在于,所述计算机程序产品包括计算机程序,所述计算机程序被处理器执行时用于加载并执行如权利要求1~15任一项所述的页面显示方法。
CN202111330448.6A 2021-11-09 2021-11-09 页面显示方法、装置、终端设备及存储介质 Pending CN116107459A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111330448.6A CN116107459A (zh) 2021-11-09 2021-11-09 页面显示方法、装置、终端设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111330448.6A CN116107459A (zh) 2021-11-09 2021-11-09 页面显示方法、装置、终端设备及存储介质

Publications (1)

Publication Number Publication Date
CN116107459A true CN116107459A (zh) 2023-05-12

Family

ID=86264334

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111330448.6A Pending CN116107459A (zh) 2021-11-09 2021-11-09 页面显示方法、装置、终端设备及存储介质

Country Status (1)

Country Link
CN (1) CN116107459A (zh)

Similar Documents

Publication Publication Date Title
US20220300132A1 (en) Facilitating the editing of multimedia as part of sending the multimedia in a message
US10698575B2 (en) Communication user interface systems and methods
JP6683387B2 (ja) リソース共有方法、端末、および記憶媒体
US10761680B2 (en) Display method of scenario emoticon using instant message service and user device therefor
WO2022063176A1 (zh) 用于发布视频或图像的方法、装置、设备和介质
CN109683714B (zh) 多媒体资源管理方法、装置及存储介质
JP2018166012A (ja) 通信ユーザ・インタフェース・システムおよび方法
CN103747362A (zh) 一种截取视频片段的方法和装置
CN110704647B (zh) 一种内容处理方法及装置
US20160165128A1 (en) Capturing and sending images and videos based on a single user interaction with a user interface element
EP3532917A1 (en) Video playback in group communications
KR20150068509A (ko) 메신저 프로그램에서의 이미지를 이용한 커뮤니케이션 방법, 이를 위한 장치 및 시스템
US20230004673A1 (en) Information management system and method for communication application, and display terminal
CN109947506B (zh) 界面切换方法、装置及电子设备
US20160164809A1 (en) Identifying and selecting contacts to include in a face tray of a messaging application
CN113986574A (zh) 评论内容的生成方法、装置、电子设备和存储介质
KR102136793B1 (ko) 메신저 프로그램에서의 이미지를 이용한 커뮤니케이션 방법, 이를 위한 장치 및 시스템
CN105204718B (zh) 一种信息处理方法及电子设备
CN116107459A (zh) 页面显示方法、装置、终端设备及存储介质
JP7338935B2 (ja) 端末の表示方法、端末、端末のプログラム
CN113157468A (zh) 跨进程信息处理方法、控制器、终端和存储介质
CN112799552A (zh) 一种推广图片分享方法、装置和存储介质
CN114546229B (zh) 信息处理方法、截屏方法及电子设备
CN115167957A (zh) 一种应用通知信息的展示样式生成方法、装置、电子设备
CN117255219A (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
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40086813

Country of ref document: HK