Live streaming room public screen layout method and device, storage medium and computer device

Abstract

Embodiments of the present application relate to the field of network live broadcast, and provide a live broadcast room public screen layout method, device, medium and computer equipment. The method comprises: obtaining loading information of a first interactive component to be loaded in a live broadcast room interface; the loading information comprises a layout direction of the first interactive component and screen interval information corresponding to the first interactive component; the layout direction and the screen interval information are determined according to a category in which the first interactive component is located; when there are second interactive components in addition to the first interactive component in the layout direction of the live broadcast room interface, the target screen interval of the public screen in the layout direction after the first interactive component is loaded is determined according to the screen interval information corresponding to the first interactive component and the screen interval information corresponding to each second interactive component; and the public screen layout is updated according to the target screen interval, thereby avoiding the problem that the public screen area is covered by the interactive component as much as possible, and improving the retention rate of the live broadcast room audience.

Description

TECHNICAL FIELD

[0001] Embodiments of the present application relate to the network live broadcast technology field, and particularly relate to a live broadcast room public screen layout method and device, a storage medium and a computer device. BACKGROUND

[0002] With the progress of network communication technology, various live broadcast applications emerge in an endless stream, participating in network live broadcast has become the daily entertainment way of many people, and anchors can also show their talents in network live broadcast and obtain certain economic benefits, thereby effectively alleviating regional employment pressure and driving regional economic growth.

[0003] In the network live broadcast scenario, users can interact online through various message forms such as text or voice. The area in the live broadcast room interface for displaying messages is called a public screen, abbreviated as a public screen, and all users in the live broadcast room can browse and view various messages in the public screen.

[0004] When the public screen is displayed in the live broadcast room interface, when the anchor user triggers the loading of interactive components such as play methods, activity bars, and pendants, the corresponding activity bar, bottom bar, or plug-in interactive components need to be displayed in the live broadcast room interface. The appearance of these interactive components requires modification of the layout of the public screen; when these interactive components are canceled, the layout of the public screen also needs to be modified. However, the public screen layout method in the related art has problems such as the public screen area being covered by interactive components, or the public screen area being spaced apart from the video area, thereby affecting the overall layout of the live broadcast room and causing discordance, thereby reducing the retention rate and viewing time of the audience in the live broadcast room. SUMMARY

[0005] To overcome the problems in the related art, the present application provides a live broadcast room public screen layout method, device, medium, and computer device, which can avoid the problem of the public screen area being covered by other interactive components as much as possible, and improve the retention rate and viewing time of the audience in the live broadcast room.

[0006] According to a first aspect of embodiments of the present application, a live broadcast room public screen layout method is provided, including the following steps:

[0007] Obtaining loading information of a first interactive component to be loaded in a live broadcast room interface; the loading information includes a layout direction of the first interactive component and screen spacing information corresponding to the first interactive component; the layout direction and the screen spacing information are determined according to a category in which the first interactive component is located; the screen spacing information is used to indicate a screen spacing corresponding to the public screen in the component layout direction;

[0008] When the live room interface has a second interactive component in addition to the first interactive component in the layout direction, the target screen interval of the public screen in the layout direction after the first interactive component is loaded is determined according to the screen interval information corresponding to the first interactive component and the screen interval information corresponding to each second interactive component.

[0009] The public screen layout is updated according to the target screen interval.

[0010] According to a second aspect of the embodiments of the present application, a live room public screen layout device is provided, comprising:

[0011] A loading information acquisition module is configured to acquire loading information of a first interactive component to be loaded in a live room interface. The loading information comprises a layout direction of the first interactive component and screen interval information corresponding to the first interactive component. The layout direction and the screen interval information are determined according to a category in which the first interactive component is located. The screen interval information is used to indicate a corresponding screen interval of the public screen in the component layout direction.

[0012] A screen interval acquisition module is configured to, when the live room interface has a second interactive component in addition to the first interactive component in the layout direction, determine a target screen interval of the public screen in the layout direction after the first interactive component is loaded according to the screen interval information corresponding to the first interactive component and the screen interval information corresponding to each second interactive component.

[0013] A public screen layout updating module is configured to update the public screen layout according to the target screen interval.

[0014] According to a third aspect of the embodiments of the present application, a computer device is provided, comprising a processor and a memory. The memory stores a computer program, and the computer program is adapted to be loaded and executed by the processor to implement the live room public screen layout method as described above.

[0015] According to a fourth aspect of the embodiments of the present application, a computer readable storage medium is provided, which stores a computer program. When the computer program is executed by a processor, the live room public screen layout method as described above is implemented.

[0016] The embodiment of the application obtains loading information of a first interactive component to be loaded in a live broadcast room interface; the loading information comprises a layout direction of the first interactive component and screen interval information corresponding to the first interactive component; the layout direction and the screen interval information are determined according to a category in which the first interactive component is located; when there is a second interactive component other than the first interactive component in the live broadcast room interface in the layout direction, target screen interval of a public screen in the layout direction after the first interactive component is loaded is determined according to the screen interval information corresponding to the first interactive component and screen interval information corresponding to each second interactive component; and the public screen layout is updated according to the target screen interval, so that the public screen layout is updated by fully considering each other component when the first interactive component is loaded, the problem that the public screen area is covered by the interactive component can be avoided as much as possible, the public screen layout is as coordinated as possible, and the retention rate and viewing time of the audience in the live broadcast room are improved.

[0017] It should be understood that the foregoing general description and the following detailed description are only exemplary and explanatory and are not restrictive of the application.

[0018] For better understanding and implementation, the application will be described in detail below with reference to the accompanying drawings. BRIEF DESCRIPTION OF DRAWINGS

[0019] In order to more clearly illustrate the technical solutions in the embodiments of the application or the prior art, the following will briefly introduce the drawings needed to be used in the embodiments or the prior art description. Obviously, the drawings in the following description are only some embodiments of the application, and for those skilled in the art, other drawings can also be obtained without creative labor based on these drawings.

[0020] Figure 1 The schematic block diagram of the application environment of the live broadcast room public screen layout method provided by the embodiment of the application;

[0021] Figure 2 The flowchart of the live broadcast room public screen layout method provided by the first embodiment of the application;

[0022] Figure 3 The schematic diagram of the public screen layout when no interactive component is loaded provided by the embodiment of the application;

[0023] Figure 4 The schematic diagram of the public screen layout when the interactive component is loaded on the right provided by the embodiment of the application;

[0024] Figure 5 The flowchart of the method for obtaining the screen interval information corresponding to the first interactive component provided by the embodiment of the application;

[0025] Figure 6A schematic diagram of the combination of the category and the layout direction provided for the embodiment of the present application is shown in FIG. 1.

[0026] Figure 7 A flowchart of the method for adding and removing the first interactive component corresponding to the live room public screen layout method provided for the embodiment of the present application is shown in FIG. 2.

[0027] Figure 8 A flowchart of the method for adding and removing the first interactive component corresponding to the live room public screen layout method provided for the embodiment of the present application is shown in FIG. 2.

[0028] Figure 9 A flowchart of the method for adding and removing the first interactive component corresponding to the live room public screen layout method provided for the embodiment of the present application is shown in FIG. 2.

[0029] Figure 10 A flowchart of the method for adding and removing the first interactive component corresponding to the live room public screen layout method provided for the embodiment of the present application is shown in FIG. 2.

[0030] Figure 11 A schematic block diagram of the live room public screen layout device provided for the second embodiment of the present application is shown in FIG. 3.

[0031] Figure 12 A schematic block diagram of the computer device provided for the third embodiment of the present application is shown in FIG. 4. DETAILED DESCRIPTION

[0032] In order to make the objectives, technical solutions and advantages of the present application clearer, the embodiments of the present application will be further described in detail below with reference to the accompanying drawings.

[0033] It should be clear that the described embodiments are only some of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative work fall within the scope of protection of the present application.

[0034] In the following description of the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. In the description of the present application, it should be understood that the terms "first", "second", "third", etc. are only used to distinguish similar objects, and do not necessarily mean a specific order or sequence, nor can they be understood as indicating or implying relative importance. For those of ordinary skill in the art, the specific meanings of the above terms in the present application can be understood according to the specific circumstances. The singular forms "a", "an" and "the" used in the present application and the appended claims are also intended to include the plural forms, unless the context clearly indicates otherwise. The word "if" used herein can be interpreted as "when" or "when" or "in response to determining".

[0035] In addition, in the description of the present application, "multiple" means two or more, unless otherwise specified. The association relationship of the associated objects described by "and / or" means that there can be three relationships, for example, A and / or B can mean that A exists alone, A and B exist together, and B exists alone. The character " / " generally represents an "or" relationship between the associated objects before and after it.

[0036] Those skilled in the art can understand that "client", "terminal", "terminal device" used in the present application includes not only a device with a wireless signal transmitter, a device with only a wireless signal transmitter, but also a device with a wireless signal receiver, a device with only a wireless signal receiver, and a device with receiving and transmitting hardware, which has receiving and transmitting hardware capable of bidirectional communication on a bidirectional communication link. Such devices can include cellular or other communication devices with single-line or multi-line displays or without multi-line displays, PCS(Personal Communications Service, personal communication system) which can combine voice, data processing, fax and / or data communication capabilities, PDA(Personal Digital Assistant, personal digital assistant) which can include radio frequency receivers, pagers, Internet / Intranet access, web browsers, notepads, calendars and / or GPS(Global Positioning System, global positioning system) receivers, conventional laptop and / or palm-top computers or other devices with and / or including radio frequency receivers. The "client", "terminal", "terminal device" used herein can be portable, transportable, installed in vehicles (air, sea and / or land), or suitable and / or configured to run locally and / or in a distributed form on Earth and / or any other location in space. The "client", "terminal", "terminal device" used herein can also be a communication terminal, an Internet terminal, a music / video playing terminal, such as a PDA, a MID(Mobile Internet Device, mobile internet device) and / or a mobile phone with music / video playing function, and can also be a smart television, a set-top box and the like.

[0037] The hardware referred to by the names "server", "client", "service node" and the like in the present application is essentially a computer device with the equivalent capabilities of a personal computer, and is a hardware device with the necessary components disclosed by the von Neumann principle, including a central processing unit (including an arithmetic unit and a controller), a memory, an input device, and an output device. A computer program is stored in the memory, the central processing unit loads the program stored in the external storage into the memory and runs it, executes the instructions in the program, and interacts with the input and output devices to complete a specific function.

[0038] It should be noted that the concept of "server" in the present application can also be extended to the case of a server cluster. According to the network deployment principle understood by those skilled in the art, the servers should be logically divided, and in physical space, these servers can be independent of each other but can be called through an interface, or can be integrated into a physical computer or a computer cluster. Those skilled in the art should understand this variation and should not be restricted by the implementation of the network deployment of the present application.

[0039] Please refer to Figure 1 , Figure 1 The application scenario of the live room public screen layout method provided by the embodiment of the present application is shown in the figure, and the application scenario includes a host client 110, a viewer client 120 and a server 130.

[0040] The host client 110 and the viewer client 120 interact through the server 130. Specifically, the host client 110 and the viewer client 120 can both access the Internet through a network access method and establish a data communication link with the server 130. The network can be various types of communication media that can realize communication between the host client 110 and the server 130 and between the viewer client 120 and the server 130, such as wired communication links, wireless communication links or optical fiber cables, etc., which are not limited in the present application.

[0041] It should be noted that the client proposed in the embodiment of the present application includes the host client 110 and the viewer client 120.

[0042] It should be noted that there are various understandings of the concept of "client" in the prior art, for example: it can be understood as an application program installed in a computer device, or it can also be understood as a hardware device corresponding to a server.

[0043] In the embodiment of the present application, the "client" refers to a hardware device corresponding to a server, and more specifically refers to a computer device, such as a smart phone, a smart interactive tablet and a personal computer, etc.

[0044] When the client is a mobile device such as a smart phone or a smart interactive tablet, the user can install a matching mobile application on the client, or access a web application on the client.

[0045] When the client is a non-mobile device such as a personal computer (PC), the user can install a matching PC application on the client, or access a web application on the client.

[0046] Among them, the mobile application refers to an application that can be installed in a mobile device, the PC application refers to an application that can be installed in a non-mobile device, and the web application refers to an application that needs to be accessed through a browser.

[0047] Specifically, the web application can be divided into a mobile version and a PC version according to the difference in the type of the client, and the page layout method and the server support that can be provided may be different.

[0048] In the embodiments of the present application, the types of live application provided to the user are divided into a mobile live application, a PC live application, and a web live application. The user can independently select the way of participating in the network live according to the type of the client used.

[0049] According to the different user identities of the client entering the live room, the present application divides the client into a host client 110 and a viewer client 130. It should be noted that in actual application, the functions of the viewer client 120 and the host client 110 can be performed by the same client at different times. Therefore, the same client can be used as a viewer client 120 when watching the network live, and can be used as a host client 110 when publishing live video.

[0050] The host client 110 refers to the end of sending network live video, and is usually the client used by the host user in the network live. The hardware pointed to by the host client 110 essentially refers to a computer device, specifically, as shown in Figure 1 It can be a computer device such as a smart phone, a smart interactive tablet, and a personal computer.

[0051] The viewer client 120 refers to the end of receiving and watching network live video, and is usually the client used by the viewer user to watch video in the network live. The hardware pointed to by the viewer client 120 essentially refers to a computer device, specifically, as shown in Figure 1 It can be a computer device such as a smart phone, a smart interactive tablet, and a personal computer.

[0052] The server 130 can be a service server, which can be responsible for further connecting relevant audio data servers, video stream servers, and other servers providing relevant support, etc., to form a logically associated service cluster to provide services for relevant terminal devices, such as the anchor client 110 and the audience client 120 shown in FIG. 1. Figure 1

[0053] In the embodiments of the present application, the anchor client 110 and the audience client 120 can join the same live broadcast room (i.e., a live broadcast channel). The live broadcast room refers to a chat room realized by means of Internet technology and the server 130, and generally has audio and video control functions. The anchor user performs live broadcast in the live broadcast room through the anchor client 110, and the audience user of the audience client 120 can log in to the server 130 to enter the live broadcast room to watch the live broadcast.

[0054] In the live broadcast room, the anchor user and the audience user can interact with each other through voice, video, text, and other known online interaction modes. Generally, the anchor user performs a program for the audience user in the form of an audio and video stream, and at the same time, the audience user can interact with the anchor user in the form of text or by sending virtual gifts. In the interaction process, economic transactions can also be generated. Of course, the application form of the live broadcast room is not limited to online entertainment, but can also be extended to other related scenarios.

[0055] Specifically, the process of the audience user watching the live broadcast is as follows: the audience user can click to access the live broadcast application program installed on the audience client 120, and select to enter any live broadcast room, triggering the audience client 120 to load a live broadcast room interface for the audience user. The live broadcast room interface includes a plurality of interaction components, such as a video component, a virtual gift bar component, and a public screen, etc. Through loading these interaction components, the audience user can watch the live broadcast in the live broadcast room and perform various online interactions, including but not limited to sending virtual gifts, participating in live broadcast activities, and speaking on the public screen, etc.

[0056] It is worth mentioning that, Figure 1 The application scenario in the above is only an exemplary application scenario, and is not intended to limit the scheme of the present application. The scheme of the present application can also be applied to other forms of network live broadcast application scenarios, which will not be described one by one.

[0057] When the public screen is displayed on the live broadcast room interface, when the anchor user triggers the loading of interaction components such as play methods, activity bars, and pendants, the corresponding activity bars, bottom bars, or plug-in firmware, etc. interaction components need to be displayed on the live broadcast room interface. The appearance of these interaction components requires modification of the layout of the public screen. When these interaction components are canceled, the layout of the public screen also needs to be modified.

[0058] ​However, in the related art, no matter how many interactive components are added or removed on the right side, the left side or the top of the public screen, only the public screen layout corresponding to the latest added or removed interactive component is recorded. When there are multiple interactive components in the live room interface, the public screen layout corresponding to the added or removed interactive component is not the most appropriate layout, which may cause the problem that part of the public screen area is covered by the interactive component, or the public screen area is far away from the video area, thereby affecting the overall layout of the live room and reducing the retention rate and viewing time of the audience in the live room.

[0059] Based on the above problems, the embodiment of the present application provides a live room public screen layout method. Please refer to Figure 2 , Figure 2 The flowchart of the live room public screen layout method provided by the first embodiment of the present application. The live room public screen layout method of the embodiment of the present application can be executed by the audience client and / or the host client as the execution subject, and the method comprises the following steps:

[0060] Step S101: Obtain the loading information of the first interactive component to be loaded in the live room interface; the loading information comprises the layout direction of the first interactive component and the screen interval information corresponding to the first interactive component; the layout direction and the screen interval information are determined according to the category of the first interactive component; the screen interval information is used to indicate the screen interval corresponding to the public screen in the component layout direction.

[0061] Please refer to Figure 3 , which is a schematic diagram of the live room interface provided by the embodiment of the present application. The live room interface is a graphical user interface, and the video component 310 and the public screen component 320 are displayed in the live room interface.

[0062] It should be noted that Figure 3 The display style and position of each component in the live room interface shown in

[0063] The first interactive component of the present application can be any component that triggers the modification of the public screen layout. Specifically, the first interactive component can be an activity bar, an activity component, a pendant, etc. used to prompt live room messages; the first interactive component can also be a video component that changes the video area when playing activities such as multi-person karaoke, host battle, and multi-person video dating, etc.

[0064] As shown in Figure 3 , when the live room interface does not load the first interactive component, the public screen component (hereinafter referred to as public screen) 320 is displayed in the live room interface according to the default screen interval.

[0065] In an optional embodiment, the public screen 320 has a default screen spacing on the left, right, bottom and top of the live room interface, and the public screen 320 is displayed according to the default screen spacing in the four directions.

[0066] In another optional embodiment, since other components such as the video component 310 are also displayed above the top of the public screen 320, in order to facilitate the determination of the position of the public screen 320, the public screen 320 is displayed with a default height of the public screen 320 and a default screen spacing on the left, right and bottom of the live room interface.

[0067] The default height of the public screen 320 is generally one quarter of the screen of a mobile phone. In some small-screen mobile phones, one quarter of the screen of the mobile phone is very short, so that the public screen area cannot display several speeches. Therefore, the minimum height of the public screen is set to 170 pixels. The default height of the public screen is the larger one of one quarter of the screen of the mobile phone and 170 pixels.

[0068] As shown in FIG. 13, after the live room interface loads the first interactive component 330 on the right, the spacing between the right of the public screen 320 and the screen also needs to be changed, that is, the public screen layout needs to be updated, so as to avoid the public screen area being covered by the interactive component and the speeches on the public screen being invisible to the user. Figure 4

[0069] Specifically, when the host opens or closes a certain activity play, a pendant or a function, etc. to trigger the loading of the corresponding first interactive component, or when the server needs to push or close a certain activity play, a pendant or a function, etc. to trigger the loading of the corresponding first interactive component, the server receives the loading of the corresponding first interactive component identifier, and then broadcasts the information of the first interactive component corresponding to the loading of the activity play, the pendant or the function. At this time, the host client and the audience client will receive the loading broadcast of the first interactive component.

[0070] In an optional embodiment, the server stores the categories corresponding to each first interactive component identifier and the layout direction corresponding to each category. After the server receives the loading of the corresponding first interactive component identifier, the corresponding category is obtained according to the first interactive component identifier, the corresponding layout direction and the screen spacing of the public screen in the layout direction are obtained according to the category, so that the layout direction of the first interactive component and the screen spacing information corresponding to the first interactive component are broadcast to the host client and the audience client.

[0071] ​In another optional embodiment, the anchor client and the audience client store respective categories corresponding to respective first interactive component identifiers and respective layout directions corresponding to the respective categories; the server directly broadcasts the first interactive component identifiers to the anchor client and the audience client; the anchor client and the audience client obtain the respective categories corresponding to the first interactive component identifiers according to the first interactive component identifiers, obtain the respective layout directions corresponding to the categories, and obtain the screen distance of the public screen in the layout direction according to the categories after receiving the first interactive component identifiers.

[0072] In the present application, the layout direction can be a left direction, a right direction, a bottom direction or a top direction when facing the live room interface. The screen distance information is a distance between the left side of the public screen and the screen, a distance between the right side of the public screen and the screen, a distance between the bottom of the public screen and the screen or a distance between the top of the public screen and the screen when facing the live room interface. It can be understood that when the first interactive component is loaded and displayed, the first interactive component generally occupies a certain area position of the left side, the right side, the bottom or the top of the public screen. Therefore, the public screen needs to be moved to the right side, the left side, the top or the bottom. For example, as shown in FIG. 3, when the first interactive component 330 is loaded and displayed in the area on the left side of the public screen 320, the left side of the public screen needs to be moved to the right direction. Figure 4

[0073] In the present application, the layout direction can be a left direction, a right direction, a bottom direction or a top direction when facing the live room interface. The screen distance information is a distance between the left side of the public screen and the screen, a distance between the right side of the public screen and the screen, a distance between the bottom of the public screen and the screen or a distance between the top of the public screen and the screen when facing the live room interface. It can be understood that when the first interactive component is loaded and displayed, the first interactive component generally occupies a certain area position of the left side, the right side, the bottom or the top of the public screen. Therefore, the public screen needs to be moved to the right side, the left side, the top or the bottom. For example, as shown in FIG. 3, when the first interactive component 330 is loaded and displayed in the area on the left side of the public screen 320, the left side of the public screen needs to be moved to the right direction.

[0074] In the present application, the layout direction can be a left direction, a right direction, a bottom direction or a top direction when facing the live room interface. The screen distance information is a distance between the left side of the public screen and the screen, a distance between the right side of the public screen and the screen, a distance between the bottom of the public screen and the screen or a distance between the top of the public screen and the screen when facing the live room interface. It can be understood that when the first interactive component is loaded and displayed, the first interactive component generally occupies a certain area position of the left side, the right side, the bottom or the top of the public screen. Therefore, the public screen needs to be moved to the right side, the left side, the top or the bottom. For example, as shown in FIG. 3, when the first interactive component 330 is loaded and displayed in the area on the left side of the public screen 320, the left side of the public screen needs to be moved to the right direction.

[0075] ​The screen interval of the public screen corresponding to each category in the layout direction is determined according to a preset screen interval of the first interaction component of the category in the layout direction and size information of the first interaction component. It should be understood that the preset screen interval of the first interaction component of the category in the layout direction is generally a fixed value, which can be set according to actual business needs; the size information of the first interaction component can be a fixed value, which can be set according to actual business needs, or the size information of the first interaction component can change, for example, when the first interaction component is an activity bar, the size information of the first interaction component can change in sliding transformation, and at this time, the screen interval will also be adjusted according to the change of the size information. However, no matter how the first interaction component changes, it corresponds to only one category, and the screen interval of the public screen is determined according to the category.

[0076] Step S102: When the live room interface has a second interaction component in addition to the first interaction component in the layout direction, the target screen interval of the public screen in the layout direction after loading the first interaction component is determined according to the screen interval information corresponding to the first interaction component and the screen interval information corresponding to each second interaction component.

[0077] When the live room interface has a second interaction component in addition to the first interaction component in the layout direction, the most appropriate screen interval of the public screen in the layout direction is determined according to the screen interval of the first interaction component in the layout direction and the screen interval of each second interaction component in the layout direction.

[0078] It should be understood that the first interaction component to be loaded in the embodiments of the present application can be a newly added first interaction component on the public screen, or a removed first interaction component, and correspondingly, the target screen interval of the public screen in the layout direction after loading the first interaction component can be understood as the target screen interval of the public screen in the layout direction after adding the first interaction component on the public screen, or the target screen interval of the public screen in the layout direction after removing the first interaction component on the public screen.

[0079] Step S103: Update the public screen layout according to the target screen interval.

[0080] It should be understood that the target screen interval can be the interval between the left edge of the public screen and the screen when facing the live room interface, the interval between the right edge of the public screen and the screen, the interval between the bottom edge of the public screen and the screen, or the interval between the top edge of the public screen and the screen, so as to update the public screen layout according to the screen intervals in four directions.

[0081] The embodiment of the application obtains loading information of a first interactive component to be loaded in a live room interface; the loading information comprises a layout direction of the first interactive component and screen interval information corresponding to the first interactive component; the layout direction and the screen interval information are determined according to a category in which the first interactive component is located; when there is a second interactive component other than the first interactive component in the layout direction of the live room interface, the target screen interval of the public screen in the layout direction after the first interactive component is loaded is determined according to the screen interval information corresponding to the first interactive component and the screen interval information corresponding to each second interactive component; the public screen layout is updated according to the target screen interval, so that the public screen layout is updated by fully considering each other component when the first interactive component is loaded, the problem that the public screen area is covered by the interactive component is avoided as much as possible, the public screen layout is as coordinated as possible, and the retention rate and viewing time of the audience in the live room are improved.

[0082] Please refer to Figure 5 In an optional embodiment, the step of obtaining the loading information of the first interactive component to be loaded in the live room interface in step S101 comprises:

[0083] Step S1011: Obtain the loading broadcast of the first interactive component to be loaded in the live room; the loading broadcast comprises a first interactive component identifier.

[0084] Step S1012: Obtain the category in which the first interactive component identifier is located according to the preset relationship between the first interactive component identifier and the category.

[0085] Step S1013: Obtain the layout direction of the first interactive component according to the preset relationship between the category and the layout direction.

[0086] Step S1014: Obtain the screen interval information corresponding to the first interactive component according to the screen interval under the category.

[0087] Before obtaining the loading broadcast of the first interactive component in the live room, the anchor client and the audience client can divide each first interactive component identifier into a plurality of corresponding categories; each category is combined with a layout direction to construct a combination relationship between each category and the layout direction, and the screen interval of the public screen in the layout direction corresponding to each category is obtained.

[0088] When the anchor client and the audience client receive the loading broadcast of the first interactive component from the server, the category in which the first interactive component identifier is located is obtained from the stored relationship between each first interactive component identifier and the category according to the first interactive component identifier in the loading broadcast, and the screen interval of the first interactive component in the layout direction is obtained according to the combination relationship between each category and the layout direction.

[0089] In an optional embodiment, each category is configured with the screen interval information corresponding to the first interactive component by default, so that the default screen interval information corresponding to the first interactive component can be determined according to the category. In another optional embodiment, the size information of the first interactive component is also included in the loading broadcast, each category is configured with the screen interval of the first interactive component in the layout direction by default, the category in which the first interactive component identifier is located is obtained from the stored relationship between each first interactive component identifier and the category according to the first interactive component identifier in the loading broadcast; the layout direction of the first interactive component is obtained according to the combination relationship between each category and the layout direction; and the screen interval of the first interactive component in the layout direction is obtained according to the size information of the first interactive component in the loading broadcast and the screen interval of the first interactive component in the layout direction.

[0090] Further, each category also corresponds to a corresponding priority level; in step S1013, the priority level of the first interactive component is also obtained according to the priority level corresponding to the category. It should be understood that the priority level can include a default priority level and a high priority level, and the priority level of the high priority level is higher than that of the default priority level. It should be understood that other levels of priority levels can also be set according to actual needs.

[0091] Specifically, as shown in Figure 6 , three categories are configured in the left direction of the public screen: category 1: default priority level, screen interval from the left margin = 0; category 2: high priority level, screen interval from the left margin = 25; and category 3: high priority level, screen interval from the left margin = 50. The default interval of the public screen belongs to category 1, the first interactive component of the annual ceremony belongs to category 2, and the left activity pendant belongs to category 3, and so on.

[0092] According to the preset relationship between the first interactive component identifier and the category, the category in which the first interactive component identifier is located is obtained; according to the preset relationship between the category and the layout direction, the layout direction of the first interactive component is obtained; and according to the screen interval under the category, the screen interval information corresponding to the first interactive component is obtained, so that the layout direction of the first interactive component and the screen interval information corresponding to the first interactive component are conveniently and quickly determined.

[0093] Please refer to Figure 7 , in an optional embodiment, the loading information also includes information for indicating adding or removing the first interactive component in the live room interface; the step S102 of determining the target screen interval of the public screen in the layout direction after loading the first interactive component according to the screen interval information corresponding to the first interactive component and the screen interval information corresponding to each second interactive component, comprises:

[0094] Step S1021: If a first interaction component is added in the live room interface, the screen interval information corresponding to the first interaction component and the screen interval information corresponding to each second interaction component are compared to obtain a target screen interval of the public screen in the layout direction after the first interaction component is loaded.

[0095] It can be understood that if the first interaction component is added in the live room interface, in order to make the public screen compatible with the added first interaction component and second interaction component, the screen interval information corresponding to the first interaction component and the screen interval information corresponding to each second interaction component are compared to obtain a suitable target screen interval of the public screen in the layout direction.

[0096] Step S1022: If the first interaction component is removed in the live room interface, the screen interval information corresponding to each second interaction component is compared to obtain a target screen interval of the public screen in the layout direction after the first interaction component is loaded.

[0097] It can be understood that if the first interaction component is removed in the live room interface, only the screen interval information corresponding to each second interaction component is needed to obtain a target screen interval of the public screen in the layout direction after the first interaction component is loaded.

[0098] In the embodiments of the present application, when the first interaction component is added or removed, the screen interval information corresponding to the first interaction component and the screen interval information corresponding to each second interaction component are compared, or the screen interval information corresponding to each second interaction component is compared, to obtain a target screen interval of the public screen in the layout direction after the first interaction component is loaded, so that the influence of the first interaction component and each second interaction component on the public screen layout is fully considered, and the rationality of the public screen layout is improved.

[0099] In an optional embodiment, the step of comparing the screen interval information corresponding to the first interaction component and the screen interval information corresponding to each second interaction component to obtain the screen interval of the public screen in the layout direction in step S1021 includes: taking the largest screen interval in the screen interval information corresponding to the first interaction component and the screen interval information corresponding to each second interaction component as the target screen interval of the public screen in the layout direction after the first interaction component is loaded.

[0100] In the embodiments of the present application, the largest screen interval in the screen interval information corresponding to the first interaction component and the screen interval information corresponding to each second interaction component is taken as the target screen interval of the public screen in the layout direction after the first interaction component is loaded, which can avoid the problem of the interaction component blocking the public screen as much as possible.

[0101] In an optional embodiment, the step of comparing the screen interval information corresponding to the first interactive component and the screen interval information corresponding to each second interactive component in step S1021 to obtain the screen interval of the public screen in the layout direction comprises: comparing the priority of the first interactive component with the priority of each second interactive component, and taking the maximum screen interval of the public screen in the layout direction corresponding to the first interactive component with the maximum priority as the target screen interval of the public screen in the layout direction after loading the first interactive component.

[0102] The embodiment of the present application takes the maximum screen interval of the public screen in the layout direction corresponding to the first interactive component with the maximum priority as the target screen interval of the public screen in the layout direction after loading the first interactive component, so that the interactive component with the highest priority can be displayed completely according to actual business needs.

[0103] It should be understood that the way of comparing the screen interval information corresponding to each second interactive component to obtain the screen interval of the public screen in the layout direction in step S1022 can be: taking the maximum screen interval in the screen interval information corresponding to each second interactive component as the target screen interval of the public screen in the layout direction after loading the first interactive component; or comparing the priority of each second interactive component, and taking the screen interval information corresponding to the first interactive component with the maximum priority as the target screen interval of the public screen in the layout direction after loading the first interactive component.

[0104] Please refer to Figure 8 In an optional embodiment, the loading information further comprises information for indicating adding or removing the first interactive component in the live room interface; and the live room public screen layout method further comprises the following step S104: when there is no second interactive component except the first interactive component in the live room interface in the layout direction, if the first interactive component is added in the live room interface, taking the screen interval information corresponding to the first interactive component as the target screen interval of the public screen in the layout direction after loading the first interactive component, and updating the public screen layout according to the target screen interval; if the first interactive component is removed in the live room interface, obtaining a default public screen screen interval, and updating the public screen layout according to the default public screen screen interval, so as to realize reasonable layout of the public screen.

[0105] Please refer to Figure 9 In an optional embodiment, the layout direction comprises a left direction, a right direction or a bottom direction when facing the live room interface; the screen interval of the public screen in the layout direction comprises a left interval, a right interval or a bottom interval of the public screen from the screen when facing the live room interface; and the step of updating the public screen layout according to the target screen interval in step S103 further comprises the following steps:

[0106] Step S131: obtaining public screen height modification information.

[0107] In order to facilitate the determination of the position of the public screen 320, since other components such as the video component 310 are also displayed above the top of the public screen 320, an interface is provided in the embodiments of the present application, which is used to receive the modification of the public screen height by the first interactive component. When the first interactive component does not modify the public screen height, the public screen height modification information is 0. When the first interactive component modifies the public screen height, the public screen height modification information can be obtained through the interface.

[0108] The public screen height modification information is used to indicate the modified public screen height.

[0109] Step S132: Obtain the top edge distance of the public screen from the screen when facing the live room interface according to the public screen height modification information and the original public screen height.

[0110] The original public screen height = the public screen default height - the default bottom edge distance.

[0111] When the first interactive component does not modify the public screen height, that is, the public screen height modification information is 0, the top edge distance of the public screen from the screen when facing the live room interface = the original public screen height - the original public screen height = 0.

[0112] When the first interactive component modifies the public screen height, that is, the public screen height modification information can be obtained, the top edge distance of the public screen from the screen when facing the live room interface = the original public screen height - the modified public screen height.

[0113] Step S133: Update the public screen layout according to the top edge distance of the public screen from the screen and the target screen distance.

[0114] By receiving the public screen height modification information, obtaining the top edge distance of the public screen from the screen, and then updating the public screen layout, the embodiments of the present application can facilitate the update of the top edge distance of the public screen, thereby realizing the convenient and efficient update of the public screen layout.

[0115] Please refer to Figure 10 In an optional embodiment, the step of updating the public screen layout according to the target screen distance in step S103 includes:

[0116] Step S1031: Determine the updated public screen size information according to the target screen distance, the screen width and the public screen default height.

[0117] Specifically, the public screen size information includes the public screen height and the public screen width.

[0118] The public screen height = the public screen default height - the top edge screen distance - the bottom edge screen distance.

[0119] The public screen width = the screen width - the left edge screen distance - the right edge screen distance.

[0120] Step S1032: determining an updated public screen origin according to the target screen interval, the screen height, and the modified public screen height.

[0121] Specifically, in the public screen origin (x, y) point, x = left screen interval, and y = screen height - bottom screen interval - public screen height.

[0122] Step S1033: updating the public screen layout according to the public screen size information and the public screen origin.

[0123] According to the target screen interval, the screen width, and the public screen default height, the embodiment of the application determines updated public screen size information, so as to update the public screen layout according to the public screen size information and the public screen origin. The embodiment of the application can quickly and accurately determine the position of the public screen and quickly and accurately update the public screen layout.

[0124] Please refer to Figure 11 which is a structural schematic diagram of a live broadcast room public screen layout device provided by the second embodiment of the application. The device 200 includes:

[0125] The loading information acquisition module 201 is configured to acquire loading information of a first interactive component to be loaded in a live broadcast room interface. The loading information includes a layout direction of the first interactive component and screen interval information corresponding to the first interactive component. The layout direction and the screen interval information are determined according to a category in which the first interactive component is located. The screen interval information is used to indicate a screen interval corresponding to the public screen in the layout direction of the component.

[0126] The screen interval acquisition module 202 is configured to, when there are second interactive components other than the first interactive component in the layout direction of the live broadcast room interface, determine a target screen interval of the public screen in the layout direction after the first interactive component is loaded, according to the screen interval information corresponding to the first interactive component and screen interval information corresponding to each second interactive component.

[0127] The public screen layout updating module 203 is configured to update the public screen layout according to the target screen interval.

[0128] It should be noted that the live broadcast room public screen layout device provided by the second embodiment of the application is used to execute the live broadcast room public screen layout method, and only the above-mentioned division of each functional module is used as an example for illustration. In actual application, the above-mentioned functions can be completed by different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the live broadcast room public screen layout device provided by the second embodiment of the application and the live broadcast room public screen layout method provided by the first embodiment of the application belong to the same concept, and the implementation process is described in detail in the method embodiment. Therefore, the detailed description is omitted here.

[0129] The device embodiment of the live room public screen layout apparatus of the second embodiment of the present application can be applied on a computer device, for example, a host client and / or a viewer client. The device embodiment can be implemented by software, hardware or a combination of software and hardware. For example, the software implementation is a logical device formed by reading the corresponding computer program instructions in the non-volatile memory into the memory for running by the processor of the file processing.

[0130] Please refer to Figure 12 The computer device provided by the fourth embodiment of the present application is shown in the structural schematic diagram. As shown in the figure, Figure 12 The computer device 300 can include a processor 301, a memory 302 and a computer program 303 stored in the memory 302 and executable on the processor 301, for example, a live room public screen layout program. The processor 301 executes the computer program 303 to implement the steps in the first embodiment.

[0131] The processor 301 can include one or more processing cores. The processor 301 connects various parts of the computer device 300 by various interfaces and lines, executes instructions, programs, code sets or instruction sets stored in the memory 302, and calls data in the memory 302 to perform various functions and process data of the computer device 300. Optionally, the processor 301 can be implemented in at least one of the following hardware forms: digital signal processing (DSP), field programmable gate array (FPGA) and programmable logic array (PLA). The processor 301 can be integrated with a combination of one or more of the following: central processing unit (CPU), graphics processing unit (GPU) and modem. Among them, the CPU mainly processes the operating system, user interface and application programs; the GPU is responsible for rendering and drawing the content to be displayed on the touch display; the modem is used for processing wireless communication. It can be understood that the above-mentioned modem can also not be integrated into the processor 301, but can be realized by a separate chip.

[0132] The memory 302 can include a random access memory (RAM) and can also include a read-only memory (ROM). Optionally, the memory 302 includes a non-transitory computer-readable storage medium. The memory 302 can be used to store instructions, programs, codes, code sets, or instruction sets. The memory 302 can include a program storage area and a data storage area, where the program storage area can store instructions for implementing an operating system, instructions for at least one function (such as touch instructions, etc.), instructions for implementing the various method embodiments described above, etc.; and the data storage area can store data involved in the various method embodiments described above, etc. The memory 302 can also be at least one storage device located away from the aforementioned processor 301.

[0133] The embodiments of the present application also provide a computer storage medium, which can store a plurality of instructions, the instructions being suitable for being loaded and executed by a processor to perform the method steps of the above embodiments. The specific execution process can be referred to the specific description of the above embodiments, and will not be described here.

[0134] Those skilled in the art can clearly understand that, for the convenience and brevity of description, only the division of the above functional units and modules is taken as an example for illustration. In actual application, the above functions can be completed by different functional units and modules according to needs, that is, the internal structure of the device is divided into different functional units or modules to complete all or part of the functions described above. Each functional unit and module in the embodiments can be integrated in one processing unit, or each unit can exist physically, or two or more units can be integrated in one unit. The integrated unit can be realized in the form of hardware or in the form of a software functional unit. In addition, the specific names of the functional units and modules are only for easy distinction, and do not limit the protection scope of the present application. The specific working process of the units and modules in the above system can refer to the corresponding process in the above method embodiments, which will not be described here.

[0135] In the above embodiments, the description of each embodiment has its own emphasis, and the parts not described or recorded in detail in a certain embodiment can be referred to the related description of other embodiments.

[0136] Those skilled in the art can appreciate that the units and algorithm steps of the examples described in combination with the embodiments disclosed herein can be realized in electronic hardware or in a combination of computer software and electronic hardware. Whether the functions are realized in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to realize the described functions for each specific application, but such implementation should not be considered beyond the scope of the present application.

[0137] In the embodiments provided by the present application, it should be understood that the disclosed apparatus / terminal device and method can be implemented in other ways. For example, the apparatus / terminal device embodiments described above are merely schematic. The division of the modules or units is merely logical function division. There can be another division manner in actual implementation, for example, a plurality of units or components can be combined or integrated into another system, or some features can be ignored or not executed. In addition, the displayed or discussed coupling or direct coupling or communication connection between the units can be indirect coupling or communication connection through some interfaces, devices or units, and can be electrical, mechanical or in other forms.

[0138] The units described as separate components can or can not be physically separate, and the components shown as units can or can not be physical units, i.e., they can be located in one place, or can be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the embodiments.

[0139] In addition, each functional unit in each embodiment of the present application can be integrated into a processing unit, or each unit can exist physically independently, or two or more units can be integrated into one unit. The integrated unit can be realized in the form of hardware or in the form of a software functional unit.

[0140] If the integrated module / unit is realized in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer readable storage medium. Based on this understanding, all or part of the flow of the above-mentioned embodiment methods can also be completed by a computer program instructing related hardware, and the computer program can be stored in a computer readable storage medium. When the processor executes the computer program, the steps of each method embodiment described above can be implemented. The computer program includes computer program code, which can be in the form of source code, object code, executable file or some intermediate form.

[0141] The present application is not limited to the above-described embodiments, and various modifications or alterations can be made to the present application without departing from the spirit and scope of the present application, and it is intended that such modifications and alterations be included within the scope of the present application recited in the following claims and their equivalents.

Claims

1. A method for arranging the public screen in a live streaming room, characterized in that, Includes the following steps: The loading information of the first interactive component to be loaded on the live stream interface is obtained. The loading information includes the layout direction of the first interactive component and the screen spacing information corresponding to the first interactive component. The layout direction corresponding to the category of the first interactive component is obtained according to a preset relationship between the category and the layout direction. The screen spacing information is determined according to the screen spacing of the category of the first interactive component in the layout direction and the size information of the first interactive component. The screen spacing information is used to indicate the screen spacing of the public screen in the component layout direction. The layout direction includes the left, right, or bottom direction of the public screen when facing the live stream interface. When the live streaming interface has a second interactive component other than the first interactive component in the layout direction, the target screen spacing of the public screen in the layout direction after loading the first interactive component is determined based on the screen spacing information corresponding to the first interactive component and the screen spacing information corresponding to each of the second interactive components; the second interactive component is a component other than the video component. Update the public screen layout based on the target screen spacing.

2. The live streaming room public screen layout method according to claim 1, characterized in that: The step of obtaining the loading information of the first interactive component to be loaded on the live broadcast interface includes: Obtain the loading broadcast of the first interactive component to be loaded in the live broadcast room; the loading broadcast includes the identifier of the first interactive component; Based on the preset relationship between the first interactive component identifier and the category, the category to which the first interactive component identifier belongs is obtained; Based on the preset relationship between category and layout direction, the layout direction of the first interactive component is obtained; Based on the screen spacing under the category, obtain the screen spacing information corresponding to the first interactive component.

3. The live streaming room public screen layout method according to claim 1 or 2, characterized in that: The loading information also includes information for instructing the addition or removal of the first interactive component on the live streaming interface; the step of determining the target screen spacing of the public screen in the layout direction after loading the first interactive component, based on the screen spacing information corresponding to the first interactive component and the screen spacing information corresponding to each of the second interactive components, includes: If the first interactive component is added to the live streaming interface, the screen spacing information corresponding to the first interactive component and the screen spacing information corresponding to each of the second interactive components are compared to obtain the target screen spacing of the public screen in the layout direction after loading the first interactive component. If the first interactive component is removed from the live streaming interface, the screen spacing information corresponding to each of the second interactive components is compared to obtain the target screen spacing of the public screen in the layout direction after the first interactive component is loaded.

4. The live streaming room public screen layout method according to claim 3, characterized in that: The step of comparing the screen spacing information corresponding to the first interactive component and the screen spacing information corresponding to each of the second interactive components to obtain the target screen spacing of the public screen in the layout direction after loading the first interactive component includes: The largest screen spacing among the screen spacing information corresponding to the first interactive component and the screen spacing information corresponding to each of the second interactive components is taken as the target screen spacing of the public screen in the layout direction after loading the first interactive component.

5. The live streaming room public screen layout method according to claim 3, characterized in that: The loading information also includes the priority of the first interactive component; the priority of the first interactive component is determined according to the category to which the first interactive component belongs; the step of comparing the screen spacing information corresponding to the first interactive component and the screen spacing information corresponding to each of the second interactive components to obtain the target screen spacing of the public screen in the layout direction after loading the first interactive component includes: The priority of the first interactive component is compared with the priority of each of the second interactive components. The largest screen spacing in the screen spacing information corresponding to the interactive component with the highest priority is taken as the target screen spacing of the public screen in the layout direction after loading the first interactive component.

6. The live streaming room public screen layout method according to any one of claims 1 to 5, characterized in that: The loading information also includes information for instructing the addition or removal of the first interactive component on the live streaming interface; the method further includes the following steps: When there is no second interactive component other than the first interactive component in the layout direction of the live room interface, if the first interactive component is added to the live room interface, the screen spacing information corresponding to the first interactive component is used as the target screen spacing of the public screen in the layout direction after loading the first interactive component, and the public screen layout is updated according to the target screen spacing. If the first interactive component is removed from the live stream interface, the default public screen spacing is obtained, and the public screen layout is updated according to the default public screen spacing.

7. The live streaming room public screen layout method according to claim 1, characterized in that: The layout direction includes the left, right, or bottom direction when facing the live broadcast interface; the screen spacing of the public screen in the layout direction includes the left, right, or bottom spacing of the public screen from the screen when facing the live broadcast interface.

8. The live streaming room public screen layout method according to claim 7, characterized in that: The step of updating the public screen layout based on the target screen spacing includes: Get public screen height modification information; Based on the public screen height modification information and the public screen default height information, the distance between the public screen and the top edge of the screen when facing the live broadcast interface is obtained; The public screen layout is updated based on the distance between the public screen and the top edge of the screen, and the distance between the target screen and the public screen.

9. The live streaming room public screen layout method according to any one of claims 1 to 8, characterized in that: The step of updating the public screen layout based on the target screen spacing includes: Based on the target screen spacing, screen width, and default public screen height, determine the updated public screen size information; The updated public screen origin is determined based on the target screen spacing, screen height, and modified public screen height. Update the public screen layout based on the public screen size information and the public screen origin.

10. A live streaming room public screen layout device, characterized in that, include: The loading information acquisition module is used to acquire the loading information of the first interactive component to be loaded on the live broadcast interface; The loading information includes the layout direction of the first interactive component and the screen spacing information corresponding to the first interactive component; wherein, the layout direction corresponding to the category of the first interactive component is obtained according to the preset relationship between the category and the layout direction; the screen spacing information is determined according to the screen spacing of the category of the first interactive component in the layout direction and the size information of the first interactive component; the screen spacing information is used to indicate the screen spacing of the public screen in the component layout direction; the layout direction includes the left direction, right direction or bottom direction of the public screen when facing the live broadcast interface. The screen spacing acquisition module is used to determine the target screen spacing of the public screen in the layout direction after loading the first interactive component, based on the screen spacing information corresponding to the first interactive component and the screen spacing information corresponding to each of the second interactive components, when there is a second interactive component other than the first interactive component in the layout direction of the live broadcast interface; the second interactive component is a component other than the video component. The public screen layout update module is used to update the public screen layout based on the target screen spacing.

11. A computer device, comprising a processor and a memory; characterized in that, The memory stores a computer program adapted to be loaded by the processor and executed as described in any one of claims 1 to 9.

12. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by the processor, it implements the live streaming room public screen layout method as described in any one of claims 1 to 9.

Images