Interface interaction method and device, equipment, storage medium and product

Abstract

The invention provides an interface interaction method and device, equipment, a storage medium and a product. The method comprises the steps that a first live broadcast interface is presented, the first live broadcast interface presents a first picture of first live broadcast, and the first live broadcast interface is used for interacting with the first live broadcast; receiving a first operation, wherein the first operation is associated with an interface element in the first live broadcast interface; the first picture is kept to be presented in the first live broadcast interface, and a second picture of second live broadcast is presented in the first live broadcast interface; and in response to the trigger interface element or the second picture, presenting a second live broadcast interface, the second live broadcast interface being used for interacting with a second live broadcast. In this way, the information acquisition efficiency of the user can be improved.

Description

Technical Field

[0001] The examples in this article generally relate to the field of computer science, and in particular to methods, apparatuses, devices, computer-readable storage media, and products for user interface interaction. Background Technology

[0002] With the development of computer technology, internet live streaming has become a popular interactive platform. During information exchange via internet live streaming, users expect to be able to quickly view the live stream interfaces of other broadcasters. Summary of the Invention

[0003] In a first aspect, a method for interface interaction is provided. The method includes: presenting a first live streaming interface, the first live streaming interface presenting a first screen of the first live stream, the first live streaming interface being used to interact with the first live stream; receiving a first operation, the first operation being associated with an interface element in the first live streaming interface; maintaining the first screen presented in the first live streaming interface, and presenting a second screen of the second live stream in the first live streaming interface; and in response to triggering an interface element or the second screen, presenting a second live streaming interface, the second live streaming interface being used to interact with the second live stream.

[0004] In a second aspect, an apparatus for interface interaction is provided. The apparatus includes: a first presentation module configured to present a first live streaming interface, the first live streaming interface displaying a first screen of the first live stream, and the first live streaming interface being used for interacting with the first live stream; an operation receiving module configured to receive a first operation associated with an interface element in the first live streaming interface; a second presentation module configured to maintain the first screen displayed in the first live streaming interface and to present a second screen of the second live stream in the first live streaming interface; and a third presentation module configured to present a second live streaming interface in response to triggering an interface element or the second screen, the second live streaming interface being used for interacting with the second live stream.

[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] This method can improve the efficiency of users' information acquisition.

[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 2D Example live streaming interfaces for some scenarios are shown; Figures 3A to 3C Example live streaming interfaces for other scenarios are shown; Figure 4 The flowcharts show example processes of interface interactions in some scenarios; Figure 5 Schematic block diagrams of example devices for interface interaction in some scenarios are shown; and Figure 6 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 document may involve user data, data acquisition, and / or use. All of these aspects comply with relevant laws, regulations, and rules. In the examples, 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, users can switch between live streams using the switching controls on the live stream interface, but they cannot quickly preview the content of the live stream to be switched, resulting in a high cost of switching decisions and affecting the user experience.

[0017] This paper proposes a scheme for interface interaction. The scheme includes: presenting a first live broadcast interface, which displays a first screen of the first live broadcast and is used to interact with the first live broadcast; receiving a first operation, which is associated with an interface element in the first live broadcast interface; maintaining the first screen displayed in the first live broadcast interface and presenting a second screen of the second live broadcast in the first live broadcast interface; and responding to the triggering of an interface element or the second screen, presenting a second live broadcast interface, which is used to interact with the second live broadcast.

[0018] In this way, while maintaining the first screen of the first live stream on the main live stream interface, the second screen of the second live stream can be quickly previewed, thereby improving the efficiency of information transmission on the live stream interface and the efficiency of information acquisition for users. Furthermore, triggering the presentation of the second live stream interface through multiple methods provides users with richer access points, enhances the flexibility and convenience of switching between live stream interfaces, and improves user interaction efficiency.

[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 can run an application 120 that supports user interface interaction. Application 120 can be any suitable type of application for user interface interaction, including but not limited to: online video applications, live streaming applications, browsers, social applications, simulation applications, emulation applications, or other suitable applications. User 140 can 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 interface 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 applications 120 that support user interface interaction 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 2D Example live streaming interfaces 200A to 200D are shown according to some scenarios. Live streaming interfaces 200A to 200D can, for example, be... Figure 1 The electronic device 110 shown is provided.

[0029] It should be understood that the live streaming interface 200A to live streaming interface 200D can be any appropriate style, and this article does not intend to limit the specific style of the live streaming interface.

[0030] Figure 2A An example first live streaming interface 200A is shown according to some scenarios. In some scenarios, the first live streaming interface 200A may present the first screen 210 of the first live stream. In some scenarios, such a first live streaming interface 200A may be associated with a live streaming room. In some scenarios, a live streaming room refers to a virtual live streaming scene created in a live streaming platform, which may also be called a live streaming session.

[0031] In some cases, when application 120 is running, electronic device 110 can display the first live broadcast interface 200A corresponding to the first live broadcast. For example, in response to application 120 being running, electronic device 110 can display the first playback interface 200A of the first live broadcast by default, or electronic device 110 can also provide, upon receiving an access request for the first live broadcast, such as Figure 2A The first live streaming interface shown is 200A.

[0032] In some cases, such a first live broadcast interface 200A may be presented by the client corresponding to the participant (e.g., the viewer).

[0033] In some cases, the first live broadcast interface 200A can be used to interact with the first live broadcast. As an example, the electronic device 110 can display an interactive area 215 associated with the first live broadcast in the first live broadcast interface 200A, and the user can interact with the first live broadcast based on the interactive area 215.

[0034] For example, electronic device 110 can display a message display area in the interactive area 215, which can display interactive messages, interactive effects, and other content associated with the current live stream. Electronic device 110 can also provide a comment control 220 associated with the current live stream interface in the interactive area 215, which is used to send comment messages to the first live stream. Additionally or alternatively, such a comment control 220 can be provided, for example, based on a user's dialogue request with the first live stream.

[0035] In some cases, electronic device 110 can receive a first operation, which is associated with an interface element in the first live broadcast interface 200A.

[0036] In some scenarios, the first live streaming interface 200A can be used to display an information stream, which may include multiple live streams. For example, the information stream may include multiple live streams that are currently live on the application platform, and users can switch between these live streams based on content switching operations. Users can also interact with other users based on multiple live streams, such as liking, commenting on, or sharing interactive live streams.

[0037] Additionally or alternatively, such information streams may also include other media content besides live streaming, such as video content, image content, text content, etc.

[0038] In some cases, the electronic device 110 may display a switching control on the first live streaming interface 200A. For example, such a switching control may correspond to an interface element in the first live streaming interface 200A, and such a switching control may be used to trigger the presentation of the live stream. In some cases, the first operation may include a click operation on an interface element.

[0039] It is understandable that when the information stream includes media content other than live streaming, the electronic device 110, in response to a user's triggering of a switching control, can display the live stream in the information stream but not the other media content. When the user performs other interactive operations, such as swiping up or down, or triggering other controls, multiple live streams or other media content in the information stream can be displayed sequentially.

[0040] In some cases, such a switching control can be displayed at any appropriate location within the first live broadcast interface 200A, for example, overlaid on the first screen, or displayed independently of the first screen. It is understood that this document does not intend to limit the specific display location of the switching control.

[0041] In some cases, the electronic device 110 may display multiple switching controls on the first live broadcast interface 200A, and these multiple switching controls may be used to trigger different live broadcasts in the information stream.

[0042] As an example, these multiple switching controls can each correspond to different live streams in the information stream (not shown in the figure). In response to the user's selection of a target switching control among the multiple switching controls, the electronic device 110 can display the target live stream corresponding to the target switching control on the live stream interface. For example, different switching controls can each correspond to the identification information of multiple live streams in the information stream (such as the streamer's nickname or avatar). In response to the user's selection of a target switching control, the electronic device 110 can obtain the live stream data stream of the corresponding target live stream and display the target live stream on the live stream interface.

[0043] As another example, such multiple switching controls may include a first switching control and a second switching control. In response to a user's selection of the first switching control, the electronic device 110 can display the previous live stream in the current live stream feed on the live streaming interface. In response to a selection of the second switching control, the electronic device 110 can display the next live stream in the current live stream feed on the live streaming interface.

[0044] like Figure 2AAs shown, the electronic device 110 can display a switching control 1 (also called a first switching control) and its corresponding interface element 225 in a first live broadcast interface 200A, and a switching control 2 and its corresponding interface element 230. In some cases, the switching control 1 can, for example, indicate switching the first live broadcast to a second live broadcast, such as the previous live broadcast in the information stream. The switching control 2 can, for example, indicate switching the first live broadcast to a third live broadcast, such as the next live broadcast in the information stream.

[0045] As an example, electronic device 110, in response to a user's selection of switching control 1, can display as follows: Figure 2B The second live streaming interface 200B shown above allows the electronic device 110 to display a second screen 250 of the second live stream. This second live stream could be, for example, the previous live stream of the first live stream. In some cases, users can interact with the second live stream based on this second live streaming interface 200B, which will not be elaborated further here.

[0046] In some cases, electronic device 110 may display switching control 3 and its corresponding interface element 255, and switching control 4 (also referred to as second switching control) and its corresponding interface element 260 on the second live broadcast interface. In some cases, in response to the user's selection of switching control 4, electronic device 110 may display the next live broadcast in the information stream that is in the second live broadcast, such as the first live broadcast, and electronic device 110 may display the first live broadcast interface 200A corresponding to the first live broadcast.

[0047] In this way, multiple live streams in the information stream can be presented based on the user's triggering of the switching control.

[0048] In some cases, the first operation may also include a hover operation on a UI element. In some cases, a hover operation on a UI element may be an operation on the UI element itself, or an operation on the area corresponding to the UI element. The area corresponding to the UI element may include, but is not limited to: operations on the area where the UI element is located, or an area of ​​any suitable shape centered on the UI element.

[0049] In some cases, such hovering operations may include, but are not limited to, hovering operations presented by hardware devices or hovering operations presented by users through non-contact interaction. For example, hovering operations of the mouse pointer.

[0050] refer to Figure 2CIn response to receiving a hover operation on interface element 225, electronic device 110 can maintain the first screen displayed on the first live broadcast interface 200C and display the second screen 250 of the second live broadcast on the first live broadcast interface 200C. Additionally, in response to receiving a hover operation on interface element 225, electronic device 110 can display an indicator element 240, for example, displaying the indicator element 240 in the area corresponding to interface element 225.

[0051] In other cases, the electronic device 110 responds to a hover operation reaching a preset duration, such as when the hover operation time reaches a preset threshold, by maintaining the first screen 210 on the first live broadcast interface 200C and displaying the second screen 250 of the second live broadcast on the first live broadcast interface 200C.

[0052] In some cases, the electronic device 110 can display a second screen 250 in a floating window style at the associated location of the interface element 225. For example, the electronic device 110 can display the corresponding second screen 250 within a preset range of the location of the interface element 225. It is understood that the location of the second screen 250 can dynamically change based on the position of the interface element associated with the hover operation.

[0053] In some cases, such a floating window style may indicate a floating window component or floating window panel that floats on the first live streaming interface 200C. In some cases, the electronic device 110 may stop displaying the second screen 250 in response to a hover operation that moves outside the corresponding area of ​​the interface element.

[0054] In some cases, electronic device 110 may display a second live broadcast interface in response to a user's trigger operation on the second screen 250. (Continue to refer to...) Figure 2B and Figure 2C The electronic device 110, in response to a user's trigger operation on the second screen 250, can display as follows: Figure 2B The second live streaming interface 200B is shown. Such triggering operations include, for example, instruction commands, such as click operations, swipe operations, etc., targeting the second screen.

[0055] In some cases, different live stream frames can correspond to different floating window styles. As an example, if the second frame is associated with the first frame, and the live stream frame of the second live stream is associated with the second frame, then the first frame can be matched with the second frame. Such frames include, but are not limited to: screen size, screen ratio, and screen orientation.

[0056] As an example, in response to the second live broadcast's screen size being 640×360 pixels, the electronic device 110 can shrink the floating window to a preset value of the current screen size to present the second screen of the second live broadcast.

[0057] As another example, in response to the 4:3 aspect ratio of the second live stream, the electronic device 110 can present a floating window of the same ratio to display a second view of the second live stream.

[0058] As another example, when the screen orientation of the second live broadcast is horizontal, the electronic device 110 can present the second screen of the second live broadcast in a horizontal floating window; when the screen orientation of the second live broadcast is vertical, the electronic device 110 can present the second screen of the second live broadcast in a vertical floating window.

[0059] refer to Figure 2C In response to receiving a first operation (or hovering operation) and in response to the second live broadcast being oriented horizontally, the electronic device 110 can maintain the first screen 210 displayed in the first live broadcast interface 200C and display a horizontal floating window 270 in the first live broadcast interface 200C to display the second screen 250 of the second live broadcast.

[0060] refer to Figure 2D In response to receiving a first operation (or hovering operation) and in response to the second live broadcast being oriented vertically, the electronic device 110 can maintain the first screen 210 displayed in the first live broadcast interface 200D and display a vertical floating window 280 in the first live broadcast interface 200D to display the second screen 250 of the second live broadcast.

[0061] In some cases, electronic device 110 can display descriptive information on the second screen 250, which may be related to the second live stream. For example, such descriptive information may include information about the live streamer, such as the streamer's identifier (nickname, avatar), streamer's introduction, etc. Such descriptive information may also include identification information about the second live stream, such as the second live stream's ID, title, cover image, category tags (e.g., games, food, music, etc.). Such descriptive information may also include interactive information about the second live stream, such as comments, bullet comments, likes, gifts, number of online viewers, live stream screen information, etc.

[0062] Such descriptive information may also include, for example, an overview of the live stream content. This overview can help users understand the main content of the second live stream, thereby improving their information retrieval efficiency. In some cases, this overview information may be generated based on user configuration or virtual objects.

[0063] In some cases, virtual objects can be created based on the configuration actions of the user who created them. For example, virtual objects can be created based on information provided by the user and / or reference information associated with the user. In other cases, virtual objects can be generated based on avatar data and descriptive text entered by the user.

[0064] Virtual objects can include their visual representation and capabilities (e.g., dialogue capabilities, data processing capabilities, text generation capabilities, etc.). Additionally, virtual objects can be applied to specific scenarios based on the configuration actions of the user who created them. For example, a virtual object can be configured for live streaming to summarize overview information of the current broadcast. In some scenarios, such virtual objects may also be referred to as digital objects.

[0065] It should be understood that, on the one hand, virtual objects can have a virtual avatar for interaction. On the other hand, virtual objects can also utilize appropriate models to drive their interactive behavior, such models can include any suitable machine learning model, such as a generative model. In this paper, the various interactive processes and / or generative operations performed by virtual objects can be actually performed using appropriate models corresponding to the virtual objects.

[0066] In some cases, electronic device 110 may display a preset image in a floating window component in response to the second live stream meeting preset conditions. For example, electronic device 110 may display a preset image in the floating window component instead of a preview of the second live stream in response to the configuration information of one or more live streamers participating in the second live stream meeting preset conditions. In some cases, such a preset image may include, but is not limited to, images preset by the current user, one or more live streamers, or the system. Such configuration information may, for example, indicate the permission information or privacy information of one or more live streamers.

[0067] In some cases, in response to displaying the first image, electronic device 110 may play the first audio corresponding to the first live broadcast, while the second audio corresponding to the second live broadcast is not played. (See reference) Figure 2C The electronic device 110 maintains the first screen 210 displayed on the first live broadcast interface 200C, and displays the second screen 250 of the second live broadcast on the first live broadcast interface 200C. At this time, the electronic device 110 can continue to play the audio content corresponding to the first live broadcast, and play the second screen 250 of the second live broadcast in a silent manner.

[0068] In other cases, in response to presenting the first image, electronic device 110 may play the first audio corresponding to the first live stream, and the volume of the second audio corresponding to the second live stream may be less than a threshold. (See reference) Figure 2CThe electronic device 110 maintains the first screen 210 displayed on the first live streaming interface 200C, and displays the second screen 250 of the second live streaming on the first live streaming interface 200C. At this time, the electronic device 110 can continue to play the audio content corresponding to the first live streaming, and play the second screen 250 of the second live streaming at a lower volume. Additionally, the volume of such second audio can be lower than the volume of the first audio.

[0069] In some cases, the electronic device 110 can receive a second operation related to the second screen, such as playing second audio or adjusting the volume of the second audio. Such a second operation could be, for example, a swipe operation on a preset area of ​​the second screen or a trigger operation on an interactive control.

[0070] As an example, electronic device 110 may receive a sliding operation associated with a first area of ​​the second screen to play second audio, or electronic device 110 may receive a sliding operation associated with a second area of ​​the second screen to adjust the volume of the second audio.

[0071] As another example, to facilitate user control of the second screen, the electronic device 110 can be associated with a floating window component of the second screen, providing at least one interactive control corresponding to the second screen. Furthermore, the electronic device 110 can control the second screen based on user triggering of this at least one interactive control. This at least one control may include, but is not limited to, a play control, a volume control, a mute control, a download control, a full-screen control, etc.

[0072] For example, electronic device 110 may receive a selection of the volume control to play a second audio, or electronic device 110 may receive an adjustment of the volume control to adjust the volume of the second audio. Additionally, electronic device 110 may receive a second operation related to the second screen to play the second audio, or to adjust the volume of the second audio.

[0073] Based on the above description, the electronic device 110 can display a switching control on the first live streaming interface to trigger the presentation of the live stream. In some cases, the electronic device 110 can also, through other appropriate means, present a second view of the second live stream on the first live streaming interface while maintaining the presentation of the first view on the first live streaming interface. For ease of description, the following will refer to... Figures 3A to 3C Let me introduce it.

[0074] Figures 3A to 3C Example live streaming interfaces 300A to 300C are shown according to some scenarios. Live streaming interfaces 300A to 300C can, for example, be... Figure 1 The electronic device 110 shown is provided.

[0075] It should be understood that the live streaming interface 300A to live streaming interface 300C can be any appropriate style, and this article does not intend to limit the specific style of the live streaming interface.

[0076] Figure 3A An example first live streaming interface 300A is shown according to some scenarios. In some scenarios, the first live streaming interface 300A may present the first screen 310 of the first live stream. In some scenarios, such a first live streaming interface 300A may be associated with a live streaming room. In some scenarios, a live streaming room refers to a virtual live streaming scene created in a live streaming platform, which may also be called a live streaming session.

[0077] In some scenarios, electronic device 110 can display at least one live streamer (such as user A, user B, and user C) and at least one corresponding content item on the first live streaming interface 300A. Such at least one live streamer may be, for example, a live streamer currently in a live streaming state, a live streamer related to the current user (such as someone they follow, a friend, or someone in the same region), or a live streamer recommended by the system. Such at least one content item may include, for example, identification information associated with the corresponding live streamer (such as avatar, nickname, or bio).

[0078] In some cases, at least one such content item may include content item 315 associated with the second live stream, such content item 315 may include, for example, identification information associated with the live streamer of the second live stream (also referred to as the first user).

[0079] For ease of management, in other cases, refer to Figure 3B The electronic device 110 can display at least one navigation tab in the first live streaming interface 300B. In response to a user's selection of navigation tab 340 within the at least one navigation tab, the electronic device 110 can display at least one live streaming party (such as user A, user B, and user C) and at least one corresponding content item. Such at least one content item may include content item 315 associated with the second live stream. Such content item 315 may, for example, include identification information associated with the live streaming party of the second live stream (also referred to as the first user).

[0080] In some cases, in response to a user's first operation (or hover operation) on content item 315, electronic device 110 may maintain the first screen 310 displayed in the first live broadcast interface 300A and display the second screen 320 of the second live broadcast in the first live broadcast interface 300A. Additionally, in response to receiving a hover operation on content item 315, electronic device 110 may display an indicator element 325, for example, displaying the indicator element 325 in the area corresponding to content item 315.

[0081] In some cases, hovering operations on content item 315 can be operations on content item 315 itself, or operations on the area corresponding to content item 315. The area corresponding to content item 315 can include, but is not limited to: operations on the area where content item 315 is located, or an area of ​​any suitable shape centered on content item 315.

[0082] In some cases, such hovering operations may include, but are not limited to, hovering operations presented by hardware devices or hovering operations presented by users through non-contact interaction. For example, hovering operations of the mouse pointer.

[0083] In some cases, the electronic device 110 can display a second screen 320 in a floating window style at the associated location of the content item 315. For example, the electronic device 110 can display the corresponding second screen 320 within a preset range of the location of the content item 315. For example, the position of the floating window 330 corresponding to the second screen 320 can change in the first live broadcast interface 300A according to the first user's avatar or nickname.

[0084] In some cases, the electronic device 110 may stop displaying the second screen 320 when it moves outside the corresponding area of ​​the content item 315 in response to a hover operation.

[0085] In some cases, electronic device 110 may display a second live broadcast interface in response to a user's triggering action on the second screen 320 or content item 315. (See reference) Figure 3A and Figure 3C The electronic device 110, in response to a user's trigger operation on the second screen 320 or content item 315, can present, as follows: Figure 3C The second live streaming interface 300C is shown. Such triggering operations include, for example, indicating action commands, such as a click operation on the second screen 320 or content item 315.

[0086] In some cases, different live stream screens may correspond to different floating window styles, description information in the second screen 320, and audio playback status in the second screen, etc., which are similar to those mentioned above and will not be repeated here.

[0087] It is understandable that, although the above describes the use of switching controls and content items to trigger the first screen in the first live broadcast interface and the second screen of the second live broadcast in the first live broadcast interface, in some cases, these two methods can be flexibly combined according to the needs of the scenario.

[0088] In this way, while maintaining the first screen of the first live stream on the main live stream interface, the second screen of the second live stream can be quickly previewed, thereby improving the efficiency of information transmission on the live stream interface and the efficiency of information acquisition for users. Furthermore, triggering the presentation of the second live stream interface through multiple methods provides users with richer access points, enhances the flexibility and convenience of switching between live stream interfaces, and improves user interaction efficiency.

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

[0090] like Figure 4 As shown, in step 410, the electronic device 110 presents a first live broadcast interface, which displays the first screen of the first live broadcast and is used to interact with the first live broadcast.

[0091] In step 420, the electronic device 110 receives a first operation, which is associated with an interface element in the first live broadcast interface.

[0092] In step 430, the electronic device 110 maintains the first screen displayed on the first live broadcast interface, and displays the second screen of the second live broadcast on the first live broadcast interface.

[0093] In step 440, the electronic device 110 responds to a trigger interface element or a second screen by presenting a second live broadcast interface, which is used to interact with the second live broadcast.

[0094] In some cases, the first live stream and the second live stream are included in the information stream, and receiving the first operation includes: presenting a switching control on the first live stream interface, the switching control corresponding to an interface element, the switching control being used to trigger the presentation of the live stream in the information stream; and receiving the first operation, the first operation being associated with the switching control.

[0095] In this way, the live broadcast in the information stream can be triggered based on the switching control, thereby reducing the user's operating cost and improving the user's interaction efficiency.

[0096] In some cases, the presentation of switching controls on the first live broadcast interface includes: presenting multiple switching controls on the first live broadcast interface, which are used to trigger different live broadcasts in the presentation information stream.

[0097] In this way, different live streams in the information stream can be triggered based on multiple switching controls, which can help users obtain relevant live streams more efficiently and improve their information acquisition efficiency.

[0098] In some cases, multiple switching controls include a first switching control and a second switching control, and presenting a second live streaming interface includes: presenting a second live streaming interface in response to triggering the first switching control; the method further includes: presenting a second switching control on the second live streaming interface; and presenting a first live streaming interface in response to triggering the second switching control.

[0099] In some cases, receiving the first operation includes: presenting a content item on a first live streaming interface, the content item being associated with a second live streaming interface, the interface elements including the content item; and receiving the first operation, the first operation being associated with the content item.

[0100] In some cases, the second live stream is associated with the first user, and the content items include the first user's identification information.

[0101] In some cases, the first operation includes a hover operation on an interface element, and presenting a second screen of the second live stream on the first live stream interface includes: in response to the hover operation reaching a preset duration, presenting a second screen on the first live stream interface.

[0102] In this way, a second screen can be displayed in response to hover operations exceeding a preset time, which can reduce the probability of accidental touches and improve the accuracy of user interaction and user experience.

[0103] In some cases, in response to a hover operation reaching a preset duration, a second screen is displayed on the first live broadcast interface, including: displaying the second screen in a floating window style at the associated location of the interface element.

[0104] In this way, a second screen can be presented in a floating window style at the associated position of the interface element, which can reduce the user's eye movement and operation path while maintaining the continuity of the visual context, thereby improving the interaction efficiency and the flexibility of the interface space utilization.

[0105] In some cases, process 400 also includes: stopping the presentation of the second screen in response to the hover operation moving outside the corresponding area of ​​the interface element.

[0106] In this way, users can move to a location outside the corresponding area based on hovering operations and stop displaying the second screen, thereby reducing the user's operating costs and improving the user's interactive experience.

[0107] In some cases, the second frame is associated with the first frame, the live stream of the second broadcast is associated with the second frame, and the first frame is matched with the second frame.

[0108] This method enables the frame matching between the live stream and the second screen, thereby improving the user's viewing experience.

[0109] In some cases, process 400 also includes: presenting descriptive information on a second screen, the descriptive information being related to the second live broadcast.

[0110] In some cases, the descriptive information indicates at least one of the following: information about the broadcaster of the second live stream; identification information of the second live stream; live stream interaction information of the second live stream; and overview information about the live stream content.

[0111] This method allows for the release of more information related to the second live stream, thereby improving the efficiency of information acquisition for users and enhancing the user experience.

[0112] In some cases, process 400 further includes: in response to presenting the first screen, playing a first audio, the first audio corresponding to a first live stream, wherein a second audio corresponding to a second live stream is not played, or the volume of the second audio is less than a threshold.

[0113] In this way, the interference of the second screen in the second live broadcast on the main screen (such as the first screen) can be reduced, thus improving the user's interactive experience.

[0114] In some cases, process 400 may also include: receiving a second operation, the second operation being related to a second screen; and playing a second audio, or adjusting the volume of the second audio.

[0115] This approach facilitates user control over the second screen and enhances user engagement.

[0116] Example devices and equipment A corresponding apparatus for implementing the above methods or processes is also provided. Figure 5 A schematic structural block diagram of an example device 500 for interface interaction is shown, according to some scenarios. Device 500 can be implemented as or included in electronic device 110. The various modules / components in device 500 can be implemented by hardware, software, firmware, or any combination thereof.

[0117] like Figure 5 As shown, the device 500 includes: a first presentation module 510 configured to present a first live broadcast interface, the first live broadcast interface presenting a first screen of the first live broadcast, and the first live broadcast interface being used to interact with the first live broadcast; an operation receiving module 520 configured to receive a first operation, the first operation being associated with an interface element in the first live broadcast interface; a second presentation module 530 configured to maintain the presentation of the first screen in the first live broadcast interface and present a second screen of the second live broadcast in the first live broadcast interface; and a third presentation module 540 configured to present a second live broadcast interface in response to triggering an interface element or the second screen, the second live broadcast interface being used to interact with the second live broadcast.

[0118] In some cases, the first live stream and the second live stream are included in the information stream, and the operation receiving module 520 is also configured to present a switching control on the first live stream interface, the switching control corresponding to an interface element, the switching control being used to trigger the presentation of the live stream in the information stream; and to receive a first operation, the first operation being associated with the switching control.

[0119] In some cases, the operation receiving module 520 is also configured to present multiple switching controls on the first live broadcast interface, which are used to trigger different live broadcasts in the presentation information stream.

[0120] In some cases, the multiple switching controls include a first switching control and a second switching control, and the third presentation module 540 is also configured to present a second live broadcast interface in response to triggering the first switching control. The device 500 also includes a fourth presentation module configured to present the second switching control on the second live broadcast interface; and to present the first live broadcast interface in response to triggering the second switching control.

[0121] In some cases, the operation receiving module 520 is also configured to present content items on a first live broadcast interface, the content items being associated with a second live broadcast, and the interface elements including the content items; and to receive a first operation, the first operation being associated with the content items.

[0122] In some cases, the second live stream is associated with the first user, and the content items include the first user's identification information.

[0123] In some cases, the first operation includes a hover operation on an interface element, and the second presentation module 530 is also configured to present a second screen on the first live broadcast interface in response to the hover operation reaching a preset duration.

[0124] In some cases, in response to a hover operation reaching a preset duration, the second presentation module 530 is also configured to present a second screen in a floating window style at the associated location of the interface element.

[0125] In some cases, device 500 also includes a fifth presentation module configured to stop presenting the second screen in response to a hover operation that moves outside the corresponding area of ​​an interface element.

[0126] In some cases, the second frame is associated with the first frame, the live stream of the second broadcast is associated with the second frame, and the first frame is matched with the second frame.

[0127] In some cases, device 500 also includes a sixth presentation module configured to present descriptive information on a second screen, the descriptive information being related to the second live broadcast.

[0128] In some cases, the descriptive information indicates at least one of the following: information about the broadcaster of the second live stream; identification information of the second live stream; live stream interaction information of the second live stream; and overview information about the live stream content.

[0129] In some cases, the device 500 further includes a first processing module configured to play a first audio in response to presenting a first screen, the first audio corresponding to a first live stream, wherein a second audio corresponding to a second live stream is not played, or the volume of the second audio is less than a threshold.

[0130] In some cases, the device 500 also includes a second processing module configured to receive a second operation related to a second screen; and to play second audio, or to adjust the volume of the second audio.

[0131] The modules included in device 500 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 500 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.

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

[0133] like Figure 6As shown, electronic device 600 is in the form of a general-purpose electronic device. Components of electronic device 600 may include, but are not limited to, one or more processing units or processors 610, memory 620, storage device 630, one or more communication units 640, one or more input devices 650, and one or more output devices 660. Processor 610 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 620. In a multiprocessor system, multiple processors execute computer-executable instructions in parallel to improve the parallel processing capability of electronic device 600.

[0134] Electronic device 600 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 600, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 620 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 630 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 600.

[0135] Electronic device 600 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not explicitly stated... Figure 6 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 620 may include computer program product 625 having one or more program modules configured to perform various methods or actions of various examples.

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

[0137] Input device 650 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 660 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 600 can also communicate with one or more external devices (not shown) via communication unit 640 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 600, or with any device that enables electronic device 600 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).

[0138] 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.

[0139] 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.

[0140] 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.

[0141] 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.

[0142] 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.

[0143] 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. A method for interface interaction, comprising: The first live broadcast interface is presented, which displays the first screen of the first live broadcast and is used to interact with the first live broadcast. Receive a first operation, which is associated with a UI element in the first live streaming interface; The first screen remains displayed on the first live streaming interface, and the second screen of the second live stream is displayed on the first live streaming interface. as well as In response to triggering the interface element or the second screen, a second live streaming interface is presented, which is used to interact with the second live stream.

2. The method of claim 1, wherein the first live stream and the second live stream are included in an information stream, and the receiving first operation includes: On the first live streaming interface, a switching control is presented. The switching control corresponds to the interface element and is used to trigger the presentation of the live stream in the information flow. as well as The first operation is received, and the first operation is associated with the switching control.

3. The method according to claim 2, wherein presenting the switching control on the first live streaming interface includes: On the first live streaming interface, multiple switching controls are presented, which are used to trigger the presentation of different live streams in the information stream.

4. The method according to claim 3, wherein the plurality of switching controls includes a first switching control and a second switching control, and presenting the second live streaming interface includes: In response to triggering the first switching control, the second live streaming interface is displayed. The method further includes: presenting the second switching control on the second live streaming interface; and presenting the first live streaming interface in response to triggering the second switching control.

5. The method of claim 1, wherein receiving the first operation comprises: On the first live streaming interface, content items are presented, the content items are associated with the second live streaming, and the interface elements include the content items; as well as Receive the first operation, which is associated with the content item.

6. The method of claim 5, wherein the second live stream is associated with the first user, and the content item includes the identification information of the first user.

7. The method according to claim 1, wherein the first operation includes a hover operation on the interface element, and the presentation of the second screen of the second live stream on the first live stream interface includes: In response to the hovering operation reaching a preset duration, the second screen is displayed on the first live streaming interface.

8. The method according to claim 7, wherein presenting the second screen on the first live streaming interface in response to the hovering operation reaching a preset duration includes: The second screen is displayed in a floating window style at the associated location of the interface element.

9. The method according to claim 7, further comprising: In response to the hover operation moving outside the corresponding area of ​​the interface element, the second screen stops being displayed.

10. The method of claim 1, wherein the second frame is associated with the first frame, the live stream of the second live stream is associated with the second frame, and the first frame matches the second frame.

11. The method according to claim 1, further comprising: The second screen displays descriptive information, which is related to the second live stream.

12. The method of claim 11, wherein the descriptive information indicates at least one of the following: Information about the broadcaster of the second live stream; The identification information for the second live stream; The second live stream includes interactive information. Overview information regarding the live stream content.

13. The method according to claim 1, further comprising: In response to displaying the first screen, a first audio is played, the first audio corresponding to the first live stream. Wherein, the second audio corresponding to the second live broadcast is not played, or the volume of the second audio is less than a threshold.

14. The method of claim 13, further comprising: Receive a second operation, which is related to the second screen; as well as Play the second audio, or adjust the volume of the second audio.

15. A device for interface interaction, comprising: The first presentation module is configured to present a first live broadcast interface, which presents the first screen of the first live broadcast and is used to interact with the first live broadcast. The operation receiving module is configured to receive a first operation, which is associated with an interface element in the first live broadcast interface. The second presentation module is configured to maintain the first screen in the first live broadcast interface and present the second screen of the second live broadcast in the first live broadcast interface. as well as The third presentation module is configured to present a second live broadcast interface in response to triggering the interface element or the second screen, the second live broadcast interface being used to interact with the second live broadcast.

16. 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 14 when executed by the at least one processor.

17. 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 14.

18. 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 14.

Images