CN113849247B - 直播间页面元素的显示方法、装置及系统 - Google Patents
直播间页面元素的显示方法、装置及系统 Download PDFInfo
- Publication number
- CN113849247B CN113849247B CN202111131453.4A CN202111131453A CN113849247B CN 113849247 B CN113849247 B CN 113849247B CN 202111131453 A CN202111131453 A CN 202111131453A CN 113849247 B CN113849247 B CN 113849247B
- Authority
- CN
- China
- Prior art keywords
- displayed
- page element
- page
- hierarchy
- level
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 60
- 238000009877 rendering Methods 0.000 claims abstract description 159
- 230000008569 process Effects 0.000 description 17
- 238000010586 diagram Methods 0.000 description 10
- 240000007124 Brassica oleracea Species 0.000 description 6
- 235000003899 Brassica oleracea var acephala Nutrition 0.000 description 6
- 235000011301 Brassica oleracea var capitata Nutrition 0.000 description 6
- 235000001169 Brassica oleracea var oleracea Nutrition 0.000 description 6
- 206010011469 Crying Diseases 0.000 description 6
- 230000003993 interaction Effects 0.000 description 6
- 235000013311 vegetables Nutrition 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 241000234435 Lilium Species 0.000 description 4
- UFWIBTONFRDIAS-UHFFFAOYSA-N Naphthalene Chemical compound C1=CC=CC2=CC=CC=C21 UFWIBTONFRDIAS-UHFFFAOYSA-N 0.000 description 4
- 241000109329 Rosa xanthina Species 0.000 description 3
- 235000004789 Rosa xanthina Nutrition 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 230000008520 organization Effects 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 241000220317 Rosa Species 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000030279 gene silencing Effects 0.000 description 1
- 238000009413 insulation Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 239000004984 smart glass Substances 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Abstract
本申请提供直播间页面元素的显示方法、装置及系统，其中所述直播间页面元素的显示方法包括：获取针对目标直播间中页面元素的层级配置文件和显示配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构，所述显示配置文件包括所述各页面元素的渲染属性；根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示。如此，不仅减少了重复工作，还简化了直播间的页面元素显示工作量，提高了直播间的页面元素显示的效率。
Description
技术领域
本申请涉及计算机技术领域，特别涉及一种直播间页面元素的显示方法。本申请同时涉及一种直播间页面元素的显示装置，一种直播间页面元素的显示系统，一种计算设备，以及一种计算机可读存储介质。
背景技术
随着计算机技术的不断发展，网络社交平台上的直播逐渐成为受欢迎的实施互动形式。在直播领域，对直播间中页面元素有不同的显示需求。在有显示需求的情况下，需要对直播间各页面元素进行显示或隐藏，例如为保护青少年权益对青少年直播间的部分页面元素进行隐藏等。
现有技术中，通常需要针对客户端直播间的每个页面元素，根据管控需求编写一套新的显示方案，进而根据显示方案对直播间的每个页面元素进行渲染并显示，例如根据青少年直播间的显示需求，为客户端开发一套的显示方案，控制青少年直播间每个页面元素的隐藏或显示。
然而上述方法，由于直播间中有各种显示需求，针对同一直播间的不同显示需求，对应需要展示隐藏对应的直播间的页面元素也不同，因此需要不断地应对不同显示需求编写相应地显示方案，费时费力；且直播间的页面元素数量过多，每个页面元素都单独控制，增加了编写显示方案的难度。因此，亟需一种有效的方案以解决上述问题。
发明内容
有鉴于此，本申请实施例提供了一种直播间页面元素的显示方法。本申请同时涉及一种直播间页面元素的显示装置，一种直播间页面元素的显示系统，一种计算设备，以及一种计算机可读存储介质，以解决现有技术中存在的费时费力、难度大的技术缺陷。
根据本申请实施例的第一方面，提供了一种直播间页面元素的显示方法，包括：
获取针对目标直播间中页面元素的层级配置文件和显示配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构，所述显示配置文件包括所述各页面元素的渲染属性；
根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；
根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示。
根据本申请实施例的第二方面，提供了一种直播间页面元素的显示装置，包括：
接收模块，被配置为获取针对目标直播间中页面元素的层级配置文件和显示配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构，所述显示配置文件包括所述各页面元素的渲染属性；
分域模块，被配置为根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；
显示模块，被配置为根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示。
根据本申请实施例的第三方面，提供了一种直播间页面元素的显示系统，包括：
控制端、服务端和客户端；
所述客户端，被配置为获取针对目标直播间中页面元素的层级配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构；根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；
所述控制端，被配置为接收针对所述目标直播间中页面元素的显示配置操作；根据所述显示配置操作生成针对所述目标直播间中页面元素的显示配置文件，所述显示配置文件包括所述各页面元素的渲染属性；将所述显示配置文件同步至所述服务端；
所述服务端，被配置为接收并保存所述显示配置文件；将所述显示配置文件转发至所述客户端；
所述客户端，还被配置为接收所述显示配置文件；根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示。
根据本申请实施例的第四方面，提供了一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令，所述处理器执行所述计算机指令时实现所述直播间页面元素的显示方法的步骤。
根据本申请实施例的第五方面，提供了一种计算机可读存储介质，其存储有计算机指令，该计算机指令被处理器执行时实现所述直播间页面元素的显示方法的步骤。
本申请提供的直播间页面元素的显示方法，获取针对目标直播间中页面元素的层级配置文件和显示配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构，所述显示配置文件包括所述各页面元素的渲染属性；根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示。通过层级配置文件中的预设层级结构，将各页面元素进行层级划分，有利于通过各层级对页面元素进行显示，避免了对页面元素单独显示，简化了直播间的页面元素显示过程；通过多个待显示层级和各页面元素的渲染属性，对直播间的各页面元素进行渲染和显示，对于不同的显示需求，通过更改显示配置文件即可，无需重新进行编写显示配置文件，减少了重复工作，简化了直播间的页面元素显示工作量，提高了直播间的页面元素显示的效率。
附图说明
图1是本申请一实施例提供的一种直播间页面元素的显示方法的流程图；
图2是本申请一实施例提供的一种应用于游戏直播间的直播间页面元素的显示方法的处理流程图；
图3是本申请一实施例提供的一种直播间页面元素的显示装置的结构示意图；
图4是本申请一实施例提供的一种直播间页面元素的显示系统的结构示意图；
图5是本申请一实施例提供的一种直播间页面元素的显示方法的示意图；
图6是本申请一实施例提供的一种计算设备的结构框图。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本申请内涵的情况下做类似推广，因此本申请不受下面公开的具体实施的限制。
在本申请一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请一个或多个实施例。在本申请一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本申请一个或多个实施例中使用的术语“和/或”是指包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解，尽管在本申请一个或多个实施例中可能采用术语第一、第二等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请一个或多个实施例范围的情况下，第一也可以被称为第二，类似地，第二也可以被称为第一。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
首先，对本申请一个或多个实施例涉及的名词术语进行解释。
直播间：在互联网时代主要指某一个人或一个组织开通的网络直播节目。直播间本是电台、电视台向观众直播节目的房间，具有很好的隔音、消音功能，后衍生成为网上直播节目的一种称谓，比如某某直播间，就是指某一个人或一个组织开通的网络直播节目。
直播：现在常指网络互动直播，是一种社交和商业的方式。主播使用电脑或者手机同步直播自己在做的事情，观众可以通过网站或者应用程序观看，对于喜欢的主播或者内容可以进行打赏，达到一种娱乐或教学的目的。
在本申请中，提供了一种直播间页面元素的显示方法，本申请同时涉及一种直播间页面元素的显示装置，一种直播间页面元素的显示系统，一种计算设备，以及一种计算机可读存储介质，在下面的实施例中逐一进行详细说明。
图1示出了根据本申请一实施例提供的一种直播间页面元素的显示方法的流程图，具体包括以下步骤：
步骤102：获取针对目标直播间中页面元素的层级配置文件和显示配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构，所述显示配置文件包括所述各页面元素的渲染属性。
具体的，目标直播间是指需要对页面元素进行显示或隐藏的直播间；页面元素是指直播间的各种界面中显示的用户界面(UI，User Interface)中显示的可视化元素，也即页面元素包括但不局限于UI界面中的按钮(按键)、文本字段、图像、标签等，例如直播间中各控件的图标、直播间的背景图等；显示配置文件是指用于确定各页面元素是显示还是隐藏的文件，显示配置文件可以是轻量级(JSON，JavaScript Object Notation)的数据交换格式；预设层级结构是指预先设着的各页面元素之间层级关系的结构；层级配置文件是指携带预设层级结构的文件；各页面元素的渲染属性是指各页面元素的显示配置的属性。
实际应用中，直播间有大量的页面元素，单独对每个页面元素进行显示或隐藏的话，会增加对直播间中页面元素进行显示的复杂度和难度。为此，需要获取针对目标直播间中页面元素的层级配置文件和显示配置文件，以便于对直播间的页面元素进行层级划分，结合显示配置文件，通过层级来对各页面元素进行显示或隐藏。
例如，目标直播间为某视频直播间，该视频直播间分为页面元素包括播放器面板、互动区、播放器面板上部、播放器面板中部、播放器面板下部、返回、标题、分享。接收到针对该视频直播间中页面元素的层级配置文件，该层级配置文件中包含有如表1所示的预设层级结构，该层级配置文件中预设层级结构为：两个第一层级：播放器面板、互动区；第一层级播放器中有三个第二层级：播放器面板上部、播放器面板中部和播放器面板下部；第二层级播放器面板上部分右三个第三层级：返回、标题、分享。
表1预设层级结构
需要说明的是，用户或者运营人员可以通过客户端，对目标直播间的页面元素进行层级配置操作，从而根据层级配置操作在客户端自动生成层级配置文件，也即获取对目标直播间中页面元素的层级配置文件；还可以由运营人员在控制端对目标直播间的页面元素进行层级配置操作，根据层级配置操作在控制端生成层级配置文件，并通过服务端将层级配置文件发送给客户端。
此外，客户端获取的针对目标直播间中页面元素的显示配置文件，可以是服务端向客户端发送的；当服务端未发送针对目标直播间中页面元素的显示配置文件时，客户端获取的针对目标直播间中页面元素的显示配置文件，还可以最新的历史显示配置文件或者默认显示配置文件。也即针对目标直播间中页面元素的显示配置文件，具体过程可以如下：
接收服务端发送的针对所述目标直播间中页面元素的显示配置文件；或者，
获取指定显示配置文件，所述指定显示配置文件为针对所述目标直播间中页面元素的默认显示配置文件或历史显示配置文件。
当运营人员通过控制端针对所述目标直播间中页面元素的显示配置操作，并提交后，控制端将根据显示配置操作生成针对目标直播间中页面元素的显示配置文件，将所述显示配置文件同步至服务端，由服务端将显示配置文件发送至客户端，然后客户端接收到服务端发送的针对所述目标直播间中页面元素的显示配置文件，并执行相应操作。此外，在服务器未发送显示配置文件的时间段，客户端可以根据本地最新的历史显示配置文件，执行相应操作。需要说明的是，第一次打开客户段的目标直播间、且未收到服务器发送的显示配置文件时，客户端可以获取到默认显示配置文件，执行后续步骤。
步骤104：根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级。
在获取针对目标直播间中页面元素的层级配置文件，也即获取到目标直播间中各页面元素之间的预设层级结构的基础上，进一步地，根据预设层级结构对各页面元素进行划分，从而生成多个待显示层级。
具体的，层级划分是指将各页面元素进行划分，等到包含多个页面元素的多个待显示层级的过程。
实际应用中，在接收到目标直播间中各页面元素之间的预设层级结构之后，客户端会立即根据预设层级结构，确定每个各页面元素对应的待显示层级，然后将各页面元素添加至对应的待显示层级中，从而完成对各页面元素的层级划分，得到多个待显示层级。
沿用上例，目标直播间为某视频直播间，该视频直播间分为页面元素包括播放器面板、互动区、播放器面板上部、播放器面板中部、播放器面板下部、返回、标题、分享。根据表1所示的预设层级结构可知，播放器面板和互动区为第一层级，则将播放器面板和互动区添加至第一层级中；播放器面板上部、播放器面板中部和播放器面板下部为第一层级播放器面板的第二层级，则将播放器面板上部、播放器面板中部和播放器面板下部添加至第一层级播放器面板中的第二层级；返回、标题、分享为第二层级播放器面板上部的第三层级，则将返回、标题、分享为第二层级播放器面板上部中的第三层级。
为了提高层级划分的效率和准确度，预设层级结构中可以包括各页面元素之间的父子关系，然后基于父子关系进行层级划分，也即在所述预设层级结构包括所述各页面元素之间的父子关系的情况下，根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级的具体实现过程可以如下：
根据所述各页面元素之间的父子关系，确定所述目标直播间中各页面元素的层级类型；
根据所述各页面元素的层级类型，对所述各页面元素进行层级划分，得到多个待显示层级。
具体的，父子关系是指两个相关的页面元素之间上下层或者包含与属于的关系，例如蔬菜和白菜，蔬菜包含白菜，白菜属于蔬菜，则蔬菜是白菜的父，白菜是蔬菜子，即蔬菜和白菜为父子关系；层级类型是指该页面元素在划分层级时对应的类型。
实际应用中，在进行层级划分之前，可以从预设层级结构中提取目标直播间中各页面元素的父子关系，然后基于该目标直播间中各页面元素的父子关系，分别确定各个页面元素的层级类型，并根据各个页面元素的层级类型进行层级划分，然后得到多个待显示层级。
例如，目标直播间的页面元素包括礼物面板、礼物1和礼物2，各页面元素之间的父子关系可知，礼物面板和礼物1为父子关系、礼物面板和礼物2为父子关系，则可以确定礼物面板的层级类型为第一层级类型，礼物1和礼物2为第二层级类型，进行根据礼物面板——第一层级类型、礼物1和礼物2——第二层级类型，进行层级划分，得到多个待显示层级。
在本实施例的一个或多个实施方式中，层级类型包括父页面元素和子页面元素，也即是说某个页面元素可以是另一个页面元素的父页面元素，也可以是某个页面元素的子页面元素，在此基础上，进行层级划分，如此可以进一步提高层级划分的效率和准确度。也即在所述层级类型包括父页面元素和子页面元素的情况下，根据所述各页面元素的层级类型，对所述各页面元素进行层级划分的具体实现过程可以如下：
在当前页面元素为特定页面元素的父页面元素的情况下，将所述当前页面元素划分为所述特定页面元素的父层级，所述特定页面元素为任意一个页面元素；
在所述当前页面元素为所述特定页面元素的子页面元素的情况下，将所述当前页面元素划分为所述特定页面元素的子层级。
实际应用中，需要判断目标直播间中各页面元素的具体的层级类型，以其中一个页面元素为例进行说明，先判断该页面元素相对于其他任一页面元素、也即特定页面元素的层级类型：若该页面元素是特定页面元素的父页面元素，所述该页面元素为特定页面元素对应层级的上一个层级，也即父层级，此时将该页面元素划分为特定页面元素的父层级；若该页面元素是特定页面元素的子页面元素，所述该页面元素为特定页面元素对应层级的下一个层级，也即子层级，此时将该页面元素划分为特定页面元素的子层级。根据上述方法，遍历所有的页面元素，直至层级划分完毕。
沿用上例，目标直播间的页面元素包括礼物面板、礼物1和礼物2，根据礼物面板、礼物1和礼物2的层级类型可知：礼物面板为礼物1或礼物2的父页面元素，则将礼物面板划分为礼物1或礼物2的父层级；礼物1是礼物面板的子页面元素，则将礼物1划分为礼物面板的子层级；礼物2也是礼物面板的子页面元素，则将礼物2划分为礼物面板的子层级。
步骤106：根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示。
在根据预设层级结构，对目标直播间的各页面元素进行层级划分，得到多个待显示层级的基础上，进一步地，需要根据多个待显示层级和各页面元素的渲染属性，对各待显示层级的页面元素进行渲染并显示。
实际应用中，可以根据多个待显示层级和各页面元素的渲染属性，分别确定各待显示层级中的各页面元素的是隐藏还是显示，然后对应地渲染各页面元素，渲染完成进行显示即可。
例如，目标直播间有分享按键、收藏按键、点赞按键三个页面元素，其中分享按键、收藏按键、点赞按键均为不同的待显示层级。根据分享按键、收藏按键、点赞按键分别所属的待显示层级，以及分享按键、收藏按键、点赞按键这三个页面元素的渲染属性可知：分享按键为隐藏，则在渲染时不在目标直播间显示分享按键；收藏按键为显示，则在渲染时，在目标直播间的界面显示收藏按键；点赞按键为显示，则在渲染时，在目标直播间的界面显示点赞按键。
为了提高渲染和显示的效率和精准度，可以先确定各待显示层级的渲染属性，然后再对各待显示层级的各页面元素进行渲染并显示，也即根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示的具体实现过程可以如下：
解析所述多个待显示层级和所述各页面元素的渲染属性，确定各待显示层级的渲染属性；
根据所述各待显示层级的渲染属性，分别对所述各待显示层级的各页面元素进行渲染并显示。
具体的，各待显示层级的渲染属性是指各待显示层级在目标直播间界面进行渲染时对应的属性。
实际应用中，可以根据多个待显示层级和所述各页面元素的渲染属性，分别确定各待显示层级的渲染属性，然后根据各待显示层级的渲染属性，对各待显示层级中的各页面元素进行渲染，渲染完成进行显示。
例如，根据多个待显示层级和所述各页面元素的渲染属性，可以确定第一待显示层级和第二待显示层级的显示属性，其中第一待显示层级的页面元素为弹幕，第二待显示层级的页面元素为画面；则根据第一待显示层级的显示属性，对弹幕进行渲染和显示，根据第二待显示层级的显示属性，对画面进行渲染和显示。
在本实施例的一个或多个实施方式中，渲染属性包括显示属性和隐藏属性，根据所述各待显示层级的渲染属性，分别对所述各待显示层级的各页面元素进行渲染并显示的具体实现过程可以如下：
在当前待显示层级的渲染属性为隐藏属性的情况下，隐藏所述当前待显示层级的各页面元素和所述当前待显示层级的所有子层级的各页面元素。
具体的，隐藏属性是指隐藏当前待显示层级对应的属性；子层级是指当前待显示层级中的相对当前待显示层级的下一级层级。
实际应用中，当某个待显示层级的渲染属性为隐藏属性时，也就说明该待显示层级的所有子层级的渲染属性也为隐藏属性，此时，需要将该待显示层级的各页面元素以及该待显示层级的所有子层级的各页面元素进行隐藏。如此，可以方便对各页面元素进行渲染和显示，提高了对各页面元素进行渲染和显示的效率，避免了对页面元素单独进行渲染和显示，简化了直播间的页面元素显示过程。
如表2所示，当前待显示层级为表情面板，表情面板下有6个子层级，包括笑脸、哭脸、气愤、无奈、随便和欠揍，若当前待显示层级的渲染属性为隐藏属性，则隐藏表情面板、笑脸、哭脸、气愤、无奈、随便和欠揍七个页面元素。
表2第一种当前待显示层级的子层级
如表3所示，当前待显示层级为礼物面板，表情面板下有三个第一子层级，包括：鲜花、天气和手势，其中第一子层级鲜花包括两个第二子层级：玫瑰和百合；第一子层级天气包括两个第二子层级：晴朗和乌云；第三子层级手势包括两个第二子层级：点赞和鼓掌。若当前待显示层级的渲染属性为隐藏属性，则当前待显示层级、三个第一子层级以及六个第二子层级的各页面元素全部隐藏，也即隐藏礼物面板、鲜花、天气、手势、玫瑰、百合、晴朗、乌云、点赞和鼓掌十个页面元素。
表3第二种当前待显示层级的子层级
此外，当前待显示层级的渲染属性还可以为显示属性，此时可以显示当前待显示层级的各页面元素，对于当前待显示层级的子层级，还需进一步判断，具体实现过程如下：
在所述当前待显示层级的渲染属性为显示属性的情况下，显示所述当前待显示层级的各页面元素；
识别所述当前待显示层级的子层级的渲染属性；
若所述子层级的渲染属性为显示属性，则显示所述子层级的各页面元素；
若所述子层级的渲染属性为隐藏属性，则隐藏所述子层级的各页面元素。
实际应用中，当某个待显示层级的渲染属性为显示属性时，需要对当前待显示层级的各页面元素进行显示。但是对于当前待显示层级的子层级，显示还是隐藏，需要根据子层级的渲染属性进行渲染。也即先识别当前待显示层级的子层级的渲染属性，在子层级的渲染属性为显示属性的情况下，则显示子层级的各页面元素；在子层级的渲染属性为隐藏属性的情况下，则隐藏子层级的各页面元素。
如表2所示，当前待显示层级为表情面板，表情面板下有6个子层级，包括笑脸、哭脸、气愤、无奈、随便和欠揍。若当前待显示层级的渲染属性为显示属性，则显示表情面板。然后分别判断子层级笑脸、哭脸、气愤、无奈、随便和欠揍的渲染属性：子层级笑脸的渲染属性为显示属性，则显示笑脸这个页面元素；子层级哭脸的渲染属性为显示属性，则显示哭脸这个页面元素；子层级气愤的渲染属性为隐藏属性，则隐藏气愤这个页面元素；子层级无奈的渲染属性为显示属性，则显示无奈这个页面元素；子层级随便的渲染属性为隐藏属性，则隐藏随便这个页面元素；子层级欠揍的渲染属性为隐藏属性，则隐藏欠揍这个页面元素。
如表3所示，当前待显示层级为礼物面板，表情面板下有三个第一子层级，包括：鲜花、天气和手势，其中第一子层级鲜花包括两个第二子层级：玫瑰和百合；第一子层级天气包括两个第二子层级：晴朗和乌云；第三子层级手势包括两个第二子层级：点赞和鼓掌。若当前待显示层级的渲染属性为显示属性，则显示当前待显示层级的页面元素表情面板。然后分别识别三个第一子层级的渲染属性：第一子层级鲜花的渲染属性为显示属性，则显示鲜花这个页面元素，第一子层级鲜花的两个第二子层级的渲染属性均为显示属性，则显示玫瑰和百合这两个页面元素；第一子层级天气的渲染属性为隐藏属性，则将第一子层级天气以及第一子层级天气的两个第二子层级晴朗和乌云全部隐藏，也即隐藏天气、晴朗和乌云这三个页面元素；第一子层级手势的渲染属性为显示属性，则显示手势这个页面元素，第一子层级手势的第二子层级点赞的渲染属性为显示属性，则显示点赞这个页面元素，第一子层级手势的第二子层级鼓掌的渲染属性为隐藏属性，则隐藏鼓掌这个页面元素。
本申请提供的直播间页面元素的显示方法，获取针对目标直播间中页面元素的层级配置文件和显示配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构，所述显示配置文件包括所述各页面元素的渲染属性；根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示。通过层级配置文件中的预设层级结构，将各页面元素进行层级划分，有利于通过各层级对页面元素进行显示，避免了对页面元素单独显示，简化了直播间的页面元素显示过程；通过多个待显示层级和各页面元素的渲染属性，对直播间的各页面元素进行渲染和显示，对于不同的显示需求，通过更改显示配置文件即可，无需重新进行编写显示配置文件，减少了重复工作，简化了直播间的页面元素显示工作量，提高了直播间的页面元素显示的效率。
下述结合附图2，以本申请提供的直播间页面元素的显示方法在游戏直播间的应用为例，对所述直播间页面元素的显示方法进行进一步说明。其中，图2示出了本申请一实施例提供的一种应用于视频播放直播间的直播间页面元素的显示方法的处理流程图，具体包括以下步骤：
步骤202：获取针对目标游戏直播间中页面元素的层级配置文件，层级配置文件包括目标游戏直播间中各页面元素之间的预设层级结构。
步骤204：根据预设层级结构中各页面元素之间的父子关系，确定目标游戏直播间中各页面元素的层级类型，层级类型包括父页面元素和子页面元素。
步骤206：在当前页面元素为特定页面元素的父页面元素的情况下，将当前页面元素划分为特定页面元素的父层级，特定页面元素为任意一个页面元素。
步骤208：在当前页面元素为特定页面元素的子页面元素的情况下，将当前页面元素划分为特定页面元素的子层级。
步骤210：接收服务端发送的针对目标游戏直播间中页面元素的显示配置文件，或者获取指定显示配置文件，显示配置文件或指定显示配置文件包括各页面元素的渲染属性。
其中，指定显示配置文件为针对目标游戏直播间中页面元素的默认显示配置文件或历史显示配置文件。
步骤212：解析多个待显示层级和各页面元素的渲染属性，确定各待显示层级的渲染属性。
其中，渲染属性包括显示属性和隐藏属性。
步骤214：在当前待显示层级的渲染属性为隐藏属性的情况下，隐藏当前待显示层级的各页面元素和当前待显示层级的所有子层级的各页面元素。
步骤216：在当前待显示层级的渲染属性为显示属性的情况下，显示当前待显示层级的各页面元素。
步骤218：识别当前待显示层级的子层级的渲染属性。
步骤220：若子层级的渲染属性为显示属性，则显示子层级的各页面元素。
步骤222：若子层级的渲染属性为隐藏属性，则隐藏子层级的各页面元素。
本申请提供的应用于游戏直播间的直播间页面元素的显示方法，通过层级配置文件中的预设层级结构，将各页面元素进行层级划分，有利于通过各层级对页面元素进行显示，避免了对页面元素单独显示，简化了直播间的页面元素显示过程；通过多个待显示层级和各页面元素的渲染属性，对直播间的页面元素进行渲染和显示，对于不同的显示需求，通过更改显示配置文件即可，无需重新进行编写显示配置文件，减少了重复工作，简化了直播间的页面元素显示工作量，提高了直播间的页面元素显示的效率。
与上述方法实施例相对应，本申请还提供了直播间页面元素的显示装置实施例，图3示出了本申请一实施例提供的一种直播间页面元素的显示装置的结构示意图。如图3所示，该装置包括：
接收模块302，被配置为获取针对目标直播间中页面元素的层级配置文件和显示配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构，所述显示配置文件包括所述各页面元素的渲染属性；
分域模块304，被配置为根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；
显示模块306，被配置为根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示。
在本实施例的一个或多个实施方式中，所述预设层级结构包括所述各页面元素之间的父子关系；
所述分域模块304，还被配置为：
根据所述各页面元素之间的父子关系，确定所述目标直播间中各页面元素的层级类型；
根据所述各页面元素的层级类型，对所述各页面元素进行层级划分，得到多个待显示层级。
在本实施例的一个或多个实施方式中，所述层级类型包括父页面元素和子页面元素；
所述分域模块304，还被配置为：
在当前页面元素为特定页面元素的父页面元素的情况下，将所述当前页面元素划分为所述特定页面元素的父层级，所述特定页面元素为任意一个页面元素；
在所述当前页面元素为所述特定页面元素的子页面元素的情况下，将所述当前页面元素划分为所述特定页面元素的子层级。
在本实施例的一个或多个实施方式中，所述显示模块306，还被配置为：
解析多个待显示层级和所述各页面元素的渲染属性，确定各待显示层级的渲染属性；
根据所述各待显示层级的渲染属性，分别对所述各待显示层级的各页面元素进行渲染并显示。
在本实施例的一个或多个实施方式中，所述渲染属性包括显示属性和隐藏属性；
所述显示模块306，还被配置为：
在当前待显示层级的渲染属性为隐藏属性的情况下，隐藏所述当前待显示层级的各页面元素和所述当前待显示层级的所有子层级的各页面元素。
在本实施例的一个或多个实施方式中，所述显示模块306，还被配置为：
在所述当前待显示层级的渲染属性为显示属性的情况下，显示所述当前待显示层级的各页面元素；
识别所述当前待显示层级的子层级的渲染属性；
若所述子层级的渲染属性为显示属性，则显示所述子层级的各页面元素；
若所述子层级的渲染属性为隐藏属性，则隐藏所述子层级的各页面元素。
在本实施例的一个或多个实施方式中，所述显示模块306，还被配置为：
接收服务端发送的针对所述目标直播间中页面元素的显示配置文件；或者，
获取指定显示配置文件所述指定显示配置文件为针对所述目标直播间中页面元素的默认显示配置文件或历史显示配置文件。
本申请提供的直播间页面元素的显示装置，先获取针对目标直播间中页面元素的层级配置文件和显示配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构，所述显示配置文件包括所述各页面元素的渲染属性；再根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；然后根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示。通过层级配置文件中的预设层级结构，将各页面元素进行层级划分，有利于通过各层级对页面元素进行显示，避免了对页面元素单独显示，简化了直播间的页面元素显示过程；通过多个待显示层级和各页面元素的渲染属性，对直播间的各页面元素进行渲染和显示，对于不同的显示需求，通过更改显示配置文件即可，无需重新进行编写显示配置文件，减少了重复工作，简化了直播间的页面元素显示工作量，提高了直播间的页面元素显示的效率。
上述为本实施例的一种直播间页面元素的显示装置的示意性方案。需要说明的是，该直播间页面元素的显示装置的技术方案与上述的直播间页面元素的显示方法的技术方案属于同一构思，直播间页面元素的显示装置的技术方案未详细描述的细节内容，均可以参见上述直播间页面元素的显示方法的技术方案的描述。
与上述方法实施例相对应，本申请还提供了直播间页面元素的显示系统实施例，图4示出了本申请一实施例提供的一种直播间页面元素的显示系统的结构示意图。如图4所示，该系统包括：
控制端402、服务端404和客户端406；
所述客户端406，被配置为获取针对目标直播间中页面元素的层级配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构；根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；
所述控制端402，被配置为接收针对所述目标直播间中页面元素的显示配置操作；根据所述显示配置操作生成针对所述目标直播间中页面元素的显示配置文件，所述显示配置文件包括所述各页面元素的渲染属性；将所述显示配置文件同步至所述服务端404；
所述服务端404，被配置为接收并保存所述显示配置文件；将所述显示配置文件转发至所述客户端406；
所述客户端406，还被配置为接收所述显示配置文件；根据所述多个待显示层级和所述各页面元素的渲染属性，对各待显示层级的各页面元素进行渲染并显示。
具体的，目标直播间是指需要对页面元素进行显示或隐藏的直播间；页面元素是指直播间的各种界面中显示的用户界面中显示的可视化元素，也即页面元素可以但不局限于包括用户界面中的按钮(按键)、文本字段、图像、标签；预设层级结构是指预先设着的各页面元素之间层级关系的结构；层级配置文件是指携带预设层级结构的文件；层级划分是指将各页面元素进行划分，得到包含多个页面元素的多个待显示层级的过程；显示配置操作是指对各页面元素设置显示或隐藏的操作；显示配置文件是指用于确定各页面元素是显示还是隐藏的文件。
实际应用中，需要先对客户端的目标直播间中页面元素进行层级划分，因此需要先获取针对目标直播间中页面元素的层级配置文件，然后根据层级配置文件中的预设层级结构，确定每个各页面元素对应的待显示层级，然后将各页面元素添加至对应的待显示层级中，从而完成对各页面元素的层级划分，得到多个待显示层级。之后运营人员或者开发人员根据显示需求，在控制端上针对目标直播间进行相应的配置，即控制端接收到针对目标直播间中页面元素的显示配置操作，并生成相应的包括各页面元素的渲染属性的显示配置文件，同步至服务端。服务端在接收到显示配置文件后，先进行保存，并将显示配置文件转发至客户端。而后客户端根据多个待显示层级和所述各页面元素的渲染属性，分别确定各待显示层级中的各页面元素的是隐藏还是显示，然后对应地渲染各页面元素，渲染完成后进行显示。
可选地，所述预设层级结构包括所述各页面元素之间的父子关系；
所述客户端406，还被配置为根据所述各页面元素之间的父子关系，确定所述目标直播间中各页面元素的层级类型；
根据所述各页面元素的层级类型，对所述各页面元素进行层级划分，得到多个待显示层级。
可选地，所述层级类型包括父页面元素和子页面元素；
所述客户端406，还被配置为在当前页面元素为特定页面元素的父页面元素的情况下，将所述当前页面元素划分为所述特定页面元素的父层级，所述特定页面元素为任意一个页面元素；
在所述当前页面元素为所述特定页面元素的子页面元素的情况下，将所述当前页面元素划分为所述特定页面元素的子层级。
可选地，所述客户端406，还被配置为解析所述多个待显示层级和所述各页面元素的渲染属性，确定各待显示层级的渲染属性；根据所述各待显示层级的渲染属性，分别对所述各待显示层级的各页面元素进行渲染并显示。
可选地，所述渲染属性包括显示属性和隐藏属性；
所述客户端406，还被配置为在当前待显示层级的渲染属性为隐藏属性的情况下，隐藏所述当前待显示层级的各页面元素和所述当前待显示层级的所有子层级的各页面元素。
可选地，所述客户端406，还被配置为在所述当前待显示层级的渲染属性为显示属性的情况下，显示所述当前待显示层级的各页面元素；识别所述当前待显示层级的子层级的渲染属性；若所述子层级的渲染属性为显示属性，则显示所述子层级的各页面元素；若所述子层级的渲染属性为隐藏属性，则隐藏所述子层级的各页面元素。
可选地，所述客户端406，还被配置为获取指定显示配置文件，所述指定显示配置文件为针对所述目标直播间中页面元素的默认显示配置文件或历史显示配置文件。
下述结合附图5，对所述直播间页面元素的显示系统进行进一步说明。其中，图5示出了本申请一实施例提供的一种直播间页面元素的显示方法的示意图：客户端从某直播间配置管理下的层级管理中获取层级配置文件，然后根据层级配置文件中的预设层级结构，将该直播间的各页面元素进行层级划分，得到两个一级待显示层级以及其他的待显示层级，其中一级待显示层级包括播放器业务和其他业务。运营人员或者开发人员根据显示需求，在控制端上针对该直播间进行显示配置操作——禁止“弹幕输入”功能、显示“弹幕显示”功能，以及显示其他功能，图5中“XXXXX”即表示其他功能，也即隐藏“弹幕输入”图标、显示“弹幕显示”和其他图标。控制端根据该显示配置操作生成显示配置文件“关键字-值[A.B.C＝0A.B.C＝1]”，也即显示配置文件包括各页面元素的渲染属性，之后同步至服务端，服务端接收到显示配置文件，将显示配置文件存储至存储单元，并通过应用程序接口将显示配置文件“关键字-值[A.B.C＝0A.B.C＝1]”发送至客户端。客户端接收到显示配置文件之后，先将显示配置文件存储至存储单元，然后通过读写映射单元对显示配置文件进行解析，得到“关键字值(0、1)”，也即各页面元素的渲染属性，根据“关键字值(0、1)”和多个待显示层级，将播放器业务中视频播放中的“弹幕输入”这一页面元素进行隐藏，并显示“弹幕显示”和其他的页面元素。
本申请提供的直播间页面元素的显示系统，客户端获取针对目标直播间中页面元素的层级配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构；再根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；然后根据服务端转发的显示配置文件中的各页面元素的渲染属性和多个待显示层级，对各待显示层级的各页面元素进行渲染并显示。通过层级配置文件中的预设层级结构，将各页面元素进行层级划分，有利于通过各层级对页面元素进行显示，避免了对页面元素单独显示，简化了直播间的页面元素显示过程；通过多个待显示层级和各页面元素的渲染属性，对直播间的各页面元素进行渲染和显示，对于不同的显示需求，通过更改显示配置文件即可，无需重新进行编写显示配置文件，减少了重复工作，简化了直播间的页面元素显示工作量，提高了直播间的页面元素显示的效率。
上述为本实施例的一种直播间页面元素的显示系统的示意性方案。需要说明的是，该直播间页面元素的显示系统的技术方案与上述的直播间页面元素的显示方法的技术方案属于同一构思，直播间页面元素的显示系统的技术方案未详细描述的细节内容，均可以参见上述直播间页面元素的显示方法的技术方案的描述。
图6示出了根据本申请一实施例提供的一种计算设备600的结构框图。该计算设备600的部件包括但不限于存储器610和处理器620。处理器620与存储器610通过总线630相连接，数据库650用于保存数据。
计算设备600还包括接入设备640，接入设备640使得计算设备600能够经由一个或多个网络660通信。这些网络的示例包括公用交换电话网(PSTN，Public SwitchedTelephone Network)、局域网(LAN，Local Area Network)、广域网(WAN，Wide AreaNetwork)、个域网(PAN，Personal Area Network)或诸如因特网的通信网络的组合。接入设备640可以包括有线或无线的任何类型的网络接口(例如，网络接口卡(NIC，NetworkInterface Controller))中的一个或多个，诸如IEEE802.11无线局域网(WLAN，WirelessLocal Area Network)无线接口、全球微波互联接入(Wi-MAX，WorldwideInteroperability for Microwave Acess)接口、以太网接口、通用串行总线(USB，Universal Serial Bus)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC，Near FieldCommunication)接口，等等。
在本申请的一个实施例中，计算设备600的上述部件以及图6中未示出的其他部件也可以彼此相连接，例如通过总线。应当理解，图6所示的计算设备结构框图仅仅是出于示例的目的，而不是对本申请范围的限制。本领域技术人员可以根据需要，增添或替换其他部件。
计算设备600可以是任何类型的静止或移动计算设备，包括移动计算机或移动计算设备(例如，平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如，智能手机)、可佩戴的计算设备(例如，智能手表、智能眼镜等)或其他类型的移动设备，或者诸如台式计算机或PC的静止计算设备。计算设备600还可以是移动式或静止式的服务器。
其中，处理器620执行所述计算机指令时实现所述的直播间页面元素的显示方法的步骤。
上述为本实施例的一种计算设备的示意性方案。需要说明的是，该计算设备的技术方案与上述的直播间页面元素的显示方法的技术方案属于同一构思，计算设备的技术方案未详细描述的细节内容，均可以参见上述直播间页面元素的显示方法的技术方案的描述。
本申请一实施例还提供一种计算机可读存储介质，其存储有计算机指令，该计算机指令被处理器执行时实现如前所述直播间页面元素的显示方法的步骤。
上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是，该存储介质的技术方案与上述的直播间页面元素的显示方法的技术方案属于同一构思，存储介质的技术方案未详细描述的细节内容，均可以参见上述直播间页面元素的显示方法的技术方案的描述。
上述对本申请特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
所述计算机指令包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。
需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本申请所必须的。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。
以上公开的本申请优选实施例只是用于帮助阐述本申请。可选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本申请的内容，可作很多的修改和变化。本申请选取并具体描述这些实施例，是为了更好地解释本申请的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本申请。本申请仅受权利要求书及其全部范围和等效物的限制。
Claims (9)
1.一种直播间页面元素的显示方法，其特征在于，应用于客户端，包括：
获取针对目标直播间中页面元素的层级配置文件和显示配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构，所述显示配置文件包括所述各页面元素的渲染属性；
根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；
解析所述多个待显示层级和所述各页面元素的渲染属性，确定各待显示层级的渲染属性；
在当前待显示层级的渲染属性为显示属性的情况下，对所述当前待显示层级的各页面元素进行渲染并显示，并根据所述当前待显示层级的子层级的渲染属性，对所述当前待显示层级的子层级的各页面元素进行显示或隐藏；
在当前待显示层级的渲染属性为隐藏属性的情况下，对所述当前待显示层级和所述当前待显示层级的子层级的各页面元素进行隐藏。
2.根据权利要求1所述的方法，其特征在于，所述预设层级结构包括所述各页面元素之间的父子关系；
所述根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级，包括：
根据所述各页面元素之间的父子关系，确定所述目标直播间中各页面元素的层级类型；
根据所述各页面元素的层级类型，对所述各页面元素进行层级划分，得到多个待显示层级。
3.根据权利要求2所述的方法，其特征在于，所述层级类型包括父页面元素和子页面元素；
所述根据所述各页面元素的层级类型，对所述各页面元素进行层级划分，包括：
在当前页面元素为特定页面元素的父页面元素的情况下，将所述当前页面元素划分为所述特定页面元素的父层级，所述特定页面元素为任意一个页面元素；
在所述当前页面元素为所述特定页面元素的子页面元素的情况下，将所述当前页面元素划分为所述特定页面元素的子层级。
4.根据权利要求1所述的方法，其特征在于，所述在当前待显示层级的渲染属性为显示属性的情况下，对所述当前待显示层级的各页面元素进行渲染并显示，并根据所述当前待显示层级的子层级的渲染属性，对所述当前待显示层级的子层级的各页面元素进行显示或隐藏，包括：
在所述当前待显示层级的渲染属性为显示属性的情况下，显示所述当前待显示层级的各页面元素；
识别所述当前待显示层级的子层级的渲染属性；
若所述子层级的渲染属性为显示属性，则显示所述子层级的各页面元素；
若所述子层级的渲染属性为隐藏属性，则隐藏所述子层级的各页面元素。
5.根据权利要求1-3任意一项所述的方法，其特征在于，所述获取针对目标直播间中页面元素的显示配置文件，包括：
接收服务端发送的针对所述目标直播间中页面元素的显示配置文件；或者，
获取指定显示配置文件，所述指定显示配置文件为针对所述目标直播间中页面元素的默认显示配置文件或历史显示配置文件。
6.一种直播间页面元素的显示装置，其特征在于，应用于客户端，包括：
接收模块，被配置为获取针对目标直播间中页面元素的层级配置文件和显示配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构，所述显示配置文件包括所述各页面元素的渲染属性；
分域模块，被配置为根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；
显示模块，被配置为解析所述多个待显示层级和所述各页面元素的渲染属性，确定各待显示层级的渲染属性；
在当前待显示层级的渲染属性为显示属性的情况下，对所述当前待显示层级的各页面元素进行渲染并显示，并根据所述当前待显示层级的子层级的渲染属性，对所述当前待显示层级的子层级的各页面元素进行显示或隐藏；
在当前待显示层级的渲染属性为隐藏属性的情况下，对所述当前待显示层级和所述当前待显示层级的子层级的各页面元素进行隐藏。
7.一种直播间页面元素的显示系统，其特征在于，包括：
控制端、服务端和客户端；
所述客户端，被配置为获取针对目标直播间中页面元素的层级配置文件，所述层级配置文件包括所述目标直播间中各页面元素之间的预设层级结构；根据所述预设层级结构，对所述目标直播间的各页面元素进行层级划分，得到多个待显示层级；
所述控制端，被配置为接收针对所述目标直播间中页面元素的显示配置操作；根据所述显示配置操作生成针对所述目标直播间中页面元素的显示配置文件，所述显示配置文件包括所述各页面元素的渲染属性；将所述显示配置文件同步至所述服务端；
所述服务端，被配置为接收并保存所述显示配置文件；将所述显示配置文件转发至所述客户端；
所述客户端，还被配置为接收所述显示配置文件；解析所述多个待显示层级和所述各页面元素的渲染属性，确定各待显示层级的渲染属性；
在当前待显示层级的渲染属性为显示属性的情况下，对所述当前待显示层级的各页面元素进行渲染并显示，并根据所述当前待显示层级的子层级的渲染属性，对所述当前待显示层级的子层级的各页面元素进行显示或隐藏；
在当前待显示层级的渲染属性为隐藏属性的情况下，对所述当前待显示层级和所述当前待显示层级的子层级的各页面元素进行隐藏。
8.一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令，其特征在于，所述处理器执行所述计算机指令时实现权利要求1-5任意一项所述方法的步骤。
9.一种计算机可读存储介质，其存储有计算机指令，其特征在于，该计算机指令被处理器执行时实现权利要求1-5任意一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111131453.4A CN113849247B (zh) | 2021-09-26 | 2021-09-26 | 直播间页面元素的显示方法、装置及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111131453.4A CN113849247B (zh) | 2021-09-26 | 2021-09-26 | 直播间页面元素的显示方法、装置及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113849247A CN113849247A (zh) | 2021-12-28 |
| CN113849247B true CN113849247B (zh) | 2024-04-30 |
Family
ID=78980250
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111131453.4A Active CN113849247B (zh) | 2021-09-26 | 2021-09-26 | 直播间页面元素的显示方法、装置及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113849247B (zh) |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8508532B1 (en) * | 2011-08-24 | 2013-08-13 | Google Inc. | Positioning of display elements |
| CN109144506A (zh) * | 2018-07-05 | 2019-01-04 | 杭州涂鸦信息技术有限公司 | 一种可配置的ui界面生成方法 |
| CN110442341A (zh) * | 2019-07-23 | 2019-11-12 | 平安国际智慧城市科技股份有限公司 | 应用程序的界面配置方法、装置及终端设备 |
| CN110597512A (zh) * | 2019-08-23 | 2019-12-20 | 华为技术有限公司 | 显示用户界面的方法及电子设备 |
| CN110841285A (zh) * | 2019-11-12 | 2020-02-28 | 腾讯科技（深圳）有限公司 | 界面元素的显示方法、装置、计算机设备及存储介质 |
| CN111061471A (zh) * | 2018-10-17 | 2020-04-24 | 福建天泉教育科技有限公司 | 一种控制界面控件元素显示的方法及系统 |
| CN111309415A (zh) * | 2020-01-17 | 2020-06-19 | 北京无限光场科技有限公司 | 应用程序的用户界面ui信息处理方法、装置及电子设备 |
| CN111552473A (zh) * | 2020-04-27 | 2020-08-18 | 腾讯科技（深圳）有限公司 | 一种应用程序的处理方法、装置及设备 |
| CN112463274A (zh) * | 2020-11-20 | 2021-03-09 | 北京搜狗科技发展有限公司 | 一种界面调整方法、装置和电子设备 |
| CN112631580A (zh) * | 2019-09-24 | 2021-04-09 | 阿里巴巴集团控股有限公司 | 数据处理方法、装置及计算设备 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7337401B2 (en) * | 2002-12-18 | 2008-02-26 | Microsoft Corporation | User interface element representation with simplified view |
| US10108320B2 (en) * | 2014-10-08 | 2018-10-23 | Microsoft Technology Licensing, Llc | Multiple stage shy user interface |
-
2021
- 2021-09-26 CN CN202111131453.4A patent/CN113849247B/zh active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8508532B1 (en) * | 2011-08-24 | 2013-08-13 | Google Inc. | Positioning of display elements |
| CN109144506A (zh) * | 2018-07-05 | 2019-01-04 | 杭州涂鸦信息技术有限公司 | 一种可配置的ui界面生成方法 |
| CN111061471A (zh) * | 2018-10-17 | 2020-04-24 | 福建天泉教育科技有限公司 | 一种控制界面控件元素显示的方法及系统 |
| CN110442341A (zh) * | 2019-07-23 | 2019-11-12 | 平安国际智慧城市科技股份有限公司 | 应用程序的界面配置方法、装置及终端设备 |
| CN110597512A (zh) * | 2019-08-23 | 2019-12-20 | 华为技术有限公司 | 显示用户界面的方法及电子设备 |
| CN112631580A (zh) * | 2019-09-24 | 2021-04-09 | 阿里巴巴集团控股有限公司 | 数据处理方法、装置及计算设备 |
| CN110841285A (zh) * | 2019-11-12 | 2020-02-28 | 腾讯科技（深圳）有限公司 | 界面元素的显示方法、装置、计算机设备及存储介质 |
| CN111309415A (zh) * | 2020-01-17 | 2020-06-19 | 北京无限光场科技有限公司 | 应用程序的用户界面ui信息处理方法、装置及电子设备 |
| CN111552473A (zh) * | 2020-04-27 | 2020-08-18 | 腾讯科技（深圳）有限公司 | 一种应用程序的处理方法、装置及设备 |
| CN112463274A (zh) * | 2020-11-20 | 2021-03-09 | 北京搜狗科技发展有限公司 | 一种界面调整方法、装置和电子设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113849247A (zh) | 2021-12-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3623942A1 (en) | Message processing method and apparatus, storage medium, and computer device | |
| US20220317825A1 (en) | Method and apparatus for displaying multimedia resources, and storage medium | |
| CN105760521A (zh) | 信息输入方法和装置 | |
| CN103744575B (zh) | 一种用于提供输入应用的输入辅助区域的方法与设备 | |
| US20170109339A1 (en) | Application program activation method, user terminal, and server | |
| JP7240505B2 (ja) | 音声パケット推薦方法、装置、電子機器およびプログラム | |
| CN113268226A (zh) | 页面数据生成方法、装置、存储介质及设备 | |
| US20200186869A1 (en) | Method and apparatus for referencing, filtering, and combining content | |
| CN112035195A (zh) | 应用界面的展示方法、装置、电子设备及存储介质 | |
| CN114339375A (zh) | 视频播放方法、生成视频目录的方法及相关产品 | |
| CN113849247B (zh) | 直播间页面元素的显示方法、装置及系统 | |
| US10042528B2 (en) | Systems and methods of dynamically rendering a set of diagram views based on a diagram model stored in memory | |
| CN116610394A (zh) | 基于模板和模块的数据可视化页面配置方法、系统和装置 | |
| CN111581554A (zh) | 一种信息推荐方法及装置 | |
| EP4343579A1 (en) | Information replay method and apparatus, electronic device, computer storage medium, and product | |
| WO2018194853A1 (en) | Enhanced inking capabilities for content creation applications | |
| CN115017340A (zh) | 多媒体资源生成方法、装置、电子设备及存储介质 | |
| CN113360064A (zh) | 对图片的局部区域的搜索方法及装置、介质及电子设备 | |
| CN113220954A (zh) | 一种信息展示方法、装置及投影设备 | |
| CN113010072A (zh) | 搜索方法、装置、电子设备及可读存储介质 | |
| US11232145B2 (en) | Content corpora for electronic documents | |
| US20230396621A1 (en) | Method and system for creating social media content collections | |
| US20240104808A1 (en) | Method and system for creating stickers from user-generated content | |
| CN113766257B (zh) | 直播数据的处理方法、装置 | |
| US20240073050A1 (en) | Presenting captured screen content within a virtual conferencing system |
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 | ||
| GR01 | Patent grant |