Live window control method and apparatus, device, and medium

Abstract

The application discloses a live window control method and device, equipment and medium, the method comprises the following steps: in response to the window pop-up event of the live room interface, obtaining the first height information of the pop-up window and the second height information of the live content playing window displayed in the live room interface; according to the first height information and the second height information, the overall height information of the live room interface is determined, whether the overall height information meets the preset interface height limit rule is judged; when the overall height information meets the interface height limit rule, the relative position between the live content playing window and the pop-up window in the live room interface is adjusted to avoid the pop-up window. The application dynamically adjusts the display position of the live content playing window in the live room interface, prevents the live content playing window from being blocked by other windows, and optimizes the live viewing experience of the user.

Description

Technical Field

[0001] This application relates to the field of live streaming, and more particularly to a live streaming window control method, as well as the corresponding apparatus, equipment, and non-volatile storage medium. Background Technology

[0002] Existing online live streaming platforms have developed live streaming applications with various functions related to live streaming services, providing platform users with different types of services to participate in live streaming activities. Each type of function has corresponding controls in the live streaming interface, allowing platform users to use the corresponding services through the functions provided by these controls. However, the live streaming interface displays windows corresponding to various types of controls, affecting the user's focus when browsing the live streaming interface. Users mainly browse the live streaming room to watch the live stream performed by the host and interact with the host. Furthermore, some control windows are pop-up windows, which often obscure the live streaming content playback window in the live streaming interface, preventing users from watching the complete live stream and affecting the live streaming viewing experience.

[0003] In view of the problems existing in the control windows of the current live streaming room interface, the applicant has made corresponding explorations in order to solve these problems. Summary of the Invention

[0004] The purpose of this application is to provide a live streaming window control method to meet user needs, and also relates to the corresponding apparatus, equipment, non-volatile storage medium and computer program products.

[0005] To achieve the objectives of this application, the following technical solution is adopted:

[0006] A live streaming window control method proposed for the purposes of this application includes the following steps:

[0007] In response to the pop-up event of the live room interface, obtain the first height information of the pop-up window and the second height information of the live content playback window displayed in the live room interface;

[0008] Based on the first height information and the second height information, the overall height information of the live broadcast room interface is determined, and it is determined whether the overall height information meets the preset interface height limit rules;

[0009] When the overall height information meets the interface height restriction rules, the relative position between the live content playback window and the pop-up window in the live room interface is adjusted to avoid the pop-up window.

[0010] In a further embodiment, after the step of adjusting the relative position between the live content playback window and the pop-up window in the live room interface to avoid the pop-up window, the following steps are included:

[0011] In response to the gift-giving streamer selection event applied to the pop-up window, obtain the streamer identifier corresponding to the gift-giving streamer selection event;

[0012] Identify the target streamer window in the live content playback window that corresponds to the streamer identifier;

[0013] Output the highlighted animation effect to the target broadcaster window for display.

[0014] In a further embodiment, the step of responding to the pop-up event of the live streaming interface includes the following steps:

[0015] Responding to a touch event applied to the virtual gift-giving control in the live stream interface, obtain the target window identifier corresponding to the touch event;

[0016] A pop-up window corresponding to the target window identifier is retrieved from the query interface window library.

[0017] The pop-up window is displayed on the live streaming interface to trigger the pop-up event that acts on the pop-up window.

[0018] In a further embodiment, the step of determining the overall height information of the live streaming interface based on the first height information and the second height information, and determining whether the overall height information meets the preset interface height limit rules, includes the following steps:

[0019] Obtain the height difference between the live content playback window and the top of the live room interface;

[0020] Calculate the sum of each height difference, the first height information, and the second height information, and use the sum as the overall height information;

[0021] Determine whether the overall height information exceeds the total height information of the interface corresponding to the live broadcast room interface.

[0022] In a further embodiment, the step of determining the overall height information of the live streaming interface based on the first height information and the second height information, and determining whether the overall height information meets the preset interface height limit rules, includes the following steps:

[0023] Obtain the height difference between the live content playback window and the top of the live room interface;

[0024] Obtain the third height information of one or more other windows in the live streaming interface;

[0025] Calculate the sum of each of the third height information, the height difference, the first height information, and the second height information, and use the sum as the overall height information;

[0026] Determine whether the overall height information exceeds the total height information of the interface corresponding to the live broadcast room interface.

[0027] In a further embodiment, the step of adjusting the relative position between the live content playback window and the pop-up window in the live room interface to avoid the pop-up window includes the following steps:

[0028] Calculate the height difference between the overall height information and the total height information of the interface corresponding to the live broadcast room interface, and use this height difference as the window offset value;

[0029] Based on the interface plane coordinate system acting on the live streaming interface, the height position of the live streaming content playback window in the live streaming interface is adjusted according to the window offset value.

[0030] In a further embodiment, after the step of adjusting the relative position between the live content playback window and the pop-up window in the live room interface to avoid the pop-up window, the following steps are included:

[0031] In response to a window hide command applied to the pop-up window, the pop-up window is hidden from display in the live streaming interface;

[0032] Based on the initial offset value of the live content playback window, and using the interface plane coordinate system acting on the live room interface, the height position of the live content playback window in the live room interface is adjusted.

[0033] A live streaming window control device proposed for the purposes of this application includes:

[0034] The height information acquisition module is used to respond to the pop-up event of the live room interface and acquire the first height information of the pop-up window and the second height information of the live content playback window displayed in the live room interface.

[0035] The height limit determination module is used to determine the overall height information of the live broadcast room interface based on the first height information and the second height information, and to determine whether the overall height information meets the preset interface height limit rules;

[0036] The window position adjustment module is used to adjust the relative position between the live content playback window and the pop-up window in the live room interface when the overall height information meets the interface height restriction rules, so as to avoid the pop-up window.

[0037] In a further embodiment, the height information acquisition module includes:

[0038] The window identifier acquisition submodule is used to respond to touch events that are applied to the virtual gift-giving control in the live broadcast room interface and acquire the target window identifier corresponding to the touch event.

[0039] The pop-up window query submodule is used to query the pop-up windows in the interface window library that correspond to the target window identifier;

[0040] The pop-up window display submodule is used to output the pop-up window to the live broadcast interface for display, so as to trigger the pop-up event that acts on the pop-up window.

[0041] In a further embodiment, the height restriction determination module includes:

[0042] The height difference acquisition submodule is used to acquire the height difference between the live content playback window and the top of the live room interface;

[0043] The overall height information calculation submodule calculates the sum of each height difference, the first height information, and the second height information, and uses the sum as the overall height information.

[0044] The total height determination submodule is used to determine whether the total height information exceeds the total height information of the interface corresponding to the live broadcast room interface.

[0045] In a further embodiment, the height restriction determination module includes:

[0046] The height difference acquisition submodule is used to acquire the height difference between the live content playback window and the top of the live room interface;

[0047] The third height acquisition module is used to acquire the third height information of one or more other windows of the live broadcast interface.

[0048] The overall height information calculation submodule is used to calculate the sum of each of the third height information, the height difference, the first height information and the second height information, and use the sum as the overall height information;

[0049] The total height determination submodule is used to determine whether the total height information exceeds the total height information of the interface corresponding to the live broadcast room interface.

[0050] In a further embodiment, the window position adjustment module includes:

[0051] The window offset value acquisition submodule is used to calculate the height difference between the total height information and the total height information of the interface corresponding to the live broadcast room interface, and use the height difference as the window offset value.

[0052] The height position adjustment submodule is used to adjust the height position of the live content playback window in the live room interface based on the interface plane coordinate system acting on the live room interface and according to the window offset value.

[0053] To address the aforementioned technical problems, this application also provides a computer device, including a memory and a processor. The memory stores computer-readable instructions, which, when executed by the processor, cause the processor to perform the steps of the aforementioned live streaming window control method.

[0054] To address the aforementioned technical problems, this application also provides a storage medium storing computer-readable instructions, which, when executed by one or more processors, cause the one or more processors to perform the steps of the live streaming window control method described above.

[0055] To address the aforementioned technical problems, this application also provides a computer program product, including a computer program and computer instructions. When the computer program and computer instructions are executed by a processor, the processor performs the steps of the aforementioned live streaming window control method.

[0056] Compared with existing technologies, the advantages of this application are as follows:

[0057] This application adjusts the display height of the live content playback window within the live streaming interface to ensure it avoids obstruction by other windows, thus preventing disruption to the user's viewing experience. When a pop-up window appears in the live streaming interface, the system determines whether the total height of the currently visible windows exceeds the visible height of the live streaming interface, based on the height of the newly displayed pop-up and the live content playback window. If it does, the system adjusts the height of the live content playback window to avoid obstruction by the pop-up, thus optimizing the user's live streaming viewing experience. This also enhances user engagement in live streaming activities and interaction with the streamer, coordinating the display positions of various windows within the live streaming interface to provide a cleaner viewing experience. Attached Figure Description

[0058] The above and / or additional aspects and advantages of this application will become apparent and readily understood from the following description of the embodiments taken in conjunction with the accompanying drawings, wherein:

[0059] Figure 1 A typical network deployment architecture diagram related to the implementation of the technical solution of this application;

[0060] Figure 2 This is a flowchart illustrating a typical embodiment of the live streaming window control method of this application;

[0061] Figure 3 This is a schematic diagram of the live streaming room interface without pop-up windows in this application;

[0062] Figure 4 This is a schematic diagram of the live streaming room interface in this application, where the pop-up window displays a virtual gift-giving window;

[0063] Figure 5 This is a schematic diagram of the live streaming room interface in this application, where the pop-up window is a virtual keyboard window;

[0064] Figure 6 This is a schematic diagram of the live room interface for displaying the live content window that outputs the live audio stream in this application.

[0065] Figure 7 This is a schematic diagram of the live streaming interface that displays the viewer gameplay window in this application.

[0066] Figure 8This is a schematic diagram of the live streaming interface in this application, where the pop-up window is a viewer assistance window;

[0067] Figure 9 This is a schematic diagram of the live streaming room interface used in this application to illustrate the adjustment of the height position of the live streaming content playback window;

[0068] Figure 10 This is a schematic diagram of the live streaming room interface in this application, illustrating the adjustment of the height and position of the live stream playback window.

[0069] Figure 11 This is a schematic diagram of the live streaming room interface in this application, illustrating the window size adjustment of the live stream playback window.

[0070] 12 is a schematic diagram of the live room interface in this application, in which the virtual gift-giving window is selected by the anchor user control in the pop-up window;

[0071] Figure 13 This is a schematic diagram of the live streaming interface in this application, in which a highlighted animation effect is displayed in the selected anchor window of the live streaming content playback window.

[0072] Figure 14 This is a schematic diagram of the live streaming room interface in this application, where the pop-up window is hidden as a virtual gift-giving window;

[0073] Figure 15 This is a schematic block diagram of a typical embodiment of the live streaming window control device of this application;

[0074] Figure 16 This is a basic structural block diagram of a computer device according to an embodiment of this application. Detailed Implementation

[0075] The embodiments of this application are described in detail below. Examples of these embodiments are shown in the accompanying drawings, wherein the same or similar reference numerals denote the same or similar elements or elements having the same or similar functions throughout. The embodiments described below with reference to the accompanying drawings are exemplary and are only used to explain this application, and should not be construed as limiting this application.

[0076] Those skilled in the art will understand that, unless specifically stated otherwise, the singular forms “a,” “an,” “the,” and “the” used herein may also include the plural forms. It should be further understood that the term “comprising” as used in this application means the presence of the stated features, integers, steps, operations, elements, and / or components, but does not exclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and / or groups thereof. It should be understood that when we say an element is “connected” or “coupled” to another element, it can be directly connected or coupled to the other element, or there may be intermediate elements. Furthermore, “connected” or “coupled” as used herein can include wireless connections or wireless coupling. The term “and / or” as used herein includes all or any units and all combinations of one or more associated listed items.

[0077] Those skilled in the art will understand that, unless otherwise defined, all terms used herein (including technical and scientific terms) have the same meaning as commonly understood by one of ordinary skill in the art to which this application pertains. It should also be understood that terms such as those defined in general dictionaries should be understood to have the same meaning as in the context of the prior art, and should not be interpreted in an idealized or overly formal sense unless specifically defined as herein.

[0078] Those skilled in the art will understand that the terms "client," "terminal," and "terminal device" as used herein include both devices that receive wireless signals, devices that only possess wireless signal receiver capabilities without transmission capabilities, and devices with receiving and transmitting hardware, devices that have receiving and transmitting hardware capable of bidirectional communication over a bidirectional communication link. Such devices may include: cellular or other communication devices such as personal computers or tablets, having single-line displays, multi-line displays, or cellular or other communication devices without multi-line displays; PCS (Personal Communications Service) that can combine voice, data processing, fax, and / or data communication capabilities; PDA (Personal Digital Assistant) that may include a radio frequency receiver, pager, internet / intranet access, web browser, notepad, calendar, and / or GPS (Global Positioning System) receiver; and traditional laptop and / or handheld computers or other devices that have and / or include radio frequency receivers. As used herein, "client," "terminal," and "terminal device" can be portable, transportable, installed in a means of transportation (air, sea, and / or land), or suitable and / or configured to operate locally and / or in a distributed manner, operating in any other location on Earth and / or in space. "Client," "terminal," and "terminal device" as used herein can also be a communication terminal, an internet access terminal, or a music / video playback terminal, such as a PDA, a MID (Mobile Internet Device), and / or a mobile phone with music / video playback capabilities, or a smart TV, set-top box, etc.

[0079] The hardware referred to by the names "server," "client," and "work node" in this application is essentially an electronic device with the equivalent capabilities of a personal computer. It is a hardware device with the necessary components revealed by the von Neumann architecture, such as a central processing unit (including an arithmetic logic unit and a control unit), memory, input devices, and output devices. The computer program is stored in its memory, and the central processing unit loads the program stored in the secondary storage into the main memory to run it, executes the instructions in the program, and interacts with the input and output devices to complete specific functions.

[0080] It should be noted that the concept of "server" used in this application can also be extended to the case of server clusters. Based on the network deployment principles understood by those skilled in the art, the servers should be logically divided. Physically, these servers can be independent of each other but accessible through interfaces, or they can be integrated into a single physical computer or a computer cluster. Those skilled in the art should understand this flexibility and should not use it to constrain the implementation of the network deployment method in this application.

[0081] Please see Figure 1 The hardware infrastructure required for implementing the technical solutions of this application can be deployed according to the architecture shown in the figure. The server 80 mentioned in this application is deployed in the cloud and acts as an online server. It can further connect to relevant data servers and other servers providing related support, thereby forming a logically related service cluster to provide services to relevant terminal devices such as the smartphone 81 and personal computer 82 shown in the figure, or third-party servers (not shown). Both the smartphone and personal computer can access the Internet through known network access methods and establish a data communication link with the cloud server 80 to run terminal applications related to the services provided by the server.

[0082] For servers, the application is usually built as a service process, with corresponding program interfaces exposed for remote calls by applications running on various terminal devices. The relevant technical solutions in this application that are suitable for running on servers can be implemented in servers in this way.

[0083] The application mentioned refers to an application running on a server or terminal device. This application implements the relevant technical solutions of this application in a programmed manner. Its program code can be stored in a non-volatile storage medium that can be recognized by a computer in the form of computer-executable instructions, and is loaded into memory by the central processing unit for execution. The relevant device of this application is constructed by the operation of the application on the computer.

[0084] For servers, the application is usually built as a service process, with corresponding program interfaces exposed for remote calls by applications running on various terminal devices. The relevant technical solutions in this application that are suitable for running on servers can be implemented in servers in this way.

[0085] Those skilled in the art will understand that although the various methods in this application are described based on the same concept and thus present commonality among them, they can be performed independently unless otherwise specified. Similarly, the various embodiments disclosed in this application are all based on the same inventive concept; therefore, concepts expressed in the same way, as well as concepts that are appropriately changed for convenience but are expressed differently, should be understood equivalently.

[0086] Please see Figure 2 A live streaming window control method according to this application, in a typical embodiment, includes the following steps:

[0087] Step S11: Respond to the pop-up event of the live streaming interface, and obtain the first height information of the pop-up window and the second height information of the live content playback window displayed in the live streaming interface.

[0088] The aforementioned pop-up event refers to the event that displays the pop-up window in the live stream interface. Please refer to [link / reference]. Figure 3 and Figure 4 , Figure 3 The live stream interface shown is the live stream interface without any of the aforementioned pop-up windows. When the user touches... Figure 3 After the virtual gift-giving control 301 appears in the live stream interface shown, Figure 3 The live stream interface shown will become Figure 4 The live stream interface shown. Figure 4 The live stream interface shown displays a pop-up window 401. The current terminal will respond to the pop-up event acting on the virtual gift-giving window 401, which is the pop-up window, to obtain the first height information of the virtual gift-giving window 401 and the second height information of the live stream content playback window 402.

[0089] The pop-up window refers to a window that is triggered by a control or command and displayed at the top of the layer of the live streaming interface. In the live streaming interface, the pop-up window includes, in addition to, Figure 4 In addition to the virtual gift-giving window 401 shown, it also includes Figure 5 The virtual keyboard window 501 shown is illustrated. Correspondingly, designers in the art can develop various types of pop-up windows according to the needs of live streaming services to provide users with various types of functions and services, which will not be elaborated here.

[0090] The height information generally refers to the window height, that is, the vertical height of the window within the live streaming interface. For example, ... Figure 4As shown, the first height information of the pop-up window 401 includes the window height 403, and the second height information of the live content playback window 402 includes the window height 404.

[0091] Please refer to Figure 6 The live stream content playback window, in addition to Figure 4 Outside the live content playback window 402 shown, which is used to play the live audio and video streams from the live streaming room, as... Figure 6 The live content playback window 601 shown outputs the audio stream of the host user in the live room, and also outputs the audio stream of some audience users in the live room in a seated mode.

[0092] Apart from Figures 3 to 5 In addition to the live stream interface shown, please refer to... Figure 7 , Figure 7 In addition to the live stream content playback window 701 shown, the live stream interface also displays the viewer gameplay window 702, which allows users to... Figure 7 The live stream interface shown shows the viewer support control 703. Figure 7 The live stream interface shown will become Figure 8 The live stream interface shown. Figure 8 The live stream interface shown displays a pop-up window via the viewer assistance control 703. Figure 8 The audience support window 801 is shown.

[0093] Step S12: Based on the first height information and the second height information, determine the overall height information of the live streaming interface, and determine whether the overall height information meets the preset interface height limit rules.

[0094] After obtaining the first height information of the pop-up window and the second height information of the live content playback window, the overall height information of the live room interface will be determined based on the first height information and the second height information.

[0095] The overall height information refers to the sum of the height information of each window appearing in the visible area of ​​the live streaming interface and the height distance between the live content playback window and the top of the live streaming interface. Please refer to [reference needed]. Figure 4 , Figure 4 The windows appearing in the visible area are the virtual gift control window 401 and the live content playback window 402, respectively, and the height distance between the live content playback window and the live room interface is the height distance 405 shown.

[0096] Please refer to Figure 8 , Figure 8The screen displays the audience support window 801, the live stream playback window 802, and the audience gameplay window 803. To prevent the audience support window 801 from obscuring the live stream playback window 802 and the audience gameplay window 803, therefore, during the calculation... Figure 8 When providing the overall height information, in addition to the first height information of the shown audience assistance window 801, the second height information of the shown live broadcast room playback window 802, and the height distance between the shown live broadcast room playback window 802 and the top of the live broadcast room interface, the third height information of the shown audience gameplay window 803 will also be added.

[0097] After determining the overall height information corresponding to the live streaming interface, it will be verified whether the overall height information meets the preset interface height restriction rules. The interface height restriction rules include the total height information of the live streaming interface, which refers to the total height of the live streaming interface within the visible area of ​​the terminal device. Please refer to [reference needed]. Figure 4 ,like Figure 4 The total height of the interface shown is 406. Figure 4 The total height information of the live stream interface shown.

[0098] By determining whether the overall height information exceeds the total interface height information, it is determined whether the overall height information meets the interface height restriction rule. If the overall height information exceeds the total interface height information, it indicates that the overall height information meets the interface height restriction rule; if it does not exceed the total interface height information, it indicates that the overall height information does not meet the interface height restriction rule.

[0099] Step S13: When the overall height information meets the interface height restriction rule, adjust the relative position of the live content playback window and the pop-up window in the live room interface to avoid the pop-up window.

[0100] Please refer to Figure 4 When the total height information meets the interface height restriction rule, it indicates that the live content playback window in the live room interface has been obscured by the pop-up window, such as... Figure 4 As shown, Figure 4 The live content playback window 402 shown in the live room interface is obscured by the virtual gift giving window 401. At this time, the height position of the live content playback window 402 in the live room interface will be adjusted to avoid the pop-up window 401.

[0101] Please refer to Figure 9 and Figure 10When adjusting the height of the live content playback window within the live streaming interface, the height difference between the overall height information and the total height information of the corresponding interface of the live streaming interface is calculated. This height difference is used as a window offset value to adjust the relative position of the live content playback window and the pop-up window within the live streaming interface based on the window offset value. The window offset value is as follows: Figure 9 The window offset value of 903 shown is based on the interface plane coordinate system applied to the live streaming room interface, such as... Figure 9 The interface plane coordinate system shown is 901. Then, based on the window offset value, the height position of the live content playback window in the live room interface is adjusted, such as... Figure 8 The live stream interface shown has changed as follows: Figure 10 The live stream interface shown. Figure 10 In the live stream interface shown, the live stream content playback window 1001 is compared to... Figure 9 The live content playback window 902 shown is moved upwards, and the live content playback window 1001 shown is not obscured by the virtual gift giving window 1002 shown. The live content playback window 1001 shown is fully displayed in the live room interface.

[0102] Please refer to Figure 11 In addition to adjusting the height and position of the live content playback window within the live stream interface as described above, the size of the live content playback window or the pop-up window within the live stream interface can also be adjusted, or the height and position of the pop-up window within the live stream interface can be adjusted, to adjust the relative position between the live content playback window and the pop-up window within the live stream interface, so that the live content playback window avoids the pop-up window. Specifically, to... Figure 9 and 11 For example, by adjusting Figure 9 The size of the live content playback window 902 shown is adjusted so that it avoids obstructing the pop-up window 904. Figure 9 Change to Figure 11 The live stream interface shown is compared to the live stream content playback window 902. Figure 11 The size of the live stream playback window 1101 shown has been reduced accordingly.

[0103] As can be seen from the typical implementation of this method, this method adjusts the display height of the live content playback window in the live room interface to ensure that the live content playback window avoids being obscured by other windows displayed in the interface, thus preventing it from affecting the user's live viewing experience. When a pop-up window appears in the live room interface, the method determines whether the total height of the currently visible windows in the live room interface exceeds the visible height of the live room interface based on the height of the newly displayed pop-up window and the live content playback window. If it does, the method adjusts the height position of the live content playback window in the live room interface to ensure that the live content playback window avoids being obscured by the pop-up window. This optimizes the user's live room viewing experience and also increases the user's enthusiasm for participating in live room activities and interacting with the live room host. It also coordinates the display positions of various windows in the live room to provide users with a clean and visually appealing live room interface.

[0104] The above typical embodiments and their variations fully disclose the implementation scheme of the live streaming window control method of this application. However, various variations of the method can still be derived by changing and expanding some technical means. Other embodiments are briefly described below:

[0105] In one embodiment, please refer to Figure 12 and Figure 13 After the step of adjusting the relative position between the live content playback window and the pop-up window in the live room interface to avoid the pop-up window, the following steps are included:

[0106] Step S14: In response to the gift-giving streamer selection event applied to the pop-up window, obtain the streamer identifier corresponding to the gift-giving streamer selection event:

[0107] Please refer to Figure 12 , Figure 12 The virtual gift-giving window 1201 shown is the pop-up window. After the user selects the corresponding anchor user avatar control in the anchor selection area 1203 shown in the virtual gift-giving window 1201, the gift-giving anchor selection event will be triggered in the virtual gift-giving window 1201. If the anchor user avatar control selected in the anchor selection area 1203 is the anchor user avatar control 1202 shown, then after the terminal responds to the gift-giving anchor selection event, it will obtain the anchor identifier corresponding to the anchor user avatar control 1202, which represents anchor A.

[0108] Step S15: Identify the target streamer window in the live content playback window that corresponds to the streamer identifier:

[0109] Please refer to Figure 12 After obtaining the anchor identifier representing anchor A, it will be obtained from Figure 12 The target streamer window corresponding to the streamer identifier is retrieved from the live content playback window 1204. The target streamer window corresponding to the streamer identifier representing streamer A in the live content playback window 1204 is the target streamer window 1205.

[0110] Step S16: Output the highlighted animation effect to the target broadcaster window for display:

[0111] Please refer to Figure 12 and Figure 13 Identify Figure 12 Once the target anchor window 1205 shown is the target anchor window corresponding to the anchor identifier, the layer display animation effect will be output at the target anchor window 1205 shown. Figure 13 This illustration shows a display style of the highlighted animation effect in the target broadcaster window, which will Figure 12 After the highlighted animation effect is output at the host window 1205 shown in the live content playback window 1204, the target host window 1205 shown will change to Figure 13 The target broadcaster window 1302 is shown in the live content playback window 1301.

[0112] Apart from Figure 13 In addition to the highlighted animation effect shown, those skilled in the art can flexibly design other types of highlighted animation effects, or highlight the selected broadcaster who is giving a gift in the live content playback window by obscuring the broadcaster window of the unselected broadcaster. This will not be elaborated here. Those skilled in the art can flexibly design to highlight the broadcaster window of the broadcaster selected by the user to give a virtual gift in the live content playback window.

[0113] In this embodiment, in a live streaming co-hosting scenario, the live streaming content playback window typically displays the live streams of each participating host. In addition to adjusting the live streaming content playback window to ensure its complete display in the live streaming interface, a pop-up window for virtual gifting is also included. When a user selects a corresponding host to send a virtual gift in the virtual gifting window, the selected host's live streaming content playback window will be highlighted in the live streaming content playback window using animation effects. This allows the user to determine whether the selected host is the one they expect, providing a more intuitive live streaming viewing experience while fully displaying the live streaming content playback window.

[0114] In one embodiment, please refer to Figure 3 and Figure 4 The steps for responding to the pop-up event of the live stream interface include the following steps:

[0115] Step S111: In response to a touch event acting on the virtual gift-giving control in the live stream interface, obtain the target window identifier corresponding to the touch event.

[0116] Please refer to Figure 3 The virtual gift-giving control mentioned above is as follows: Figure 3 The virtual gift-giving control 301 shown can be triggered by a user touching or clicking it. This triggers a touch event on the virtual gift-giving control 301, and the terminal responds to the touch event to obtain the target window identifier corresponding to the virtual gift-giving control 301.

[0117] Step S112: Query the pop-up window in the interface window library that corresponds to the target window identifier:

[0118] After obtaining the target window identifier corresponding to the virtual gift giving control, the pop-up window corresponding to the target window identifier will be retrieved from the interface window library, that is, the pop-up window corresponding to the virtual gift giving control; wherein, the interface window library stores multiple mapping relationship data composed of window identifiers and pop-up windows, and each pop-up window generally refers to the pop-up window that pops up and is displayed in the live broadcast room interface.

[0119] Step S113: Output the pop-up window to the live broadcast interface for display, so as to trigger the pop-up event acting on the pop-up window:

[0120] Please refer to Figure 3 and Figure 4 After obtaining the pop-up window corresponding to the target window identifier, the pop-up window is output to the live broadcast interface for display, such as... Figure 3 The live stream interface shown has changed as follows: Figure 4 The live stream interface shown. Figure 4 The virtual gift-giving window 401 displayed in the live stream interface is the pop-up window.

[0121] In this embodiment, by responding to the user's touch on the virtual gift control in the live broadcast room interface, a corresponding pop-up window is displayed in the live broadcast room interface for the user to use the virtual gift gifting service. Furthermore, by triggering the pop-up window event, the height position of the live broadcast content playback window in the live broadcast room interface is adjusted to prevent the live broadcast content playback window from being obscured by the pop-up window and affecting the user's live broadcast viewing experience.

[0122] In one embodiment, please refer to Figure 4 and Figure 5 The step of determining the overall height information of the live streaming interface based on the first height information and the second height information, and determining whether the overall height information meets the preset interface height limit rules, includes the following steps:

[0123] Step S121: Obtain the height difference between the live content playback window and the top of the live room interface.

[0124] Please refer to Figure 4 , Figure 4 The height difference between the live content playback window 402 shown and the top of the live room interface shown is the height distance 405 shown.

[0125] Step S122: Calculate the sum of each height difference, the first height information, and the second height information, and use the sum as the overall height information.

[0126] Please refer to Figure 4 The first altitude information is as follows: Figure 4 The image shows the window height 403 of the virtual gift-giving window 401. The second height information is as follows: Figure 4 The image shows the window height 404 of the live content playback window 402. The image is obtained by summing the shown window height 403, the shown window height 404, and the shown height distance 405, and using the sum as... Figure 4 The overall height information of the live stream interface shown.

[0127] Step S123: Determine whether the overall height information exceeds the total height information of the interface corresponding to the live streaming room interface.

[0128] Please refer to Figure 4 The interface height information generally refers to Figure 4 The total height of the live streaming interface shown is 406. The system checks whether the total height information obtained by adding the height of the shown window 403, the height of the shown window 404, and the height distance 405 exceeds the total height of the shown interface 406. If the total height information exceeds the total height of the shown interface, it is satisfied; if it does not exceed the total height of the shown interface, it is not satisfied.

[0129] Of course, the above steps can also be used for verification. Figure 5 In the live stream interface shown, the first height information is... Figure 5 The window height of the virtual keyboard window 501 shown, and the height information of other windows are the same as those of the virtual keyboard window 501 shown. Figure 4 Correspondingly, to determine Figure 5Does the overall height information of the live stream interface exceed the total height information of the interface?

[0130] In this embodiment, based on the height distance between the live content playback window and the top of the live room interface, and the window heights of the pop-up window and the live content playback window, it is determined whether the overall height information of the live room interface exceeds the total height information of the interface. Then, it is determined whether the live content playback window needs to be obscured by the pop-up window, so as to adjust the height position of the live content playback window to ensure the complete display of the live content playback window in the live room interface and improve the user's live viewing experience.

[0131] In one embodiment, please refer to Figure 8 The step of determining the overall height information of the live streaming interface based on the first height information and the second height information, and determining whether the overall height information meets the preset interface height limit rules, includes the following steps:

[0132] Step S121': Obtain the height difference between the live content playback window and the top of the live room interface.

[0133] Please refer to Figure 8 , Figure 8 The height difference between the live content playback window 806 shown and the top of the live room interface shown is the height distance 805 shown.

[0134] Step S122': Obtain the third height information of one or more other windows of the live streaming interface:

[0135] Please refer to Figure 8 , Figure 8 The audience gameplay window 803 shown is the other window mentioned above. The audience gameplay window 803 shown is the same as the live content playback window 806 shown. It needs to be prevented from being blocked by pop-up windows to prevent affecting the user's participation in the live activities in the live room. The window height 804 shown is the third height information of the audience gameplay window 803 shown above.

[0136] Step S123': Calculate the sum of each of the third height information, the height difference, the first height information, and the second height information, and use the sum as the overall height information.

[0137] Please refer to Figure 8 The first height information is Figure 7 The window height 802 of the audience assistance window 801 shown is, and the second height information is... Figure 8 The height of the live stream playback window 806 shown is 807, which is accumulated. Figure 8The window heights 802, 807, 804, and height distance 805 shown are used as the sum of their values. Figure 8 The overall height information of the live stream interface shown.

[0138] Step S124': Determine whether the overall height information exceeds the total height information of the interface corresponding to the live streaming room interface.

[0139] Please refer to Figure 8 The interface height information generally refers to Figure 8 The total height of the live stream interface shown is 808. This is determined by adding... Figure 8 The overall height information obtained from the window heights 802, 807, 804, and height distance 805 shown is checked to see if it exceeds the total height 808 of the interface shown, in order to verify whether the overall height information meets the interface height restriction rules. If it exceeds, then it meets the rules; if it does not exceed, then it does not meet the rules.

[0140] In this embodiment, in addition to considering the live content playback window and pop-up window, after the live event starts in the live room, a window related to the live event will also be displayed in the live room interface for users to participate in the live event. Therefore, when the pop-up window is displayed in the live room interface, it will also be considered whether the window associated with the live event is obscured by the pop-up window. At this time, the live event window will be considered when calculating the overall height information in the live room interface, so that when determining whether the height position of the live content playback window needs to be adjusted, the height position of the live event window will also be determined to ensure that users can participate in the live event smoothly.

[0141] In one embodiment, please refer to Figure 9 and 10 The step of adjusting the relative position between the live content playback window and the pop-up window in the live room interface to avoid the pop-up window includes the following steps:

[0142] Step S131: Calculate the height difference between the overall height information and the total height information of the interface corresponding to the live broadcast room interface, and use this height difference as the window offset value.

[0143] Please refer to Figure 9 ,when Figure 9 When the overall height information of the live stream interface shown satisfies the interface height restriction rule, the calculation will be based on... Figure 9 The overall height information determined by the live content playback window 902 and the virtual gift giving window 904 shown is consistent with... Figure 9The height difference between the total height information of the live streaming interface shown is used as the window offset value applied to the live streaming content playback window 902. The height difference is generally as follows: Figure 9 The window offset value shown is 903.

[0144] Step S132: Based on the interface plane coordinate system acting on the live streaming interface, adjust the height position of the live streaming content playback window in the live streaming interface according to the window offset value:

[0145] Please refer to Figure 9 The interface plane coordinate system is as follows: Figure 9 The interface plane coordinate system 901 shown is used as a basis for the following calculations: Figure 9 The window offset value of 903 shown indicates that the live content playback window 902 should be adjusted accordingly. Figure 9 The height position shown in the live stream interface is used to... Figure 9 The live stream interface changes as shown below. Figure 10 The live stream interface shown is the same as... Figure 9 compared to, Figure 10 The live content playback window 1001 in the live room interface shown can be adjusted in height and position so that it will not be obscured by the virtual gift giving window 1002 shown.

[0146] In this embodiment, the height difference between the overall height information determined based on the window heights of the live content playback window and the pop-up window and the total interface height information is calculated. Based on this height difference, the display height position of the live content playback window in the live room interface is adjusted so that the live content playback window avoids the pop-up window, preventing the live content playback window from being obscured by the pop-up window and affecting the user's live viewing experience.

[0147] In one embodiment, please refer to Figure 3 , Figure 10 and Figure 14 After the step of adjusting the relative position between the live content playback window and the pop-up window in the live room interface to avoid the pop-up window, the following steps are included:

[0148] Step S14': In response to the window hide command applied to the pop-up window, hide the pop-up window from display in the live stream interface.

[0149] Please refer to Figure 10 Users can Figure 10The window hiding control 1003 in the virtual gift-giving window 1002 shown triggers the window hiding command acting on the virtual gift-giving window 1002. After the terminal responds to the window hiding command, the virtual gift-giving window 1002 shown is hidden and displayed in the live broadcast interface. Figure 10 The live stream interface is converted to Figure 14 The live stream interface shown. Figure 14 The live stream interface shown is Figure 10 The live stream interface shown is hidden behind the virtual gift-giving window 1002.

[0150] Step S15': Based on the initial offset value of the live content playback window, and using the interface plane coordinate system acting on the live room interface, adjust the height position of the live content playback window in the live room interface:

[0151] The initial offset value can be used to restore the height position of the live content playback window in the live room interface to its initial height position displayed in the live room interface. The initial offset value can be a preset value or the opposite of the window offset value used when the height position of the live content playback window is adjusted when the pop-up window is displayed.

[0152] Please refer to Figure 14 and Figure 3 , obtain the effect on Figure 14 After the initial offset value of the live content playback window 1401 shown, it will be based on Figure 14 The interface plane coordinate system 1402 shown is used to adjust the height position of the live content playback window 1401 in the live room interface to the height position corresponding to the initial offset value, based on the initial offset value. Figure 14 The live stream interface shown will change to Figure 3 The live stream interface shown. Figure 3 The live stream content playback window 303 in the live stream interface shown is... Figure 14 The live content playback window 1401 shown is restored to the initial height position in the live room interface according to the initial offset value shown.

[0153] In this embodiment, after hiding the pop-up window in the live streaming interface, the height position of the live streaming content playback window, which was adjusted due to the pop-up window, will be restored in the live streaming interface to adjust the positional relationship of each window in the live streaming interface and improve the visual experience of the live streaming interface.

[0154] Furthermore, by functionalizing the various steps in the methods disclosed in the above embodiments, a live streaming window control device of this application can be constructed. Following this approach, please refer to... Figure 15In one typical embodiment, the device includes: a height information acquisition module 11, used to respond to a pop-up event of the live streaming interface and acquire first height information of the pop-up window and second height information of the live streaming content playback window displayed in the live streaming interface; a height limit judgment module 12, used to determine the overall height information of the live streaming interface based on the first height information and the second height information, and to determine whether the overall height information meets a preset interface height limit rule; and a window position adjustment module 13, used to adjust the relative position between the live streaming content playback window and the pop-up window in the live streaming interface to avoid the pop-up window when the overall height information meets the interface height limit rule.

[0155] In one embodiment, the height information acquisition module 11 includes: a window identifier acquisition submodule, used to respond to a touch event acting on a virtual gift-giving control in the live streaming interface and acquire the target window identifier corresponding to the touch event; a pop-up window query submodule, used to query a pop-up window in the interface window library that corresponds to the target window identifier; and a pop-up window display submodule, used to output the pop-up window to the live streaming interface for display, so as to trigger the window pop-up event acting on the pop-up window.

[0156] In one embodiment, the height limitation judgment module 12 includes: a height difference acquisition submodule, used to acquire the height difference between the live content playback window and the top of the live room interface; an overall height information calculation submodule, used to calculate the sum of each height difference, the first height information and the second height information, and use the sum as the overall height information; and a total height judgment submodule, used to determine whether the overall height information exceeds the total height information of the interface corresponding to the live room interface.

[0157] In another embodiment, the height limit determination module 12 includes: a height difference acquisition submodule, used to acquire the height difference between the live content playback window and the top of the live room interface; a third height acquisition module, used to acquire the third height information of one or more other windows of the live room interface; a total height information calculation submodule, used to calculate the sum of each of the third height information, the height difference, the first height information and the second height information, and use the sum as the total height information; and a total height determination submodule, used to determine whether the total height information exceeds the total height information of the interface corresponding to the live room interface.

[0158] In one embodiment, the window position adjustment module 13 includes: a window offset value acquisition submodule, used to calculate the height difference between the overall height information and the total height information of the interface corresponding to the live room interface, and use the height difference as the window offset value; and a height position adjustment submodule, used to adjust the height position of the live content playback window in the live room interface based on the interface plane coordinate system acting on the live room interface and according to the window offset value.

[0159] To address the aforementioned technical problems, this application also provides a computer device for running a computer program implemented according to the live streaming window control method. Please refer to the following for details. Figure 16 , Figure 16 This is a basic structural block diagram of the computer device in this embodiment.

[0160] like Figure 16 The diagram shows the internal structure of a computer device. This computer device includes a processor, non-volatile storage medium, memory, and a network interface connected via a system bus. The non-volatile storage medium stores the operating system, a database, and computer-readable instructions. The database may store control information sequences. When the computer-readable instructions are executed by the processor, they enable the processor to implement a live window control method. The processor provides computing and control capabilities, supporting the operation of the entire computer device. The memory stores computer-readable instructions, which, when executed by the processor, enable the processor to implement a live window control method. The network interface of the computer device is used for communication with a terminal. Those skilled in the art will understand that… Figure 16 The structure shown is merely a block diagram of a portion of the structure related to the present application and does not constitute a limitation on the computer device to which the present application is applied. Specific computer devices may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0161] In this embodiment, the processor executes the specific functions of each module / submodule in the live streaming window control device of this application, and the memory stores the program code and various types of data required to execute the above modules. The network interface is used for data transmission between the user terminal and the server. In this embodiment, the memory stores the program code and data required to execute all modules / submodules in the live streaming window control device, and the server can call the server's program code and data to execute the functions of all submodules.

[0162] This application also provides a non-volatile storage medium in which the live streaming window control method is written as a computer program and stored in the storage medium in the form of computer-readable instructions. When the computer-readable instructions are executed by one or more processors, it means that the program is running in the computer, thereby causing one or more processors to perform the steps of the live streaming window control method of any of the above embodiments.

[0163] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. This computer program can be stored in a computer-readable storage medium, and when executed, it can include the processes of the embodiments of the methods described above. The aforementioned storage medium can be a non-volatile storage medium such as a magnetic disk, optical disk, or read-only memory (ROM), or random access memory (RAM).

[0164] In summary, this application dynamically adjusts the display position of the live content playback window in the live room interface to prevent the live content playback window from being obscured by other windows, thereby optimizing the user's live viewing experience.

[0165] It should be understood that although the steps in the flowcharts of the accompanying figures are shown sequentially as indicated by the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the accompanying figures may include multiple sub-steps or multiple stages. These sub-steps or stages are not necessarily completed at the same time, but can be executed at different times, and their execution order is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the sub-steps or stages of other steps.

[0166] Those skilled in the art will understand that the steps, measures, and solutions in the various operations, methods, and processes discussed in this application can be alternated, modified, combined, or deleted. Furthermore, other steps, measures, and solutions in the various operations, methods, and processes discussed in this application can also be alternated, modified, rearranged, decomposed, combined, or deleted. Furthermore, steps, measures, and solutions in the prior art that are similar to those disclosed in this application can also be alternated, modified, rearranged, decomposed, combined, or deleted.

[0167] The above description is only a partial embodiment of this application. It should be noted that for those skilled in the art, several improvements and modifications can be made without departing from the principle of this application, and these improvements and modifications should also be considered within the scope of protection of this application.

Claims

1. A method for controlling a live streaming window, characterized in that, Includes the following steps: In response to the pop-up event of the live room interface, obtain the first height information of the pop-up window and the second height information of the live content playback window displayed in the live room interface; Based on the first height information and the second height information, the overall height information of the live streaming interface is determined, and it is determined whether the overall height information meets the preset interface height limit rules. The interface height limit rules include the total height information of the interface corresponding to the live streaming interface. It is determined whether the overall height information meets the interface height limit rules by judging whether the overall height information exceeds the total interface height information. The total interface height information is the total height of the live streaming interface within the visible area of ​​the terminal device. The overall height information refers to the sum of the height information of each window appearing in the visible area of ​​the live streaming interface and the height distance between the live content playback window and the top of the live streaming interface. When the overall height information meets the interface height restriction rules, the relative position between the live content playback window and the pop-up window in the live room interface is adjusted to avoid the pop-up window.

2. The method according to claim 1, characterized in that, After the step of adjusting the relative position between the live content playback window and the pop-up window in the live room interface to avoid the pop-up window, the following steps are included: In response to the gift-giving streamer selection event applied to the pop-up window, obtain the streamer identifier corresponding to the gift-giving streamer selection event; Identify the target streamer window in the live content playback window that corresponds to the streamer identifier; Output the highlighted animation effect to the target broadcaster window for display.

3. The method according to claim 1, characterized in that, The steps for responding to the pop-up event of the live stream interface include the following steps: Responding to a touch event applied to the virtual gift-giving control in the live stream interface, obtain the target window identifier corresponding to the touch event; A pop-up window corresponding to the target window identifier is retrieved from the query interface window library. The pop-up window is displayed on the live streaming interface to trigger the pop-up event that acts on the pop-up window.

4. The method according to claim 1, characterized in that, The step of determining the overall height information of the live streaming interface based on the first height information and the second height information, and determining whether the overall height information meets the preset interface height limit rules, includes the following steps: Obtain the height difference between the live content playback window and the top of the live room interface; Calculate the sum of each height difference, the first height information, and the second height information, and use the sum as the overall height information; Determine whether the overall height information exceeds the total height information of the interface corresponding to the live broadcast room interface.

5. The method according to claim 1, characterized in that, The step of determining the overall height information of the live streaming interface based on the first height information and the second height information, and determining whether the overall height information meets the preset interface height limit rules, includes the following steps: Obtain the height difference between the live content playback window and the top of the live room interface; Obtain the third height information of one or more other windows in the live streaming interface; Calculate the sum of each of the third height information, the height difference, the first height information, and the second height information, and use the sum as the overall height information; Determine whether the overall height information exceeds the total height information of the interface corresponding to the live broadcast room interface.

6. The method according to claim 1, characterized in that, The step of adjusting the relative position between the live content playback window and the pop-up window in the live room interface to avoid the pop-up window includes the following steps: Calculate the height difference between the overall height information and the total height information of the interface corresponding to the live broadcast room interface, and use this height difference as the window offset value; Based on the interface plane coordinate system acting on the live streaming interface, the height position of the live streaming content playback window in the live streaming interface is adjusted according to the window offset value.

7. The method according to claim 1, characterized in that, After the step of adjusting the relative position between the live content playback window and the pop-up window in the live room interface to avoid the pop-up window, the following steps are included: In response to a window hide command applied to the pop-up window, the pop-up window is hidden from display in the live streaming interface; Based on the initial offset value of the live content playback window, and using the interface plane coordinate system acting on the live room interface, the height position of the live content playback window in the live room interface is adjusted.

8. A live streaming window control device, characterized in that, include: The height information acquisition module is used to respond to the pop-up event of the live room interface and acquire the first height information of the pop-up window and the second height information of the live content playback window displayed in the live room interface. A height limitation judgment module is used to determine the overall height information of the live streaming interface based on the first height information and the second height information, and to determine whether the overall height information meets a preset interface height limitation rule. The interface height limitation rule includes the total height information of the interface corresponding to the live streaming interface. The module determines whether the overall height information meets the interface height limitation rule by judging whether the overall height information exceeds the total interface height information. The total interface height information is the total height of the live streaming interface within the visible area of ​​the terminal device. The overall height information refers to the sum of the height information of each window appearing in the visible area of ​​the live streaming interface and the height distance between the live content playback window and the top of the live streaming interface. The window position adjustment module is used to adjust the relative position between the live content playback window and the pop-up window in the live room interface when the overall height information meets the interface height restriction rules, so as to avoid the pop-up window.

9. An electronic device comprising a central processing unit and a memory, characterized in that, The central processing unit is used to invoke and run a computer program stored in the memory to perform the steps of the method as described in any one of claims 1 to 7.

10. A non-volatile storage medium, characterized in that, It stores, in the form of computer-readable instructions, a computer program implemented according to any one of claims 1 to 7, which, when invoked by a computer, performs the steps included in the method.

Images