Interaction method, apparatus, device, storage medium and program product

By adaptively adjusting the layout of the live streaming interface according to changes in the number of participants, the problem of empty display areas and content overflow in traditional live streaming interfaces has been solved, achieving more efficient use of interface space and information presentation.

CN122152176APending Publication Date: 2026-06-05BEIJING ZITIAO NETWORK TECH CO LTD

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
BEIJING ZITIAO NETWORK TECH CO LTD
Filing Date
2026-04-13
Publication Date
2026-06-05

AI Technical Summary

Technical Problem

Traditional live streaming interfaces have a fixed layout, which cannot adapt to the real-time changes in the number of participants, resulting in empty display areas or overflowing screen content, affecting the utilization of interface space and the complete presentation of information.

Method used

By adaptively adjusting the layout of the live streaming interface, the layout and content of the display area are dynamically adjusted according to the number of participants, ensuring that gaps are eliminated and space utilization is increased when the number of participants decreases, and preventing content overflow when the number of participants increases.

Benefits of technology

It enables dynamic layout adjustment when the number of participants changes to ensure effective use of the display area and complete information presentation, thereby improving interface space utilization and information transmission efficiency.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN122152176A_ABST
    Figure CN122152176A_ABST
Patent Text Reader

Abstract

Provided are an interactive method, device, equipment, storage medium and program product. The method proposed herein includes: presenting a live interface, the live interface including multiple regions, the multiple regions corresponding to different live events; in a first region of the multiple regions, presenting first content corresponding to a first live event, the first content including at least one picture corresponding to a first layout, the first layout being related to a number of participants of the first live event; and in response to a change in the number of participants, presenting second content corresponding to the first live event, the second content including at least one picture corresponding to a second layout. In this way, the layout can be adaptively changed based on the number of participants of a live event, which can both improve interface space utilization and ensure complete presentation of information.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The examples in this article generally relate to the field of computer science, and in particular to interactive methods, devices, equipment, storage media, and program products. Background Technology

[0002] With the rapid development of smart technology, various forms of electronic devices are greatly enriching people's daily lives. For example, users can conduct live interactive broadcasts using electronic devices. How to improve the quality of live interactive broadcasts is a key concern. Summary of the Invention

[0003] In a first aspect, an interaction method is provided. The method includes: presenting a live streaming interface, the live streaming interface including multiple areas, the multiple areas corresponding to different live streaming events; in a first area of ​​the multiple areas, presenting first content corresponding to a first live streaming event, the first content including at least one screen corresponding to a first layout, the first layout being related to the number of participants in the first live streaming event; and in response to a change in the number of participants, presenting second content corresponding to the first live streaming event, the second content including at least one screen corresponding to a second layout.

[0004] In a second aspect, an interactive device is provided. The device includes: a first presentation module configured to present a live streaming interface, the live streaming interface including multiple areas corresponding to different live streaming events; a second presentation module configured to present first content corresponding to a first live streaming event in a first area of ​​the multiple areas, the first content including at least one screen corresponding to a first layout, the first layout being related to the number of participants in the first live streaming event; and a third presentation module configured to present second content corresponding to the first live streaming event in response to a change in the number of participants, the second content including at least one screen corresponding to a second layout.

[0005] In a third aspect, an electronic device is provided. The device includes at least one processor; and at least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor. When executed by the at least one processor, the instructions cause the device to perform the method of the first aspect.

[0006] In a fourth aspect, a computer-readable storage medium is provided. The computer-readable storage medium stores computer-executable instructions that can be executed by a processor to implement the method of the first aspect.

[0007] In a fifth aspect, a computer program product is provided, which is tangibly stored in a computer storage medium and includes computer-executable instructions that, when executed by a device, cause the device to perform the method of the first aspect.

[0008] In this way, the layout can be adaptively changed based on the number of participants in the live event, ensuring that the display area gaps are eliminated when the number of participants decreases, improving the utilization of interface space, and preventing the content from overflowing when the number of participants increases, ensuring the complete presentation of information.

[0009] It should be understood that the content described in this section is not intended to limit the key or important features of the examples in this article, nor is it intended to restrict the scope of the solution. Other features will become readily apparent from the following description. Attached Figure Description

[0010] The above and other features, advantages, and aspects of the various examples herein will become more apparent when taken in conjunction with the accompanying drawings and the following detailed description. In the accompanying drawings, the same or similar reference numerals denote the same or similar elements, wherein: Figure 1 A schematic diagram of the example environment is shown; Figures 2A to 2E Example interfaces for some scenarios are shown; Figure 3 The flowcharts show example processes of interactions in some scenarios; Figure 4 Schematic block diagrams of example devices for interaction in several scenarios are shown; and Figure 5 A block diagram of an electronic device capable of implementing multiple illustrative scenarios is shown. Detailed Implementation

[0011] The examples in this document will now be described in more detail with reference to the accompanying drawings. While some examples are shown in the drawings, it should be understood that solutions can be implemented in various forms and should not be construed as limited to the examples presented herein. Rather, these examples are provided to provide a more thorough and complete understanding of the solutions. It should be understood that the drawings and examples in this document are for illustrative purposes only and are not intended to limit the scope of protection of the solutions.

[0012] It should be noted that the headings of any section / subsection provided herein are not restrictive. Various examples are described throughout this document, and examples of any type may be included under any section / subsection. Furthermore, examples described in any section / subsection may be combined in any way with any other examples described in the same section / subsection and / or different sections / subsections.

[0013] In the description of the examples in this document, the term "including" and similar terms should be understood as open inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "an example" or "the example" should be understood as "at least one example". The term "some examples" should be understood as "at least some examples". Other explicit and implicit definitions may also be included below. The terms "first", "second", etc., may refer to different or the same objects. Other explicit and implicit definitions may also be included below.

[0014] The examples in this article may involve user data, data acquisition, and / or use. All of these aspects comply with relevant laws, regulations, and rules. In the examples presented here, all data collection, acquisition, processing, manipulation, forwarding, and use are conducted with the user's knowledge and confirmation. Accordingly, when implementing each example, the type, scope of use, and usage scenarios of any data or information that may be involved should be communicated to the user and their authorization obtained through appropriate means, in accordance with relevant laws and regulations. The specific methods of notification and / or authorization can vary depending on the actual situation and application scenario; the scope of the solution is not limited in this regard.

[0015] In this manual and the sample solutions, any processing of personal information will be conducted only under legal grounds (such as obtaining the consent of the data subject or being necessary for the performance of a contract) and will only be carried out within the scope stipulated or agreed upon. A user's refusal to process personal information beyond what is necessary for basic functions will not affect the user's use of basic functions.

[0016] Traditionally, for live events, the layout of the content presented in the live streaming interface is usually fixed and unchanging. For example, it can always support the display of nine participants' screens. However, the actual number of participants added to the live event is not fixed and may change in real time.

[0017] An interactive scheme is proposed. The scheme includes: presenting a live broadcast interface, which includes multiple areas corresponding to different live broadcast events; in a first area of ​​the multiple areas, presenting first content corresponding to a first live broadcast event, the first content including at least one screen corresponding to a first layout, the first layout being related to the number of participants in the first live broadcast event; and responding to changes in the number of participants, presenting second content corresponding to the first live broadcast event, the second content including at least one screen corresponding to a second layout.

[0018] In this way, the layout can be adaptively changed based on the number of participants in the live event, ensuring that the display area gaps are eliminated when the number of participants decreases, improving the utilization of interface space, and preventing the content from overflowing when the number of participants increases, ensuring the complete presentation of information.

[0019] The following describes various examples of this scheme in further detail with reference to the accompanying drawings.

[0020] Example Environment Figure 1 A schematic diagram of example environment 100 is shown. (e.g.) Figure 1 As shown, example environment 100 may include electronic device 110.

[0021] In this example environment 100, electronic device 110 may run an application 120 that supports interaction. Application 120 may be any suitable type of application for interaction, including but not limited to: live streaming applications, video applications, or other suitable applications. User 140 may interact with application 120 via electronic device 110 and / or its attached devices.

[0022] exist Figure 1 In environment 100, if application 120 is active, electronic device 110 can use application 120 to present interface 150 for supporting interaction.

[0023] In some cases, electronic device 110 communicates with server 130 to provide services to application 120. Electronic device 110 can be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, handheld computers, portable gaming terminals, VR / AR devices, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some cases, electronic device 110 can also support any type of user-facing interface (such as "wearable" circuitry).

[0024] Server 130 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. Server 130 may include, for example, computing systems / servers such as mainframes, edge computing nodes, computing devices in a cloud environment, etc. Server 130 can provide backend services for interactive applications 120 in electronic devices 110.

[0025] A communication connection can be established between server 130 and electronic device 110. This communication connection can be established via wired or wireless means. The communication connection can include, but is not limited to, Bluetooth, mobile network, Universal Serial Bus (USB), and Wireless Fidelity (WiFi) connections. In some cases, server 130 and electronic device 110 can exchange signaling information through their communication connection.

[0026] It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of the scheme.

[0027] The following description of the example will continue with reference to the accompanying drawings.

[0028] Example Interaction Figures 2A to 2E Example live streaming interfaces 200A to 200E are shown, illustrating interactions based on various scenarios. Interfaces 200A to 200E can, for example, be provided by... Figure 1 The electronic device 110 shown is provided.

[0029] In some cases, live streaming interfaces 200A to 200E can be associated with a live streaming scene. In some cases, the live streaming scene can refer to a virtual scene created within the live streaming platform. Users can join the live streaming scene to participate in live streaming interactions, or, in other words, participants joining the live streaming scene can perform any appropriate live streaming events within the virtual scene. In some cases, live streaming interfaces 200A to 200E can be presented by the user's terminal device. Users can include, but are not limited to, at least one of the following: broadcaster, guest, viewer, etc.

[0030] In some cases, live streaming events can include appropriate types of interactive events that take place within the live streaming context, such as multi-user events. For example, multiple users can participate in a multi-user event to chat, perform, sing in turns, sing together, compete, or engage in various other types of interaction.

[0031] by Figure 2A As an example, electronic device 110 can display a live streaming interface 200A. The live streaming interface 200A can include multiple areas, which can correspond to different live streaming events. The multiple areas can correspond to any appropriate number, such as two, three, or other numbers, which will not be elaborated here.

[0032] Taking 2A as an example, the live streaming interface 200A can include area 220 and area 230, where area 220 and area 230 can each be used to display the content of a specific live event. The live events associated with different areas can have the same or different event types.

[0033] In some cases, the content of a live event can be any appropriate content, such as one or more screens corresponding to a certain layout. The layout can correspond to any appropriate number of content slots, such as... The grid layout can correspond to Content slots are pre-planned, fixed areas in the live streaming interface used to dynamically or statically display specific types of content. Content slots can also be called display positions.

[0034] In some cases, content slots can be used to display footage of participants. The footage can be any suitable image, including, but not limited to, at least one of the following: a participant's visual identifier (e.g., an avatar), live feed footage (which can be live feed captured after a participant turns on their camera), or other suitable footage. Participants can be any suitable role, including, but not limited to, a host user, a guest user, etc., joining the live stream.

[0035] For ease of description, we will take area 220 as the first area and area 230 as the second area as an example. At this time, area 220 presents the first content (corresponding to the first layout), while area 230 presents the third content (corresponding to the third layout).

[0036] In some cases, the electronic device 110 can display first content corresponding to the first live event in a first area. The first content includes at least one screen corresponding to the first layout. Specifically, this at least one screen can be displayed in various content slots corresponding to the first layout.

[0037] by Figure 2AAs an example, electronic device 110 can display first content in area 220, the first content being corresponding to The grid layout can correspond to 9 content slots. Furthermore, the electronic device 110 can display screens 201, 202, 203, 204, 205, 206, 207, and 208 in 8 content slots, and these screens can correspond to the avatars of the participants, with different screens corresponding to different participants in the first live event.

[0038] In some cases, the number of content slots corresponding to the first layout can be related to the number of participants. To ensure sufficient slots for displaying participants' screens, the number of content slots corresponding to the first layout can be greater than or equal to the number of participants in the first live event. To improve the utilization of interface space, in some cases, the difference between the number of content slots corresponding to the first layout and the number of participants can be less than a threshold. The threshold can be set according to requirements.

[0039] The following section explains the detailed process of determining the first layout.

[0040] In some cases, electronic device 110 can determine a first layout from multiple preset layouts based on the number of participants. For example, the multiple preset layouts may include, but are not limited to: Grid layout, Grid layout, Grid layout, The grid layout, in which The grid layout corresponds to 9 content slots. The grid layout corresponds to 6 content slots. The grid layout corresponds to 3 content slots. The grid layout corresponds to one content slot.

[0041] It should be noted that these preset layouts can be any appropriate type of layout, such as a regular grid layout or an irregular layout, as long as the number and position of each content slot corresponding to each layout are pre-set.

[0042] To ensure sufficient space to display the screens of all participants in the first live broadcast event, the number of slots in the first layout can be greater than or equal to the number of participants. Figure 2A As an example, The grid layout has 9 slots, and the number of participants associated with the first live event is 8.

[0043] As an example, electronic device 110 can determine at least one preset layout from multiple preset layouts based on the number of participants, wherein the number of slots corresponding to at least one layout is greater than or equal to the number of participants. For example, taking a scenario with four participants, this at least one preset layout could include... Grid layout and The grid layout.

[0044] Furthermore, the electronic device 110 can determine a first layout from at least one preset layout based on the difference between the number of participants and the number of slots. Specifically, the electronic device 110 can determine the preset layout whose difference is less than a threshold as the first layout from at least one preset layout. For example, taking a scenario with four participants, the at least one preset layout could include... Grid layout and The grid layout can further enable... The grid layout is determined as the first layout. For example, if there are 8 participants, then this at least one preset layout could include... The grid layout can further enable... The grid layout is determined as the first layout.

[0045] In other scenarios, electronic device 110 can present third content corresponding to the second live event in a second area of ​​multiple zones. The third content may also include one or more screens corresponding to a third layout. Specifically, these one or more screens can be displayed in content slots corresponding to the third layout. The second live event and the first live event are different live events, and different live events can be associated with different participants or different live streaming teams.

[0046] by Figure 2A As an example, electronic device 110 can present third content in area 230, the third content being corresponding to The grid layout can correspond to 9 content slots. Furthermore, the electronic device 110 can display screens 211, 212, 213, 214, 215, 216, 217, 218, and 219 in the 9 content slots, where different screens can correspond to different participants in the second live event.

[0047] In some cases, the number of content slots corresponding to the third layout can be related to the number of participants in the second live event. To ensure sufficient slots for displaying participants' screens, the number of content slots corresponding to the third layout can be greater than or equal to the number of participants in the second live event. To improve the utilization of interface space, in some cases, the difference between the number of content slots corresponding to the third layout and the number of participants in the second live event can be less than a threshold. The threshold can be set according to requirements.

[0048] It should be noted that the process of determining the third layout based on the number of participants in the second live event is the same as the process of determining the first layout based on the number of participants in the first live event, and will not be elaborated here.

[0049] In some cases, the third layout can be the same as or different from the first layout. In some cases, the third layout can be independent of the first layout, that is, the third layout is only related to the number of participants in the second live event, and the first layout is only related to the number of participants in the first live event. The layouts corresponding to the two areas do not affect each other.

[0050] In some scenarios, a first live event can correspond to a first live stream, and a second live event can correspond to a second live stream. The live stream interface is linked to the interaction between the first and second live streams. Live interactions can be any appropriate type of interaction, such as multi-person live chat, competitions, etc. The first live stream can indicate the live stream corresponding to each participant joining the first live event, and the second live stream can indicate the live stream corresponding to each participant joining the second live event. For ease of description, let's take the participants joining the first live event corresponding to the first team and the participants joining the second live event corresponding to the second team as an example. The first live stream and the second live stream represent the respective live streams of the first and second teams.

[0051] In order to improve the efficiency of information transmission, in some cases, electronic device 110 can display the first and second interactive information of live broadcast on the live broadcast interface.

[0052] In some cases, the first interactive information corresponds to the first live stream, and the second interactive information corresponds to the second live stream. The first and second interactive information can be any suitable type of information. For example, they can be interactions between viewers and the live stream, including, but not limited to, at least one of the following: likes, comments, votes, and interactions related to virtual items, etc. Another example is the interaction between the first team and the second team, etc.

[0053] by Figure 2AAs an example, the electronic device 110 can present interactive information 255 and interactive information 256, wherein interactive information 255 can be used to indicate the total value of virtual items associated with the live stream on the left, and interactive information 256 can be used to indicate the total value of virtual items associated with the live stream on the right.

[0054] Again Figure 2A As an example, the electronic device 110 can also display interactive information 265 and interactive information 266. Interactive information 265 can be used to indicate the identification information of a predetermined number of viewers (e.g., three or more) whose interaction values ​​rank highest among those interacting with the live stream on the left. Interactive information 266 can be used to indicate the identification information of a predetermined number of viewers (e.g., three or more) whose interaction values ​​rank highest among those interacting with the live stream on the right. The identification information may indicate the viewer's avatar information, name information set in the application, etc., which will not be discussed further here.

[0055] Because the participants in each live event may change, the number of participants in each live event may also change. For example, when a new participant joins a live event, the number of participants in that live event will increase, and when a participant leaves a live event, the number of participants in that live event will decrease, and so on.

[0056] For ease of description, the following explanation uses the change in the number of participants in the first live event as an example to illustrate the changes in the live broadcast interface after the number of participants changes.

[0057] In some cases, electronic device 110 may respond to changes in the number of participants by presenting second content corresponding to the first live event. The second content may include at least one screen corresponding to a second layout. The first and second layouts may be the same, or they may be different.

[0058] Specifically, at least one screen corresponding to the second layout can be displayed in the content slot corresponding to the second layout. In some cases, the number of content slots corresponding to the first and second layouts may be the same or different.

[0059] by Figure 2A and Figure 2B As an example, electronic device 110 can respond to a change in the number of participants in the first live event from 8 to 5 (at which point the participants corresponding to the original screens 203, 205, and 208 exit the first live event), electronic device 110 can display second content in area 220 of the live interface 200B, the second content corresponding to... The grid layout can correspond to 6 content slots, with the second layout and the first layout corresponding to different numbers of content slots. Furthermore, the electronic device 110 can display screens 201, 202, 204, 206, and 207 in the 5 content slots of the second layout, where different screens can correspond to different participants in the first live event.

[0060] In some cases, the number of content slots corresponding to the second layout can be related to the number of participants. To ensure sufficient slots for displaying the participants' screens, the number of content slots corresponding to the second layout can be greater than or equal to the changed number of participants. To improve the utilization of interface space, in some cases, the difference between the number of content slots corresponding to the second layout and the changed number of participants can be less than a threshold.

[0061] It should be noted that the process of determining the second layout based on the changed number of participants is the same as the process of determining the first layout based on the number of participants before the change, and will not be elaborated here.

[0062] In some cases, a first layout can correspond to a first content slot, and a second layout can correspond to a second content slot. The first content slot can be any one of at least one content slots in the first layout, and each content slot can have the same size. The second content slot can be any one of at least one content slots in the second layout, and each content slot can have the same size. The position and size of the first and second content slots can be set according to requirements.

[0063] For example, the first content slot and the second content slot can have the same size in the first direction, and the first content slot and the second content slot can have different sizes in the second direction. The first direction and the second direction can be any suitable direction, such as the first direction being a vertical direction (longitudinal direction) and the second direction being a horizontal direction (lateral direction).

[0064] by Figure 2B and Figure 2C As an example, electronic device 110 can respond to a change in the number of participants from 5 to 3 (at which point the participants corresponding to the original screens 202 and 204 exit the first live broadcast event), in the live broadcast interface 200C, with The grid layout displays screens 201, 206, and 207. At this time, the ratio of the horizontal dimensions of the content slots corresponding to the second layout associated with the live streaming interface 200C and the content slots corresponding to the first layout associated with the live streaming interface 200B is 2:1, and the ratio of the vertical dimensions is 1:1.

[0065] For example, the first content slot and the second content slot can have different dimensions in the first direction, and the first content slot and the second content slot can have different dimensions in the second direction. The first direction and the second direction can be any suitable direction, such as the first direction being a vertical direction (longitudinal direction) and the second direction being a horizontal direction (lateral direction).

[0066] by Figure 2B and Figure 2D As an example, electronic device 110 can respond to a change in the number of participants from 5 to 1 (at which point the participants corresponding to the original screens 202, 204, 206, and 207 exit the first live broadcast event), in the live broadcast interface 200D, with The grid layout is displayed on screen 201. At this time, the ratio of the size of the content slots corresponding to the second layout associated with the live broadcast interface 200D and the content slots corresponding to the first layout associated with the live broadcast interface 200C in the horizontal direction is 2:1, and the ratio of the size in the vertical direction is 3:1.

[0067] Again Figure 2D and Figure 2E As an example, electronic device 110 can respond to a change in the number of participants joining the first live event from 1 to 4 (at this time, the participants corresponding to screens 206, 207, and 288 join the first live event), in area 220 of the live interface 200E, with The grid layout displays screens 201, 206, 207, and 288. Additionally, the electronic device 110 can respond to a change in the number of participants in the second live event from 9 to 3 (at which point the participants corresponding to screens 211, 213, 214, 216, 218, and 219 exit the second live event), in area 230 of the live interface 200E, using... The grid layout is displayed in screens 212, 215, and 217.

[0068] Furthermore, since the number of content slots in a given layout may exceed the number of participants actually attending the live event, content slots in the layout where no participants' screens are displayed can be configured to display preset elements. Specifically, the electronic device 110 can display preset elements in at least one content slot in response to the number of participants being less than the number of slots. These preset elements are independent of the participants in the first live event.

[0069] In some cases, the preset element can be any appropriate element, such as including, but not limited to, at least one of the following: a first element and a second element. The first element is used to trigger the joining of the first live event. The second element can be configured by the broadcaster of the first live event.

[0070] In some cases, the preset element can be any appropriate type of element, such as a hyperlink, text element, image element, etc., which will not be elaborated here.

[0071] by Figure 2A As an example, the number of participants in the first live event is 8, and the number of slots is 9. That is, content slot 233 has not yet been used to present the participants' screens. In this case, content slot 233 can present element 244, which can instruct users watching the live stream to trigger this element to join the first live event.

[0072] In some cases, the broadcaster of a live event can also be referred to as the administrator of the live stream, and this broadcaster can also be called the host or anchor. In some situations, the elements configured by the broadcaster can indicate information related to the live stream, such as the interactive rules of the live stream, user requirements for joining the live stream interaction, and precautions for watching the live stream, etc., which will not be elaborated here. In some scenarios, the elements configured by the broadcaster may include bulletin board content. Bulletin board content can be information displayed in content slots to show to viewers or guests; for example, bulletin board content may include the text message "Please interact politely."

[0073] It should be noted that when the content slots corresponding to the first or second layout are all displaying the participants' images, if there is no limit to the number of participants joining the first live event, users watching the live stream can also join the first live event in other ways.

[0074] In some cases, electronic device 110 can present an entry point outside the first area. This entry point is used to join the first live event and can also be referred to as a connection entry point. The entry point can be presented at any suitable location, independent of the first area. Figure 2C As an example, electronic device 110 can display entry 299 below the live broadcast interface 200C.

[0075] Furthermore, the electronic device 110 can respond to a triggering operation on the entry point by triggering a request to join the first live event. The triggering operation can be any appropriate operation, such as clicking the entry point.

[0076] by Figure 2C and Figure 2E As an example, if a user clicks on entry point 299, the corresponding screen 288 for that user can be displayed in the live stream interface 200E. At this point, the layout associated with the first live stream event is changed from... The grid layout was changed to The grid layout.

[0077] It should be noted that when a new user joins a live event or a user leaves a live event, the layout of that live event may or may not change. The layout is determined based on the updated number of participants.

[0078] If there is a limit to the number of participants who can join the first live event, and the number of participants currently joining the first live event has reached the predetermined limit, then electronic device 110 can respond to the triggering operation of entry 299 by displaying a prompt message. The prompt message can indicate that the current user cannot join the first live event and the reason why they cannot join the first live event.

[0079] In this way, the layout can be adaptively changed based on the number of participants in the live event, ensuring that the display area gaps are eliminated when the number of participants decreases, improving the utilization of interface space, and preventing the content from overflowing when the number of participants increases, ensuring the complete presentation of information.

[0080] Example process Figure 3 A flowchart of an example process 300 for interaction under certain conditions is shown. Process 300 can be implemented at electronic device 110. See below for reference. Figure 1 To describe process 300.

[0081] In box 310, the electronic device displays a live streaming interface, which includes multiple areas, each corresponding to a different live streaming event.

[0082] In frame 320, an electronic device in a first area of ​​multiple areas presents first content corresponding to a first live event. The first content includes at least one screen corresponding to a first layout, and the first layout is related to the number of participants in the first live event.

[0083] In frame 330, the electronic device responds to a change in the number of participants by presenting second content corresponding to the first live event. The second content includes at least one screen corresponding to the second layout.

[0084] In this way, the layout can be adaptively changed based on the number of participants in the live event, ensuring that the display area gaps are eliminated when the number of participants decreases, improving the utilization of interface space, and preventing the content from overflowing when the number of participants increases, ensuring the complete presentation of information.

[0085] In some cases, the first layout and the second layout correspond to different numbers of content slots, and at least one screen is displayed in the corresponding content slot. The number of content slots is related to the number of participants.

[0086] In this way, the layout can be adaptively changed based on the number of participants in the live event, and the number of content slots corresponding to the layout may also change. This ensures that when the number of participants decreases, the display area gaps can be eliminated, improving the utilization of interface space. Furthermore, when the number of participants increases, it can prevent the content from overflowing and ensure the complete presentation of information.

[0087] In some cases, presenting the first content or presenting the second content includes: in response to the number of participants being less than the number of slots, presenting a preset element in at least one content slot, the preset element being independent of the participants in the first live event.

[0088] In this way, preset elements can be presented when the content slot is not occupied by the participant's screen, thereby improving the efficiency of information transmission.

[0089] In some cases, the preset screen includes: a first element, used to trigger the addition of the first live event; and a second element, configured by the broadcaster of the first live event.

[0090] This method allows for quick triggering of the first element added to the initial live event, improving the efficiency of interface interaction. Additionally, it allows for the presentation of elements configured by the live streamer, enhancing information delivery efficiency.

[0091] In some cases, the difference between the number of slots and the number of participants is less than a threshold.

[0092] By using this method, the layout with the smallest difference between the slot data and the number of participants can be optimized, which can effectively improve the utilization rate of content slots.

[0093] In some cases, a first layout corresponds to a first content slot, a second layout corresponds to a second content slot, and the first content slot and the second content slot have the same size in a first direction, while the first content slot and the second content slot have different sizes in a second direction.

[0094] In some cases, process 300 further includes: presenting third content corresponding to the second live event in a first area of ​​multiple areas, wherein the third content corresponds to a third layout, the third layout being related to the number of participants in the second live event, and the third layout being independent of the first layout or the second layout.

[0095] In this way, the layout of the content corresponding to each different live event can be determined independently, without being related to the layout of other events, thus improving the independence of the layout and ensuring that each area does not interfere with the others.

[0096] In some cases, the first live event corresponds to the first live stream, the second live event corresponds to the second live stream, and the live stream interface is associated with the live stream interaction between the first live stream and the second live stream. Process 300 also includes: in the live stream interface, presenting the first interaction information and the second interaction information of the live stream interaction, where the first interaction information corresponds to the first live stream and the second interaction information corresponds to the second live stream.

[0097] In this way, by providing different interactive information for different live streams, viewers can quickly understand the specific interactive situation of different live streams, thus improving the efficiency of information transmission.

[0098] In some cases, process 300 further includes: presenting an entry point outside the first area; and, in response to a triggering operation on the entry point, triggering a request to join the first live event.

[0099] This approach provides a quick entry point to join the first live event, improving the efficiency of interaction.

[0100] Example devices and equipment A corresponding apparatus for implementing the above methods or processes is also provided. Figure 4 A schematic structural block diagram of an example device 400 for interaction under certain scenarios is shown. Device 400 may be implemented as or included in electronic device 110. The various modules / components in device 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0101] like Figure 4 As shown, the device 400 includes: a first presentation module 410 configured to present a live streaming interface, the live streaming interface including multiple areas, the multiple areas corresponding to different live streaming events; a second presentation module 420 configured to present first content corresponding to a first live streaming event in a first area of ​​the multiple areas, the first content including at least one screen corresponding to a first layout, the first layout being related to the number of participants in the first live streaming event; and a third presentation module 430 configured to present second content corresponding to the first live streaming event in response to a change in the number of participants, the second content including at least one screen corresponding to a second layout.

[0102] In some cases, the first layout and the second layout correspond to different numbers of content slots, and at least one screen is displayed in the corresponding content slot. The number of content slots is related to the number of participants.

[0103] In some cases, the second presentation module 420 or the third presentation module 430 is also configured to: in response to the number of participants being less than the number of slots, present a preset element in at least one content slot, the preset element being independent of the participants in the first live event.

[0104] In some cases, the preset screen includes: a first element, used to trigger the addition of the first live event; and a second element, configured by the broadcaster of the first live event.

[0105] In some cases, the difference between the number of slots and the number of participants is less than a threshold.

[0106] In some cases, a first layout corresponds to a first content slot, a second layout corresponds to a second content slot, and the first content slot and the second content slot have the same size in a first direction, while the first content slot and the second content slot have different sizes in a second direction.

[0107] In some cases, device 400 also includes a fourth presentation module configured to present third content corresponding to the second live event in a first area of ​​a plurality of areas, wherein the third content corresponds to a third layout, the third layout being related to the number of participants in the second live event, and the third layout being independent of the first layout or the second layout.

[0108] In some cases, a first live event corresponds to a first live event, a second live event corresponds to a second live event, and the live interface is associated with the live interaction between the first and second live events. The device 400 also includes a fifth presentation module, which is configured to present first and second interaction information of the live interaction in the live interface, where the first interaction information corresponds to the first live event and the second interaction information corresponds to the second live event.

[0109] In some cases, device 400 also includes a sixth presentation module configured to present an entry point outside the first area; and a trigger module configured to trigger a request to join a first live event in response to a triggering operation on the entry point.

[0110] The modules included in device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some cases, one or more modules can be implemented using software and / or firmware, such as machine-executable instructions stored on a storage medium. In addition to or as an alternative to machine-executable instructions, some or all of the units in device 400 can be implemented at least partially by one or more hardware logic components. By way of example, and not limitation, exemplary types of hardware logic components that can be used include field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard parts (ASSPs), systems on a chip (SOCs), complex programmable logic devices (CPLDs), and so on.

[0111] Figure 5 A block diagram of an electronic device 500 in which one or more examples may be implemented is shown. It should be understood that... Figure 5 The electronic device 500 shown is merely exemplary and should not be construed as limiting the functionality and scope of the examples described herein. Figure 5 The electronic device 500 shown can be used to implement the electronic device 110 discussed above.

[0112] like Figure 5 As shown, electronic device 500 is in the form of a general-purpose electronic device. Components of electronic device 500 may include, but are not limited to, one or more processing units or processors 510, memory 520, storage devices 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. Processor 510 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 520. In a multiprocessor system, multiple processors execute computer-executable instructions in parallel to improve the parallel processing capability of electronic device 500.

[0113] Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 500.

[0114] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not explicitly stated... Figure 5 As shown, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks can be provided. In these cases, each drive can be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various examples.

[0115] The communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functionality of the components of the electronic device 500 can be implemented using a single computing cluster or multiple computing machines capable of communicating via communication connections. Therefore, the electronic device 500 can operate in a networked environment using logical connections to one or more other servers, networked personal computers, or another network node.

[0116] Input device 550 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 560 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 500 can also communicate with one or more external devices (not shown) via communication unit 540 as needed. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with electronic device 500, or with any device that enables electronic device 500 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via an input / output (I / O) interface (not shown).

[0117] A computer-readable storage medium is provided that stores computer-executable instructions thereon, wherein the computer-executable instructions are executed by a processor to implement the methods described above. A computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, which are executed by a processor to implement the methods described above.

[0118] The flowcharts and / or block diagrams of the methods, apparatus, devices, and computer program products referred to herein describe various aspects. It should be understood that each block of the flowcharts and / or block diagrams, as well as combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

[0119] These computer-readable program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processor of the computer or other programmable data processing apparatus, they create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner; thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0120] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions that execute on the computer, other programmable data processing apparatus, or other device to perform the functions / actions specified in one or more boxes of a flowchart and / or block diagram.

[0121] The flowcharts and block diagrams in the accompanying figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products under various scenarios. In this respect, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions marked in the blocks may occur in a different order than those shown in the figures. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0122] Various examples have been described above. The foregoing descriptions are exemplary and not exhaustive, nor are they limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is chosen to best explain the principles, practical applications, or improvements to technology in the market, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims

1. An interaction method, comprising: A live streaming interface is presented, which includes multiple areas, each corresponding to a different live streaming event. In the first area of ​​the plurality of areas, first content corresponding to the first live event is presented. The first content includes at least one screen corresponding to the first layout. The first layout is related to the number of participants in the first live event. as well as In response to a change in the number of participants, second content corresponding to the first live event is presented, the second content including at least one screen corresponding to the second layout.

2. The method according to claim 1, wherein the first layout and the second layout correspond to different numbers of content slots, the at least one screen is displayed in the corresponding content slot, and the number of content slots is related to the number of participants.

3. The method according to claim 2, wherein presenting the first content or presenting the second content comprises: In response to the number of participants being less than the number of slots, a preset element is presented in at least one content slot, the preset element being independent of the participants in the first live event.

4. The method according to claim 3, wherein the preset element includes: The first element is used to trigger joining the first live stream event; The second element is configured by the broadcaster of the first live event.

5. The method according to claim 2, wherein the difference between the number of slots and the number of participants is less than a threshold.

6. The method of claim 2, wherein the first layout corresponds to a first content slot, the second layout corresponds to a second content slot, and the first content slot and the second content slot have the same size in a first direction, and the first content slot and the second content slot have different sizes in a second direction.

7. The method according to claim 1, further comprising: In the second area of ​​the plurality of areas, third content corresponding to the second live event is presented, wherein the third content corresponds to a third layout, the third layout is related to the number of participants in the second live event, and the third layout is independent of the first layout or the second layout.

8. The method according to claim 7, wherein the first live event corresponds to a first live stream, the second live event corresponds to a second live stream, the live stream interface is associated with the live stream interaction of the first live stream and the second live stream, and the method further comprises: The live streaming interface displays first and second interactive information for the live streaming interaction. The first interactive information corresponds to the first live stream, and the second interactive information corresponds to the second live stream.

9. The method according to claim 1, further comprising: An entrance is presented outside the first area; as well as In response to the triggering operation on the entry point, a request to join the first live event is triggered.

10. A device for interaction, comprising: The first presentation module is configured to present the live broadcast interface, which includes multiple areas, each corresponding to a different live broadcast event. The second presentation module is configured to present first content corresponding to the first live event in the first area of ​​multiple areas. The first content includes at least one screen corresponding to the first layout, and the first layout is related to the number of participants in the first live event. as well as The third presentation module is configured to respond to changes in the number of participants by presenting second content corresponding to the first live event. The second content includes at least one screen corresponding to the second layout.

11. An electronic device, comprising: At least one processor; as well as At least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor, the instructions causing the electronic device to perform the method according to any one of claims 1 to 9 when executed by the at least one processor.

12. A computer-readable storage medium having stored thereon computer-executable instructions that can be executed by a processor to implement the method according to any one of claims 1 to 9.

13. A computer program product tangibly stored in a computer storage medium and comprising computer-executable instructions that, when executed by a device, cause the device to perform the method according to any one of claims 1 to 9.