The display method of the live streaming room interface, computer equipment and storage media

Abstract

This application discloses a method for displaying a live streaming interface, a computer device, and a storage medium. The method includes: displaying content information in a dynamic window of the live streaming interface; after the content information has been displayed in the dynamic window for a preset duration, performing a guiding animation on the dynamic window to point to an activity window associated with the content information; the activity window is spaced apart from the dynamic window on the live streaming interface to display related content; and the dynamic window is hidden after the guiding animation is completed. Through the above methods, this application can enrich the display format of the activity window to guide the viewer's perception of the activity window.

Description

Technical Field

[0001] This application relates to the field of live streaming technology, and in particular to methods for displaying live streaming interfaces, computer equipment, and storage media. Background Technology

[0002] With the rapid development of the live streaming industry, live streaming has become an important way for people to enjoy entertainment online. During a live stream, the host performs on their own device, and viewers can watch the performance on their own devices and interact with the host.

[0003] To enrich the live stream interface and facilitate users' understanding of information related to the current live stream, an activity window can be set up on the live stream interface to display prompts, allowing viewers to more intuitively understand information related to the current live stream. However, the existing activity window display format is relatively simple and not easily perceived by viewers. Summary of the Invention

[0004] The main technical problem addressed by this application is to provide a display method, computer equipment, and storage medium for a live streaming interface, which can enrich the display format of the activity window and guide the audience's perception of the activity window.

[0005] To solve the above-mentioned technical problems, one technical solution adopted in this application is: providing a method for displaying a live streaming interface, the method comprising: displaying content information in an animation window of the live streaming interface; when the content information in the animation window has been displayed for a preset duration, performing a guiding animation effect that matches the content information on the animation window; the guiding path of the guiding animation effect pointing to an activity window associated with the content information; the activity window being set at an interval from the animation window on the live streaming interface, used to display related content associated with the content information; and hiding the animation window after the guiding animation effect is executed.

[0006] To solve the above-mentioned technical problems, another technical solution adopted in this application is: to provide a computer device, which includes a processor, a memory and a communication circuit; the memory and the communication circuit are coupled to the processor, the memory stores a computer program, and the processor is able to execute the computer program to implement the display method of the live broadcast room interface provided in this application as described above.

[0007] To address the aforementioned technical issues, another technical solution adopted in this application is to provide a computer-readable storage medium storing a computer program that can be executed by a processor to implement the live streaming interface display method provided in this application as described above.

[0008] The beneficial effects of this application are as follows: Unlike existing technologies, this application displays content information in a dynamic window within the live streaming interface. After the content information in the dynamic window has been displayed for a preset duration, a guiding animation is executed, directing the viewer towards an activity window associated with the content information. After the guiding animation is completed, the dynamic window is hidden. Since the activity window is spaced apart from the dynamic window on the live streaming interface and is used to display related content, the guiding animation directing the viewer from the dynamic window displaying content information to the activity window displaying related content allows viewers to see the dynamic window moving towards the activity window, stimulating their sensory perception and guiding their gaze to follow the dynamic window to the activity window. This effectively guides viewers to view the content information in the dynamic window and the related content in the activity window. Furthermore, since the related content displayed in the activity window is limited by the size of the activity window, preventing the display of desired information, related content information can be displayed in the dynamic window, allowing viewers to further understand the relevant information. Thus, the above solution can enrich the display format of the activity window in the live broadcast room interface by using animated windows and increase the amount of information that can be displayed in the live broadcast room interface. On the other hand, by controlling the animated window to move towards the activity window, it is beneficial to provide sensory guidance to the audience and improve the audience's viewing experience. Attached Figure Description

[0009] Figure 1 This is a schematic diagram of the system composition of an embodiment of the live streaming system of this application;

[0010] Figure 2 This is a flowchart illustrating an embodiment of the method for displaying the live streaming room interface in this application;

[0011] Figure 3 This is a timing diagram illustrating an embodiment of the live streaming interface display method of this application;

[0012] Figure 4 This is a schematic diagram of the live streaming interface as an embodiment of the display method of the live streaming interface in this application;

[0013] Figure 5 This is a schematic diagram illustrating the execution of guiding animation effects in the animation window of the embodiment of the display method of the live broadcast room interface of this application;

[0014] Figure 6 This is a schematic diagram of the activity window and animation window of the live broadcast room interface display method embodiment of this application;

[0015] Figure 7 This is a schematic diagram of the circuit structure of an embodiment of the computer device of this application;

[0016] Figure 8This is a schematic diagram of the circuit structure of an embodiment of the computer-readable storage medium of this application. Detailed Implementation

[0017] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments of this application, and not all of the embodiments. Based on the embodiments of this application, all other embodiments obtained by those of ordinary skill in the art without creative effort are within the scope of protection of this application.

[0018] With the rapid development of the live streaming industry, live streaming has become an important way for people to enjoy entertainment online. During a live stream, the streamer performs on their own device, and viewers can watch the performance and interact with the streamer on their own devices. The streamer's live stream feed can be displayed in their personal live streaming room. To enrich the live streaming interface and make it easier for users to understand information related to the current live stream, activity windows can be set up on the live streaming interface to display prompts, allowing viewers to more intuitively understand information related to the current live stream.

[0019] Through long-term research, the inventors discovered that most existing live streaming interfaces display information through activity windows. Specifically, when information needs to be displayed on the live streaming interface, it can be done by popping up an activity window and displaying the information within that window. However, existing activity windows are relatively simple, mostly displaying information for a fixed duration without dynamic guidance. This makes it difficult to attract viewers' attention during the live stream, resulting in viewers not being able to understand the information displayed in the activity window. Furthermore, if there are multiple activity windows on the live streaming interface, it may cause perceptual confusion for viewers, leading to a poor viewing experience. To improve the above technical problems, this application proposes the following embodiments.

[0020] like Figure 1 As shown in the embodiment of the live streaming system described in this application, the live streaming system 1 may include a server 10, a broadcaster terminal 20, and a viewer terminal 30. The broadcaster terminal 20 and the viewer terminal 30 can be electronic terminals; specifically, they are electronic terminals with corresponding client programs installed, i.e., client terminals. The electronic terminal can be a mobile terminal, a computer, a server, or other terminals, etc. A mobile terminal can be a mobile phone, laptop computer, tablet computer, smart wearable device, etc., and a computer can be a desktop computer, etc.

[0021] Server 10 can pull live data streams from broadcaster terminal 20, process the acquired live data streams accordingly, and then push them to viewer terminal 30. Viewer terminal 30 can then watch the live stream of the broadcaster or guest. Live data stream mixing can occur at least among server 10, broadcaster terminal 20, and viewer terminal 30. Video and audio co-streams are possible between broadcaster terminals 20 and between broadcaster terminal 20 and viewer terminal 30. In video co-streams, the co-hosts can push live data streams, including video streams, to server 10, which in turn pushes the corresponding live data to the co-hosts and viewer terminal 30. Broadcaster terminal 20 and viewer terminal 30 can then display the corresponding live stream in the live stream room. Specifically, server 10 can be, for example, a server cluster, which can not only be used to collect and push live data streams, but also to process business requests and related matters, such as storing and processing business-related data generated during the live stream, such as handling virtual gift giving, virtual currency recharge and consumption, public screen message sending and receiving, authentication, live chat interaction, and automatic identification of sensitive words / images. Specifically, server 10 may include an activity manager 11 and an animation manager 12. The activity manager 11 is used to handle business related to activity windows, and the animation manager 12 is used to handle business related to animation windows.

[0022] Of course, the terms "anchor terminal 20" and "viewer terminal 30" are relative. The terminal that is in the process of live streaming is the anchor terminal 20, and the terminal that is watching the live stream is the viewer terminal 30.

[0023] like Figure 2 As shown, the embodiment of the live streaming interface display method of this application can use server 10 as the execution subject. This embodiment may include the following steps: S100: Display content information in the animation window of the live streaming interface. S200: When the content information is displayed in the animation window for a preset duration, execute a guide animation effect matching the content information on the animation window; the guide path of the guide animation effect points to an activity window associated with the content information; the activity window is set at an interval from the animation window on the live streaming interface to display related content associated with the content information. S300: Hide the animation window after the guide animation effect is executed.

[0024] The animated window in the live stream interface displays content information. After a preset duration, a guiding animation is executed, directing the viewer's path to an activity window associated with the content. The animated window is then hidden. Since the activity window is spaced apart from the animated window on the live stream interface and displays related content, the guiding animation from the animated window displaying content to the activity window displaying related content allows viewers to visually perceive the animated window moving towards the activity window. This visually guides the viewer's eye to follow the animated window to the activity window, effectively guiding them to view the content in the animated window and the related content in the activity window. Furthermore, because the size of the activity window limits the display of related content, allowing for the display of more information, the animated window displays related content, enabling viewers to further understand the relevant information. Thus, the above solution can enrich the display format of the activity window in the live broadcast room interface by using animated windows and increase the amount of information that can be displayed. On the other hand, by controlling the animated windows to move towards the activity windows, it is beneficial to provide sensory guidance to the audience and improve their viewing experience.

[0025] This embodiment can be applied to the display scenario of a live streaming room interface, such as... Figure 3 As shown, the following is a detailed description of this embodiment, with server 10 as the execution subject.

[0026] S100: Displays content information in the animated window of the live streaming interface.

[0027] like Figure 4 As shown, the animated window can be a window set at an interval from the active window of the live stream interface, used to display content information. Specifically, the content information displayed in the animated window can include related content displayed in the active window. For example, the content information can be images, H5 web pages, video streams, etc. Since the active window has a limited size, related content information cannot be displayed within it. Displaying content information through an animated window increases the amount of information displayed on the live stream interface, allowing viewers to have a more comprehensive understanding of the information being presented, thus improving the viewing experience.

[0028] For example, if the activity window in the live stream interface is currently displaying the progress of the highlight interaction gameplay, the gameplay strategy of the highlight interaction gameplay can be displayed through an animated window, so that the audience can have a more comprehensive understanding of the highlight interaction gameplay and join the highlight interaction gameplay more quickly, thereby increasing the audience's participation.

[0029] In one implementation, the following steps included in S100 can be used to describe how to display content information in the animated window of the live streaming interface:

[0030] S110: Display the animated window on the live stream interface when content information needs to be shown, and display the content information in the animated window.

[0031] When it is necessary to display content information related to the relevant content on the live streaming interface, an animated window can be displayed on the live streaming interface. This allows the content information to be displayed in the animated window, so that the audience can understand the content information related to the relevant content through the animated window. This not only enriches the live streaming interface, but also provides the audience with more information related to the current live streaming, which helps to improve the audience's viewing experience.

[0032] In one implementation, the steps included in S110 for displaying the animated window on the live stream interface when content information needs to be shown can be referenced:

[0033] S111: Display the animated window on the live stream interface when one of the content information needs to be displayed according to the preset content list, and display the corresponding content information in the animated window.

[0034] The preset content list can include a list for storing content information from received preset guidance information. Since the live streaming interface can have multiple active windows, meaning there will be multiple related content information, a preset content list can be set up to store different content information, thus facilitating the management and retrieval of content information.

[0035] During the process of displaying content information in the animation window, when one of the content information needs to be displayed according to the preset content list, the animation window can be displayed on the live broadcast interface, and the content information can be displayed in the animation window.

[0036] In one implementation, the content information can be displayed in the animation window using the Activity Manager 11 and Animation Manager 12 in server 10. The steps are as follows:

[0037] S120: Send the preset guidance information to the animation manager corresponding to the animation window through the activity manager corresponding to the activity window; wherein, the preset guidance information includes content information and preset duration.

[0038] Activity Manager 11 is created by Server 10 after the live stream starts and is used to manage activity windows. Animation Manager 12 is also created by Server 10 after the live stream starts and is used to manage animation windows. Since multiple activity windows can be set in the live stream interface, multiple Activity Managers 11 can be set, and each activity window has a unique corresponding Activity Manager 11. Specifically, Activity Manager 11 can receive related content sent by Server 10 to be displayed, and then send the received related content to the activity window, thereby displaying the related content in the activity window.

[0039] The preset guidance information can be information sent from Activity Manager 11 to Animation Manager 12. The preset guidance information can also be information associated with related content, and can include content information and a preset duration. Specifically, the content information can be content associated with the related content that needs to be displayed in the animation window. The preset duration can be the length of time the content information needs to be displayed in the animation window.

[0040] The activity manager 11 corresponding to the activity window sends preset guidance information associated with the related content displayed in the activity window to the animation manager 12, so that the animation manager 12 can display the corresponding content information in the animation window based on the received preset guidance information, thereby increasing the amount of information displayed on the live broadcast interface and helping the audience to understand the relevant information more comprehensively.

[0041] S130: Extract one of the content information to be displayed from the preset content list used to store content information in the animation manager, display it in the animation window on the live broadcast interface, and start a countdown for the preset duration of the same preset guidance information as the content information.

[0042] The preset content list can include a list in the motion effect manager 12 used to store content information from the received preset guidance information. Since the live broadcast interface can have multiple active windows, that is, multiple activity managers 11 will send content information corresponding to their respective displayed related content to the motion effect manager 12. Therefore, the motion effect manager 12 can store different content information by setting a preset content list, which facilitates the management and retrieval of content information.

[0043] When displaying content information in the animation window of the live streaming interface, one piece of content information to be displayed can be extracted from the preset content list in the animation manager 12 and displayed in the animation window of the live streaming interface. Specifically, when extracting content information from the preset content list, it can be extracted according to the order of the preset content list. The preset content list can be arranged according to the order of the preset guidance content received by the animation manager 12. Specifically, after receiving the preset guidance information sent by the activity manager 11, the animation manager 12 can repeatedly filter the received preset guidance information before arranging it into the preset content list.

[0044] The preset duration can be set for the duration of the corresponding content information displayed in the animation window. After the content information extracted from the preset content list begins to be displayed in the animation window, a countdown can be started based on the preset duration of the same preset guidance information as the content information, thus facilitating the management of the content information display duration. For example, the preset duration can be set to 3 seconds. After the extracted content information is displayed in the animation window for 3 seconds, the guidance animation can be executed on the animation window. At the same time, content information that has already been displayed in the animation window can be cleared from the preset content list.

[0045] After the animation window displays content information for a preset duration, that is, when the countdown of the preset duration ends, you can perform the following steps:

[0046] S200: When the animation window displays content information for a preset duration, a guiding animation effect matching the content information is executed on the animation window; the guiding path of the guiding animation effect points to the activity window associated with the content information; the activity window is set at an interval from the animation window on the live broadcast interface to display related content associated with the content information.

[0047] Guide animations can include animations that move a window to attract the viewer's attention, allowing them to more directly and clearly understand the content displayed in the window. The guide path can be the path the window moves along during the animation. Specifically, the guide path can include a path pointing to the active window associated with the content information. Guide animations can include animations pre-set by server 10. For example, a guide animation could be an animation where the window moves along a guide path and gradually shrinks.

[0048] Specifically, since an animated window can display content information corresponding to different active windows, the process of executing a guide animation that matches the content information on the animated window is actually executing a guide animation that matches the active window corresponding to the currently displayed content information. Furthermore, since the guide path of the animated window can include a path pointing to the active window associated with the content information, the guide path will be different when executing the guide animation if the animated window displays different content information. Therefore, it is possible to execute a guide animation that matches the content information on the animated window.

[0049] Since the content displayed in the animation window can be related to the content displayed in the activity window of the live stream interface, after the content information has been displayed in the animation window for a preset time, a guiding animation is executed to point the animation window to the activity window. This serves two purposes: firstly, the guiding animation of the animation window can help viewers perceive the animation window during the live stream, enriching the display format of the various windows on the live stream interface; secondly, by moving the animation window to the associated activity window, viewers can understand the relationship between the animation window and the activity window it is moving towards, avoiding visual confusion caused by the large number of activity windows displayed on the live stream interface.

[0050] In one implementation, before executing the guide animation on the animation window that directs the guide path to the active window associated with the content information, the following steps can be referenced:

[0051] S210: The location information corresponding to the active window is sent to the motion effect manager through the activity manager, so that the motion effect manager can control the motion effect window to execute the boot animation that points to the active window through the boot path.

[0052] Before executing the guide animation that directs the guide path to the activity window associated with the content information, the location information corresponding to the activity window can be sent from the activity manager 11 to the animation manager 12. Specifically, the activity manager 11 can obtain the location information of the corresponding activity window in the live broadcast interface, such as coordinate information. After receiving the location information of the activity window corresponding to the content information, the animation manager 12 can control the animation window to execute the guide animation that directs the guide path to the location information.

[0053] In one implementation, the following steps in S200 can be used to describe how to execute a guide animation on the animation window that points to the active window associated with the content information:

[0054] S220: Determine the active window associated with the content information currently displayed by the animation window.

[0055] Since a live stream interface can have multiple active windows, to allow viewers to more intuitively understand the active windows associated with the content displayed in the animated window, it's necessary to identify the active windows that are currently displaying content related to the animated window. By identifying the active windows associated with the content currently displayed in the animated window, a guiding animation can be executed to direct viewers to these active windows.

[0056] In one implementation, the steps included in S220 for determining the active window associated with the content information currently displayed by the animation window can be referred to:

[0057] S221: Determine the position information of the active window associated with the content information currently displayed by the animation window.

[0058] In determining the active window associated with the content information currently displayed by the animation window, the position information of the active window associated with the content information currently displayed by the animation window can be determined, and then the active window corresponding to that position information can be determined.

[0059] In one implementation, the following steps in S221 can be used to determine the position information of the active window associated with the content information currently displayed by the animation window:

[0060] S2211: Based on the preset identifier corresponding to the content information currently displayed in the animation window, determine the position information of the active window indicated by the preset identifier.

[0061] A preset identifier can be an identifier carried by the content information to mark the active window. In the process of determining the location information of the active window associated with the interactive content currently displayed by the animation window, the preset identifier carried by the content information can be used to search for location information that is the same as the preset identifier carried by the content information among all location information, thereby determining the active window associated with the interactive content currently displayed by the animation window.

[0062] In one implementation, the active window associated with the content information currently displayed by the animation window can be determined through the animation manager 12. The following steps can be referenced:

[0063] S222: The motion effect manager searches for the corresponding position information based on the preset identifiers corresponding to the content information displayed in the current motion effect window.

[0064] The preset identifier can be an identifier carried in the preset guidance information sent by the Activity Manager 11 to the Animation Manager 12 to identify the Animation Manager 11. In other words, the preset identifier uniquely corresponds to the Activity Manager 11. Specifically, the preset identifier can be an actkey.

[0065] Since the Activity Manager 11 can also carry a corresponding preset identifier when sending location information to the Animation Manager 12, the Animation Manager 12 can search for location information with the same preset identifier as the content information displayed in the current animation window based on the preset identifier carried in the content information, thereby determining the activity window associated with the interactive content currently displayed in the animation window.

[0066] S230: Execute a guide animation on the animation window that points to the active window.

[0067] After identifying the active window associated with the content currently displayed in the animation window, a guide animation can be applied to the animation window, directing the guide path to the active window.

[0068] In one implementation, the steps in S230 for executing the guide animation that points the guide path to the active window can be referenced as follows:

[0069] S231: Execute a guide animation on the animation window to show the location information of the guide path.

[0070] After determining the position information of the active window associated with the content currently displayed in the animation window, a guiding animation effect can be applied to the animation window, pointing the guide path to the position information. Specifically, during the application of the guiding animation effect to the animation window, movement can be based on a straight path formed by connecting the center points of the animation window and the active window corresponding to the position information.

[0071] In one implementation, the animation manager 12 can be used to execute a guide animation that points the guide path to the active window. The steps are as follows:

[0072] S232: Control the animation window to execute the guide animation of the active window where the guide path points to the location information through the animation manager.

[0073] After the animation manager 12 finds the location information of the active window associated with the content information currently displayed by the animation window based on the preset identifier, it can control the animation window to execute the guide animation that points to the active window corresponding to the location information.

[0074] In one implementation, before determining the position information of the active window associated with the content currently displayed by the animation window, the following steps can be referenced:

[0075] S240: Determine if the position information of the active window has changed.

[0076] S250: If this occurs, update the location information.

[0077] Changes in the position information of the active window may include situations where the active window is hidden based on a hide command sent by the activity manager 11, causing the position of other active windows adjacent to it to change, or situations where the position of the active window changes in the live broadcast interface due to dragging operations by viewers.

[0078] After the Activity Manager 11 determines that the position of the active window has changed, it can reacquire the position information of the active window and send the reacquired position information to the Animation Manager 12 to update the position information corresponding to the active window.

[0079] In one implementation, S240 may further include the following steps:

[0080] S241: Determine whether the active window corresponding to the location information is hidden.

[0081] S242: If hidden, clear the corresponding location information.

[0082] During the process of determining whether the position information of the active window has changed, if it is detected that the active window is hidden based on the hide command sent by the activity manager 11, the position information corresponding to the active window can be cleared. Specifically, the activity manager 11 can send a clear command to the animation manager 12 to clear the position information corresponding to the active window stored in the animation manager 12.

[0083] In one implementation, before performing the guide animation indicating the location information of the guide path on the animation window, the following steps can be referenced:

[0084] S260: Determine if the location information exists.

[0085] S270: If not present, the animation window will be moved according to the default settings.

[0086] Before executing the guiding animation indicating the location information of the animated window, the animation manager 12 determines the location information of the active window indicated by the preset identifier corresponding to the currently displayed content information of the animated window. During this process, it can determine whether the location information indicated by the preset identifier exists. If the location information of the active window indicated by the preset identifier does not exist, that is, if the animation manager 12 cannot find the corresponding location information, then the animation manager 12 can control the animated window to move in the default manner. For example, if the animation manager 12 does not find the corresponding location information during the search, it can control the animated window to move to the left until it leaves the live broadcast interface.

[0087] In one implementation, after displaying one piece of content information from the preset content list in the animation window, the animation manager 12 can extract the next piece of content information from the preset content list and display it in the animation window. The specific display steps are the same as described above and will not be repeated here.

[0088] In one implementation, because displaying content information in the animation window requires queuing through a preset content list, and related content in the active window plays in rotation, there's a possibility that when a certain piece of content is displayed in the animation window, the active window might not display the related content associated with that content during the guide animation. In this case, the viewer can slide the active window until the related content is displayed.

[0089] After applying a guide animation to the animated window that directs the guide path to the active window associated with the content information, the following steps can be performed:

[0090] S300: Hides the animation window after the boot animation is completed.

[0091] After the animation window is executed to guide the path to the activity window associated with the content information, a hide command can be sent to the animation window through the animation manager 12 so that the animation window is canceled from display on the live broadcast interface after the guide animation is executed.

[0092] In one implementation, during the execution of the guide animation on the animation window, such as Figure 5 As shown, the animation manager 12 can be used to control the animation window to perform a shrinking animation while executing the guide animation, so that the animation window can shrink and hide after the guide animation is completed.

[0093] In summary, the animation manager 12, corresponding to the animation window of the live streaming interface, extracts content information from a preset content list and displays it in the animation window within a preset duration. When the countdown of the preset duration ends, the animation manager 12, based on the position information of the activity window corresponding to the content information received from the activity manager 11, controls the animation window to execute a guiding animation with a path pointing to the activity window corresponding to the position information. Since the related content displayed in the activity window is associated with the content information displayed in the animation window, the amount of information displayed in the live streaming interface can be increased by displaying content information through the animation window, even with a limited activity window size. By controlling the animation window to execute a guiding animation with a path pointing to the activity window, the audience's perception can be aroused through the animation, allowing them to intuitively understand that the content information in the animation window is related to the related content in the activity window, thus enriching the display format of the activity window and attracting the audience's attention to the live streaming interface window.

[0094] For example, such as Figure 6 As shown, the activity window of the live stream interface displays the progress of the highlight interaction gameplay, specifically the progress of collecting the required gameplay items, which is 34 / 99. The activity manager 11 sends the content information and preset duration associated with the content in the current activity window to the animation manager 12. Upon receiving the content information, the animation manager 12 can display the interactive gameplay related to the progress in the animation window, such as "60s to fully charge energy and trigger the animation," allowing viewers to understand the highlight interaction gameplay in more detail. After displaying the content information for 3 seconds, a guide animation can be executed on the animation window, directing the path to the activity window. This means controlling the animation window displaying the interactive gameplay to move towards the activity window displaying the interaction progress.

[0095] like Figure 7 As shown in the embodiments of the computer device described in this application, the computer device 100 can be the server 10 described above. The server 10 can include an activity manager 11 and a motion effects manager 12. The computer device 100 can include a processor 110, a memory 120, and a communication circuit 130.

[0096] The memory 120 is used to store computer programs and may be RAM (Read-Only Memory), ROM (Random Access Memory), or other types of storage devices. Specifically, the memory may include one or more computer-readable storage media, which may be non-transitory. The memory may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory is used to store at least one line of program code.

[0097] Processor 110 is used to control the operation of computer device 100. Processor 110 may also be referred to as CPU (Central Processing Unit). Processor 110 may be an integrated circuit chip with signal processing capabilities. Processor 110 may also be a general-purpose processor, digital signal processor (DSP), application-specific integrated circuit (ASIC), off-the-shelf programmable gate array (FPGA), or other programmable logic device, discrete gate or transistor logic device, or discrete hardware component. The general-purpose processor may be a microprocessor, or processor 110 may be any conventional processor.

[0098] The processor 110 is used to execute the computer program stored in the memory 120 to implement the live room interface display method described in the embodiment of the live room interface display method of this application.

[0099] The computer device 100 may also include a communication circuit 130, which is a communication connection device or circuit used by the computer device 100 to communicate with external devices, so that the processor 110 can interact with external devices via the communication circuit 130.

[0100] In the several embodiments provided in this application, it should be understood that the disclosed computer device 100 and the display method of the live broadcast interface can be implemented in other ways. For example, the embodiments of the computer device 100 described above are merely illustrative. For instance, the division of modules or units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the displayed or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices, or units, and may be electrical, mechanical, or other forms.

[0101] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment, depending on actual needs.

[0102] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0103] See Figure 8 If the integrated units described above are implemented as software functional units and sold or used as independent products, they can be stored in computer-readable storage medium 200. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or all or part of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions / computer programs to cause a computer device (which may be a personal computer, server, or network device, etc.) or processor to execute all or part of the steps of the methods of various embodiments of this invention. The aforementioned storage medium includes various media such as USB flash drives, portable hard drives, read-only memory, random access memory, magnetic disks, or optical disks, as well as electronic terminals such as computers, mobile phones, laptops, tablets, and cameras that have the aforementioned storage media.

[0104] The execution process of program data in a computer-readable storage medium can be described with reference to the above embodiment of the live broadcast interface display method of this application, and will not be repeated here.

[0105] The above description is merely an embodiment of this application and does not limit the patent scope of this application. Any equivalent structural or procedural transformations made using the content of this application's specification and drawings, or direct or indirect applications in other related technical fields, are similarly included within the patent protection scope of this application.

Claims

1. A method for displaying a live streaming room interface, characterized in that, include: Content information is displayed in the animated window of the live streaming interface; When the content information is displayed in the animation window for a preset duration, a guiding animation effect matching the content information is executed on the animation window; the guiding path of the guiding animation effect points to an activity window associated with the content information; the activity window is set at an interval from the animation window on the live broadcast interface and is used to display related content associated with the content information. The animation window is hidden after the guide animation is completed.

2. The method according to claim 1, characterized in that, The content information displayed in the animated window of the live streaming interface includes: The animation window is displayed on the live streaming interface when one of the content information needs to be displayed according to the preset content list, and the corresponding content information is displayed in the animation window.

3. The method according to claim 2, characterized in that, The step of performing a guiding animation effect on the animation window that matches the content information includes: Among all the activity windows currently displayed on the live streaming interface, determine the activity window associated with the content information currently displayed by the animation window; The guide animation effect pointing the guide path to the active window is executed on the animation window.

4. The method according to claim 3, characterized in that, The step of determining the activity window associated with the content information currently displayed in the animation window among all the activity windows currently displayed in the live streaming interface includes: Determine the position information of the active window associated with the content information currently displayed in the animation window; The step of applying the guide animation to the active window via the guide path to the animation window includes: The guiding animation effect pointing to the location information is applied to the animation window.

5. The method according to claim 4, characterized in that, Determining the position information of the active window associated with the content information currently displayed in the animation window includes: Based on the preset identifier corresponding to the content information currently displayed in the animation window, the position information of the active window indicated by the preset identifier is determined.

6. The method according to claim 5, characterized in that, Before determining the position information of the active window associated with the content information currently displayed by the animation window, the process includes: Determine whether the position information of the active window has changed; If this occurs, the location information will be updated.

7. The method according to claim 6, characterized in that, The step of determining whether the position information of the active window has changed includes: Determine whether the active window corresponding to the location information is hidden; If hidden, the corresponding location information will be cleared.

8. The method according to claim 7, characterized in that, Before executing the guide animation pointing the guide path to the location information on the animation window, the following is included: Determine whether the location information exists; If it does not exist, the animation window will be moved according to the preset default method.

9. The method according to claim 1, characterized in that, The content information displayed in the animated window of the live streaming interface includes: The preset guidance information is sent to the animation manager corresponding to the animation window through the activity manager corresponding to the activity window; wherein, the preset guidance information includes the content information and the preset duration; Extract one of the content information to be displayed from the preset content list used to store the content information in the animation manager, display it in the animation window on the live broadcast interface, and start a countdown for the preset duration that belongs to the same preset guidance information as the content information.

10. The method according to claim 9, characterized in that, Before executing the guide animation pointing the guide path to the active window associated with the content information on the animated window, the following steps are included: The activity manager sends the location information corresponding to the activity window to the animation manager, so that the animation manager can control the animation window to execute the guide animation that points the guide path to the activity window.

11. The method according to claim 10, characterized in that, The step of performing a guiding animation on the animation window, directing the path to the active window associated with the content information, includes: The motion effect manager searches for the corresponding location information based on the preset identifier corresponding to the content information currently displayed in the motion effect window; The animation manager controls the animation window to execute a guide animation that points the guide path to the active window where the location information is located.

12. A computer device, characterized in that, It includes a processor, a memory, and a communication circuit; the memory and the communication circuit are coupled to the processor, the memory stores a computer program, and the processor is capable of executing the computer program to implement the live streaming interface display method as described in any one of claims 1-11.

13. A computer-readable storage medium, characterized in that, The system contains a computer program that can be executed by a processor to implement the method for displaying a live streaming interface as described in any one of claims 1-11.

Images