CN113225572A - 直播间的页面元素展示方法、装置及系统 - Google Patents

Abstract

本公开关于一种直播间的页面元素展示方法、装置及系统，涉及计算机技术领域，用以提升展示直播间中页面元素的丰富度，该方法包括：第一客户端响应于针对直播间的页面元素组的第一显示切换指令，将直播间中所述页面元素组的当前显示资源集合，替换为所述页面元素组关联的目标显示资源集合；向服务器发送第二显示切换指令，目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源；服务器基于第二显示切换指令确定目标显示资源集合并发送给第二客户端；第二客户端将所述直播间中所述页面元素组的当前显示资源集合替换为目标显示资源集合。该方法可以切换直播间中页面元素的显示资源的方式，提升了在直播间中展示页面元素的丰富度。

Description

直播间的页面元素展示方法、装置及系统

技术领域

本公开涉及计算机技术领域，尤其涉及一种直播间的页面元素展示方法、装置及系统。

背景技术

相关技术中，随着互联网技术的发展，网络社交平台上的直播逐渐成为受欢迎的实施互动形式，但当前直播间中各个页面元素都是以固定的形式进行展示的，无法对直播间中显示的页面元素的展示样式进行更改，展示直播间的页面元素的方式单一，直播间中页面元素的展示样式的丰富度低，如何提升展示直播间中页面元素的丰富度成为了需要考虑的问题。

发明内容

本公开提供一种直播间的页面元素展示方法、装置及系统，以至少提升展示直播间中的页面元素的丰富度。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种直播间的页面元素展示方法，应用于推送直播媒体流的第一客户端，包括：

响应于针对直播间的页面元素组的第一显示切换指令，确定所述页面元素组关联的目标显示资源集合，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源；

基于所述目标显示资源集合，将所述页面元素组的当前显示资源集合，替换为所述目标显示资源集合；

向服务器发送第二显示切换指令，以使所述服务器通知第二客户端将所述直播间中所述页面元素组的当前显示资源集合替换为所述目标显示资源集合，所述第二客户端为接收所述直播媒体流的客户端。

根据本公开实施例的第二方面，提供一种直播间的页面元素展示方法，应用于服务器，包括：

接收推送直播媒体流的第一客户端发送的第二显示切换指令，所述第二显示切换指令是所述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源；

基于所述第二显示切换指令，确定所述目标显示资源集合；

将所述目标显示资源集合发送给接收所述直播媒体流的第二客户端，以使所述第二客户端将所述直播间中所述页面元素组的当前显示资源集合替换为所述目标显示资源集合。

根据本公开实施例的第三方面，提供一种直播间的页面元素展示方法，应用于接收直播媒体流的第二客户端，包括：

接收直播间的页面元素组关联的目标显示资源集合，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源，所述目标显示资源集合是服务器基于接收的第二显示切换指令确定的；所述第二显示切换指令是所述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的；

基于所述目标显示资源集合，将所述页面元素组的当前显示资源集合，替换为所述目标显示资源集合。

根据本公开实施例的第四方面，提供一种直播间的页面元素展示装置，包括：

目标显示资源确定单元，被配置为执行响应于针对直播间的页面元素组的第一显示切换指令，确定所述页面元素组关联的目标显示资源集合，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源；

显示资源切换单元，被配置为执行基于所述目标显示资源集合，将所述页面元素组的当前显示资源集合，替换为所述目标显示资源集合；

指示单元，被配置为执行向服务器发送第二显示切换指令，以使所述服务器通知第二客户端将所述直播间中所述页面元素组的当前显示资源集合替换为所述目标显示资源集合，所述第二客户端为接收所述直播媒体流的客户端。

根据本公开实施例的第五方面，提供一种直播间的页面元素展示装置，包括：

信息接收单元，被配置为执行接收推送直播媒体流的第一客户端发送的第二显示切换指令，所述第二显示切换指令是所述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源；

目标显示资源确定单元，被配置为执行基于所述第二显示切换指令，确定所述目标显示资源集合；

显示资源发送单元，被配置为执行将所述目标显示资源集合发送给接收所述直播媒体流的第二客户端，以使所述第二客户端将所述直播间中所述页面元素组的当前显示资源集合替换为所述目标显示资源集合。

根据本公开实施例的第六方面，提供一种直播间的页面元素展示装置，包括：

显示资源接收单元，被配置为执行接收直播间的页面元素组关联的目标显示资源集合，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源，所述目标显示资源集合是服务器基于接收的第二显示切换指令确定的；所述第二显示切换指令是所述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的；

显示资源切换单元，被配置为执行基于所述目标显示资源集合，将所述页面元素组的当前显示资源集合，替换为所述目标显示资源集合。

根据本公开实施例的第七方面，提供一种第一电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如本公开第一方面中任一项所述的直播间的页面元素展示方法。

根据本公开实施例的第八方面，提供一种服务器，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如本公开第二方面中任一项所述的直播间的页面元素展示方法。

根据本公开实施例的第九方面，提供一种第二电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如本公开第三方面中任一项所述的直播间的页面元素展示方法。

根据本公开实施例的第十方面，提供一种直播系统，包括推送直播媒体流的第一客户端、服务器和接收所述直播媒体流的第二客户端，其中：

所述第一客户端用于响应于针对直播间的页面元素组的第一显示切换指令，确定所述页面元素组关联的目标显示资源集合；基于所述目标显示资源集合，将所述页面元素组的当前显示资源集合，替换为所述目标显示资源集合；以及向服务器发送第二显示切换指令；所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源；

所述服务器用于接收所述第二显示切换指令，基于所述第二显示切换指令，确定所述目标显示资源集合；将所述目标显示资源集合发送给接收所述直播媒体流的第二客户端；

所述第二客户端用于接收所述目标显示资源集合，基于所述目标显示资源集合，将所述页面元素组的当前显示资源集合，替换为所述目标显示资源集合。

根据本公开实施例的第十一方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由计算机的处理器执行时，使得计算机能够执行如本公开第一方面或第二方面或第三方面中任一项所述的直播间的页面元素展示方法。

根据本公开实施例的第十二方面，提供一种计算机程序产品，包括计算机指令，所述计算机指令被处理器执行时实现本公开第一方面或第二方面或第三方面中任一项所述的直播间的页面元素展示方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

本公开实施例中可以在第一客户端和第二客户端显示的直播间中，将页面元素组中的各个页面元素的当前显示资源替换成目标显示资源，以改变各个页面元素在直播间中的展示形式，提供了一种切换直播间中页面元素的展示形式的方法，由于能切换直播间中页面元素的显示资源，故而也提升了在直播间中展示页面元素的丰富度；另一方面，通过第一客户端进行直播的主播，可以根据自身喜好，个性化地装扮直播间，满足主播的个性化装扮直播间的需求，同时通过第二客户端观看直播的观众，也可以观看到直播间中页面元素的不同展示形式，提升观众观看直播并与直播间进行互动的意愿值。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种直播系统的示意图；

图2是根据一示例性实施例示出的一种直播间的背景图的示意图；

图3是根据一示例性实施例示出的第一控件的示例图；

图4是根据一示例性实施例示出的第二控件的示例图；

图5是根据一示例性实施例示出的一种创建自定义显示主题关联的显示资源集合的流程的示意图；

图6是根据一示例性实施例示出的一种创建显示主题关联的显示资源集合的流程的示意图；

图7是根据一示例性实施例示出的一种对显示资源进行合法性校验的流程的示意图；

图8是根据一示例性实施例示出的一种创建页面元素关联的待切换显示资源的流程的示意图；

图9是根据一示例性实施例示出的一种显示资源的表示形式；

图10是根据一示例性实施例示出的一种直播间的页面元素展示方法的流程的示意图；

图11是根据一示例性实施例示出的一种确定主题标识的操作示意图；

图12是根据一示例性实施例示出的一种指示主题应用场景的示意图；

图13是根据一示例性实施例示出的一种选取显示资源的操作示意图；

图14是根据一示例性实施例示出的一种加载渐变显示资源的效果示例图；

图15是根据一示例性实施例示出的一种直播间的页面元素展示方法的流程的示意图；

图16是根据一示例性实施例示出的一种直播间的页面元素展示方法的流程的示意图；

图17是根据一示例性实施例示出的一种第一客户端、服务器和第二客户端之间的交互过程的示意图；

图18是根据一示例性实施例示出的一种显示资源管理器实现显示资源的切换的流程的示意图；

图19是根据一示例性实施例示出的直播间页面元素展示方法的效果的示意图；

图20是根据一示例性实施例示出的一种直播间页面元素展示方法的效果的示意图；

图21是根据一示例性实施例示出的一种直播间的页面元素展示装置的装置框图；

图22是根据一示例性实施例示出的一种直播间的页面元素展示装置的装置框图；

图23是根据一示例性实施例示出的一种直播间的页面元素展示装置的装置框图；

图24是根据一示例性实施例示出的一种终端设备的框图；

图25是根据一示例性实施例示出的一种电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

为了便于本领域技术人员更好地理解本公开的技术方案，下面对本公开涉及的部分概念进行说明。

1)客户端、第一客户端、第二客户端、主播和观众

本公开的各种客户端指代各种终端如手机、电脑、智能设备或各种终端上的客户端，可以但不局限于包括用于直播的直播客户端等；第一客户端为推送直播媒体流(即进行直播)的客户端，第二客户端为接收直播媒体流(即观看直播)的客户端。

本公开中主播可以但不局限于为通过第一客户端进行直播的对象，观众可以但不局限于为通过第二客户端观看直播的对象；本公开中的对象可以但不局限于为用户(又可以使用与用户关联的账户代替)，也可以为智能设备如智能机器人等。

2)页面元素和页面元素组

本公开实施例中的页面元素可以但不局限于包括直播间的各种界面中显示的用户界面(User Interface，UI)中显示的可视化元素；本公开实施例中涉及的页面元素可以但不局限于包括直播间底部栏中各控件的图标、直播间顶部栏中的各控件的图标和直播间的背景图等，本公开实施例涉及的页面元素可以但不局限于包括UI界面中按钮(或称为按键)、文本字段、图像、标签等。

由于在进行直播的过程中，在第一客户端上显示的直播间和第二客户端上显示的直播间中有些页面元素是相同的，有些页面元素是不同，本公开实施例中的页面元素的类型可以但不局限于包括直播间的背景图、直播间在第一客户端上展示的控件、直播间在第二客户端上展示的控件中的至少一种，为便于描述，本公开实施例的以下内容中将直播间在第一客户端上展示的控件称为第一控件，将直播间在第二客户端上展示的控件称为第二控件；其中有关上述页面元素的详细内容将在下文中进行详述。

本公开实施例中的页面元素组是由直播间中的至少一个页面元素组成的集合。

3)显示资源和目标显示资源

本公开实施例中页面元素的显示资源包括可以在直播间中以设定展示形式展示页面元素的资源，该显示资源可以但不局限于包括图像、静态图文、动态图文等中的至少一种资源。

本公开实施例中的目标显示资源为针对直播间中的页面元素设置的显示资源的一种或多种等。

本公开实施例提出了一种直播间的页面元素展示方法，该方法中第一客户端响应于针对直播间的页面元素组的第一显示切换指令，将上述直播间中上述页面元素组的当前显示资源集合，替换为上述页面元素组关联的目标显示资源集合；以及第一客户端向服务器发送第二显示切换指令；进而服务器基于上述第二显示切换指令，获取上述页面元素组关联的目标显示资源集合并发送给第二客户端；第二客户端接收目标显示资源集合后，可以将上述直播间中上述页面元素组的当前显示资源集合，替换为上述目标显示资源集合。

作为一种实施例，本公开实施例中在替换当前显示资源集合之前，可以预先设置上述各个页面元素的显示资源或页面元素组对应的显示资源集合，设置页面元素的显示资源和页面元素组的显示资源结合的方式将在下文中进行详细说明。

以下结合说明书附图对本公开的一些实施例进行说明，应当理解，此处所描述的一些实施例仅用于说明和解释本公开，并不用于限定本公开，并且在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。

如图1所示，其为本公开实施例提供的一种直播系统，该直播系统中包括多个客户端100和至少一个服务器200，客户端100和服务器200之间可以进行网络通信，多个客户端100中可以包括推送直播媒体流的第一客户端110和接收直播媒体流的第二客户端120，一些对象可以通过第一客户端110进行直播，另一些对象可以通过第二客户端120观看直播；且在不同的时间或直播场景下，第一客户端110和第二客户端120的身份可以互换，即在一些直播场景下第一客户端110的身份可以变更为第二客户端，第二客户端120的身份可以变更为第一客户端；

服务器120是为直播应用进行服务的服务器，服务器200可以但不局限于是区块链服务器、云端服务器或分布式服务器等；第一客户端110和第二客户端120可以是安装在不同终端设备上的上述直播应用的客户端；考虑到分屏应用的出现，上述第一客户端110和第二客户端120还可以是安装在同一个终端设备上的上述直播应用的两个分屏显示的客户端。第一客户端110和服务器200之间可以通过通信网络进行通信，第二客户端120和服务器200之间通过通信网络进行通信，第一客户端110和第二客户端120之间也可以通过通信网络进行通信。其中：

在主播通过第一客户端进行直播的过程中，第一客户端110将直播媒体流发送给服务器200，服务器200将直播媒体流发送给第二客户端120，第二客户端即可现实直播间的直播内容。

在本公开实施例提供的直播间的页面元素展示方法中，上述第一客户端110、第二客户端120和服务器200具体用于：

第一客户端110响应于针对直播间的页面元素组的第一显示切换指令，确定上述页面元素组关联的目标显示资源集合；基于上述目标显示资源集合，将上述页面元素组的当前显示资源集合，替换为上述目标显示资源集合；以及向服务器发送第二显示切换指令；上述目标显示资源集合中包含上述页面元素组中页面元素关联的目标显示资源。

服务器200接收上述第二显示切换指令，基于上述第二显示切换指令，确定上述目标显示资源集合；将上述目标显示资源集合发送给上述第二客户端120。

第二客户端120用于接收上述目标显示资源集合，基于上述目标显示资源集合，将上述页面元素组的当前显示资源集合，替换为上述目标显示资源集合。

在本公开实施例中涉及的终端设备为用户使用的电子设备，该电子设备可以是个人计算机、手机、平板电脑、笔记本、电子书阅读器、智能家居等具有一定计算能力并且运行有即时通讯类软件及网站或者图像处理类软件及网站的计算机设备。各终端设备通过通信网络与服务器200进行通信，服务器200(如可以但不局限于包括图中示意出的200-1、200-2或200-3)可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content Delivery Network，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。

作为一种实施例，本公开实施例中的页面元素的类型可以但不局限于包括直播间的背景图(请参见图2中的区域201所示)和直播间中的各种控件，如直播间在第一客户端110上显示的第一控件和直播间在第二客户端120上显示的第二控件等，关于页面元素的类型可参照上述部分概念中的说明，此处不再重复说明，以下对本公开实施例中涉及的第一控件和第二控件做进一步的说明。

作为一种实施例，本公开实施例中的第一控件包括如下至少一种控件：

用于上述第一客户端和其它直播客户端进行直播比拼的比拼控件，上述其它直播客户端为除上述第一客户端之外的第一客户端；

用于上述第一客户端和上述第二客户端进行语音交互的第一语音交互控件；

用于播放音频的第一音频播放控件；

用于创建直播间的直播主题关联的显示资源集合的主题设置控件；

用于查询上述直播间的目标直播功能的第一功能查询控件；

用于在上述第一直播页面中添加表情符的装饰控件；

用于显示上述第二客户端的数量的第一观众显示控件；

用于显示关注上述直播间的账户的数量的第一粉丝显示控件；

用于显示上述直播间接收的目标电子资源的资源值的第一资源值显示控件，上述目标电子资源是上述第二客户端发送给上述直播间的，如目标电子资源可以但不局限于包括各种形式的电子礼物(如可以但不局限于包括火箭、车队、啤酒、花或爱心等)，目标电子资源也可以包括电子货币等；

用于显示上述直播间在目标直播间竞争榜的排序位置的第一榜单控件，上述目标直播间竞争榜可以是基于直播时长进行排序的榜单，也可以是基于观看直播间的直播内容的观众的数量进行排序的榜单，还可以是基于直播间收到的目标电子资源的资源值进行排序的榜单等，本领域的技术人员也可以根据实际需求设置其他形式的目标直播间竞争榜等；

用于显示上述直播间的直播时长的第一直播时长显示控件。

请参见图3，本公开实施例中给出几种第一控件的示例图，如可以但不局限于包括图中示意出的PK按钮301(即上述比拼控件)、连麦按钮302(即上述第一语音交互控件)、音乐按钮303(即第一音频播放控件)、装饰按钮304(即上述装饰控件)、更多按钮305(即上述第一功能查询控件)、第一观众显示控件306、第一资源值显示控件307或小时榜按钮308(即上述第一榜单控件)等。

作为一种实施例，本公开实施例中的第二控件包括如下至少一种控件：

用于上述第一客户端和上述第二客户端进行语音交互的第二语音交互控件；

用于播放音频的第二音频播放控件；

用于查询上述直播间的目标直播功能的第二功能查询控件；

用于显示上述第二客户端的数量的第二观众显示控件；

用于显示关注上述直播间的账户的数量的第二粉丝显示控件；

用于显示上述直播间接收的目标电子资源的资源值的第二资源值显示控件，上述目标电子资源是上述第二客户端发送给上述直播间的，其中有关目标电子资源的描述可参见上述内容，此处不再重复叙述；

用于显示上述直播间在目标直播间竞争榜的排序位置的第二榜单控件，其中有关目标直播间竞争榜的描述可参见上述内容，此处不再重复叙述；

用于显示上述直播间的直播时长的第二直播时长显示控件；

用于输入文本信息或语音信息中至少一种信息的信息输入控件；

用于触发上述第二客户端向上述第一客户端发送上述目标电子资源的电子资源触发控件；

用于向上述第一客户端发送上述目标电子资源的电子资源发送控件；

用于分享上述直播间的分享控件；

用于查看直播间的直播内容的放映信息的放映信息查询控件；

用于指示直播间类别的直播间分类控件。

请参见图4中的(a)和(b)，本公开实施例中给出几种第二控件的示例图，如可以但不局限于包括图中示意出的上麦按钮401(即上述第二语音交互控件)、更多按钮402-1或402-2(即上述第二功能查询控件)、第二观众显示控件403、小时榜按钮404-1或404-2(即上述第二榜单控件)、评论输入框405-1或405-2(即上述信息输入控件)、礼物按钮406-1或406-2(即上述电子资源触发控件)、爱心按钮407-1或407-2(即上述电子资源发送控件)、分享按钮408-1或408-2(即上述分享控件)、放映列表按钮409(即上述放映信息查询控件)、用于指示直播间类别的聊天频道按钮410(即上述直播间分类控件的一种形式)等。

以下对本公开实施例涉及的页面元素组进行详细说明。

本公开实施例中的页面元素组是由直播间中的至少一个页面元素组成的集合；在本公开实施例中，页面元素组可以是主播指示的一个或多个页面元素组成的集合，页面元素组也可以是主播指示的主题标识确定主题中的页面元素对应的页面元素组。

即本公开实施例中，主播可以但不局限于通过如下两种资源切换请求方式A1或A2，请求切换直播间中的页面元素的展示形式：

资源切换请求方式A1：主播可以但不局限于直接指示直播间的主题，请求切换直播间中的页面元素组的展示形式。

作为一种实施例，该方式中可以预先创建直播间中各个主题标识对应的显示资源集合，其中，一个主题标识和直播间的一个主题对应；具体地，本公开实施例中的主题可以包括由主播个性化设置的主题(以下称为自定义主题)，以及服务器200基于针对自定义主题的第一创建指令，创建上述自定义主题关联的显示资源集合；本公开实施例中直播间的主题也可以包括服务器200预先设置好的主题(以下称为默认主题)，以及服务器200创建的上述默认主题关联的显示资源集合。

作为一种实施例，直播间的主题包括自定义主题时，本公开实施例中还可以通过如下步骤S501和步骤S502，创建上述自定义主题关联的显示资源集合：

步骤S501，响应于针对自定义主题的第一创建指令，显示针对上述自定义主题的主题设置页面，上述主题设置页面包括针对上述直播间中的至少一个页面元素的第一设置区；

步骤S502响应于在上述第一设置区确定页面元素的显示资源的操作，获取与上述自定义主题关联的显示资源集合。

在该步骤中，可以将通过上述第一设置区确定的页面元素的显示资源，作为自定义主题关联的显示资源集合中的显示资源，并建立自定义主题的主题标识与自定义主题关联的显示资源集合的对应关系。

请参见图6，给出一种创建自定义主题关联的显示资源集合的过程示例图，主播可以但不局限于通过点击或长按直播间中的制作自定义主题按钮601等操作，触发针对自定义主题的第一创建指令；进而第一客户端响应于第一创建指令，显示针对自定义主题的主题设置界面602，并在主题设置页面602中展示直播间的背景图(即页面元素)的第一设置去603-1、上述礼物按钮的第一设置区-2、上述分享按钮的第一设置区3-3等；主播点击上述任意的第一设置区之后，服务器200可以响应于在第一设置区确定页面元素的显示资源的操作，获取与自定义主题关联的显示资源集合；具体地，上述在第一设置区确定页面元素的显示资源的操作，可以但不局限于包括通过第一资源选择页面604，展示该第一设置区可以选择的显示资源，如图中若选定第一设置区603-1之后，可以通过第一资源选择页面604展示可选择的显示资源(如图中展示出的图片1至图片16等)，主播可以通过展示出的可选择的显示资源，指示第一设置区603-1关联的显示资源，如图中选定图片2为第一设置区603-1关联的显示资源；当主播为各页面元素确定关联的显示资源之后，可以通过完成主题制作按钮605，指示利用确定的各个显示资源，生成上述自定义主题关联的显示资源集合；其中第一资源选择页面604中展示的可选择的显示资源，可以是服务器获取的若干显示资源，也可以是服务器基于对应的页面元素设置好的若干显示资源，还可以是第一客户端本地的显示资源等，本领域的技术人员可根据实际需求设置。

作为一种实施例，用于直播的直播应用的业务逻辑会不断更新，直播间中的页面元素会越开越多，直播间的页面元素数量过多时，上述第一资源设置界面602中可以显示直播间中的部分页面元素，为了提升主播设置显示主题关联的显示资源的灵活度，本公开实施例中，还可以在第一资源设置界面602中展示更多页面元素按钮606，主播可以通过更多页面元素按钮606，触发设置第一资源设置界面602中未展示的页面元素的显示资源等。

作为一种实施例，在上述步骤S502之前，还可以对确定的显示资源进行合法性校验，校验通过后，利用确定的显示资源，生成上述自定义主题关联的显示资源集合，并可以将上述自定义主题关联的显示资源集合上传到服务器200中，保存至上述直播间关联的显示资源集合中，若上述校验未通过，则可以向主播发出提醒消息；为便于理解，请参见图7，此处给出一个显示资源为图片且存在合法性校验时，生成上述自定义主题关联的显示资源集合的流程示例图，如图所示，主播选择制作自定义主题后，第一客户端可以通过上述方法提示主播制作自定义主题所需的图片资源(即上述显示资源)，主播可以从第一客户端本地上传图片确定为页面元素的显示资源，或者从服务器提供的资源库中选取图片确定为页面元素显示资源；进而第一客户端可以对主播确定的显示资源进行合法性校验，确定是否通过合法性校验，若确定通过合法性校验，则利用确定的各个显示资源，生成上述自定义主题关联的显示资源集合，并将生成的显示资源集合上传至服务器，若确定未通过合法性校验，则向主播发出提醒消息，以提示主播校验未通过的原因，并返回上一步操作。

对上述合法性校验的具体形式不做限定，本领域可根据实际需求设置上述合法性校验的校验规则，如可以但不局限于对主播上传的图片的格式是否符合格式要求、图片的大小是否符合大小要求或图片的内容是否涉及敏感内容等进行合法性校验等。

资源切换请求方式A2：主播可以但不局限于直接指示页面元素，请求切换直播间中页面元素组的展示形式。

作为一种实施例，该方式中可以预先创建直播间中各个页面元素所关联的显示资源；具体地，本公开实施例中第一客户端可以响应于针对上述直播间的第二创建指令，显示目标元素设置页面，该目标元素设置页面包括针对上述直播间的至少一个页面元素的第二设置区；进一步响应于在上述第二设置区确定页面元素的显示资源的操作，获得上述至少一个页面元素所关联的显示资源。

请参见图8，给出一种创建页面元素所关联的显示资源的过程示例图，主播可以但不局限于通过点击或长按直播间中的页面元素设置按钮801等操作，触发上述第二创建指令；进而第一客户端响应于第二创建指令，在目标元素设置页面802中展示直播间的至少一个页面元素的第二设置区，如图中示意出的直播间的背景图的第二设置区803-1、上述礼物按钮的第二设置区803-2、上述分享按钮的第二设置区803-3等；主播点击上述任意的第二设置区之后，服务器200可以响应于在第二设置区确定页面元素的显示资源的操作，获取上述至少一个页面元素所关联的显示资源；具体地，上述在第一设置区确定页面元素的显示资源的操作可以但不局限于包括：通过第二资源选择页面804，展示该第二设置区可以选择的显示资源，如图中若选定第二设置区803-3之后，可以通过第二资源选择页面804展示可选择的显示资源(如图中展示出的图片1至图片16等)，主播可以通过展示出的可选择的显示资源确定第二设置区803-3对应的显示资源，如图中选定图片3为第二设置区803-3的显示资源；当主播为各页面元素确定所关联的显示资源之后，可以通过完成页面元素设置的按钮805，利用各个第二设置区对应的显示资源，生成各个第二设置区对应的页面元素关联的显示资源；其中第二资源选择页面804中展示的可选择的显示资源，可以是服务器获取的若干显示资源，也可以是服务器基于对应的页面元素设置好的若干显示资源，还可以是第一客户端本地的显示资源等，本领域的技术人员可根据实际需求设置。

作为一种实施例，用于直播的直播应用的业务逻辑会不断更新，直播间中的页面元素会越开越多，直播间的页面元素数量过多时，上述目标元素设置页面802中可以显示直播间中的部分页面元素，为了提升主播设置页面元素关联的待切换显示资源的灵活度，本公开实施例中，还可以在目标元素设置页面802中展示更多页面元素按钮806，主播可以但不局限于通过更多页面元素按钮806，触发设置目标元素设置页面802中未展示的页面元素的待切换显示资源等。

作为一种实施例，在资源切换请求方式A2中也可以对确定出的各个显示资源进行合法性校验，校验通过后将确定出的各个显示资源上传服务器，检验失败则向主播发出提醒消息并返回上一步操作，具体与资源切换请求方式A1中的合法性校验方式类似，此处不再重复叙述。

作为一种实施例，本公开实施例中页面元素的显示资源包括可以在直播间中以设定展示形式展示页面元素的资源，该显示资源可以但不局限于包括图像、静态图文、动态图文等中的至少一种资源；主题标识关联的显示资源集合以及上述显示资源集合可以但不局限于是一个Map，该Map中包含多个一个键值对Key-Value；其中一个键值对Key-Value表示一个页面元素的显示资源，一个键值对Key-Value中的Key可以但不局限于为页面元素的标识信息，Value为上述页面元素关联的显示资源的数据，如Key为页面元素的页面元素标识(以下以页面元素-ID表示页面元素的标页面元素标识)，Value中可以包括页面元素-ID、图片的下载地址Url、图片信息以及是否为用户自定义字段等信息中的至少一个信息；为便于理解，请参见图9，本公开实施例中提供一种键值对Key-Value的代码数据的示例。

作为一种实施例，本公开实施例中直播间的页面元素中可以存在一个状态或至少两个状态，如可以但不局限于包括图3示意出的PK按钮301或图4示意出的上麦按钮401；PK按钮用于当前直播间和当前直播间之外的其它直播间进行直播的比拼，PK按钮的元素状态可以但不局限于包括未进行PK状态、请求PK匹配状态、正在PK状态，其中进行PK状态可以指代主播当前未请求与其它直播间进行比拼，请求PK匹配状态指代主播当前请求与其它直播间进行PK且正在匹配进行PK的直播间的状态，正在PK状态可以指代当前直播间正在与上述其它直播间进行比拼；上麦按钮401用于观众和主播连麦后进行语音交互，上麦按钮401可以但不局限于包括未选中状态、请求上麦状态、已连麦等状态；其中未选中状态指代当前观众未请求与主播进行连麦主，请求上麦状态指代当前观众正在请求与主播进行连麦但尚未连麦成功的状态，已连麦状态可以指代当前观众已与主播连麦成功的状态，上述未选中状态和请求连麦状态下当前观众和主播不能进行语音交互，上述已连麦状态下当前观众和主播和可以进行语音交互。

作为一种实施例，本公开实施例中可以在上述页面元素对应的键值对Key-Value中增加相应的字段，以将页面元素的各个状态映射的显示资源的信息添加到上述页面元素对应的显示资源中。

作为一种实施例，显示资源为图片时，本公开实施例中还可以包括渐变显示资源，渐变显示资源可以但不局限于理解为逐渐发生颜色变化的图片，则本公开实施例中可以但不局限于在渐变显示资源对应的键值对Key-Value中，添加初始颜色、渐变的最终颜色以及颜色渐变方向关联的字段；其中上述颜色渐变方向可以但不局限于包括图片从左向右的渐变方向、从下到上的渐变方向、从左上到右下的渐变方向或从左下到右上的渐变方向中的至少一个渐变方向。

基于图1的直播系统，下面对本公开实施例中涉及的直播间的页面元素展示方法进行示例说明，其应用于上述推送直播媒体流的第一客户端110，请参见图10，具体包括如下步骤：

步骤S1001，响应于针对直播间的页面元素组的第一显示切换指令，确定上述页面元素组关联的目标显示资源集合，上述目标显示资源集合中包含上述页面元素组中页面元素关联的目标显示资源。

作为一种实施例，上述第一显示切换指令中可以包括针对上述直播间的主题确定指令，进而第一客户端110可以将根据上述主题确定指令确定主题标识，获取确定的主体标识对应的显示资源集合，并将获取的显示资源集合，确定为上述目标显示资源集合。

步骤S1002，基于上述目标显示资源集合，将上述页面元素组的当前显示资源集合，替换为上述目标显示资源集合。

作为一种实施例，本公开实施例中目标显示资源以上述键值对Key-Value的形式表示时，第一客户端在步骤S1001中，可以通过遍历目标显示资源集合中各个目标显示资源Map<Key，Value>，根据各个目标显示资源中Key(即上述页面元素-ID)去匹配功能入口，匹配成功后根据页面元素-ID取出对应的Value的值，应用到上述功能入口中，直至遍历完目标显示资源集合中的Map<Key，Value>。

步骤S1003，向服务器发送第二显示切换指令，以使上述服务器通知第二客户端将上述直播间中上述页面元素组的当前显示资源集合替换为上述目标显示资源集合，上述第二客户端为接收上述直播媒体流的客户端。

作为一种实施例，在步骤S1001中，上述第一显示切换指令可以包括针对上述直播间的主题确定指令，进而在步骤S1001中，第一客户端110可以根据上述主题确定指令，确定主题标识，基于确定的主题标识，获取确定的主题标识对应的显示资源集合，进而基于获取的显示资源集合，确定目标显示资源集合，以实现将直播间中页面元素组的显示资源切换成主播指示的主题对应的显示资源；其中各个主题标识对应的显示资源集合的创建方式可参见上述步骤S501和步骤S502的相关内容，此处不再重复叙述。

作为一种实施例，在根据主题确定指令，确定主题标识的步骤中，可以但不局限于响应于上述主题确定指令，显示主题列表，并确定基于上述主题列表选取的主题的主题标识，其中，上述主题列表中包括上述直播间的至少一个主题。

作为一种实施例，本公开实施例中可以设置触发上述主题确定指令的的主题指示控件，主播可以通过主题指示控件触发上述主题确定指令，其中上述主题指示控件可以包括一个控件，也可以包括多个控件；

请参见图11，此处给出一种确定主题标识的操作示意图，第一客户端110检测到主播通过点击或长按主题背包按钮1101(即上述主题指示控件)后，展示主题选取界面1102-1，通过主题选取界面1102-1展示主题列表；进而主播可以但不局限于通过默认主题按钮1103查看当前可选取的默认主题的主题标识，也可以通过自定义主题按钮1104查看当前可选取的自定义主题的主题标识，进而主播可以但不局限于通过点击或长按展示的默认主题或自定义主题的主题标识，以选取直播间的主题的主题标识。

作为一种实施例，第一客户端110检测到主播通过点击或长按主题背包按钮1101后，还可以通过主题列表1102-2展示可以选取的默认主题和自定义主题的主题标识，进而主播可以通过第一选取框1105或第二选取框1106中的选取按钮，从展示的各个默认主题和各个自定义主题的主题标识中，选取一个主题的主题标识。

作为一种实施例，为了提升确定目标显示资源集合的灵活度，本公开实施例中在获取确定的主题标识对应的显示资源集合后，可以但不局限于通过如下资源确定方式B1或B2，基于获取的显示资源集合，确定上述目标显示资源集合：

资源确定方式B1：直接将获取的显示资源，确定为上述目标显示资源集合；即可以直接将获取的主题标识对应的显示资源集合，确定为用于替换替换上述直播间中上述页面元素组的当前显示资源的目标显示资源集合。

资源确定方式B2：从获取的显示资源集合中，选取出部分显示资源，基于选取出的显示资源，确定上述目标显示资源集合；如可以从获取的显示资源集合中选取部分或全部的显示资源，将选取的显示资源的集合，确定为用于替换确定为用于替换替换上述直播间中上述页面元素组的当前显示资源的目标显示资源集合。

作为一种实施例，本公开实施例中的第一显示切换指令还可以用于指示主题应用场景，上述主题应用场景中可以包括控件场景和背景图场景中的至少一个场景，进而在上述资源确定方式B2中可以确定第一显示切换指令指示的主题应用场景，进而从获取的主题标识对应的显示资源集合中，选取出与确定的主题应用场景对应的页面元素所关联的显示资源；其中：背景图场景可以指代在直播间中只应用直播间的背景图的场景，即主题应用场景为背景图场景时，可以从主题标识对应的显示资源集合中，选取出直播间的背景图(页面元素)所关联的显示资源，进而将直播间的背景图所关联的显示资源确定为目标显示资源集合中的目标显示资源；控件场景可以指代在直播间中只应用控件(即上述第一控件和第二控件中的至少一种)的场景，即主题应用场景为控件场景时，可以从主题标识对应的显示资源集合中，选取出各个控件所关联的显示资源，进而将选取出的显示资源确定为目标显示资源集合中的目标显示资源。

为便于理解，请参见图12，提供一种主播在第一显示切换指令中指示主题应用场景的示意图；在主题应用场景设置页面1200中展示可以选择的主播应用场景的场景标识，如可以但不局限于包括图中示意出的背景图场景的主题应用场景标识1201-1或控件场景的主题应用场景标识1201-2，进而主播可以但不局限于通过选取按钮1202-1或1202-2指示背景图场景或控件场景，进而主播可以但不局限于通过确认设置按钮1203，确定当前选定的主题应用场景，主播也可以通过返回按钮1204返回上一步的操作等。

作为一种实施例，在上述资源确定方式B2中，第一客户端110还可以展示上述获取的显示资源集合中各个显示资源所关联的页面元素的页面元素标识，响应于对展示的页面元素标识的选取操作，获取通过上述展示的页面元素标识确定的页面元素所关联的显示资源，将获取的显示资源，确定为选取出的部分显示资源。

请参见图13，给出一种选取出部分显示资源的示意图，可以在元素显示页面1300中展示获取的显示资源集合中显示资源1至显示资源5所关联的页面元素1至页面元素5的页面元素标识1301-1、1301-2、1301-3、1301-4和1301-5，主播可以但不局限于通过选取按钮1302-1、1302-2、1302-3、1302-4或1302-5选取出页面元素1至页面元素5的页面元素标识中至少一个页面标识，进而主播可以但不局限于通过确认设置按钮1303，确定当前选定的页面元素标识，主播也可以通过返回按钮1304返回上一步的操作等；进一步，第一客户端110响应于主播针对页面元素标识的选取操作，将主播选取的页面元素关联的显示资源，确定为选取出的部分显示资源。

作为一种实施例，本公开实施例中的第一显示切换指令还可以包括针对直播间的页面元素确定指令，进而在步骤S1001中，还可以根据上述页面元素确定指令，确定上述直播间中的至少一个页面元素的页面元素标识；基于确定的页面元素标识，获取上述至少一个页面元素标识对应的显示资源；根据获取的显示资源，确定上述目标显示资源集合，如可以但不局限于将获取的各个显示资源确定为目标显示资源集合中的目标显示资源等。

作为一种实施例，为了提升切换页面元素的显示资源的准确度，在上述步骤S1001中，可以基于上述目标显示资源集合，将直播间中页面元素组包含的每个页面元素的当前显示资源，替换为与上述每个页面显示资源的当前状态匹配的目标显示资源；即若上述页面元素组中的页面元素存在至少两个状态时，上述目标显示资源集合中可以包含与上述页面元素的至少两个状态中各个状态匹配的目标显示资源，进而在将上述页面元素组的当前显示资源集合，替换为上述目标显示资源集合的过程中，可以确定上述页面元素的当前状态，进而将上述页面元素的当前显示资源，替换为与上述页面元素的显示资源匹配的目标显示资源。

作为一种实施例，显示资源为图片时，本公开实施例中还可以包括渐变显示资源，则在将上述直播间中上述页面元素组的当前显示资源集合，替换为上述页面元素组关联的目标显示资源集合的过程中，如果上述目标显示资源为渐变显示资源，则确定上述渐变显示资源关联的页面元素在上述直播间的显示区域，将当前在上述显示区域中加载的显示资源，替换为上述渐变显示资源对应的渐变颜色，上述渐变颜色是基于上述渐变显示资源指示的颜色渐变方向，对上述渐变显示资源指示的初始颜色和渐变的最终颜色进行处理得到的。；请参见图14，为便于理解，此处给出一种加载渐变显示资源的效果示例图，该示例中渐变显示资源关联的页面元素为直播间的背景图，在背景图在直播间的显示区域1401中，加载基于颜色渐变方向，对初始颜色和渐变的最终颜色进行处理得到的渐变颜色；其中图中的渐变颜色仅为示例，本领域的技术人员可根据实际需求设置基于初始颜色、最终颜色和颜色渐变方向获得渐变颜色的方式。

基于图1的直播系统，下面对本公开实施例中涉及的直播间的页面元素展示方法进行示例说明，其应用于上述服务器200，请参见图15，具体包括如下步骤：

步骤S1501，接收推送直播媒体流的第一客户端发送的第二显示切换指令，上述第二显示切换指令是上述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的，上述目标显示资源集合中包含上述页面元素组中页面元素关联的目标显示资源。

步骤S1502，基于上述第二显示切换指令，确定上述目标显示资源集合。

作为一种实施例，上述第二显示切换指令包括针对上述直播间的主题确定指令，该步骤中具体可以根据上述主题确定指令，确定主题标识，基于确定的主题标识，获取确定的主题标识对应的显示资源集合，基于获取的显示资源集合，确定上述目标显示资源集合；其中的具体过程可参考第一客户端110的处理过程，此处不再重复说明。

作为一种实施例，上述第二显示切换指令包括针对上述直播间的页面元素确定指令，在该步骤中具体可以根据上述页面元素确定指令，确定上述直播间中的至少一个页面元素的页面元素标识，基于确定的页面元素标识，获取上述至少一个页面元素标识对应的显示资源，根据获取的显示资源，确定上述目标显示资源集合；其中的具体过程可参考第一客户端110的处理过程，此处不再重复说明。

步骤S1503，将上述目标显示资源集合发送给接收上述直播媒体流的第二客户端，以使上述第二客户端将上述直播间中上述页面元素组的当前显示资源集合替换为上述目标显示资源集合。

基于图1的直播系统，下面对本公开实施例中涉及的直播间的页面元素展示方法进行示例说明，其应用于上述第二客户端120，请参见图16，具体包括如下步骤：

步骤S1601，接收直播间的页面元素组关联的目标显示资源集合，上述目标显示资源集合中包含上述页面元素组中页面元素关联的目标显示资源，上述目标显示资源集合是服务器基于接收的第二显示切换指令确定的；上述第二显示切换指令是上述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的；

步骤S1602，基于上述目标显示资源集合，将上述页面元素组的当前显示资源集合，替换为上述目标显示资源集合。

作为一种实施例，步骤S1602中，可以基于上述目标显示资源集合，将上述直播间中上述页面元素组包含的每个页面元素的当前显示资源，替换为与上述每个页面显示资源的当前状态匹配的目标显示资源，其具体内容可参照上述第一客户端110的相关内容，此处不再重复说明。

作为一种实施例，在步骤S1602中，如果上述目标显示资源为渐变显示资源，则确定上述渐变显示资源关联的页面元素在上述直播间的显示区域，将当前在上述显示区域中加载的显示资源，替换为上述渐变显示资源对应的渐变颜色，上述渐变颜色是基于上述渐变显示资源指示的颜色渐变方向，对上述渐变显示资源指示的初始颜色和渐变的最终颜色进行处理得到的；具体内容可参照上述第一客户端110的相关内容，此处不再重复说明。

以下从第一客户端110、服务器200和第二客户端120交互的角度，对本公开实施例涉及的直播间的页面元素展示方法做进一步说明。

作为一种实施例，请参见图17，针对上述资源切换请求方式A1，第一客户端110、服务器200和第二客户端120之间的具体交互如下：

步骤S1700，主播通过直播间触发针对页面元素组第一显示切换指令，该第一显示切换指令包括主题确定指令。

步骤S1701，第一客户端基于上述主题确定指令，确定主题标识，从直播间的各个主题标识对应的显示资源集合中，获取确定的主题标识对应的显示资源集合，并将获取的显示资源集合确定为目标显示资源集合。

具体地，若第一客户端本地已下载有确定的主题标识对应的显示资源集合，则可以直接从本地获取上述确定的主题标识对应的显示资源集合；若第一客户端本地未下载上述确定的主题标识对应的显示资源集合，则可以向服务器请求上述确定的主题标识对应的显示资源集合。

步骤S1702，第一客户端基于上述目标显示资源集合，将上述页面元素组的当前显示资源集合，替换为上述目标显示资源集合。

具体地，步骤S1701中还可以包括如下步骤S17011或S17012或S17013。

步骤S17011，第一客户端将确定的主题标识对应的显示资源集合，确定为上述目标显示资源集合。

步骤S17012，第一客户端确定的主题标识对应的显示资源集合中，选取出部分显示资源，将选取出的显示资源确定为目标显示资源集合中的目标显示资源。

选取出部分显示资源的方法可参见上述内容，此处不再重复叙述。

步骤S17013，第一客户端确定第一显示切换指令指令的主题应用场景，从确定的主题标识对应的显示资源集合中，选取出与确定的主题应用场景对应的页面元素所关联的显示资源，并将选取出的显示资源确定为目标显示资源集合中的目标显示资源。

步骤S1703，第一客户端向服务器发送第二显示切换指令。

步骤S1704，服务器接收第二显示切换指令，确定第二显示切换指令指示的主题标识，并获取确定的主题标识对应的显示资源集合，基于获取的显示资源集合，确定目标显示资源集合。

步骤S1705，服务器将上述目标显示资源集合发送给接收上述直播媒体流的第二客户端。

步骤S1706，第二客户端接收上述目标显示资源集合，并基于上述目标显示资源集合，将上述页面元素组的当前显示资源集合，替换为上述目标显示资源集合。

其中，在步骤S1702和步骤S1706中，若目标显示资源集合中存在多个状态的显示资源和渐变显示资源，则第一客户端和第二客户端可以通过上述内容展示上述多个状态的显示资源和渐变显示资源，此处不再重复叙述。

作为一种实施例，本公开实施例中还可以在第一客户端110中设置显示资源管理器，由显示资源管理器实现上述第一客户端110上直播间的页面元素展示方法，请参见图18，给出一个显示资源管理器实现资源切换的工作流程示例，该示例中各个待切换显示资源以上述键值对Key-Value的形式表示，具体可以但不局限于包括如下步骤：

步骤S1801，基于主题确定指令，确定主题标识。

步骤S1802，确定是否在本地已下载上述确定的主题标识对应的显示资源集合，若未下载则进入步骤S1803，若已下载则进入步骤S1804。

步骤S1803，基于上述确定的主题标识，从服务器中下载上述确定的主题标识对应的显示资源集合。

步骤S1804，将确定的主题标识对应的显示资源集合确定为目标显示资源集合，遍历目标显示资源集合中的各个目标显示资源Map<Key，Value>。

步骤S1805，根据各个目标显示资源中Key(即上述页面元素-ID)去匹配功能入口，匹配成功后根据页面元素-ID取出对应的Value的值，应用到上述功能入口中，直至遍历完目标显示资源集合中的Map<Key，Value>。

为便于理解，以下给出几种直播间页面元素展示方法的效果示例图，请参见图19，图中(a)给出了一种只切换直播间中的背景图的效果图，图中阴影区域1901为直播间的背景图的显示区域，其中直播流画面的显示区域1902处由于直播媒体流的覆盖，导致在区域1902处不显示背景图，阴影区域1901中各个其他页面元素的覆盖区域也可以均显示对应页面元素的图标等，本领域的技术人员可根据实际需求设置；图中(b)给出了另一种只切换直播间中的背景图的效果图，图中阴影区域1903为直播间的背景图的显示区域，其中直播间的PK的直播流画面的显示区域1904处由于直播媒体流的覆盖，因而在区域1904处不显示背景图，阴影区域1904中各个其他页面元素的覆盖区域也可以均显示对应页面元素的图标等，本领域的技术人员可根据实际需求设置。

请参见图20，图中(a)给出了一种只切换直播间中的背景图的效果图，图中阴影区域2001为直播间的背景图的显示区域，其中直播流画面的显示区域2102处由于直播媒体流的覆盖，导致在区域2002处不显示背景图，阴影区域2001中各个其他页面元素的覆盖区域也可以均显示对应页面元素的图标等，本领域的技术人员可根据实际需求设置；针对图中示意出的区域2003而言，区域2003处的显示资源设置为透明时，则在区域2003可以显示切换后的背景图，区域2003处的显示资源设置为不透明时，则在区域2003不显示切换后的背景图；图中(b)给出了一种切换直播间中的背景图以及第二客户端上直播间的一些第二控件的效果图，图中阴影区域2004为直播间的背景图的显示区域，其余虚线框框出的第二控件为本示例中切换显示资源的第二控件。

本公开实施例中，提供了一种切换直播间中页面元素的展示形式的方法，由于能切换直播间中页面元素的显示资源，故而也提升了在直播间中展示页面元素的丰富度；另外，通过第一客户端进行直播的主播，可以根据自身喜好，个性化地装扮直播间，满足主播的个性化装扮直播间的需求，同时通过第二客户端观看直播的观众，也可以观看到直播间中页面元素的不同展示形式，提升观众观看直播并与直播间进行互动的意愿值，进而提高观众参与直播间的活跃程度。

图21是根据一示例性实施例示出的一种直播间的页面元素展示装置2100的装置框图。参照图21，该装置包括目标显示资源确定单元2101、显示资源切换单元2102和指示单元210321。

目标显示资源确定单元2101，被配置为执行响应于针对直播间的页面元素组的第一显示切换指令，确定上述页面元素组关联的目标显示资源集合，上述目标显示资源集合中包含上述页面元素组中页面元素关联的目标显示资源；

显示资源切换单元2102，被配置为执行基于上述目标显示资源集合，将上述页面元素组的当前显示资源集合，替换为上述目标显示资源集合；

指示单元2103，被配置为执行向服务器发送第二显示切换指令，以使上述服务器通知第二客户端将上述直播间中上述页面元素组的当前显示资源集合替换为上述目标显示资源集合，上述第二客户端为接收上述直播媒体流的客户端。

作为一种实施例，上述第一显示切换指令包括针对上述直播间的主题确定指令，上述目标显示资源确定单元2101具体被配置为执行：

根据上述主题确定指令，确定主题标识；

基于确定的主题标识，获取确定的主题标识对应的显示资源集合；

基于获取的显示资源集合，确定上述目标显示资源集合。

作为一种实施例，上述目标显示资源确定单元2101具体被配置为执行：

响应于上述主题确定指令，显示主题列表，上述主题列表中包括上述直播间的至少一个主题；

确定基于上述主题列表选取的主题的主题标识。

作为一种实施例，上述主题还包括自定义主题，上述目标显示资源确定单元2101还被配置为执行：

响应于针对自定义主题的第一创建指令，显示针对上述自定义主题的主题设置页面，上述主题设置页面包括针对上述直播间中的至少一个页面元素的第一设置区；

响应于在上述第一设置区确定页面元素的显示资源的操作，获取与上述自定义主题关联的显示资源集合。

作为一种实施例，上述第一显示切换指令包括针对上述直播间的页面元素确定指令，上述目标显示资源确定单元2101具体被配置为执行：

根据上述页面元素确定指令，确定上述直播间中的至少一个页面元素的页面元素标识；

基于确定的页面元素标识，获取上述至少一个页面元素标识对应的显示资源；

根据获取的显示资源，确定上述目标显示资源集合。

作为一种实施例，上述目标显示资源确定单元2101还被配置为执行：

响应于针对上述直播间的第二创建指令，显示目标元素设置页面，上述目标元素设置页面包括针对上述直播间的至少一个页面元素的第二设置区；

响应于在上述第二设置区确定页面元素的显示资源的操作，获得上述至少一个页面元素所关联的显示资源。

作为一种实施例，上述目标显示资源确定单元2101具体被配置为执行：

将上述获取的显示资源集合，确定为上述目标显示资源集合；或

从上述获取的显示资源集合中，选取出部分显示资源，基于选取出的显示资源，确定上述目标显示资源集合。

作为一种实施例，上述第一显示切换指令还用于指示主题应用场景，上述主题应用场景包括控件场景和背景图场景中的至少一个场景，上述目标显示资源确定单元2101具体被配置为执行：

确定上述第一显示切换指令指示的主题应用场景；

从上述获取的显示资源集合中，选取出与确定的主题应用场景对应的页面元素所关联的显示资源。

作为一种实施例，上述目标显示资源确定单元2101具体被配置为执行：

展示上述获取的显示资源集合中各个显示资源所关联的页面元素的页面元素标识；

响应于对展示的页面元素标识的选取操作，获取通过上述展示的页面元素标识确定的页面元素所关联的显示资源；

将获取的显示资源，确定为选取出的部分显示资源。

作为一种实施例，上述显示资源切换单元2102具体被配置为执行：

基于上述目标显示资源集合，将上述直播间中上述页面元素组包含的每个页面元素的当前显示资源，替换为与上述每个页面元素的当前状态匹配的目标显示资源。

作为一种实施例，上述显示资源切换单元2102具体被配置为执行：

如果上述目标显示资源为渐变显示资源，则确定上述渐变显示资源关联的页面元素在上述直播间的显示区域；

将当前在上述显示区域中加载的显示资源，替换为上述渐变显示资源对应的渐变颜色，上述渐变颜色是基于上述渐变显示资源指示的颜色渐变方向，对上述渐变显示资源指示的初始颜色和渐变的最终颜色进行处理得到的。

作为一种实施例，述页面元素的类型至少一种：

上述直播间的背景图；

上述直播间在上述第一客户端上展示的第一控件；

上述直播间在上述第二客户端上展示的第二控件。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图22是根据一示例性实施例示出的一种直播间的页面元素展示装置2200的装置框图。参照图22，该装置包括信息接收单元2201、目标显示资源确定单元2202和显示资源发送单元2203。

信息接收单元2201，被配置为执行接收推送直播媒体流的第一客户端发送的第二显示切换指令，上述第二显示切换指令是上述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的，上述目标显示资源集合中包含上述页面元素组中页面元素关联的目标显示资源；

目标显示资源确定单元2202，被配置为执行基于上述第二显示切换指令，确定上述目标显示资源集合；

显示资源发送单元2203，被配置为执行将上述目标显示资源集合发送给接收上述直播媒体流的第二客户端，以使上述第二客户端将上述直播间中上述页面元素组的当前显示资源集合替换为上述目标显示资源集合。

作为一种实施例，上述第二显示切换指令包括针对上述直播间的主题确定指令，上述目标显示资源确定单元2202具体被配置为执行：

根据上述主题确定指令，确定主题标识；

基于确定的主题标识，获取确定的主题标识对应的显示资源集合；

基于获取的显示资源集合，确定上述目标显示资源集合。

作为一种实施例，上述第二显示切换指令包括针对上述直播间的页面元素确定指令，上述目标显示资源确定单元2202具体被配置为执行：

根据上述页面元素确定指令，确定上述直播间中的至少一个页面元素的页面元素标识；

基于确定的页面元素标识，获取上述至少一个页面元素标识对应的显示资源；

根据获取的显示资源，确定上述目标显示资源集合。

作为一种实施例，上述页面元素的类型至少包括以下至少一种：

上述直播间的背景图；

上述直播间在上述第一客户端上展示的第一控件；

上述直播间在上述第二客户端上展示的第二控件。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图23是根据一示例性实施例示出的一种直播间的页面元素展示装置2300的装置框图。参照图23，该装置包括显示资源接收单元2301和显示资源切换单元2302。

显示资源接收单元2301，被配置为执行接收直播间的页面元素组关联的目标显示资源集合，上述目标显示资源集合中包含上述页面元素组中页面元素关联的目标显示资源，上述目标显示资源集合是服务器基于接收的第二显示切换指令确定的；上述第二显示切换指令是上述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的；

显示资源切换单元2302，被配置为执行基于上述目标显示资源集合，将上述页面元素组的当前显示资源集合，替换为上述目标显示资源集合。

作为一种实施例，上述显示资源切换单元2302具体被配置为执行：

基于上述目标显示资源集合，将上述直播间中上述页面元素组包含的每个页面元素的当前显示资源，替换为与上述每个页面元素的当前状态匹配的目标显示资源。

作为一种实施例，上述显示资源切换单元2302具体被配置为执行：

如果上述目标显示资源为渐变显示资源，则确定上述渐变显示资源关联的页面元素在上述直播间的显示区域；

将当前在上述显示区域中加载的显示资源，替换为上述渐变显示资源对应的渐变颜色，上述渐变颜色是基于上述渐变显示资源指示的颜色渐变方向，对上述渐变显示资源指示的初始颜色和渐变的最终颜色进行处理得到的。

作为一种实施例，上述页面元素的类型至少包括以下至少一种：

上述直播间的背景图；上述直播间在上述第一客户端上展示的第一控件；上述直播间在上述第二客户端上展示的第二控件。

请参见图24，基于同一发明构思，本公开实施例提供一种终端设备2400，该终端设备2400上可以安装第一客户端110和第二客户端120，可以实现上述第一客户端110的所有功能，也可以实现上述第二客户端120的所有功能，下面对该终端设备2400进行介绍。

基于同一发明构思，本公开实施例提供一种终端设备，该终端设备可以实现上述页面元素展示装置2400或页面元素展示装置2600的所有功能，下面对该终端设备进行介绍。

请参照图24，该终端设备包括显示单元2440、处理器2480以及存储器2420，其中，显示单元2440包括显示面板2441，用于显示由用户输入的信息或提供给用户的信息以及各种应用或客户端的各种操作界面等，在本公开实施例中主要用于显示终端设备中已安装的客户端的界面、快捷窗口等。

可选的，可以采用液晶显示器(Liquid Crystal Display，LCD)或有机发光二极管OLED(Organic Light-Emitting Diode)等形式来配置显示面板2441。

处理器2480用于读取计算机程序，然后执行计算机程序定义的方法，例如处理器2480读取应用等，从而在该终端设备上运行应用，在显示单元2440上显示应用的界面。处理器2480可以包括一个或多个通用处理器，还可包括一个或多个DSP(Digital SignalProcessor，数字信号处理器)，用于执行相关操作，以实现本公开实施例所提供的直播间的页面元素展示方法的技术方案。

存储器2420一般包括内存和外存，内存可以为随机存储器(RAM)，只读存储器(ROM)，以及高速缓存(CACHE)等。外存可以为硬盘、光盘、USB盘、软盘或磁带机等。存储器2420用于存储计算机程序和其他数据，该计算机程序包括客户端对应的应用程序等，其他数据可包括操作系统或应用程序被运行后产生的数据，该数据包括系统数据(例如操作系统的配置参数)和用户数据。本公开实施例中程序指令存储在存储器2420中，处理器2480执行存储器2420中的程序指令，实现前文图论述的任意的一种直播间的页面元素展示方法。

此外，终端设备还可以包括显示单元2440，用于接收输入的数字信息、词语信息或接触式触摸操作或非接触式手势，以及产生与终端设备的用户设置以及功能控制有关的信号输入等。具体地，本公开实施例中，该显示单元2440可以包括显示面板2441。显示面板2441例如触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在显示面板2441上或在显示面板2441的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，显示面板2441可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器2480，并能接收处理器2480发来的命令并加以执行。在本公开实施例中，若用户点击安装在终端设备上的应用，则在显示面板2441中的触摸检测装置检测到触摸操作，则将检测到的触摸操作对应的信号发送的触摸控制器，触摸控制器将信号转换成触点坐标发送给处理器2480，处理器2480根据接收到的触点坐标确定用户需要进行的操作。

其中，显示面板2441可以采用电阻式、电容式、红外线以及表面声波等多种类型实现。除了显示单元2440，终端设备还可以包括输入单元2430，输入单元2430可以包括图像输入设备2431和其他输入设备2432，其他输入设备2432可以但不限于物理键盘、功能键(比如音量控制按钮、开关按钮等)、轨迹球、鼠标、操作杆等中的一种或多种。

除以上之外，终端设备还可以包括用于给其他模块供电的电源2490、音频电路2460、近场通信模块2470和RF电路2410。终端设备还可以包括一个或多个传感器2450，例如加速度传感器、光传感器、压力传感器等。音频电路2460具体包括扬声器2461和麦克风2462等，例如终端设备可以通过麦克风2462采集用户的声音，进行相应的操作等。

作为一种实施例，处理器2480的数量可以是一个或多个，处理器2780和存储器2420可以是耦合设置，也可以是相对独立设置。

作为一种实施例，图24中的处理器2480可以用于上述第一客户端和第二客户单的功能。

请参见图25，与上述方法实施例基于同一发明构思，本公开实施例中还提供了一种电子设备，该电子设备可以用于直播处理；在一种实施例中，该电子设备可以是服务器，如图1所示的服务器120；在该实施例中，电子设备的结构可以如图25所示，包括存储器2501，通讯模块2503以及一个或多个处理器2502。

存储器2501，用于存储处理器2502执行的计算机程序。存储器2501可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统，以及运行即时通讯功能所需的程序等；存储数据区可存储各种即时通讯信息和操作指令集等。

存储器2501可以是易失性存储器(Volatile Memory)，例如随机存取存储器(Random-Access Memory，RAM)；存储器2501也可以是非易失性存储器(Non-VolatileMemory)，例如只读存储器，快闪存储器(Flash Memory)，硬盘(Hard Disk Drive，HDD)或固态硬盘(Solid-State Drive，SSD)；或者存储器2501是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。存储器2501可以是上述存储器的组合。

处理器2502，可以包括一个或多个中央处理单元(Central Processing Unit，CPU)或者为数字处理单元等等。处理器2502，用于调用存储器2501中存储的计算机程序时实现上述内容推荐控制方法。

通讯模块2503用于与终端设备和其他服务器进行通信。

本公开实施例中不限定上述存储器2501、通讯模块2503和处理器2502之间的具体连接介质。本公开实施例在图25中以存储器2501和处理器2502之间通过总线2504连接，总线2504在图25中以粗线表示，其它部件之间的连接方式，仅是进行示意性说明，并不引以为限。总线2504可以分为地址总线、数据总线、控制总线等。为便于表示，图25中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

存储器2501中存储有计算机存储介质，计算机存储介质中存储有计算机可执行指令，计算机可执行指令用于实现本公开实施例的内容推荐控制方法。处理器2502用于执行上述的图像处理方法。

程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

本公开的实施方式的程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在计算装置上运行。然而，本公开的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被命令执行系统、装置或者器件使用或者与其结合使用。

可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由命令执行系统、装置或者器件使用或者与其结合使用的程序。可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。或者，本公开实施例上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本公开实施例的技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本公开实施例各个实施例上述方法的全部或部分。而前述的存储介质包括：移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

Claims (10)

1.一种直播间的页面元素展示方法，其特征在于，应用于推送直播媒体流的第一客户端，包括：

响应于针对直播间的页面元素组的第一显示切换指令，确定所述页面元素组关联的目标显示资源集合，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源；

基于所述目标显示资源集合，将所述页面元素组的当前显示资源集合，替换为所述目标显示资源集合；

向服务器发送第二显示切换指令，以使所述服务器通知第二客户端将所述直播间中所述页面元素组的当前显示资源集合替换为所述目标显示资源集合，所述第二客户端为接收所述直播媒体流的客户端。

2.一种直播间的页面元素展示方法，其特征在于，应用于服务器，包括：

接收推送直播媒体流的第一客户端发送的第二显示切换指令，所述第二显示切换指令是所述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源；

基于所述第二显示切换指令，确定所述目标显示资源集合；

将所述目标显示资源集合发送给接收所述直播媒体流的第二客户端，以使所述第二客户端将所述直播间中所述页面元素组的当前显示资源集合替换为所述目标显示资源集合。

3.一种直播间的页面元素展示方法，其特征在于，应用于接收直播媒体流的第二客户端，包括：

接收直播间的页面元素组关联的目标显示资源集合，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源，所述目标显示资源集合是服务器基于接收的第二显示切换指令确定的；所述第二显示切换指令是所述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的；

基于所述目标显示资源集合，将所述页面元素组的当前显示资源集合，替换为所述目标显示资源集合。

4.一种直播间的页面元素展示装置，其特征在于，包括：

目标显示资源确定单元，被配置为执行响应于针对直播间的页面元素组的第一显示切换指令，确定所述页面元素组关联的目标显示资源集合，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源；

显示资源切换单元，被配置为执行基于所述目标显示资源集合，将所述页面元素组的当前显示资源集合，替换为所述目标显示资源集合；

指示单元，被配置为执行向服务器发送第二显示切换指令，以使所述服务器通知第二客户端将所述直播间中所述页面元素组的当前显示资源集合替换为所述目标显示资源集合，所述第二客户端为接收所述直播媒体流的客户端。

5.一种直播间的页面元素展示装置，其特征在于，包括：

信息接收单元，被配置为执行接收推送直播媒体流的第一客户端发送的第二显示切换指令，所述第二显示切换指令是所述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源；

目标显示资源确定单元，被配置为执行基于所述第二显示切换指令，确定所述目标显示资源集合；

显示资源发送单元，被配置为执行将所述目标显示资源集合发送给接收所述直播媒体流的第二客户端，以使所述第二客户端将所述直播间中所述页面元素组的当前显示资源集合替换为所述目标显示资源集合。

6.一种直播间的页面元素展示装置，其特征在于，包括：

显示资源接收单元，被配置为执行接收直播间的页面元素组关联的目标显示资源集合，所述目标显示资源集合中包含所述页面元素组中页面元素关联的目标显示资源，所述目标显示资源集合是服务器基于接收的第二显示切换指令确定的；所述第二显示切换指令是所述第一客户端将直播间的页面元素组的当前显示资源集合，替换为目标显示资源集合后发送的；

显示资源切换单元，被配置为执行基于所述目标显示资源集合，将所述页面元素组的当前显示资源集合，替换为所述目标显示资源集合。

7.一种第一电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1所述的直播间的页面元素展示方法。

8.一种服务器，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求2所述的直播间的页面元素展示方法。

9.一种第二电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求3所述的直播间的页面元素展示方法。

10.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由计算机的处理器执行时，使得计算机能够执行如权利要求1或2或3中任一项所述的直播间的页面元素展示方法。

Images