Interface interaction method and apparatus, and device and storage medium

Abstract

The embodiments of the present disclosure relate to an interface interaction method and apparatus, and a device and a storage medium. The method proposed herein comprises: in response to the end of live streaming of a first live-streaming party, presenting first content in a first viewing interface associated with the first live-streaming party, wherein the first content comprises live-streaming preview content of a second live-streaming party, and a second live-streaming room is in a live-streaming state; in response to a first trigger condition being met, presenting a second viewing interface; and presenting first identification information of a group of live-streaming parties in the second viewing interface, wherein the group of live-streaming parties comprises the second live-streaming party.

Description

Methods, apparatus, devices and storage media for user interface interaction

[0001] This application claims priority to Chinese Patent Application No. 202510027143.X, filed on January 7, 2025, entitled "Method, Apparatus, Device and Storage Medium for Interface Interaction", the entire contents of which are incorporated herein by reference. Technical Field

[0002] The exemplary embodiments disclosed herein relate generally to the field of computers, and more particularly to methods, apparatuses, devices, and computer-readable storage media for interface interaction. Background Technology

[0003] With the development of computer technology, more and more applications are able to provide live streaming content. Various types of live streams can provide people with information, education, lifestyle, and entertainment content. In some cases, when the live stream a user is currently watching ends, the user may wish to continue watching other live streams. Summary of the Invention

[0004] In a first aspect of this disclosure, a method for interface interaction is provided. The method includes: in response to the end of a first live stream by a first live streamer, presenting first content in a first viewing interface associated with the first live streamer, the first content including a live stream preview of a second live streamer, wherein the second live stream is in a live streaming state; in response to a first triggering condition being met, presenting a second viewing interface; and presenting first identification information of a group of live streamers in the second viewing interface, the group of live streamers including the second live streamer.

[0005] In a second aspect of this disclosure, a method for interface interaction is provided. The method includes: presenting first live content associated with a first live streamer in a viewing interface of an information stream; in response to the end of the first live streamer's broadcast, presenting a live preview of a fourth live streamer in a first area of ​​the viewing interface, the fourth live streamer being determined based on the information stream; and in response to a second triggering condition being met, presenting second live content of the fourth live streamer in a second area of ​​the viewing interface, the second area being larger than the first area.

[0006] In a third aspect of this disclosure, an apparatus for interface interaction is provided. The apparatus includes: a first presentation module configured to, in response to the end of a first live stream by a first live streamer, present first content in a first viewing interface associated with the first live streamer, the first content including a live preview of a second live streamer, wherein the second live stream is in a live streaming state; a second presentation module configured to, in response to the fulfillment of a first trigger condition, present a second viewing interface; and a third presentation module configured to, in the second viewing interface, present first identification information of a group of live streamers, the group of live streamers including the second live streamer.

[0007] In a fourth aspect of this disclosure, an apparatus for interface interaction is provided. The apparatus includes: a content presentation module configured to present first live content associated with a first live streamer in a viewing interface of an information stream; a preview content presentation module configured to present a live preview of a fourth live streamer in a first area of ​​the viewing interface in response to the end of the first live streamer's broadcast, the fourth live streamer being determined based on the information stream; and a content switching module configured to present second live content of the fourth live streamer in a second area of ​​the viewing interface in response to the fulfillment of a second trigger condition, the second area being larger than the first area.

[0008] In a fifth aspect of this disclosure, 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 methods of the first or second aspect.

[0009] In a sixth aspect of this disclosure, 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 methods of the first or second aspect.

[0010] In a seventh aspect of this disclosure, 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 or second aspect.

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

[0012] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. In the drawings, the same or similar reference numerals denote the same or similar elements, wherein:

[0013] Figure 1 shows a schematic diagram of an example environment in which embodiments of the present disclosure may be implemented;

[0014] Figures 2A and 2B show example interfaces of first example interactions according to some embodiments of the present disclosure;

[0015] Figures 3A and 3B illustrate flowcharts of the content switching implementation process according to some embodiments of the present disclosure;

[0016] Figures 4A to 4C show example interfaces of second example interactions according to some embodiments of the present disclosure;

[0017] Figure 5 shows a flowchart of an example process 500 for interface interaction according to some embodiments of the present disclosure;

[0018] Figure 6 shows a flowchart of an example process 600 for interface interaction according to some embodiments of the present disclosure;

[0019] Figure 7 shows a schematic structural block diagram of an example device 700 for interface interaction according to some embodiments of the present disclosure;

[0020] Figure 8 shows a schematic structural block diagram of an example device 800 for interface interaction according to some embodiments of the present disclosure; and

[0021] Figure 9 shows a block diagram of an electronic device capable of implementing several embodiments of the present disclosure. Detailed Implementation

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

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

[0024] In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". 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.

[0025] The embodiments of this disclosure may involve user data, data acquisition, and / or use. All of these aspects comply with applicable laws, regulations, and relevant provisions. In the embodiments of this disclosure, all data collection, acquisition, processing, manipulation, forwarding, and use are conducted with the user's knowledge and confirmation. Accordingly, in implementing the embodiments of this disclosure, 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 in accordance with relevant laws and regulations through appropriate means. The specific methods of notification and / or authorization may vary depending on the actual situation and application scenario, and the scope of this disclosure is not limited in this respect.

[0026] In this specification and the embodiments, any processing of personal information will be carried out only under the premise of legality (such as obtaining the consent of the personal information 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 other than that necessary for basic functions will not affect the user's use of basic functions.

[0027] As mentioned above, with the development of computer technology, more and more applications are able to provide live streaming content. Various types of live streams can provide people with content covering information, education, lifestyle, and entertainment. In some cases, when the live stream a user is currently watching ends, the user may wish to continue watching other live streams.

[0028] The embodiments of this disclosure propose a first interface interaction scheme. This scheme includes: in response to the end of a first live stream by a first live streamer, presenting first content in a first viewing interface associated with the first live streamer, the first content including a live preview of a second live streamer, wherein the second live stream is in a live streaming state; in response to a first triggering condition being met, presenting a second viewing interface; and presenting a first identification information of a group of live streamers in the second viewing interface, the group of live streamers including the second live streamer.

[0029] The embodiments of this disclosure propose a second interface interaction scheme. This scheme includes: presenting first live content associated with a first live streamer in the information stream viewing interface; in response to the end of the first live streamer's broadcast, presenting a live preview of a fourth live streamer in a first area of ​​the viewing interface, the fourth live streamer being determined based on the information stream; and in response to a second triggering condition being met, presenting second live content of the fourth live streamer in a second area of ​​the viewing interface, the second area being larger than the first area.

[0030] In this way, the embodiments of this disclosure can effectively improve the efficiency of information acquisition.

[0031] The following section provides a detailed description of various example implementations of this scheme, with reference to the accompanying drawings.

[0032] Example Environment

[0033] Figure 1 illustrates a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. As shown in Figure 1, the example environment 100 may include an electronic device 110.

[0034] 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, examples of which may include, but are not limited to, online video applications, content sharing applications, live streaming applications, social applications, or other suitable applications. User 140 can interact with application 120 via electronic device 110 and / or its attached devices.

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

[0036] In some embodiments, 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 thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, electronic device 110 can also support any type of user-facing interface (such as "wearable" circuitry).

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

[0038] 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 may include, but is not limited to, Bluetooth, mobile network, Universal Serial Bus (USB), and Wireless Fidelity (WiFi) connections; the embodiments of this disclosure are not limited in this respect. In the embodiments of this disclosure, server 130 and electronic device 110 can achieve signaling interaction through the communication connection between them.

[0039] 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 this disclosure.

[0040] The following description will continue with reference to the accompanying drawings, which will provide some exemplary embodiments of this disclosure.

[0041] First example interaction

[0042] Figures 2A and 2B illustrate example interfaces 200A to 200B according to some embodiments of the present disclosure. Interfaces 200A to 200B may be provided, for example, by the electronic device 110 shown in Figure 1.

[0043] In some embodiments, when the first live streamer's live stream ends, the electronic device 110 can display the second live streamer's live stream on the first live streamer's shutdown screen. Specifically, in response to the first live streamer ending its live stream, the electronic device 110 displays first content on the first viewing interface associated with the first live streamer. The first content includes a preview of the second live streamer's live stream, and the second live stream is in a live streaming state. The association between the second live streamer and the current user meets preset conditions. The current user can be a viewer on the first viewing interface.

[0044] As an example, as shown in Figure 2A, Figure 2A illustrates a schematic diagram of an interface 200A according to some embodiments of this disclosure. Referring to Figure 2A, after the live broadcast by host A (i.e., the first broadcaster) ends, the electronic device 110 can display interface 200A (i.e., the first viewing interface). Interface 200A can, for example, display host A's end-of-broadcast page (i.e., the page displayed after the live broadcast ends). The live broadcast interface 200A includes host A's live broadcast information, such as the live broadcast time, live broadcast duration, live broadcast category, and number of live broadcast views. The live broadcast category can be, for example, gaming, music, or dance. The live broadcast event can be, for example, "Every Tuesday at 21:00," and the number of live broadcast views indicates the number of times the live broadcast has been viewed.

[0045] Interface 200A also includes a recommendation card 210, which contains a live preview component 215 and a streamer recommendation component 220. The live preview component 215 displays the live stream of streamer 225 (the second streamer), who can be the first streamer in the streamer recommendation component 220. The streamer recommendation component 220 includes avatar information for multiple streamers, all of whom are currently live. Streamer 255 (the second streamer) can be the streamer with the most views from user 140, or the streamer currently receiving the most views.

[0046] Additionally or alternatively, the electronic device 110 may also rotate the live streams of multiple broadcasters in the broadcaster recommendation component 220 in the live stream preview component 215.

[0047] In this way, embodiments of this disclosure can display the live streaming information of other broadcasters on the closing page, thereby improving the efficiency of information acquisition.

[0048] In some embodiments, the electronic device 110 can also display the avatar information of a third-party live streamer in the streamer recommendation component 220. Specifically, the electronic device 110 can display the identification information of at least one third-party live streamer in the first viewing interface, indicating that at least one third-party live streamer is currently live. As an example, as shown in FIG2A, the electronic device 110 can not only display the avatar information of streamer 225 in the streamer recommendation component 220, but also display the avatar information of other streamers (i.e., at least one third-party live streamer). Streamer 225 and the other streamers in the streamer recommendation component 220 can be determined by the server 130 based on the historical live streaming interaction information of user 140.

[0049] In some embodiments, electronic device 110 can obtain multiple recommended broadcasters from server 130 to present the multiple recommended broadcasters in broadcaster recommendation component 220. Specifically, the second broadcaster is determined based on the current user's historical live streaming interaction information. As an example, server 130 can recommend multiple broadcasters to user 140 based on user 140's historical live streaming interaction information, which can indicate the broadcasters that user 140 watched or interacted with during historical time periods. The multiple recommended broadcasters can be, for example, multiple broadcasters whose number of views exceeds a first threshold, or multiple broadcasters whose number of viewers increases beyond a second threshold. After obtaining the multiple recommended broadcasters, electronic device 110 can present the multiple recommended broadcasters in broadcaster recommendation component 220 in interface 200A.

[0050] In some scenarios, when server 130 does not obtain historical live streaming interaction information from user 140, server 130 can recommend other streamers similar to streamer A (i.e., the first streamer) to user 140. For example, server 130 can recommend streamers to user 140 based on the type of live streaming content of streamer A (i.e., the first streamer). Specifically, if streamer A is a streamer in the gaming field, then server 130 can recommend other currently streaming gaming streamers to user 140. In this way, embodiments of this disclosure can improve the matching degree between recommendation information and users, thereby better helping users obtain the information they expect.

[0051] In some embodiments, the electronic device 110 can not only present the live preview component 215 and the streamer recommendation component 220 in the recommendation card 210, but also present prompts for multiple streamers associated with the user 140. Specifically, the electronic device 110 can present prompts in the first viewing interface, indicating the number of multiple streamers associated with the current user, and that these multiple streamers are currently live. As an example, as shown in FIG2A, the electronic device 110 can also present prompts 230 in the recommendation card 210. Prompts 230 can be the live status (i.e., currently live or not live) of multiple streamers associated with the user 140 obtained by the electronic device 110 from the server 130. The multiple streamers associated with the user 140 can be multiple streamers that the user 140 is currently following.

[0052] In some embodiments, the electronic device 110 may update the first content in response to receiving a third operation on the first viewing interface, thereby stopping the presentation of the live preview content on the first viewing interface. As an example, the electronic device 110 may provide preset controls on the shutdown page, and the electronic device 110 may update the first content in response to receiving a user's selection of the preset controls. The updated first content may, for example, include live previews from other live streamers, but exclude live previews or live cover images from a second live streamer.

[0053] In some embodiments, the electronic device 110 can also receive a user's swiping operation on the interface 200A, thereby switching the content presented on the interface 200A based on the swiping operation. Specifically, the electronic device 110 can switch the first viewing interface to media content in the playback stream in response to receiving a second operation on the first viewing interface. The first viewing interface is associated with the information stream. The media content includes live content associated with a fourth live streaming provider. The second live streaming provider is different from the fourth live streaming provider.

[0054] As an example, as shown in Figure 2A, interface 200A is associated with an information stream, also known as a feed stream. This feed can be associated with multiple media contents (e.g., multiple works, multiple live streams from different broadcasters) and supports user-defined actions (e.g., swiping up and down) on the viewing interface to switch to other media content within the feed. When receiving a live stream switching instruction, electronic device 110 can switch the live stream content (i.e., media content) presented in interface 200A. The live stream switching instruction could be, for example, a swiping action by user 140 on interface 200A. When switching live stream feeds, electronic device 110 can prioritize switching to the live stream content of multiple broadcasters included in the broadcaster recommendation component 220. For example, the currently displayed feed in interface 200A might be broadcaster A's closing screen, and the broadcaster recommendation component 220 might include broadcaster B (i.e., the fourth broadcaster). When electronic device 110 receives a live stream switching instruction, it can switch broadcaster A's closing screen to broadcaster B's live stream content. This method makes it more convenient for users to browse live streams.

[0055] In some embodiments, when interface 200A displays the broadcast termination page of broadcaster A again, electronic device 110 may stop displaying recommendation card 210. Specifically, after electronic device 110 switches to media content in the playback stream on the first viewing interface, electronic device 110 may, in response to receiving a third operation on the first viewing interface, switch the first viewing interface to display second content associated with the first live broadcaster. The second content does not include live preview content.

[0056] As an example, when electronic device 110 re-presents broadcaster A's closing page through interface 200A, electronic device 110 can stop displaying recommendation card 210 and only display live broadcast information associated with broadcaster A. In this way, the same components can be avoided from being displayed repeatedly, thereby reducing user fatigue when browsing the information stream and improving the user's interactive experience.

[0057] Because the player built into electronic device 110 is asynchronously released, and the live room identifier for the same live room is shared, when switching live rooms, if the live room before and after the switch has the same video stream, the live content in the switched live room will appear black. Therefore, it is necessary to avoid the live room before and after the switch having the same video stream when switching live rooms.

[0058] In some embodiments, the electronic device 110 may switch the first viewing interface to second content associated with the first live streamer in response to a status information associated with the first content indicating that the first content has been presented. The status information is maintained in association with the first content.

[0059] As an example, Figures 3A and 3B illustrate the content switching implementation process of an embodiment of this disclosure. After the live broadcast room 310 displays the closing page 320 (closing page), the server 130 can record the representation information of the live broadcast preview screen in the recommendation card to avoid the video stream used by the switched live broadcast room 330 being the same as the video stream used by the preview screen.

[0060] Specifically, when electronic device 110 switches between live streaming rooms, it can send an inquiry request to server 130 via information display module 340. This inquiry request queries the management module 350 deployed on server 130 for the identification information of the switched live streaming room. After receiving the inquiry request, server 130 can determine the status information of live streaming room 310 (i.e., whether the closing page 320 is displayed) based on data stored in display status repository 353. Once the closing page 320 is determined to be displayed in live streaming room 310, server 130 can use live streaming room list provision module 356 to determine live streaming room 330, which has different identification information from the closing page 320, in live streaming room list repository 370, and provide live streaming room 330 to electronic device 110. This method avoids black screens when switching live streaming rooms, thereby improving the user's interactive experience.

[0061] In some embodiments, electronic device 110 presents a second viewing interface in response to a first trigger condition being met. The first trigger condition includes receiving a first operation in the first viewing interface or the end of a first timer associated with the first content. Such a countdown can be, for example, pre-set countdown information associated with the live preview component 215. As an example, as shown in Figures 2A and 2B, electronic device 110 can receive a user's first operation through interface 200A. The first operation can include, for example, selecting the live preview component 215, selecting any anchor avatar in the anchor recommendation component 220, or selecting the control 240. When the first operation is received by electronic device 110, electronic device 110 can present interface 200B. Interface 200B can be used, for example, to present a second viewing interface. The second viewing interface can be a live tab, and in response to a swipe operation (e.g., a left or right swipe) on the second viewing interface (live channel page), the live tab is stopped from being displayed, and a third viewing interface is displayed. The third viewing interface displays multiple tabs, including the tab corresponding to the live tab (e.g., "live"). The third viewing interface could be a recommendation interface corresponding to a tag (e.g., "tag").

[0062] In some scenarios, control 240 also includes a countdown timer associated with the first content. When the countdown in control 240 ends, electronic device 110 can display a second viewing interface.

[0063] In some embodiments, the electronic device 110 may present a reminder element associated with the first timer in a first viewing interface. Such a reminder element may be, for example, an animation in the control 240.

[0064] In some embodiments, the electronic device 110 presents a set of first identification information of live streamers in a second viewing interface, the set of live streamers including a second live streamer. The second live streamer is displayed in a preset position in the live streamer list. As an example, as shown in FIG2B, the electronic device 110 can present a live streamer list 250 in interface 200B, the live streamer list 250 including the avatar information (i.e., first identification information) of multiple streamers. The live streamer list 250 includes at least the avatar information of streamer 225 (i.e., the second live streamer). As an example, the first identification information can be associated with an access point corresponding to the corresponding live streamer. For example, a user can access the corresponding live stream interface by clicking on the avatar of the live streamer.

[0065] The live streamer list 250 here can be determined by server 130 based on users' historical live stream interaction information. The order of the streamers in the live streamer list 250 can be determined by users 140's historical live stream interaction information, or by the popularity information of the streamers in the live streamer list 250. Popularity information indicates the number of times a streamer in the live streamer list 250 has been viewed within a preset time period. In some scenarios, electronic device 110 can display streamer 225 at the top of the live streamer list 250.

[0066] In some embodiments, electronic device 110 may display at least one live streamer determined by server 130 based on a second live streamer in the live streamer list 250. When electronic device 110 displays interface 200B, electronic device 110 may obtain multiple other live streamers determined by server 130 based on the second live streamer to display the live streamer list 250 in interface 200B. Server 130 may recommend streamers to user 140 based on the type of live content of the second live streamer. Specifically, if streamer A is a dance streamer, then server 130 may send relevant information about other dance streamers currently live streaming to electronic device 110.

[0067] In some embodiments, the electronic device 110 may present a set of first identification information of the live streamers in an information panel of the second viewing interface. The information panel can be hidden or shown based on user operations. The information panel is triggered to appear in the second viewing interface independently of user operations in the second viewing interface. As an example, as shown in FIG2B, when the live streaming tab is presented, the electronic device 110 may present a list of live streamers 250 (i.e., the information panel) in the live streaming tab. The list of live streamers 250 (i.e., the information panel) is in an expanded state when presented by the electronic device 110. The list of live streamers 250 (i.e., the information panel) includes the avatar information (i.e., first identification information) of multiple streamers. When the electronic device 110 receives a swiping operation (e.g., swiping up or down) on the list of live streamers 250, the electronic device 110 may hide the list of live streamers 250 (i.e., the information panel).

[0068] In this way, the embodiments of this disclosure can effectively improve the efficiency of information acquisition.

[0069] Second example interaction

[0070] Figure 4A shows the viewing interface 400A of the information stream 405. As shown in Figure 4A, the electronic device 110 can view the first live content 410 presented in the interface 400A that is associated with the first live broadcaster (e.g., broadcaster A).

[0071] In some contexts, the 405 information stream is also called a feed stream. It can be associated with multiple media content (e.g., multiple works, live streams from multiple broadcasters) and supports users to switch to other media content in the playback feed using preset operations on the viewing interface (e.g., swiping up and down).

[0072] Furthermore, in response to the end of the first live stream, the electronic device 110 can display the state shown in Figure 4B. In some scenarios, Figure 4B can correspond to the first live streamer's closing page.

[0073] As shown in Figure 4B, the electronic device 110 can display a prompt message 415 on the viewing interface to indicate that the first live broadcaster has ended.

[0074] Additionally, the electronic device 110 can also display a live preview 425 of a fourth live streamer (e.g., broadcaster B) in the first area 420 of the viewing interface. In some embodiments, the fourth live streamer may be determined based on the information flow 405. For example, the fourth live streamer may be a live streamer located adjacent to the first live streamer in the information flow.

[0075] As shown in Figure 4B, the first area can be smaller than the content playback area of ​​the viewing interface. Accordingly, the live preview content 425 can be a portion of the live stream from the fourth broadcaster that corresponds to the first area 420. For example, the live preview content 425 can be obtained by cropping the portion of the live stream that corresponds to the first area 420.

[0076] In some embodiments, when the second triggering condition is met, the electronic device 110 can switch to the state shown in FIG. 4C. As shown in FIG. 4C, the electronic device 110 can display the second live content 435 associated with the fourth live broadcaster (i.e., broadcaster B) in the second area 430 of the viewing interface of the information stream 405. As an example, the electronic device 110 can receive a user's swipe operation in a preset direction (e.g., an upward swipe operation) and can switch the viewing interface to the state shown in FIG. 4C.

[0077] The interface shown in Figure 4C can also be referred to as the live streaming interface of the fourth live streaming party, and the current user can join the live streaming room corresponding to the fourth live streaming party. Accordingly, as shown in Figure 4C, the electronic device 110 can present a set of live streaming components associated with the fourth live streaming party in the second area 430.

[0078] As another example, electronic device 110 can also automatically switch to the state shown in Figure 4C after the timer associated with the viewing interface expires, without relying on user interaction. As shown in Figure 4C, electronic device 110 can fully display the live broadcast of the fourth broadcaster in interface 400C.

[0079] In some embodiments, the electronic device 110 may present a transition animation from the first interface state shown in FIG4B to the second interface state shown in FIG4C to demonstrate the dynamic increase of the display area.

[0080] In some embodiments, to improve the smoothness of the transition, as shown in Figures 4B and 4C, the first region 420 and the second region 430 correspond to the same width.

[0081] First Example Process

[0082] Figure 5 shows a flowchart of an example process 500 of interface interaction according to some embodiments of the present disclosure. Process 500 can be implemented at electronic device 110. Process 500 will now be described with reference to Figure 1.

[0083] As shown in Figure 5, in box 510, the electronic device 110 responds to the end of the live broadcast by the first live broadcaster and presents the first content in the first viewing interface associated with the first live broadcaster. The first content includes the live broadcast preview content of the second live broadcaster, wherein the second live broadcast room is in a live broadcast state.

[0084] In box 520, electronic device 110 responds to the first trigger condition being met by presenting a second viewing interface.

[0085] In frame 530, electronic device 110 presents a first identification information of a group of live streaming parties in the second viewing interface, the group of live streaming parties including the second live streaming party.

[0086] In some embodiments, the first triggering condition includes: receiving a first operation in a first viewing interface; or the expiration of a first timer associated with the first content.

[0087] In some embodiments, process 500 further includes: presenting a reminder element associated with the first timer in a first viewing interface.

[0088] In some embodiments, the second live streamer is determined based on the current user's historical live stream interaction information.

[0089] In some embodiments, the second live streamer is displayed at a preset position among a group of live streamers.

[0090] In some embodiments, at least one of the live streaming parties in a group is determined based on a second live streaming party.

[0091] In some embodiments, process 500 further includes: presenting second identification information of at least one third live streamer in a first viewing interface, wherein at least one third live streamer is in a live streaming state.

[0092] In some embodiments, process 500 further includes: presenting a prompt message in a first viewing interface, the prompt message indicating the number of multiple live streamers associated with the current user, the multiple live streamers being in a live streaming state.

[0093] In some embodiments, the first viewing interface is associated with the information stream, and process 500 further includes: in response to receiving a second operation in the first viewing interface, switching the first viewing interface to play media content in the information stream.

[0094] In some embodiments, the media content includes live content associated with a fourth live streaming provider.

[0095] In some embodiments, the second live streaming party is different from the fourth live streaming party.

[0096] In some embodiments, after the first viewing interface switches to media content in the playback stream, process 500 further includes: in response to receiving a third operation in the first viewing interface, switching the first viewing interface to display second content associated with the first live streamer, the second content not including live preview content.

[0097] In some embodiments, switching the first viewing interface to display second content associated with the first live streamer includes: in response to a status information associated with the first content indicating that the first content has been displayed, switching the first viewing interface to display second content associated with the first live streamer, wherein the status information is maintained in association with the first content.

[0098] In some embodiments, presenting a set of first identification information of the live streamer in the second viewing interface includes: presenting a set of first identification information of the live streamer in an information panel in the second viewing interface, wherein the information panel can be hidden or presented based on user operation.

[0099] In some embodiments, the information panel is triggered to appear in the second viewing interface independently of user actions in the second viewing interface.

[0100] In some embodiments, the association between the second live streamer and the current user meets preset conditions.

[0101] In some embodiments, process 500 further includes: in response to receiving a third operation in the first viewing interface, updating the first content to stop displaying the live preview content in the first viewing interface.

[0102] Second Example Process

[0103] Figure 6 illustrates a flowchart of an example process 600 for interface interaction according to some embodiments of the present disclosure. Process 600 can be implemented at electronic device 110. Process 600 will now be described with reference to Figure 1.

[0104] As shown in Figure 6, in box 610, the electronic device 110 displays the first live broadcast content associated with the first live broadcaster in the information flow viewing interface.

[0105] In frame 620, in response to the end of the first live stream, the electronic device 110 displays the live stream preview content of the fourth live streamer in the first area of ​​the viewing interface. The fourth live streamer is determined based on the information stream.

[0106] In frame 630, in response to the second triggering condition being met, electronic device 110 presents the second live broadcast content of the fourth live broadcaster in the second area of ​​the viewing interface, where the second area is larger than the first area.

[0107] In some embodiments, the second triggering condition includes: receiving a swipe operation in a preset direction in the viewing interface; or the end of a second timer associated with the viewing interface.

[0108] In some embodiments, the live preview content includes a portion of the live stream from the fourth live streamer that corresponds to the first area.

[0109] In some embodiments, process 600 further includes: presenting a set of live streaming components associated with the fourth live streaming party in the second area.

[0110] In some embodiments, the first region and the second region correspond to the same width.

[0111] Example devices and equipment

[0112] Embodiments of this disclosure also provide corresponding apparatus for implementing the methods or processes described above. FIG7 shows a schematic structural block diagram of an example apparatus 700 for interface interaction according to certain embodiments of this disclosure. Apparatus 700 may be implemented as or included in electronic device 110. The various modules / components in apparatus 700 may be implemented by hardware, software, firmware, or any combination thereof.

[0113] As shown in Figure 7, the device 700 includes: a first presentation module 710 configured to present first content in a first viewing interface associated with the first live streamer in response to the end of the live stream by the first live streamer, the first content including the live stream preview content of the second live streamer, wherein the second live stream room is in a live streaming state; a second presentation module 720 configured to present a second viewing interface in response to the fulfillment of a first trigger condition; and a third presentation module 730 configured to present a first identification information of a group of live streamers in the second viewing interface, the group of live streamers including the second live streamer.

[0114] In some embodiments, the first triggering condition includes: receiving a first operation in a first viewing interface; or the expiration of a first timer associated with the first content.

[0115] In some embodiments, the device 700 further includes a reminder element presentation module configured to present a reminder element associated with the first timer in a first viewing interface.

[0116] In some embodiments, the second live streamer is determined based on the current user's historical live stream interaction information.

[0117] In some embodiments, the second live streamer is displayed at a preset position among a group of live streamers.

[0118] In some embodiments, at least one of the live streaming parties in a group is determined based on a second live streaming party.

[0119] In some embodiments, the device 700 further includes an identification presentation module configured to present second identification information of at least one third live streamer in a first viewing interface, wherein at least one third live streamer is in a live streaming state.

[0120] In some embodiments, the device 700 further includes a prompt presentation module configured to present prompt information in a first viewing interface, the prompt information indicating the number of multiple live streamers associated with the current user, and the multiple live streamers being in a live streaming state.

[0121] In some embodiments, the first viewing interface is associated with an information stream, and the device 700 further includes a first switching module configured to switch the first viewing interface to play media content in the information stream in response to receiving a second operation in the first viewing interface.

[0122] In some embodiments, the media content includes live content associated with a fourth live streaming provider.

[0123] In some embodiments, the second live streaming party is different from the fourth live streaming party.

[0124] In some embodiments, the device 700 further includes a switching module configured as a second switching module, configured to switch the first viewing interface to display second content associated with the first live streamer in response to receiving a third operation in the first viewing interface, the second content excluding the live stream preview content.

[0125] In some embodiments, the second switching module is further configured to: in response to a status information associated with the first content indicating that the first content has been presented, switch the first viewing interface to present the second content associated with the first live streamer, wherein the status information is associated with the first content and is maintained.

[0126] In some embodiments, the third presentation module is further configured to present a set of first identification information of the live streamer in an information panel in the second viewing interface, wherein the information panel can be hidden or presented based on user operations.

[0127] In some embodiments, the information panel is triggered to appear in the second viewing interface independently of user actions in the second viewing interface.

[0128] In some embodiments, the association between the second live streamer and the current user meets preset conditions.

[0129] In some embodiments, the device 700 further includes a module configured to update the first content in response to receiving a third operation in the first viewing interface, so as to stop the presentation of the live preview content in the first viewing interface.

[0130] Figure 8 shows a schematic structural block diagram of an example device 800 for interface interaction according to certain embodiments of the present disclosure. Device 800 may be implemented as or included in electronic device 110. Various modules / components in device 800 may be implemented by hardware, software, firmware, or any combination thereof.

[0131] As shown in Figure 8, the device 800 includes: a content presentation module 810, configured to present first live content associated with a first live streamer in the viewing interface of the information stream; a preview content presentation module 820, configured to present a live preview of a fourth live streamer in a first area of ​​the viewing interface in response to the end of the first live streamer's live stream, wherein the fourth live streamer is determined based on the information stream; and a content switching presentation module 830, configured to present second live content of the fourth live streamer in a second area of ​​the viewing interface in response to the fulfillment of a second trigger condition, wherein the second area is larger than the first area.

[0132] In some embodiments, the second triggering condition includes: receiving a swipe operation in a preset direction in the viewing interface; or the end of a second timer associated with the viewing interface.

[0133] In some embodiments, the live preview content includes a portion of the live stream from the fourth live streamer that corresponds to the first area.

[0134] In some embodiments, the device 800 further includes a live streaming component presentation module configured to present a set of live streaming components associated with a fourth live streaming party in a second area.

[0135] In some embodiments, the first region and the second region correspond to the same width.

[0136] The modules included in device 700 or device 800 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, 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 700 or device 800 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 products (ASSPs), systems-on-chips (SoCs), complex programmable logic devices (CPLDs), and so on.

[0137] Figure 9 illustrates a block diagram of an electronic device 900 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 900 shown in Figure 9 is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. The electronic device 900 shown in Figure 9 can be used to implement the electronic device 110 discussed above.

[0138] As shown in Figure 9, the electronic device 900 is in the form of a general-purpose electronic device. Components of the electronic device 900 may include, but are not limited to, one or more processing units or processors 910, memory 920, storage devices 930, one or more communication units 940, one or more input devices 950, and one or more output devices 960. The processor 910 may be a physical or virtual processor and is capable of performing various processes according to the programs stored in the memory 920. In a multiprocessor system, multiple processors execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 900.

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

[0140] Electronic device 900 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 9, 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 may be provided. In these cases, each drive may be connected to a bus (not shown) via one or more data media interfaces. Memory 920 may include computer program product 925 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

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

[0142] Input device 950 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 960 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 900 can also communicate with one or more external devices (not shown) via communication unit 940 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 900, or with any device that enables electronic device 900 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via input / output (I / O) interface (not shown).

[0143] According to an exemplary implementation of this disclosure, 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. According to an exemplary implementation of this disclosure, 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.

[0144] Various aspects of this disclosure are described herein with reference to flowchart illustrations and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to this disclosure. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer-readable program instructions.

[0145] These computer-readable program instructions can be provided to a processing unit 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 processing unit 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.

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

[0147] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, 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 indicated in the blocks may occur in a different order than those indicated in the drawings. 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, may 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.

[0148] Various implementations of this disclosure have been described above. These 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: In response to the end of the live broadcast by the first live broadcaster, first content is presented in the first viewing interface associated with the first live broadcaster. The first content includes the live broadcast preview content of the second live broadcaster, wherein the second live broadcast room is in a live broadcast state. In response to the first trigger condition being met, the second viewing interface is displayed; as well as The second viewing interface displays the first identification information of a group of live streaming parties, including the second live streaming party.

2. The method according to claim 1, wherein the first triggering condition includes: The first operation is received in the first viewing interface; or The first timer associated with the first content ends.

3. The method according to claim 2, further comprising: The reminder element associated with the first timer is displayed in the first viewing interface.

4. The method according to any one of claims 1 to 3, wherein the second live streaming party is determined based on the current user's historical live streaming interaction information.

5. The method according to any one of claims 1 to 4, wherein the second live streamer is displayed at a preset position among the group of live streamers.

6. The method according to any one of claims 1 to 5, wherein at least one of the live streaming parties in the group is determined based on the second live streaming party.

7. The method according to any one of claims 1 to 6, further comprising: The first viewing interface displays the second identification information of at least one third live streamer, and the at least one third live streamer is in a live streaming state.

8. The method according to any one of claims 1 to 7, further comprising: The first viewing interface displays a prompt message indicating the number of multiple live streamers associated with the current user, and these multiple live streamers are currently live streaming.

9. The method according to any one of claims 1 to 8, wherein the first viewing interface is associated with an information stream, the method further comprising: In response to receiving a second operation in the first viewing interface, the first viewing interface is switched to play media content in the information stream.

10. The method of claim 9, wherein the media content includes live content associated with a fourth live streaming party.

11. The method of claim 10, wherein the second live streaming party is different from the fourth live streaming party.

12. The method according to claim 9, wherein after switching the first viewing interface to play media content in the information stream, the method further comprises: In response to receiving a third operation in the first viewing interface, the first viewing interface is switched to display second content associated with the first live streamer, the second content excluding the live stream preview content.

13. The method of claim 12, wherein switching the first viewing interface to display second content associated with the first live streamer includes: In response to a status information associated with the first content indicating that the first content has been presented, the first viewing interface is switched to present second content associated with the first live streamer, wherein the status information is maintained in association with the first content.

14. The method according to any one of claims 1 to 13, wherein presenting a set of first identification information of the live streamer in the second viewing interface includes: The first identification information of the group of live streaming parties is presented in the information panel of the second viewing interface, wherein the information panel can be hidden or shown based on user operation.

15. The method of claim 14, wherein the information panel is triggered to appear in the second viewing interface independently of user actions in the second viewing interface.

16. The method according to any one of claims 1 to 15, wherein the association between the second live streamer and the current user satisfies a preset condition.

17. The method according to any one of claims 1 to 16, further comprising: In response to receiving a third operation in the first viewing interface, the first content is updated to stop the presentation of the live preview content in the first viewing interface.

18. A user interface interaction method, comprising: The information feed viewing interface displays the first live stream content associated with the first live streamer; In response to the end of the first live stream, a preview of the fourth live stream is displayed in the first area of ​​the viewing interface. The fourth live stream is determined based on the information stream. as well as In response to the second triggering condition being met, the second live broadcast content of the fourth live broadcaster is presented in the second area of ​​the viewing interface, and the second area is larger than the first area.

19. The method of claim 18, wherein the second triggering condition comprises: A swipe operation in a preset direction is received in the viewing interface; or The second timer associated with the viewing interface ends.

20. The method according to any one of claims 18 to 19, wherein the live preview content includes a portion of the live stream screen of the fourth live streamer that corresponds to the first area.

21. The method according to any one of claims 18 to 20, further comprising: The second area presents a set of live streaming components associated with the fourth live streaming party.

22. The method according to any one of claims 18 to 21, wherein the first region and the second region correspond to the same width.

23. A device for interface interaction, comprising: The first presentation module is configured to, in response to the end of the live broadcast by the first live broadcaster, present first content in a first viewing interface associated with the first live broadcaster, the first content including the live broadcast preview content of the second live broadcaster, wherein the second live broadcast room is in a live broadcast state. The second presentation module is configured to present a second viewing interface in response to the first triggering condition being met. as well as The third presentation module is configured to present a set of first identification information of a group of live streamers in the second viewing interface, the group of live streamers including the second live streamer.

24. A device for interface interaction, comprising: The content presentation module is configured to display the first live broadcast content associated with the first live broadcaster in the information feed viewing interface; The preview content presentation module is configured to, in response to the end of the first live stream, present the live preview content of the fourth live streamer in the first area of ​​the viewing interface, wherein the fourth live streamer is determined based on the information stream; as well as The content switching module is configured to display the second live content of the fourth live streamer in the second area of ​​the viewing interface in response to the fulfillment of a second trigger condition. The second area is larger than the first area.

25. 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 17 or 18 to 22 when executed by the at least one processor.

26. 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 17 or 18 to 22.

27. 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 17 or 18 to 22.

Images