WO2022205772A1 - Method and apparatus for displaying page element of live-streaming room - Google Patents

Abstract

The present disclosure relates to a method and apparatus for displaying page elements of a live-streaming room, and a system, which relate to the technical field of computers, and are used for improving the richness for displaying page elements in a live-streaming room. The method comprises: in response to a first display switching instruction for a page element group of a live-streaming room, a first client replacing the current display resource set of the page element group in the live-streaming room with a target display resource set associated with the page element group; sending a second display switching instruction to a server, wherein the target display resource set includes target display resources associated with page elements in the page element group; the server determining the target display resource set on the basis of the second display switching instruction and sending the target display resource set to a second client; and the second client replacing the current display resource set of the page element group in the live-streaming room with the target display resource set.

Description

Method and device for displaying page elements in live broadcast room

CROSS-REFERENCE TO RELATED APPLICATIONS

This application is based on the Chinese patent application with the application number of 202110345506.6 and the filing date of March 31, 2021, and claims the priority of the Chinese patent application. The entire content of the Chinese patent application is incorporated herein by reference.

technical field

The present disclosure relates to the field of computer technologies, and in particular, to a method, device and system for displaying page elements in a live broadcast room.

Background technique

In related technologies, with the development of Internet technology, live broadcasts on online social platforms have gradually become a popular form of interaction. However, each page element in the current live broadcast room is displayed in a fixed form and cannot be displayed in the live broadcast room. The display style of the page elements in the live broadcast room is changed, the way to display the page elements in the live broadcast room is single, and the display style of the page elements in the live broadcast room is low in richness.

SUMMARY OF THE INVENTION

The present disclosure provides a method, device and system for displaying page elements in a live broadcast room.

According to a first aspect of the embodiments of the present disclosure, a method for displaying page elements in a live room is provided, which is applied to a first client that pushes a live media stream, including:

In response to a first display switching instruction for a page element group in the live room, determining a target display resource set associated with the page element group, where the target display resource set includes target display resources associated with page elements in the page element group;

Based on the target display resource set, replace the current display resource set of the page element group with the target display resource set;

Send a second display switching instruction to the server, so that the server notifies the second client to replace the current display resource set of the page element group in the live room with the target display resource set, and the second client is the client that receives the live media stream.

According to a second aspect of the embodiments of the present disclosure, a method for displaying page elements in a live room is provided, applied to a server, including:

Receive a second display switching instruction sent by the first client that pushes the live media stream, where the second display switching instruction is that the first client replaces the current display resource set of the page element group in the live broadcast room with the target display resource Sent after collection, the target display resource collection includes target display resources associated with page elements in the page element group;

determining the target display resource set based on the second display switching instruction;

sending the target display resource set to the second client that receives the live media stream, so that the second client replaces the current display resource set of the page element group in the live room with the target Display resource collections.

According to a third aspect of the embodiments of the present disclosure, a method for displaying page elements in a live room is provided, which is applied to a second client that receives a live media stream, including:

Receive a target display resource set associated with a page element group in the live room, the target display resource set includes target display resources associated with page elements in the page element group, and the target display resource set is the server based on the received second display switching The instruction is determined; the second display switching instruction is sent by the first client after replacing the current display resource set of the page element group in the live broadcast room with the target display resource set;

Based on the target display resource set, the current display resource set of the page element group is replaced with the target display resource set.

According to a fourth aspect of the embodiments of the present disclosure, a device for displaying page elements in a live room is provided, including:

A target display resource determining unit, configured to execute a first display switching instruction for a page element group in the live room, and determine a target display resource set associated with the page element group, where the target display resource set includes the page element The target display resource associated with the page element in the group;

a display resource switching unit, configured to perform, based on the target display resource set, replacing the current display resource set of the page element group with the target display resource set;

an instruction unit, configured to execute sending a second display switching instruction to the server, so that the server notifies the second client to replace the current display resource set of the page element group in the live room with the target display resource set , the second client is a client that receives the live media stream.

According to a fifth aspect of the embodiments of the present disclosure, a device for displaying page elements in a live room is provided, including:

an information receiving unit configured to execute a second display switching instruction sent by the first client that receives the push live media stream, where the second display switching instruction is the current display of the page element group in the live broadcast room by the first client The resource collection, which is sent after being replaced with a target display resource collection, where the target display resource collection includes target display resources associated with page elements in the page element group;

a target display resource determination unit, configured to perform determining the target display resource set based on the second display switching instruction;

A display resource sending unit configured to execute sending the target display resource set to a second client that receives the live media stream, so that the second client sends the page element group in the live room to the second client. The current display resource set is replaced with the target display resource set.

According to a sixth aspect of the embodiments of the present disclosure, a device for displaying page elements in a live room is provided, including:

A display resource receiving unit configured to receive a target display resource set associated with a page element group in the live broadcast room, the target display resource set including target display resources associated with page elements in the page element group, and the target display resource set is determined by the server based on the received second display switching instruction; the second display switching instruction is sent by the first client after replacing the current display resource set of the page element group in the live room with the target display resource set;

The display resource switching unit is configured to perform, based on the target display resource set, replacing the current display resource set of the page element group with the target display resource set.

According to a seventh aspect of the embodiments of the present disclosure, there is provided a first electronic device, comprising:

processor;

a memory for storing the processor-executable instructions;

Wherein, the processor is configured to execute the instructions to implement the method for displaying page elements in a live room according to any one of the first aspects of the present disclosure.

According to an eighth aspect of the embodiments of the present disclosure, there is provided a server, including:

processor;

a memory for storing the processor-executable instructions;

The processor is configured to execute the instructions to implement the method for displaying page elements in a live room according to any one of the second aspects of the present disclosure.

According to a ninth aspect of the embodiments of the present disclosure, there is provided a second electronic device, comprising:

processor;

a memory for storing the processor-executable instructions;

Wherein, the processor is configured to execute the instructions to implement the method for displaying page elements in a live room according to any one of the third aspects of the present disclosure.

According to a tenth aspect of the embodiments of the present disclosure, there is provided a live broadcast system, including a first client that pushes a live media stream, a server, and a second client that receives the live media stream, wherein:

The first client is configured to, in response to a first display switching instruction for a page element group in the live broadcast room, determine a target display resource set associated with the page element group; and based on the target display resource set, convert the page element The current display resource set of the group is replaced with the target display resource set; and a second display switching instruction is sent to the server; the target display resource set includes the target display resources associated with the page elements in the page element group;

The server is configured to receive the second display switching instruction, determine the target display resource set based on the second display switching instruction, and send the target display resource set to the second client receiving the live media stream end;

The second client is configured to receive the target display resource set, and based on the target display resource set, replace the current display resource set of the page element group with the target display resource set.

According to an eleventh aspect of the embodiments of the present disclosure, there is provided a computer-readable storage medium, when the instructions in the computer-readable storage medium are executed by a processor of a computer, the computer can execute the first aspect of the present disclosure or The method for displaying page elements in a live room according to any one of the second aspect or the third aspect.

According to a twelfth aspect of the embodiments of the present disclosure, there is provided a computer program product, comprising computer instructions, which when executed by a processor, implement any one of the first or second or third aspects of the present disclosure. The page element display method in the live room described above.

In the embodiment of the present disclosure, in the live room displayed by the first client and the second client, the current display resources of each page element in the page element group can be replaced with the target display resource, so as to change the display resources of each page element in the live room. It provides a method of switching the display form of page elements in the live room. Since it can switch the display resources of page elements in the live room, it also improves the richness of the page elements displayed in the live room; on the other hand , the host who conducts live broadcast through the first client can customize the live broadcast room according to their own preferences to meet the needs of the host's personalized dressing of the live broadcast room. At the same time, viewers who watch the live broadcast through the second client can also watch the live broadcast. Different display forms of page elements in the room increase the willingness of viewers to watch the live broadcast and interact with the live broadcast room.

It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure.

Description of drawings

The accompanying drawings, which are incorporated into and constitute a part of this specification, illustrate embodiments consistent with the present disclosure, and together with the description, serve to explain the principles of the present disclosure and do not unduly limit the present disclosure.

1 is a schematic diagram of a live broadcast system according to an exemplary embodiment;

2 is a schematic diagram of a background image of a live room according to an exemplary embodiment;

FIG. 3 is an exemplary diagram illustrating a first control according to an exemplary embodiment;

FIG. 4 is an exemplary diagram illustrating a second control according to an exemplary embodiment;

5 is a schematic diagram illustrating a process of creating a display resource set associated with a custom display theme according to an exemplary embodiment;

6 is a schematic diagram illustrating a process of creating a display theme-associated display resource set according to an exemplary embodiment;

FIG. 7 is a schematic diagram of a process of performing validity verification on display resources according to an exemplary embodiment;

FIG. 8 is a schematic diagram illustrating a process of creating a display resource to be switched associated with a page element according to an exemplary embodiment;

FIG. 9 is a representation of a display resource according to an exemplary embodiment;

FIG. 10 is a schematic diagram illustrating a flow of a method for displaying page elements in a live room according to an exemplary embodiment;

11 is a schematic diagram of an operation for determining a subject identifier according to an exemplary embodiment;

Fig. 12 is a schematic diagram showing an indication theme application scenario according to an exemplary embodiment;

13 is a schematic diagram of an operation for selecting display resources according to an exemplary embodiment;

FIG. 14 is an example diagram illustrating the effect of loading a gradient display resource according to an exemplary embodiment;

FIG. 15 is a schematic diagram illustrating a flow of a method for displaying page elements in a live room according to an exemplary embodiment;

FIG. 16 is a schematic diagram illustrating a flow of a method for displaying page elements in a live room according to an exemplary embodiment;

Fig. 17 is a schematic diagram of an interaction process between a first client, a server and a second client according to an exemplary embodiment;

FIG. 18 is a schematic diagram illustrating a flow of a display resource manager implementing switching of display resources according to an exemplary embodiment;

19 is a schematic diagram illustrating the effect of a method for displaying page elements in a live room according to an exemplary embodiment;

20 is a schematic diagram illustrating the effect of a method for displaying page elements in a live room according to an exemplary embodiment;

Fig. 21 is an apparatus block diagram of an apparatus for displaying page elements in a live room according to an exemplary embodiment;

FIG. 22 is an apparatus block diagram of an apparatus for displaying page elements in a live room according to an exemplary embodiment;

23 is a block diagram of a device for displaying page elements in a live room according to an exemplary embodiment;

Fig. 24 is a block diagram of a terminal device according to an exemplary embodiment;

Fig. 25 is a block diagram of an electronic device according to an exemplary embodiment.

Detailed ways

In order to make those skilled in the art better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.

It should be noted that the terms "first", "second" and the like in the description and claims of the present disclosure and the above drawings are used to distinguish similar objects, and are not necessarily used to describe a specific sequence or sequence. It is to be understood that the data so used may be interchanged under appropriate circumstances such that the embodiments of the disclosure described herein can be practiced in sequences other than those illustrated or described herein. The implementations described in the illustrative examples below are not intended to represent all implementations consistent with this disclosure. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present disclosure as recited in the appended claims.

In order to facilitate those skilled in the art to better understand the technical solutions of the present disclosure, some concepts involved in the present disclosure are described below.

1) Client, first client, second client, host and audience

Various clients in the present disclosure refer to various terminals such as mobile phones, computers, smart devices or clients on various terminals, which may include, but are not limited to, live streaming clients used for live broadcasting, etc. The first client is push live streaming. A client for media streaming (that is, performing live broadcasting), and the second client is a client for receiving a live streaming media stream (that is, watching live streaming).

In this disclosure, the host can be, but is not limited to, the object of live broadcast through the first client, and the audience can be, but not limited to, the object of live broadcast through the second client; the object in this disclosure can be, but is not limited to, the user ( The account associated with the user can be used instead), or it can be a smart device such as a smart robot.

2) Page elements and page element groups

The page elements in the embodiments of the present disclosure may include, but are not limited to, visual elements displayed in the user interface (User Interface, UI) displayed in various interfaces of the live broadcast room; the page elements involved in the embodiments of the present disclosure may be, but are not limited to Including the icons of the controls in the bottom bar of the live room, the icons of the controls in the top bar of the live room, and the background image of the live room, etc., the page elements involved in the embodiments of the present disclosure may include, but are not limited to, buttons (or buttons in the UI interface) called keys), text fields, images, labels, etc.

Since some page elements are the same and some page elements are different in the live room displayed on the first client and the live room displayed on the second client during the live broadcast, the page elements in the embodiment of the present disclosure The type can include, but is not limited to, at least one of the background image of the live room, the controls displayed on the first client in the live room, and the controls displayed on the second client in the live room. For ease of description, the present disclosure implements In the following content of the example, the controls displayed on the first client in the live room are called the first controls, and the controls displayed in the live room on the second client are called the second controls; the details about the above page elements will be Details are described below.

The page element group in the embodiment of the present disclosure is a set composed of at least one page element in the live room.

3) Display Resource and Target Display Resource

The display resources of page elements in the embodiments of the present disclosure include resources that can display page elements in a set display form in the live room, and the display resources may include, but are not limited to, at least one of images, static graphics, and dynamic graphics. a resource.

The target display resources in the embodiments of the present disclosure are one or more display resources set for page elements in the live room, and the like.

An embodiment of the present disclosure provides a method for displaying page elements in a live room. In the method, in response to a first display switching instruction for a page element group in the live room, a first client displays the current page element group in the live room. The display resource set is replaced with the target display resource set associated with the above-mentioned page element group; and the first client sends a second display switching instruction to the server; and the server obtains the target display associated with the above-mentioned page element group based on the above-mentioned second display switching instruction. The resource collection is sent to the second client; after receiving the target display resource collection, the second client can replace the current display resource collection of the page element group in the live broadcast room with the target display resource collection.

As an example, before replacing the current display resource set in this embodiment of the present disclosure, the display resources of each page element or the display resource set corresponding to the page element group can be preset, and the display resources of the page element and the page element group can be set in advance. The manner in which the resource combination is displayed will be described in detail below.

As shown in FIG. 1, it is a live broadcast system provided by an embodiment of the present disclosure. The live broadcast system includes multiple clients 100 and at least one server 200. Network communication can be performed between the clients 100 and the server 200. The client 100 may include a first client 110 that pushes the live media stream and a second client 120 that receives the live media stream. Some objects can be broadcast live through the first client 110, and other objects can be broadcast through the second client 120. Watch the live broadcast; and in different times or live broadcast scenarios, the identities of the first client 110 and the second client 120 can be interchanged, that is, in some live broadcast scenarios, the identity of the first client 110 can be changed to the second client , the identity of the second client 120 can be changed to the first client;

The server 120 is a server that provides services for live broadcast applications. The server 200 may be, but is not limited to, a blockchain server, a cloud server or a distributed server; the first client 110 and the second client 120 may be installed on different terminal devices Considering the emergence of split-screen applications, the above-mentioned first client 110 and second client 120 may also be two split-screen clients of the above-mentioned live broadcast applications installed on the same terminal device end. The first client 110 and the server 200 can communicate through a communication network, the second client 120 and the server 200 can communicate through a communication network, and the first client 110 and the second client 120 can also communicate through a communication network. network to communicate. in:

During the process of the host performing the live broadcast through the first client, the first client 110 sends the live media stream to the server 200, the server 200 sends the live media stream to the second client 120, and the second client can realize the live broadcast room live content.

In the method for displaying page elements in the live room provided by the embodiment of the present disclosure, the first client 110, the second client 120, and the server 200 are used for:

The first client 110, in response to the first display switching instruction for the page element group in the live room, determines the target display resource set associated with the page element group; based on the target display resource set, the current display resource set of the page element group is set. , replaced with the above target display resource set; and sending a second display switching instruction to the server; the above target display resource set includes target display resources associated with page elements in the above page element group.

The server 200 receives the second display switching instruction, determines the target display resource set based on the second display switching instruction, and sends the target display resource set to the second client 120 .

The second client 120 is configured to receive the target display resource set, and replace the current display resource set of the page element group with the target display resource set based on the target display resource set.

The terminal device involved in the embodiment of the present disclosure is an electronic device used by a user, and the electronic device may be a personal computer, a mobile phone, a tablet computer, a notebook, an e-book reader, a smart home, etc., which have a certain computing capability and run an instant messaging class. Computer equipment for software and websites or image processing software and websites. Each terminal device communicates with the server 200 through a communication network, and the server 200 (for example, but not limited to including 200-1, 200-2 or 200-3 shown in the figure) can be an independent physical server, or multiple A server cluster or distributed system composed of physical servers can also provide cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, and content distribution networks. (Content Delivery Network, CDN), and cloud servers for basic cloud computing services such as big data and artificial intelligence platforms.

As an example, the types of page elements in this embodiment of the present disclosure may include, but are not limited to, the background image of the live broadcast room (see area 201 in FIG. 2 ) and various controls in the live broadcast room, such as live broadcast The first control displayed on the first client 110 during the live broadcast room and the second control displayed on the second client 120 in the live broadcast room, etc. For the types of page elements, please refer to the descriptions in the above-mentioned concepts, and the descriptions will not be repeated here. , the following further describes the first control and the second control involved in the embodiments of the present disclosure.

As an embodiment, the first control in the embodiment of the present disclosure includes at least one of the following controls:

A competition control for performing a live competition between the above-mentioned first client and other live clients, and the above-mentioned other live clients are the first clients other than the above-mentioned first client;

a first voice interaction control for the voice interaction between the first client and the second client;

a first audio playback control for playing audio;

The theme setting control used to create the display resource collection associated with the live broadcast theme of the live broadcast room;

a first function query control for querying the target live broadcast function of the above-mentioned live broadcast room;

A decorative control for adding emoticons to the above-mentioned first live broadcast page;

a first viewer display control for displaying the number of the above-mentioned second clients;

A first fan display control for displaying the number of accounts following the above-mentioned live broadcast room;

The first resource value display control used to display the resource value of the target electronic resource received by the above-mentioned live broadcast room. The above-mentioned target electronic resource is sent to the above-mentioned live broadcast room by the above-mentioned second client. Various forms of electronic gifts (such as, but not limited to, rockets, motorcades, beers, flowers or love, etc.), and the target electronic resources can also include electronic currency, etc.;

The first list control used to display the ranking position of the above-mentioned live room in the competition list of the target live room. The above-mentioned competition list of the target live room can be a list sorted based on the live broadcast time, or it can be based on watching the live content of the live room. A list sorted by the number of viewers, or a list based on the resource value of the target electronic resources received by the live broadcast room, etc. Those skilled in the art can also set other forms of target live broadcast room competition lists according to actual needs Wait;

A first live broadcast duration display control used to display the live broadcast duration of the above-mentioned live broadcast room.

Referring to FIG. 3 , an example diagram of several first controls is given in the embodiment of the present disclosure, such as, but not limited to, the PK button 301 (that is, the above-mentioned competition control) and the Lianmai button 302 (that is, the above-mentioned The first voice interaction control), the music button 303 (ie the first audio playback control), the decoration button 304 (ie the above-mentioned decoration control), the more button 305 (ie the above-mentioned first function query control), the first audience display control 306, The first resource value display control 307 or the hourly ranking button 308 (ie, the above-mentioned first ranking control), etc.

As an embodiment, the second control in this embodiment of the present disclosure includes at least one of the following controls:

a second voice interaction control used for voice interaction between the first client and the second client;

a second audio playback control for playing audio;

a second function query control for querying the target live broadcast function of the above-mentioned live broadcast room;

a second viewer display control for displaying the number of the above-mentioned second clients;

A second fan display control for displaying the number of accounts following the above-mentioned live room;

A second resource value display control used to display the resource value of the target electronic resource received by the above-mentioned live broadcast room, the above-mentioned target electronic resource is sent by the above-mentioned second client to the above-mentioned live broadcast room, and the description of the target electronic resource can refer to the above content , the description will not be repeated here;

The second list control used to display the ranking position of the above-mentioned live room in the competition list of the target live room, in which the description of the competition list of the target live room can be found in the above content, and the description will not be repeated here;

a second live broadcast duration display control for displaying the live broadcast duration of the above-mentioned live broadcast room;

An information input control for inputting at least one of text information or voice information;

an electronic resource triggering control for triggering the above-mentioned second client to send the above-mentioned target electronic resource to the above-mentioned first client;

an electronic resource sending control for sending the above-mentioned target electronic resource to the above-mentioned first client;

The sharing controls used to share the above-mentioned live room;

A show information query control for viewing the show information of the live content in the live broadcast room;

A room category control to indicate the room category.

Referring to (a) and (b) of FIG. 4 , several exemplary diagrams of the second controls are given in the embodiment of the present disclosure, such as, but not limited to, the mic-up button 401 (that is, the above-mentioned No. Two voice interaction controls), more buttons 402-1 or 402-2 (ie the second function query control above), second audience display control 403, hourly list buttons 404-1 or 404-2 (ie the second list above) control), comment input box 405-1 or 405-2 (ie the above-mentioned information input control), gift button 406-1 or 406-2 (ie the above-mentioned electronic resource trigger control), love button 407-1 or 407-2 (ie The above-mentioned electronic resource sending control), the share button 408-1 or 408-2 (that is, the above-mentioned sharing control), the show list button 409 (that is, the above-mentioned screening information query control), the chat channel button 410 for indicating the category of the live room (that is, the above-mentioned A form of live room classification control) and so on.

The page element groups involved in the embodiments of the present disclosure are described in detail below.

The page element group in the embodiment of the present disclosure is a set composed of at least one page element in the live room; in the embodiment of the present disclosure, the page element group may be a set composed of one or more page elements indicated by the host, and the page element The group may also be a page element group corresponding to the page element in the theme determined by the theme identifier indicated by the host.

That is, in the embodiment of the present disclosure, the host can request, but is not limited to, to switch the display form of the page elements in the live broadcast room through the following two resource switching request methods A1 or A2:

Resource switching request method A1: The host may, but is not limited to, directly indicate the theme of the live broadcast room and request to switch the display form of the page element group in the live broadcast room.

As an example, in this method, a display resource set corresponding to each theme identifier in the live broadcast room may be pre-created, wherein a theme identifier corresponds to a theme in the live broadcast room; in some embodiments, the theme in the embodiments of the present disclosure It may include a theme personalized by the host (hereinafter referred to as a custom theme), and the server 200 creates a set of display resources associated with the custom theme based on the first creation instruction for the custom theme; in the embodiment of the present disclosure, the live room The theme of the server 200 may also include a theme preset by the server 200 (hereinafter referred to as a default theme), and a display resource collection associated with the above-mentioned default theme created by the server 200.

As an embodiment, in the case where the theme of the live broadcast room includes a custom theme, in this embodiment of the present disclosure, the following steps S501 and S502 can also be used to create a display resource set associated with the above-mentioned custom theme:

Step S501, in response to a first creation instruction for a custom theme, displaying a theme setting page for the above-mentioned custom theme, where the above-mentioned theme setting page includes a first setting area for at least one page element in the above-mentioned live room;

Step S502, in response to the operation of determining the display resources of the page element in the first setting area, obtain a set of display resources associated with the above-mentioned custom theme.

In this step, the display resource of the page element determined through the above-mentioned first setting area can be used as the display resource in the display resource set associated with the custom theme, and a display that the theme identifier of the custom theme is associated with the custom theme can be established Correspondence of resource collections.

Referring to FIG. 6, an example diagram of the process of creating a display resource set associated with a custom theme is given. The host can, but is not limited to, click or long-press the custom theme button 601 in the live broadcast room to trigger a custom theme. Define the first creation instruction of the theme; and then the first client responds to the first creation instruction, displays the theme setting interface 602 for the custom theme, and displays the background image (ie the page element) of the live room in the theme setting page 602 The first setting goes to 603-1, the first setting area-2 of the above-mentioned gift button, the first setting area 3-3 of the above-mentioned sharing button, etc.; after the host clicks on any of the above-mentioned first setting areas, the server 200 can respond to the An operation of determining the display resources of the page elements in the setting area, and obtaining a set of display resources associated with the custom theme; in some embodiments, the above-mentioned operation of determining the display resources of the page elements in the first setting area may include, but is not limited to, including The display resources that can be selected in the first setting area are displayed through the first resource selection page 604. After the first setting area 603-1 is selected as shown in the figure, the selectable display resources (such as Picture 1 to Picture 16, etc. shown in the figure), the host can indicate the display resources associated with the first setting area 603-1 through the optional display resources shown. In the figure, picture 2 is selected as the first setting area 603-1 Associated display resources; after the host determines the associated display resources for each page element, the complete theme creation button 605 can be used to instruct the use of the determined display resources to generate the display resource collection associated with the above-mentioned custom theme; The selectable display resources displayed on the resource selection page 604 can be several display resources acquired by the server, several display resources set by the server based on corresponding page elements, or local display resources of the first client etc., those skilled in the art can set according to actual needs.

As an example, the business logic of the live broadcast application for live broadcast will be continuously updated, and the page elements in the live broadcast room will become more and more open. When the number of page elements in the live broadcast room is too large, the above-mentioned first resource setting interface In 602, some page elements in the live room can be displayed. In order to improve the flexibility of the host in setting display resources associated with the display theme, in this embodiment of the present disclosure, more page element buttons 606 can also be displayed in the first resource setting interface 602, The host can trigger the setting of display resources of page elements not displayed in the first resource setting interface 602 through the more page elements button 606, and the like.

As an embodiment, before the above step S502, the validity of the determined display resource may also be checked, and after the verification is passed, the determined display resource is used to generate the display resource set associated with the above-mentioned custom theme, and the display resource set associated with the custom theme may be generated. The display resource collection associated with the above-mentioned custom theme is uploaded to the server 200, and stored in the display resource collection associated with the above-mentioned live broadcast room. If the above verification fails, a reminder message can be sent to the host; Referring to Figure 7, here is an example flow chart of generating a display resource set associated with the above custom theme when the display resource is a picture and there is a legality check. As shown in the figure, the host chooses to create a custom theme After that, the first client can prompt the host to create the image resources (that is, the above-mentioned display resources) required by the custom theme through the above method, and the host can upload the pictures locally from the first client to determine the display resources of the page elements, or provide the display resources from the server. The picture is selected from the resource library of the host and determined as the display resource of the page element; and then the first client can carry out the legality check on the display resource determined by the host, and determine whether it has passed the legality check. Then use each determined display resource to generate the display resource collection associated with the above-mentioned custom theme, and upload the generated display resource collection to the server. Prompt the host why the verification failed, and return to the previous step.

For the above-mentioned form of legality verification, the art can set the verification rules for the above-mentioned legality verification according to actual needs, such as but not limited to whether the format of the picture uploaded by the host meets the format requirements, and whether the size of the picture meets the size. Whether the content of the request or the picture involves sensitive content, etc., shall be checked for legality, etc.

Resource switching request method A2: The host may, but is not limited to, directly indicate page elements to request to switch the display form of the page element group in the live room.

As an example, in this method, display resources associated with each page element in the live room may be pre-created; in some embodiments, the first client may display the target element in response to the second creation instruction for the above-mentioned live room a setting page, the target element setting page includes a second setting area for at least one page element of the above-mentioned live room; further in response to the operation of determining the display resource of the page element in the above-mentioned second setting area, obtain the at least one page element associated with the above-mentioned display resource.

Referring to FIG. 8, an example diagram of the process of creating a display resource associated with a page element is given. The host can, but is not limited to, click or long-press the page element setting button 801 in the live room to trigger the above-mentioned second creation. instruction; and then the first client, in response to the second creation instruction, displays the second setting area of at least one page element of the live room in the target element setting page 802, as shown in the second setting of the background image of the live room. area 803-1, the second setting area 803-2 of the above-mentioned gift button, the second setting area 803-3 of the above-mentioned sharing button, etc.; after the host clicks any of the above-mentioned second setting areas, the server 200 can respond The operation of determining the display resource of the page element in the first setting area is to obtain the display resource associated with the at least one page element; in some embodiments, the operation of determining the display resource of the page element in the first setting area may include, but is not limited to, including: The second resource selection page 804 displays the display resources that can be selected in the second setting area. After the second setting area 803-3 is selected as shown in the figure, the selectable display resources can be displayed through the second resource selection page 804 (as shown in the figure). Picture 1 to Picture 16, etc. shown in the above), the host can determine the display resources corresponding to the second setting area 803-3 through the selectable display resources shown. In the figure, picture 3 is selected as the second setting area 803- 3 display resources; after the host determines the associated display resources for each page element, the page element corresponding to each second setting area can be generated by using the display resources corresponding to each second setting area through the button 805 of completing page element setting Associated display resources; the selectable display resources displayed in the second resource selection page 804 may be several display resources acquired by the server, or several display resources set by the server based on corresponding page elements, or may be the first display resources. A client's local display resources, etc., can be set by those skilled in the art according to actual needs.

As an example, the business logic of the live broadcast application for live broadcast will be continuously updated, and the page elements in the live broadcast room will be more and more open. When the number of page elements in the live broadcast room is too large, the above target element setting page 802 Some page elements in the live room can be displayed in the target element setting page 802, in order to improve the flexibility of the host to set the to-be-switched display resources associated with the page elements, in this embodiment of the present disclosure, more page element buttons 806 can also be displayed in the target element setting page 802, The host may, but is not limited to, use the more page elements button 806 to trigger the display resources to be switched of the page elements that are not displayed in the setting target element setting page 802, and the like.

As an embodiment, in the resource switching request method A2, the validity of each determined display resource may also be checked, and each determined display resource will be uploaded to the server after the verification is passed, and a reminder message will be sent to the host if the verification fails. And return to the previous step, the process is similar to the legality verification method in the resource switching request method A1, and the description will not be repeated here.

As an example, the display resources of page elements in the embodiments of the present disclosure include resources that can display page elements in a set display form in the live room, and the display resources may include, but are not limited to, images, static graphics, and dynamic graphics. At least one resource in the text, etc.; the display resource set associated with the theme identifier and the above-mentioned display resource set can be, but not limited to, a Map, which contains a plurality of key-value pairs Key-Value; one of the key-value pairs Key-Value Represents the display resource of a page element. The Key in a key-value pair Key-Value can be, but is not limited to, the identification information of the page element, and Value is the data of the display resource associated with the above page element. For example, the Key is the page element of the page element. Identifier (hereinafter, the page element-ID is used to represent the page element identifier of the page element), and the Value can include at least one of the page element-ID, the download address Url of the picture, the picture information, and whether it is a user-defined field or not; For ease of understanding, referring to FIG. 9 , an example of code data of a key-value pair Key-Value is provided in an embodiment of the present disclosure.

As an example, in the embodiment of the present disclosure, there may be one state or at least two states in the page element of the live broadcast room. For example, it may include, but is not limited to, the PK button 301 shown in FIG. Button 401; the PK button is used for the competition between the current live broadcast room and other live broadcast rooms other than the current live broadcast room, and the element state of the PK button can include, but is not limited to, the PK state not being performed, the request PK matching state, and the PK state being in progress, The PK status can refer to the host currently not requesting to compete with other live studios, the request PK matching status refers to the status of the host currently requesting PK with other live studios and is matching the status of the live studio, and the PK status can refer to The current live broadcast room is competing with the other above-mentioned live broadcast rooms; the microphone-on button 401 is used for voice interaction between the audience and the host after connecting to the microphone. and other states; the unselected state means that the current viewer has not requested to connect to the host with the host, and the request-to-mic state refers to the state that the current viewer is requesting to connect to the host but has not yet successfully connected to the host, and the connected state can refer to The current state that the viewer has successfully connected with the host, the current viewer and the host cannot interact with the host in the above-mentioned unselected state and the state where the host is requested to connect to the host, and the current viewer and the host can interact with the host in the above-mentioned connected state.

As an example, in this embodiment of the present disclosure, a corresponding field may be added to the Key-Value pair corresponding to the above-mentioned page element, so as to add the information of the display resources mapped by each state of the page element to the corresponding field of the above-mentioned page element. Display resources.

As an example, in the case where the display resource is a picture, the embodiment of the present disclosure may also include a gradient display resource. The gradient display resource may be understood as, but not limited to, a picture whose color changes gradually. It is possible, but not limited to, to add the initial color, the final color of the gradient, and the fields associated with the color gradient direction in the Key-Value corresponding to the gradient display resource; the above-mentioned color gradient direction may include, but is not limited to, the picture from the left to the left. At least one of the gradient direction of the right gradient direction, the gradient direction from bottom to top, the gradient direction from top left to bottom right, or the gradient direction from bottom left to top right.

Based on the live broadcast system of FIG. 1 , the method for displaying page elements in the live broadcast room involved in the embodiments of the present disclosure is illustrated below, which is applied to the above-mentioned first client 110 for pushing live media streams, see FIG. 10 , and includes the following steps:

Step S1001, in response to a first display switching instruction for a page element group in the live room, determine a target display resource set associated with the page element group, where the target display resource set includes target display resources associated with page elements in the page element group.

As an embodiment, the above-mentioned first display switching instruction may include an instruction for determining the theme of the above-mentioned live room, and then the first client 110 may

Step S1002, based on the above target display resource set, replace the current display resource set of the above page element group with the above target display resource set.

As an example, in the case where the target display resource is represented in the form of the above-mentioned key-value pair Key-Value in the embodiment of the present disclosure, in step S1001, the first client may traverse each target display resource set in the target display resource set Resource Map<Key, Value>, according to each target to display the Key in the resource (that is, the above page element-ID) to match the function entry, after successful matching, take out the corresponding Value value according to the page element-ID, and apply it to the above function entry, Until the Map<Key, Value> in the target display resource collection is traversed.

Step S1003, sending a second display switching instruction to the server, so that the above-mentioned server notifies the second client to replace the current display resource set of the above-mentioned page element group in the above-mentioned live room with the above-mentioned target display resource set, and the above-mentioned second client is receiving. The client for the above live media stream.

As an embodiment, in step S1001, the above-mentioned first display switching instruction may include a subject determination instruction for the above-mentioned live room, and in step S1001, the first client 110 may determine the subject identifier according to the above-mentioned subject determination instruction, Based on the determined theme identifier, obtain the display resource set corresponding to the determined theme identifier, and then determine the target display resource set based on the obtained display resource set, so as to switch the display resources of the page element group in the live room to the theme corresponding to the theme indicated by the host For the creation method of the display resource set corresponding to each theme identifier, please refer to the relevant content of the above steps S501 and S502, and the description will not be repeated here.

As an embodiment, in the step of determining the subject identifier according to the subject determination instruction, it may be, but not limited to, in response to the above subject determination instruction, display a subject list, and determine the subject identifier of the subject selected based on the above subject list, wherein, The above-mentioned topic list includes at least one topic of the above-mentioned live broadcast room.

As an example, in this embodiment of the present disclosure, a topic indication control that triggers the above topic determination instruction may be set, and the host may trigger the above topic determination instruction through the topic indication control, wherein the above topic indication control may include one control or multiple controls;

Please refer to FIG. 11 , here is a schematic diagram of an operation for determining a theme identifier. The first client 110 displays a theme selection interface 1102- 1. Display the subject list through the subject selection interface 1102-1; and the host can, but is not limited to, view the subject identification of the currently selectable default subject through the default subject button 1103, and can also view the currently selectable self-selected subject through the custom subject button 1104. Define the theme ID of the theme, and then the host can select the theme ID of the theme in the live room by clicking or long-pressing the theme ID of the displayed default theme or custom theme, but not limited to.

As an example, after the first client 110 detects that the host has clicked or long-pressed the theme backpack button 1101, it can also display the subject identifiers of the default themes and custom themes that can be selected through the topic list 1102-2, so that the host can Through the selection button in the first selection box 1105 or the second selection box 1106, the theme ID of a theme is selected from the theme IDs of each default theme and each custom theme displayed.

As an embodiment, in order to improve the flexibility of determining the target display resource set, in the embodiment of the present disclosure, after obtaining the display resource set corresponding to the determined theme identifier, the following resource determination methods B1 or B2 may be used, but not limited to, based on The acquired display resource collection, determine the above target display resource collection:

Resource determination method B1: directly determine the acquired display resource as the above target display resource set; that is, directly determine the display resource set corresponding to the acquired theme identifier as the current one used to replace the above-mentioned page element group in the above-mentioned live room. The target of the display resource displays the resource collection.

Resource determination method B2: select some display resources from the acquired display resource set, and determine the above-mentioned target display resource set based on the selected display resource; for example, some or all of the display resources can be selected from the acquired display resource set, The selected set of display resources is determined as the target display resource set for replacing the current display resources of the above-mentioned page element group in the above-mentioned live room.

As an embodiment, the first display switching instruction in the embodiment of the present disclosure may also be used to indicate a theme application scene, and the theme application scene may include at least one scene of a control scene and a background image scene, and then the above-mentioned resource determination In mode B2, the theme application scenario indicated by the first display switching instruction can be determined, and then the display resource associated with the page element corresponding to the determined theme application scenario is selected from the display resource set corresponding to the obtained theme identifier; wherein: background The picture scene can refer to the scene in which only the background picture of the live room is applied in the live room, that is, when the theme application scene is the background picture scene, the background picture of the live room can be selected from the display resource set corresponding to the theme logo. (page element) associated display resource, and then determine the display resource associated with the background image of the live room as the target display resource in the target display resource set; the control scene can refer to the application of only controls in the live room (that is, the above paragraph At least one of a control and a second control), that is, when the theme application scene is a control scene, the display resources associated with each control can be selected from the display resource collection corresponding to the theme identifier, and then the display resources associated with each control can be selected. The selected display resource is determined as the target display resource in the target display resource set.

For ease of understanding, please refer to FIG. 12 , which provides a schematic diagram of the anchor indicating the theme application scene in the first display switching instruction; the scene identifier of the anchor application scene that can be selected is displayed in the theme application scene setting page 1200, such as possible but not. It is limited to include the theme application scene identification 1201-1 of the background image scene illustrated in the figure or the theme application scene identification 1201-2 of the control scene, and then the host can, but is not limited to, indicate the background by selecting the button 1202-1 or 1202-2. Figure scene or control scene, and the host can, but is not limited to, determine the currently selected theme application scene by confirming the setting button 1203, and the host can also use the return button 1204 to return to the previous operation.

As an embodiment, in the above resource determination method B2, the first client 110 may also display the page element identifiers of the page elements associated with each display resource in the acquired display resource set, and respond to the displayed page element identifiers in response to In the selection operation, the display resources associated with the page elements determined by the displayed page element identifiers are obtained, and the obtained display resources are determined as the selected part of the display resources.

Referring to FIG. 13 , a schematic diagram of selecting some display resources is given, and pages from page elements 1 to 5 associated with display resources 1 to display resources 5 in the acquired display resource set can be displayed on the element display page 1300 Element identifiers 1301-1, 1301-2, 1301-3, 1301-4 and 1301-5, the host can but is not limited to selecting buttons 1302-1, 1302-2, 1302-3, 1302-4 or 1302-5 Select at least one page identifier from the page element identifiers of page element 1 to page element 5, and then the host can, but is not limited to, confirm the currently selected page element identifier by confirming the setting button 1303, and the host can also use the return button 1304 to return to the previous page. further, the first client 110 determines the display resource associated with the page element selected by the anchor as the selected partial display resource in response to the selection operation of the anchor for the page element identifier.

As an example, the first display switching instruction in the embodiment of the present disclosure may further include a page element determination instruction for the live room, and in step S1001 , the page element determination instruction in the above-mentioned live room may also be determined according to the above-mentioned page element determination instruction. The page element identifier of at least one page element; based on the determined page element identifier, obtain the display resource corresponding to the above at least one page element identifier; Each display resource is determined as a target display resource and the like in the target display resource set.

As an embodiment, in order to improve the accuracy of switching the display resources of page elements, in the above step S1001, based on the above target display resource set, the current display resources of each page element included in the page element group in the live room can be divided into Replaced with a target display resource that matches the current state of each of the above-mentioned page display resources; that is, in the case that the page elements in the above-mentioned page element group have at least two states, the above-mentioned target display resource set may contain the above-mentioned page elements. The target display resources matching the respective states in at least two states, and then in the process of replacing the current display resource set of the above-mentioned page element group with the above-mentioned target display resource set, the current state of the above-mentioned page element can be determined, and then the above-mentioned page element can be determined. The current display resource of the element, replaced with the target display resource that matches the display resource of the above page element.

As an example, in the case where the display resource is a picture, the embodiment of the present disclosure may also include a gradient display resource, and then the current display resource set of the above-mentioned page element group in the above-mentioned live room is replaced with the above-mentioned page element group. In the process of the associated target display resource collection, if the above target display resource is a gradient display resource, determine the display area of the page element associated with the above gradient display resource in the above-mentioned live room, and display the currently loaded display area in the above-mentioned display area. The resource is replaced with the gradient color corresponding to the gradient display resource. The gradient color is obtained by processing the initial color indicated by the gradient display resource and the final color of the gradient based on the color gradient direction indicated by the gradient display resource. ; Please refer to Figure 14. For ease of understanding, here is an example of the effect of loading a gradient display resource. In this example, the page element associated with the gradient display resource is the background image of the live room, and the background image is displayed in the live room. In area 1401, load the gradient color obtained by processing the initial color and the final color of the gradient based on the color gradient direction; the gradient color in the figure is only an example, and those skilled in the art can set the initial color, final color based on actual needs Color and color gradient direction The way to get the gradient color.

Based on the live broadcast system of FIG. 1 , the method for displaying page elements in the live broadcast room involved in the embodiment of the present disclosure is illustrated below, which is applied to the above-mentioned server 200, see FIG. 15 , and includes the following steps:

Step S1501: Receive a second display switching instruction sent by the first client that pushes the live media stream. The second display switching instruction is that the first client replaces the current display resource set of the page element group in the live broadcast room with the target display Sent after the resource collection, the target display resource collection includes target display resources associated with the page elements in the page element group.

Step S1502: Determine the target display resource set based on the second display switching instruction.

As an embodiment, the above-mentioned second display switching instruction includes a subject determination instruction for the above-mentioned live room. In this step, a subject identifier may be determined according to the above-mentioned subject determination instruction, and based on the determined subject identifier, a display corresponding to the determined subject identifier may be obtained. The resource set is determined based on the acquired display resource set, and the above-mentioned target display resource set is determined; the process therein may refer to the processing process of the first client 110, and the description will not be repeated here.

As an embodiment, the above-mentioned second display switching instruction includes an instruction for determining a page element in the above-mentioned live broadcast room, and in this step, the page element identifier of at least one page element in the above-mentioned live broadcast room can be determined according to the above-mentioned page element determination instruction, Based on the determined page element identifier, the display resource corresponding to the at least one page element identifier is acquired, and the target display resource set is determined according to the acquired display resource; for the process, please refer to the processing process of the first client 110, which is not repeated here. Repeat instructions.

Step S1503, sending the above-mentioned target display resource set to the second client that receives the above-mentioned live media stream, so that the above-mentioned second client replaces the current display resource set of the above-mentioned page element group in the above-mentioned live room with the above-mentioned target display resource set. .

Based on the live broadcast system of FIG. 1 , the method for displaying page elements in the live broadcast room involved in the embodiment of the present disclosure is illustrated below, which is applied to the above-mentioned second client 120, see FIG. 16 , and includes the following steps:

Step S1601: Receive the target display resource set associated with the page element group in the live room, the target display resource set includes the target display resource associated with the page element in the page element group, and the target display resource set is the server based on the received second display switching. The instruction is determined; the above-mentioned second display switching instruction is sent by the above-mentioned first client after replacing the current display resource set of the page element group in the live broadcast room with the target display resource set;

Step S1602, based on the above target display resource set, replace the current display resource set of the above page element group with the above target display resource set.

As an embodiment, in step S1602, based on the above target display resource set, the current display resource of each page element included in the above page element group in the above-mentioned live room can be replaced with the current state of the above-mentioned each page display resource For the content of the matched target display resource, reference may be made to the above-mentioned related content of the first client 110, and the description will not be repeated here.

As an embodiment, in step S1602, in the case where the target display resource is a gradient display resource, determine the display area of the page element associated with the gradient display resource in the live broadcast room, and store the currently loaded content in the display area. The display resource is replaced with the gradient color corresponding to the gradient display resource. The gradient color is obtained by processing the initial color indicated by the gradient display resource and the final color of the gradient based on the color gradient direction indicated by the gradient display resource; its content Reference may be made to the above-mentioned related content of the first client 110, and the description will not be repeated here.

From the perspective of interaction between the first client 110, the server 200, and the second client 120, the following further describes the method for displaying page elements in the live broadcast room involved in the embodiment of the present disclosure.

As an embodiment, referring to FIG. 17 , for the resource switching request method A1, the interaction between the first client 110 , the server 200 and the second client 120 is as follows:

Step S1700, the host triggers a first display switching instruction for the page element group through the live broadcast room, where the first display switching instruction includes a theme determination instruction.

Step S1701, the first client determines the theme identifier based on the above theme determination instruction, obtains the display resource set corresponding to the determined theme identifier from the display resource set corresponding to each theme identifier in the live broadcast room, and determines the acquired display resource set. Displays the resource collection for the target.

In some embodiments, if the display resource set corresponding to the determined theme identifier has been downloaded locally by the first client, the display resource set corresponding to the determined theme identifier may be directly obtained locally; at the first client If the display resource set corresponding to the above determined theme identifier is not downloaded locally, the server may request the display resource set corresponding to the above determined theme identifier.

Step S1702: Based on the target display resource set, the first client replaces the current display resource set of the page element group with the target display resource set.

In some embodiments, step S1701 may further include the following steps S17011 or S17012 or S17013.

Step S17011, the first client determines the display resource set corresponding to the determined theme identifier as the above target display resource set.

In step S17012, from the display resource set corresponding to the theme identifier determined by the first client, some display resources are selected, and the selected display resources are determined as target display resources in the target display resource set.

For the method of selecting some display resources, please refer to the above content, and the description will not be repeated here.

Step S17013, the first client determines the theme application scenario of the first display switching instruction instruction, selects the display resource associated with the page element corresponding to the determined theme application scenario from the display resource set corresponding to the determined theme identifier, and The selected display resource is determined as the target display resource in the target display resource set.

Step S1703, the first client sends a second display switching instruction to the server.

Step S1704, the server receives the second display switching instruction, determines the theme identifier indicated by the second display switching instruction, acquires the display resource set corresponding to the determined theme identifier, and determines the target display resource set based on the acquired display resource set.

Step S1705, the server sends the target display resource set to the second client that receives the live media stream.

Step S1706, the second client receives the target display resource set, and based on the target display resource set, replaces the current display resource set of the page element group with the target display resource set.

Wherein, in step S1702 and step S1706, if there are display resources and gradient display resources in multiple states in the target display resource set, the first client and the second client can display the above multiple states through the above content The display resources and gradient display resources of , will not be repeated here.

As an embodiment, in this embodiment of the present disclosure, a display resource manager may also be set in the first client 110, and the display resource manager implements the above-mentioned method for displaying page elements in the live broadcast room on the first client 110. Please refer to FIG. 18. Provide an example of a workflow for implementing resource switching by a display resource manager. In this example, each display resource to be switched is represented in the form of the above-mentioned key-value pair Key-Value, which may but not be limited to include the following steps:

Step S1801, determining the subject identifier based on the subject determination instruction.

In step S1802, it is determined whether the display resource set corresponding to the above determined theme identifier has been downloaded locally. In the case of not downloaded, proceed to step S1803, and in the case of downloaded, proceed to step S1804.

Step S1803, based on the above determined theme identifier, download the display resource set corresponding to the above determined theme identifier from the server.

Step S1804: Determine the display resource set corresponding to the determined theme identifier as the target display resource set, and traverse each target display resource Map<Key, Value> in the target display resource set.

Step S1805, match the function entry according to the Key in each target display resource (that is, the above-mentioned page element-ID), and after successful matching, take out the corresponding Value value according to the page element-ID, and apply it to the above-mentioned function entry, until the target display is traversed. Map<Key, Value> in the resource collection.

For ease of understanding, the following shows some examples of the effect of the display method of page elements in the live room. Please refer to Figure 19. Figure (a) shows an effect diagram of only switching the background image in the live room, the shadow in the figure. The area 1901 is the display area of the background image of the live room, and the display area 1902 of the live stream screen is covered by the live media stream, so the background image is not displayed in the area 1902, and the coverage area of each other page element in the shaded area 1901 is also The icons of the corresponding page elements can be displayed, and those skilled in the art can set them according to actual needs; in the figure (b), another effect diagram of only switching the background image in the live room is provided, and the shaded area 1903 in the figure is The display area of the background image of the live room, where the display area 1904 of the live stream screen of the PK of the live room is covered by the live media stream, so the background image is not displayed in the area 1904, and the shadow area 1904 covers the coverage of each other page element The regions may also display icons corresponding to page elements, etc., which can be set by those skilled in the art according to actual needs.

Please refer to FIG. 20 . In the figure (a), an effect diagram of only switching the background image in the live room is shown. The shaded area 2001 in the figure is the display area of the background image of the live room, and the display area 2102 of the live stream picture Due to the coverage of the live media stream, the background image is not displayed in the area 2002, and the coverage area of each other page element in the shaded area 2001 can also display the icon of the corresponding page element, etc., and those skilled in the art can set according to actual needs. ; For the area 2003 shown in the figure, if the display resources at the area 2003 are set to be transparent, the switched background image can be displayed in the area 2003, and the display resources at the area 2003 are set to be opaque. , the background image after switching is not displayed in the area 2003; in the figure (b), a background image in the switching live room and some second controls in the live room on the second client are shown. The shaded area 2004 is the display area of the background image of the live room, and the second control framed by the remaining dotted lines is the second control for switching display resources in this example.

In the embodiment of the present disclosure, a method for switching the display form of page elements in the live broadcast room is provided. Since the display resources of page elements in the live broadcast room can be switched, the richness of the page elements displayed in the live broadcast room is also improved; , the host who conducts live broadcast through the first client can customize the live broadcast room according to their own preferences to meet the needs of the host's personalized dressing of the live broadcast room. At the same time, viewers who watch the live broadcast through the second client can also watch the live broadcast. The different display forms of page elements in the room increase the willingness of viewers to watch the live broadcast and interact with the live broadcast room, thereby improving the audience's active degree in participating in the live broadcast room.

Fig. 21 is an apparatus block diagram of an apparatus 2100 for displaying page elements in a live room according to an exemplary embodiment. 21 , the apparatus includes a target display resource determining unit 2101 , a display resource switching unit 2102 and an indicating unit 210321 .

The target display resource determining unit 2101 is configured to execute a first display switching instruction in response to a page element group in the live room, and determine a target display resource set associated with the page element group, where the target display resource set includes the page element group in the above-mentioned page element group. The target display resource associated with the page element;

The display resource switching unit 2102 is configured to execute the target display resource set based on the above, and replace the current display resource set of the page element group with the target display resource set;

The instructing unit 2103 is configured to execute sending a second display switching instruction to the server, so that the above-mentioned server notifies the second client to replace the current display resource set of the above-mentioned page element group in the above-mentioned live room with the above-mentioned target display resource set. The second client is a client that receives the above-mentioned live media stream.

As an embodiment, the above-mentioned first display switching instruction includes a subject determination instruction for the above-mentioned live room, and the above-mentioned target display resource determination unit 2101 is configured to execute:

Determine the subject identifier according to the above subject determination instruction;

Based on the determined theme identifier, obtain a set of display resources corresponding to the determined theme identifier;

Based on the acquired display resource set, the above target display resource set is determined.

As an embodiment, the above target display resource determining unit 2101 is configured to execute:

In response to the above-mentioned topic determination instruction, displaying a topic list, where the above-mentioned topic list includes at least one topic in the above-mentioned live broadcast room;

Determines the topic ID of the topic selected based on the topic list above.

As an embodiment, the above-mentioned theme further includes a custom theme, and the above-mentioned target display resource determining unit 2101 is further configured to execute:

In response to the first creation instruction for the custom theme, displaying a theme setting page for the above-mentioned custom theme, and the above-mentioned theme setting page includes a first setting area for at least one page element in the above-mentioned live room;

In response to the operation of determining the display resources of the page element in the first setting area, a set of display resources associated with the above-mentioned custom theme is acquired.

As an embodiment, the above-mentioned first display switching instruction includes an instruction for determining a page element in the above-mentioned live room, and the above-mentioned target display resource determining unit 2101 is configured to execute:

According to the above-mentioned page element determination instruction, determine the page element identifier of at least one page element in the above-mentioned live broadcast room;

Based on the determined page element identifier, obtain a display resource corresponding to the at least one page element identifier;

According to the acquired display resources, the above target display resource set is determined.

As an embodiment, the above target display resource determining unit 2101 is further configured to execute:

In response to the second creation instruction for the above-mentioned live room, displaying a target element setting page, the above-mentioned target element setting page includes a second setting area for at least one page element of the above-mentioned live room;

In response to the operation of determining the display resource of the page element in the second setting area, the display resource associated with the at least one page element is obtained.

As an embodiment, the above target display resource determining unit 2101 is configured to execute:

Determine the above-obtained display resource set as the above-mentioned target display resource set; or

From the acquired display resource set, some display resources are selected, and based on the selected display resources, the above-mentioned target display resource set is determined.

As an embodiment, the above-mentioned first display switching instruction is further used to indicate a theme application scene, and the above-mentioned theme application scene includes at least one scene in a control scene and a background image scene, and the above-mentioned target display resource determination unit 2101 is configured to execute:

Determine the theme application scenario indicated by the above-mentioned first display switching instruction;

From the above-obtained display resource set, the display resource associated with the page element corresponding to the determined theme application scenario is selected.

As an embodiment, the above target display resource determining unit 2101 is configured to execute:

Display the page element identifiers of the page elements associated with each display resource in the obtained display resource set;

In response to the selection operation on the displayed page element identifier, acquiring the display resource associated with the page element determined by the displayed page element identifier;

The acquired display resources are determined as the selected display resources.

As an embodiment, the above-mentioned display resource switching unit 2102 is configured to execute:

Based on the above target display resource set, the current display resource of each page element included in the above-mentioned page element group in the above-mentioned live room is replaced with a target display resource that matches the current state of each of the above-mentioned page elements.

As an embodiment, the above-mentioned display resource switching unit 2102 is configured to execute:

In the case that the above-mentioned target display resource is a gradient display resource, determine the display area of the page element associated with the above-mentioned gradient display resource in the above-mentioned live broadcast room;

Replace the display resource currently loaded in the above-mentioned display area with the gradient color corresponding to the above-mentioned gradient display resource. The above-mentioned gradient color is based on the color gradient direction indicated by the above-mentioned gradient display resource, and the initial color and gradient indicated by the above-mentioned gradient display resource. The final color is processed.

As an embodiment, the types of the above page elements include at least one of the following:

The background image of the above-mentioned live room;

The first control displayed on the above-mentioned first client terminal in the above-mentioned live broadcast room;

The second control displayed on the second client in the live room.

That is to say, the types of the above-mentioned page elements include the background image of the above-mentioned live broadcast room, the first control displayed on the above-mentioned first client in the above-mentioned live broadcast room, the second control displayed on the above-mentioned second client in the above-mentioned live broadcast room, or their The combination.

Regarding the apparatus in the above-mentioned embodiments, the implementation manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be described in detail here.

Fig. 22 is an apparatus block diagram of an apparatus 2200 for displaying page elements in a live room according to an exemplary embodiment. 22 , the apparatus includes an information receiving unit 2201 , a target display resource determining unit 2202 and a display resource sending unit 2203 .

The information receiving unit 2201 is configured to execute a second display switching instruction sent by the first client that receives the push live media stream, where the second display switching instruction is the current display resource of the page element group in the live broadcast room by the first client set, which is sent after being replaced with a set of target display resources, where the above-mentioned set of target display resources includes the target display resources associated with the page elements in the above-mentioned page element group;

The target display resource determining unit 2202 is configured to execute the above-mentioned second display switching instruction to determine the above-mentioned target display resource set;

The display resource sending unit 2203 is configured to send the above-mentioned target display resource set to the second client that receives the above-mentioned live media stream, so that the above-mentioned second client sends the current display resource set of the above-mentioned page element group in the above-mentioned live room Replace with the above target display resource collection.

As an embodiment, the above-mentioned second display switching instruction includes a subject determination instruction for the above-mentioned live room, and the above-mentioned target display resource determination unit 2202 is configured to execute:

Determine the subject identifier according to the above subject determination instruction;

Based on the determined theme identifier, obtain a set of display resources corresponding to the determined theme identifier;

Based on the acquired display resource set, the above target display resource set is determined.

As an embodiment, the above-mentioned second display switching instruction includes an instruction for determining a page element in the above-mentioned live room, and the above-mentioned target display resource determining unit 2202 is configured to execute:

According to the above-mentioned page element determination instruction, determine the page element identifier of at least one page element in the above-mentioned live broadcast room;

Based on the determined page element identifier, obtain a display resource corresponding to the at least one page element identifier;

According to the acquired display resources, the above target display resource set is determined.

As an embodiment, the types of the above page elements include at least one of the following:

The background image of the above-mentioned live room;

The first control displayed on the above-mentioned first client in the above-mentioned live broadcast room;

The second control displayed on the second client in the live room.

That is to say, the types of the above-mentioned page elements include the background image of the above-mentioned live broadcast room, the first control displayed on the above-mentioned first client in the above-mentioned live broadcast room, the second control displayed on the above-mentioned second client in the above-mentioned live broadcast room, or their The combination.

Regarding the apparatus in the above-mentioned embodiments, the implementation manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be described in detail here.

Fig. 23 is an apparatus block diagram of an apparatus 2300 for displaying page elements in a live room according to an exemplary embodiment. Referring to FIG. 23 , the apparatus includes a display resource receiving unit 2301 and a display resource switching unit 2302 .

The display resource receiving unit 2301 is configured to receive the target display resource set associated with the page element group in the live room, the target display resource set includes the target display resource associated with the page element in the page element group, and the target display resource set is the server Determined based on the received second display switching instruction; the second display switching instruction is sent by the first client after replacing the current display resource set of the page element group in the live broadcast room with the target display resource set;

The display resource switching unit 2302 is configured to execute, based on the above target display resource set, to replace the current display resource set of the above page element group with the above target display resource set.

As an embodiment, the above-mentioned display resource switching unit 2302 is configured to execute:

Based on the above target display resource set, the current display resource of each page element included in the above-mentioned page element group in the above-mentioned live room is replaced with a target display resource that matches the current state of each of the above-mentioned page elements.

As an embodiment, the above-mentioned display resource switching unit 2302 is configured to execute:

In the case that the above-mentioned target display resource is a gradient display resource, determine the display area of the page element associated with the above-mentioned gradient display resource in the above-mentioned live broadcast room;

Replace the display resource currently loaded in the above-mentioned display area with the gradient color corresponding to the above-mentioned gradient display resource, and the above-mentioned gradient color is based on the color gradient direction indicated by the above-mentioned gradient display resource, and the initial color and gradient indicated by the above-mentioned gradient display resource. The final color is processed.

As an embodiment, the types of the above page elements include at least one of the following:

The background image of the above-mentioned live broadcast room; the first control displayed on the above-mentioned first client terminal in the above-mentioned live broadcast room; the second control displayed on the above-mentioned second client terminal in the above-mentioned live broadcast room.

That is to say, the types of the above-mentioned page elements include the background image of the above-mentioned live broadcast room, the first control displayed on the above-mentioned first client in the above-mentioned live broadcast room, the second control displayed on the above-mentioned second client in the above-mentioned live broadcast room, or their The combination.

Referring to FIG. 24, an embodiment of the present disclosure provides a terminal device 2400. The terminal device 2400 can be installed with a first client 110 and a second client 120, and can implement all the functions of the first client 110 described above, and can also implement For all the functions of the second client 120, the terminal device 2400 will be introduced below.

An embodiment of the present disclosure provides a terminal device, which can implement all the functions of the above-mentioned page element display apparatus 2400 or page element display apparatus 2600, and the terminal device is introduced below.

24, the terminal device includes a display unit 2440, a processor 2480 and a memory 2420, wherein the display unit 2440 includes a display panel 2441 for displaying information input by the user or information provided to the user and various applications or clients Various operation interfaces of the terminal, etc., are mainly used to display the interface, shortcut window, etc. of the client installed in the terminal device in the embodiment of the present disclosure.

In some embodiments, the display panel 2441 may be configured in the form of a Liquid Crystal Display (LCD) or an OLED (Organic Light-Emitting Diode).

The processor 2480 is used to read the computer program, and then execute the method defined by the computer program, for example, the processor 2480 reads the application, etc., so as to run the application on the terminal device and display the interface of the application on the display unit 2440 . The processor 2480 may include one or more general-purpose processors, and may also include one or more DSPs (Digital Signal Processors, digital signal processors), for performing related operations to implement the live broadcast room provided by the embodiments of the present disclosure. The technical scheme of the page element display method.

The memory 2420 generally includes internal memory and external memory. The internal memory can be random access memory (RAM), read only memory (ROM), and cache memory (CACHE). The external storage can be a hard disk, an optical disk, a USB disk, a floppy disk or a tape drive. The memory 2420 is used to store computer programs and other data, the computer programs include application programs corresponding to the client, and the other data may include data generated after the operating system or the application program is executed, and the data includes system data (such as the configuration of the operating system). parameters) and user data. In the embodiment of the present disclosure, the program instructions are stored in the memory 2420, and the processor 2480 executes the program instructions in the memory 2420 to implement any one of the methods for displaying page elements in the live room discussed in the preceding figures.

In addition, the terminal device may further include a display unit 2440 for receiving input digital information, word information, contact touch operations or non-contact gestures, and generating signal input related to user settings and function control of the terminal device. In some embodiments of the present disclosure, the display unit 2440 may include a display panel 2441 . The display panel 2441, such as a touch screen, can collect the user's touch operations on or near it (such as the user's operations on the display panel 2441 or on the display panel 2441 using a finger, a stylus, or any suitable object or accessory), and according to preset The specified program drives the corresponding connection device. In some embodiments, the display panel 2441 may include two parts, a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch orientation, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into contact coordinates, and then sends it to the touch controller. To the processor 2480, and can receive the command sent by the processor 2480 and execute it. In the embodiment of the present disclosure, when the user clicks on an application installed on the terminal device, the touch detection device in the display panel 2441 detects a touch operation, and sends a touch control signal corresponding to the detected touch operation. The touch controller converts the signal into contact coordinates and sends it to the processor 2480, and the processor 2480 determines the operation that the user needs to perform according to the received contact coordinates.

Among them, the display panel 2441 can be realized by various types such as resistive type, capacitive type, infrared ray and surface acoustic wave. In addition to the display unit 2440, the terminal device may also include an input unit 2430. The input unit 2430 may include an image input device 2431 and other input devices 2432. Other input devices 2432 may be, but are not limited to, physical keyboards, function keys (such as volume control buttons, switch buttons, etc.) etc.), trackball, mouse, joystick, etc.

In addition to the above, the terminal device may also include a power supply 2490 for powering other modules, an audio circuit 2460, a near field communication module 2470, and an RF circuit 2410. The terminal device may also include one or more sensors 2450, such as an acceleration sensor, a light sensor, a pressure sensor, and the like. The audio circuit 2460 includes a speaker 2461, a microphone 2462, etc. For example, the terminal device can collect the user's voice through the microphone 2462, and perform corresponding operations.

As an embodiment, the number of processors 2480 may be one or more, and the processors 2780 and the memory 2420 may be coupled or relatively independent.

As an embodiment, the processor 2480 in FIG. 24 may be used for the functions of the above-mentioned first client and second client orders.

Referring to FIG. 25 , an embodiment of the present disclosure further provides an electronic device, which can be used for live broadcast processing; in some embodiments, the electronic device can be a server, such as server 120 shown in FIG. 1 ; wherein , the structure of the electronic device may be as shown in FIG. 25 , including a memory 2501 , a communication module 2503 and one or more processors 2502 .

The memory 2501 is used to store computer programs executed by the processor 2502 . The memory 2501 may mainly include a stored program area and a stored data area, wherein the stored program area can store the operating system and the programs required to run the instant messaging function, etc.; the stored data area can store various instant messaging information and operation instruction sets.

The memory 2501 may be a volatile memory (Volatile Memory), such as a random-access memory (Random-Access Memory, RAM); the memory 2501 may also be a non-volatile memory (Non-Volatile Memory), such as a read-only memory, a flash memory Memory (Flash Memory), Hard Disk Drive (HDD) or Solid-State Drive (SSD); or memory 2501 can be used to carry or store desired program code in the form of instructions or data structures and can be accessed by Any other medium accessed by the computer, but not limited to this. The memory 2501 may be a combination of the above-mentioned memories.

The processor 2502 may include one or more central processing units (Central Processing Unit, CPU) or be a digital processing unit or the like. The processor 2502 is configured to implement the above-mentioned content recommendation control method when invoking the computer program stored in the memory 2501 .

The communication module 2503 is used to communicate with the terminal device and other servers.

The connection medium between the memory 2501, the communication module 2503, and the processor 2502 is not limited in the embodiments of the present disclosure. In the embodiment of the present disclosure, the memory 2501 and the processor 2502 are connected through a bus 2504 in FIG. 25 . The bus 2504 is represented by a thick line in FIG. 25 . be limited. The bus 2504 can be divided into an address bus, a data bus, a control bus, and the like. For ease of presentation, only one thick line is shown in FIG. 25, but it does not mean that there is only one bus or one type of bus.

A computer storage medium is stored in the memory 2501, and computer-executable instructions are stored in the computer storage medium, and the computer-executable instructions are used to implement the content recommendation control method of the embodiment of the present disclosure. The processor 2502 is configured to execute the above-mentioned image processing method.

The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. The readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. Readable storage media include, but are not limited to, an electrical connection with one or more wires, portable disks, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or Flash memory), optical fiber, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

The program product of an embodiment of the present disclosure may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be executed on a computing device. However, the program product of the present disclosure is not limited thereto, and in this document, a readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with a command execution system, apparatus, or device.

A readable signal medium may include a propagated data signal in baseband or as part of a carrier wave, carrying readable program code therein. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing. A readable signal medium can also be any readable medium other than a readable storage medium that can transmit, propagate, or transport a program for use by or in connection with a command execution system, apparatus, or device. Program code embodied on a readable medium may be transmitted using any suitable medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

Those of ordinary skill in the art can understand that all or part of the steps of implementing the above method embodiments can be completed by program instructions related to hardware, the aforementioned program can be stored in a computer-readable storage medium, and when the program is executed, the Including the steps of the above method embodiment; and the aforementioned storage medium includes: a mobile storage device, a read-only memory (ROM, Read-Only Memory), a random access memory (RAM, Random Access Memory), a magnetic disk or an optical disk and other various A medium on which program code can be stored. Alternatively, in the case where the above-mentioned integrated units in the embodiments of the present disclosure are implemented in the form of software functional modules and sold or used as independent products, they may also be stored in a computer-readable storage medium. Based on this understanding, the technical solutions of the embodiments of the present disclosure may be embodied in the form of software products that are essentially or contribute to related technologies. The computer software products are stored in a storage medium and include several instructions to make A computer device (which may be a personal computer, a server, or a network device, etc.) executes all or part of the above-mentioned methods in the various embodiments of the embodiments of the present disclosure. The aforementioned storage medium includes: a removable storage device, a ROM, a RAM, a magnetic disk or an optical disk and other mediums that can store program codes.

All the embodiments of the present disclosure can be implemented independently or in combination with other embodiments, which are all regarded as the protection scope required by the present disclosure.

Claims (50)

A method for displaying page elements in a live room, which is applied to a first client for pushing a live media stream, including: In response to a first display switching instruction for a page element group in the live room, determining a target display resource set associated with the page element group, where the target display resource set includes target display resources associated with page elements in the page element group; Based on the target display resource set, replace the current display resource set of the page element group with the target display resource set; Send a second display switching instruction to the server, so that the server notifies the second client to replace the current display resource set of the page element group in the live room with the target display resource set, and the second client is the client that receives the live media stream. The method according to claim 1, wherein the first display switching instruction comprises a subject determination instruction for the live room, and the determining the The target display resource collection steps associated with the page element group include: determining a subject identifier according to the subject determination instruction; Based on the determined theme identifier, obtain a set of display resources corresponding to the determined theme identifier; The target display resource set is determined based on the acquired display resource set. The method according to claim 2, wherein the step of determining the subject identification according to the subject determining instruction comprises: In response to the topic determination instruction, displaying a topic list, the topic list includes at least one topic in the live room; A topic identification of a topic selected based on the topic list is determined. The method of claim 3, wherein the theme further comprises a custom theme, the method further comprising: In response to a first creation instruction for a custom theme, displaying a theme setting page for the custom theme, the theme setting page including a first setting area for at least one page element in the live room; In response to the operation of determining display resources of page elements in the first setting area, a set of display resources associated with the custom theme is acquired. The method according to claim 1, wherein the first display switching instruction comprises an instruction for determining a page element in the live room, and the determining the Describe the steps for displaying resource collections associated with a page element group, including: According to the page element determination instruction, determine the page element identifier of at least one page element in the live room; obtaining a display resource corresponding to the at least one page element identifier based on the determined page element identifier; The target display resource set is determined according to the acquired display resources. The method of claim 5, further comprising: In response to the second creation instruction for the live room, displaying a target element setting page, the target element setting page including a second setting area for at least one page element of the live room; In response to the operation of determining the display resource of the page element in the second setting area, the display resource associated with the at least one page element is obtained. The method according to claim 2, wherein the step of determining the target display resource set based on the acquired display resource set comprises: Determining the acquired display resource set as the target display resource set; or From the acquired display resource set, some display resources are selected, and based on the selected display resources, the target display resource set is determined. The method according to claim 7, wherein the first display switching instruction is further used to indicate a theme application scene, and the theme application scene includes at least one scene of a control scene and a background image scene, and the obtained scene is obtained from the In the display resource collection of , the steps of selecting some display resources include: determining the theme application scenario indicated by the first display switching instruction; From the acquired display resource set, the display resource associated with the page element corresponding to the determined theme application scenario is selected. The method according to claim 7, wherein the step of selecting part of the display resources from the acquired display resource set comprises: Displaying page element identifiers of page elements associated with each display resource in the acquired display resource set; In response to the selection operation of the displayed page element identifier, acquiring the display resource associated with the page element determined by the displayed page element identifier; The acquired display resources are determined as the selected display resources. The method according to any one of claims 1-6, wherein the step of replacing the current display resource set of the page element group with the target display resource set based on the target display resource set includes the following steps: : Based on the target display resource set, the current display resource of each page element included in the page element group in the live room is replaced with a target display resource matching the current state of each page element. The method according to any one of claims 1-6, wherein the step of replacing the current display resource set of the page element group with the target display resource set based on the target display resource set includes the following steps: : In the case that the target display resource is a gradient display resource, determining the display area of the page element associated with the gradient display resource in the live broadcast room; Replace the display resource currently loaded in the display area with the gradient color corresponding to the gradient display resource, the gradient color is based on the color gradient direction indicated by the gradient display resource, and the gradient display resource indicates The initial color and the final color of the gradient are processed. The method according to any one of claims 1-6, wherein the types of the page elements include at least one of the following: the background image of the live room; the first control displayed on the first client in the live room; The second control displayed on the second client in the live room. A method for displaying page elements in a live room, applied to a server, includes: Receive a second display switching instruction sent by the first client that pushes the live media stream, where the second display switching instruction is that the first client replaces the current display resource set of the page element group in the live broadcast room with the target display resource Sent after collection, the target display resource collection includes target display resources associated with page elements in the page element group; determining the target display resource set based on the second display switching instruction; sending the target display resource set to the second client that receives the live media stream, so that the second client replaces the current display resource set of the page element group in the live room with the target Display resource collections. The method according to claim 13, wherein the second display switching instruction comprises a subject determination instruction for the live room, and the step of determining the target display resource set based on the second display switching instruction, include: determining a subject identifier according to the subject determination instruction; Based on the determined theme identifier, obtain a set of display resources corresponding to the determined theme identifier; The target display resource set is determined based on the acquired display resource set. The method according to claim 13, wherein the second display switching instruction comprises an instruction for determining a page element in the live room, and the step of determining the target display resource set based on the second display switching instruction ,include: According to the page element determination instruction, determine the page element identifier of at least one page element in the live room; obtaining a display resource corresponding to the at least one page element identifier based on the determined page element identifier; The target display resource set is determined according to the acquired display resources. The method according to any one of claims 13-15, wherein the types of the page elements include at least one of the following: the background image of the live room; the first control displayed on the first client in the live room; The second control displayed on the second client in the live room. A method for displaying page elements in a live room, which is applied to a second client that receives a live media stream, including: Receive a target display resource set associated with a page element group in the live room, the target display resource set includes target display resources associated with page elements in the page element group, and the target display resource set is the server based on the received second display switching The instruction is determined; the second display switching instruction is sent by the first client after replacing the current display resource set of the page element group in the live broadcast room with the target display resource set; Based on the target display resource set, the current display resource set of the page element group is replaced with the target display resource set. The method according to claim 17, wherein the step of replacing the current display resource set of the page element group with the target display resource set based on the target display resource set comprises: Based on the target display resource set, the current display resource of each page element included in the page element group in the live room is replaced with a target display resource matching the current state of each page element. The method according to claim 17, wherein the step of replacing the current display resource set of the page element group with the target display resource set comprises: In the case that the target display resource is a gradient display resource, determining the display area of the page element associated with the gradient display resource in the live broadcast room; Replace the display resource currently loaded in the display area with the gradient color corresponding to the gradient display resource, the gradient color is based on the color gradient direction indicated by the gradient display resource, and the gradient display resource indicates The initial color and the final color of the gradient are processed. The method according to any one of claims 17-19, wherein the types of the page elements include at least one of the following: the background image of the live room; the first control displayed on the first client in the live room; The second control displayed on the second client in the live room. A device for displaying page elements in a live room, comprising: A target display resource determining unit, configured to execute a first display switching instruction for a page element group in the live room, and determine a target display resource set associated with the page element group, where the target display resource set includes the page element The target display resource associated with the page element in the group; a display resource switching unit, configured to perform, based on the target display resource set, replacing the current display resource set of the page element group with the target display resource set; an instruction unit, configured to execute sending a second display switching instruction to the server, so that the server notifies the second client to replace the current display resource set of the page element group in the live room with the target display resource set , the second client is a client that receives the live media stream. The apparatus according to claim 21, wherein the first display switching instruction comprises a subject determination instruction for the live room, and the target display resource determination unit is configured to execute: determining a subject identifier according to the subject determination instruction; Based on the determined theme identifier, obtain a set of display resources corresponding to the determined theme identifier; The target display resource set is determined based on the acquired display resource set. The apparatus of claim 22, wherein the target display resource determination unit is configured to perform: In response to the topic determination instruction, displaying a topic list, the topic list includes at least one topic in the live room; A topic identification of a topic selected based on the topic list is determined. The apparatus of claim 23, wherein the theme further comprises a custom theme, and the target display resource determination unit is further configured to perform: In response to a first creation instruction for a custom theme, displaying a theme setting page for the custom theme, the theme setting page including a first setting area for at least one page element in the live room; In response to the operation of determining display resources of page elements in the first setting area, a set of display resources associated with the custom theme is acquired. The apparatus according to claim 21, wherein the first display switching instruction comprises an instruction for determining a page element of the live room, and the target display resource determining unit is configured to execute: According to the page element determination instruction, determine the page element identifier of at least one page element in the live room; obtaining a display resource corresponding to the at least one page element identifier based on the determined page element identifier; The target display resource set is determined according to the acquired display resources. The apparatus of claim 25, wherein the target display resource determination unit is further configured to perform: In response to the second creation instruction for the live room, displaying a target element setting page, the target element setting page including a second setting area for at least one page element of the live room; In response to the operation of determining the display resource of the page element in the second setting area, the display resource associated with the at least one page element is obtained. The apparatus of claim 22, wherein the target display resource determination unit is configured to perform: Determining the acquired display resource set as the target display resource set; or From the acquired display resource set, some display resources are selected, and based on the selected display resources, the target display resource set is determined. The apparatus according to claim 27, wherein the first display switching instruction is further used to indicate a theme application scene, the theme application scene includes at least one scene of a control scene and a background image scene, and the target display resource is determined The unit is configured to execute: determining the theme application scenario indicated by the first display switching instruction; From the acquired display resource set, the display resource associated with the page element corresponding to the determined theme application scenario is selected. The apparatus of claim 27, wherein the target display resource determination unit is configured to perform: Displaying page element identifiers of page elements associated with each display resource in the acquired display resource set; In response to the selection operation of the displayed page element identifier, acquiring the display resource associated with the page element determined by the displayed page element identifier; The acquired display resources are determined as the selected display resources. The apparatus according to any one of claims 21-26, wherein the display resource switching unit is configured to perform: Based on the target display resource set, the current display resource of each page element included in the page element group in the live room is replaced with a target display resource matching the current state of each page element. The apparatus according to any one of claims 21-26, wherein the display resource switching unit is configured to perform: In the case that the target display resource is a gradient display resource, determining the display area of the page element associated with the gradient display resource in the live broadcast room; Replace the display resource currently loaded in the display area with the gradient color corresponding to the gradient display resource, the gradient color is based on the color gradient direction indicated by the gradient display resource, and the gradient display resource indicates The initial color and the final color of the gradient are processed. The apparatus according to any one of claims 21-26, wherein the types of the page elements include at least one of the following: the background image of the live room; the first control displayed on the first client in the live room; The second control displayed on the second client in the live room. A device for displaying page elements in a live room, comprising: an information receiving unit configured to execute a second display switching instruction sent by the first client that receives the push live media stream, where the second display switching instruction is the current display of the page element group in the live broadcast room by the first client The resource collection, which is sent after being replaced with a target display resource collection, where the target display resource collection includes target display resources associated with page elements in the page element group; a target display resource determination unit, configured to perform determining the target display resource set based on the second display switching instruction; A display resource sending unit configured to execute sending the target display resource set to a second client that receives the live media stream, so that the second client sends the page element group in the live room to the second client. The current display resource set is replaced with the target display resource set. The apparatus according to claim 31, wherein the second display switching instruction comprises a subject determination instruction for the live room, and the target display resource determination unit is configured to execute: determining a subject identifier according to the subject determination instruction; Based on the determined theme identifier, obtain a set of display resources corresponding to the determined theme identifier; The target display resource set is determined based on the acquired display resource set. The apparatus according to claim 31, wherein the second display switching instruction comprises an instruction for determining a page element of the live room, and the target display resource determining unit is configured to execute: According to the page element determination instruction, determine the page element identifier of at least one page element in the live room; obtaining a display resource corresponding to the at least one page element identifier based on the determined page element identifier; The target display resource set is determined according to the acquired display resources. The apparatus according to any one of claims 33-35, wherein the types of the page elements include at least one of the following: the background image of the live room; the first control displayed on the first client in the live room; The second control displayed on the second client in the live room. A device for displaying page elements in a live room, comprising: A display resource receiving unit configured to receive a target display resource set associated with a page element group in the live broadcast room, the target display resource set including target display resources associated with page elements in the page element group, and the target display resource set is determined by the server based on the received second display switching instruction; the second display switching instruction is sent by the first client after replacing the current display resource set of the page element group in the live room with the target display resource set; The display resource switching unit is configured to perform, based on the target display resource set, replacing the current display resource set of the page element group with the target display resource set. The apparatus of claim 37, wherein the display resource switching unit is configured to perform: Based on the target display resource set, the current display resource of each page element included in the page element group in the live room is replaced with a target display resource matching the current state of each page element. The apparatus of claim 37, wherein the display resource switching unit is configured to perform: In the case that the target display resource is a gradient display resource, determining the display area of the page element associated with the gradient display resource in the live broadcast room; Replace the display resource currently loaded in the display area with the gradient color corresponding to the gradient display resource, the gradient color is based on the color gradient direction indicated by the gradient display resource, and the gradient display resource indicates The initial color and the final color of the gradient are processed. The apparatus according to any one of claims 27-39, wherein the types of the page elements include at least one of the following: the background image of the live room; the first control displayed on the first client in the live room; The second control displayed on the second client in the live room. An electronic device comprising: processor; a memory for storing the processor-executable instructions; wherein the processor is configured to execute the instructions to implement the following steps: In response to a first display switching instruction for a page element group in the live room, determining a target display resource set associated with the page element group, where the target display resource set includes target display resources associated with page elements in the page element group; Based on the target display resource set, replace the current display resource set of the page element group with the target display resource set; Send a second display switching instruction to the server, so that the server notifies the second client to replace the current display resource set of the page element group in the live room with the target display resource set, and the second client is the client that receives the live media stream. A server that includes: processor; a memory for storing the processor-executable instructions; wherein the processor is configured to execute the instructions to implement the following steps: Receive a second display switching instruction sent by the first client that pushes the live media stream, where the second display switching instruction is that the first client replaces the current display resource set of the page element group in the live broadcast room with the target display resource Sent after collection, the target display resource collection includes target display resources associated with page elements in the page element group; determining the target display resource set based on the second display switching instruction; sending the target display resource set to the second client that receives the live media stream, so that the second client replaces the current display resource set of the page element group in the live room with the target Display resource collections. An electronic device comprising: processor; a memory for storing the processor-executable instructions; wherein the processor is configured to execute the instructions to implement the following steps: Receive a target display resource set associated with a page element group in the live room, the target display resource set includes target display resources associated with page elements in the page element group, and the target display resource set is the server based on the received second display switching The instruction is determined; the second display switching instruction is sent by the first client after replacing the current display resource set of the page element group in the live broadcast room with the target display resource set; Based on the target display resource set, the current display resource set of the page element group is replaced with the target display resource set. A live broadcast system, comprising a first client that pushes a live media stream, a server, and a second client that receives the live media stream, wherein: The first client is configured to, in response to a first display switching instruction for a page element group in the live broadcast room, determine a target display resource set associated with the page element group; and based on the target display resource set, convert the page element The current display resource set of the group is replaced with the target display resource set; and a second display switching instruction is sent to the server; the target display resource set includes the target display resources associated with the page elements in the page element group; The server is configured to receive the second display switching instruction, determine the target display resource set based on the second display switching instruction, and send the target display resource set to the second client receiving the live media stream end; The second client is configured to receive the target display resource set, and based on the target display resource set, replace the current display resource set of the page element group with the target display resource set. A computer-readable storage medium, wherein the instructions in the computer-readable storage medium, when executed by a processor of a computer, enable the computer to perform the following steps: In response to the first display switching instruction for the page element group in the live room, a target display resource set associated with the page element group is determined, and the target display resource set includes the target display resource associated with the page element in the page element group; Based on the target display resource set, replace the current display resource set of the page element group with the target display resource set; Send a second display switching instruction to the server, so that the server notifies the second client to replace the current display resource set of the page element group in the live room with the target display resource set, and the second client is the client that receives the live media stream. A computer-readable storage medium, wherein the instructions in the computer-readable storage medium, when executed by a processor of a computer, enable the computer to perform the following steps: Receive a second display switching instruction sent by the first client that pushes the live media stream, where the second display switching instruction is that the first client replaces the current display resource set of the page element group in the live broadcast room with the target display resource Sent after collection, the target display resource collection includes target display resources associated with page elements in the page element group; determining the target display resource set based on the second display switching instruction; sending the target display resource set to the second client that receives the live media stream, so that the second client replaces the current display resource set of the page element group in the live room with the target Display resource collections. A computer-readable storage medium, wherein the instructions in the computer-readable storage medium, when executed by a processor of a computer, enable the computer to perform the following steps: Receive a target display resource set associated with a page element group in the live room, the target display resource set includes target display resources associated with page elements in the page element group, and the target display resource set is the server based on the received second display switching The instruction is determined; the second display switching instruction is sent by the first client after replacing the current display resource set of the page element group in the live broadcast room with the target display resource set; Based on the target display resource set, the current display resource set of the page element group is replaced with the target display resource set. A computer program product comprising computer instructions, wherein the computer instructions, when executed by a processor, implement the following steps: In response to a first display switching instruction for a page element group in the live room, determining a target display resource set associated with the page element group, where the target display resource set includes target display resources associated with page elements in the page element group; Based on the target display resource set, replace the current display resource set of the page element group with the target display resource set; Send a second display switching instruction to the server, so that the server notifies the second client to replace the current display resource set of the page element group in the live room with the target display resource set, and the second client is the client that receives the live media stream. A computer program product comprising computer instructions, wherein the computer instructions, when executed by a processor, implement the following steps: Receive a second display switching instruction sent by the first client that pushes the live media stream, where the second display switching instruction is that the first client replaces the current display resource set of the page element group in the live broadcast room with the target display resource Sent after collection, the target display resource collection includes target display resources associated with page elements in the page element group; determining the target display resource set based on the second display switching instruction; sending the target display resource set to the second client that receives the live media stream, so that the second client replaces the current display resource set of the page element group in the live room with the target Display resource collections. A computer program product comprising computer instructions, wherein the computer instructions, when executed by a processor, implement the following steps: Receive a target display resource set associated with a page element group in the live room, the target display resource set includes target display resources associated with page elements in the page element group, and the target display resource set is the server based on the received second display switching The instruction is determined; the second display switching instruction is sent by the first client after replacing the current display resource set of the page element group in the live broadcast room with the target display resource set; Based on the target display resource set, the current display resource set of the page element group is replaced with the target display resource set.

Images