Interface interaction method and apparatus, and device, storage medium and program product

Abstract

According to the embodiments of the present disclosure, provided are an interface interaction method and apparatus, and a device, a storage medium and a program product. The method comprises: in response to a selection for a target item in a navigation bar, presenting a live-streaming label page, the live-streaming label page comprising a first region and a second region, wherein a group of access entries corresponding to a group of live-streaming rooms are presented in the first region, and live-streaming feeds are presented in the second region; and on the basis of a first sliding operation received on the live-streaming label page, stopping the presentation of at least part of the content in the first region, so as to increase the display size of the second region. In this way, the embodiments of the present disclosure can improve the efficiency of information acquisition.

Description

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

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

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

[0003] With the development of computer technology, live streaming has become a major way for people to obtain and share information. For example, users can view live streams through live streaming applications and, for instance, use swiping gestures to navigate through different content within the stream. 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 selection of a target item in a navigation bar, presenting a live streaming tab, the live streaming tab including a first area and a second area, the first area presenting a set of access points corresponding to a set of live streaming rooms, and the second area presenting a live streaming information stream; and based on a first swipe operation received in the live streaming tab, stopping the presentation of at least a portion of the content in the first area to increase the display size of the second area.

[0005] In a second aspect of this disclosure, an apparatus for interface interaction is provided. The apparatus includes: a presentation module configured to present a live streaming tab in response to selection of a target item in a navigation bar, the live streaming tab including a first area and a second area, the first area presenting a set of access points corresponding to a set of live streaming rooms, and the second area presenting a live streaming information stream; and a switching module configured to stop presenting at least a portion of the content in the first area based on a first swipe operation received in the live streaming tab, thereby increasing the display size of the second area.

[0006] In a third 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 method of the first aspect.

[0007] In a fourth 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 method of the first aspect.

[0008] In a fifth aspect of this disclosure, a computer program product is provided. The computer program product includes computer-executable instructions that, when executed by a processor, implement the method of the first aspect.

[0009] 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

[0010] 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:

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

[0012] Figures 2A to 2C illustrate example live streaming tabs according to some embodiments of the present disclosure;

[0013] Figures 3A and 3B illustrate example live streaming tabs according to other embodiments of the present disclosure;

[0014] Figure 4 shows a flowchart of the interface interaction process according to some embodiments of the present disclosure;

[0015] Figure 5 shows a schematic structural block diagram of a device for interface interaction according to certain embodiments of the present disclosure;

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

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

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

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

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

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

[0022] As described above, in the traditional approach, users can view the live stream information feed through the live stream tab of a live streaming application, and, for example, use swiping to access different content streams. However, users need complex interactions (e.g., search) to enter a specific live stream room, which increases the user's interaction cost.

[0023] In view of this, embodiments of the present disclosure propose a user interface interaction scheme. The scheme includes: responding to the selection of a target item in a navigation bar, presenting a live streaming tab, the live streaming tab including a first area and a second area, the first area presenting a set of access points corresponding to a set of live streaming rooms, and the second area presenting a live streaming information stream; and based on a first swipe operation received in the live streaming tab, stopping the presentation of at least a portion of the content in the first area to increase the display size of the second area. Therefore, embodiments of the present disclosure can improve the efficiency of information retrieval.

[0024] Based on this approach, embodiments of this disclosure can display both the first and second areas when a user accesses the live streaming tab, allowing the user to quickly obtain the desired live streaming content. Therefore, embodiments of this disclosure can improve the efficiency of interface interaction and information retrieval.

[0025] Example Environment

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

[0027] In this example environment 100, an application 120 is installed on an electronic device 110. A user 140 can interact with the application 120 via the electronic device 110 and / or its attached devices. The application 120 can be an application that supports user interface interaction, such as a media application, or any other suitable application.

[0028] In environment 100 of Figure 1, if application 120 is active, application 120 can provide a presentation interface 150 for user 140.

[0029] 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, 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).

[0030] 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 content presentation in electronic devices 110.

[0031] 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, and Wi-Fi 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.

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

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

[0034] Example Interaction

[0035] The following description of an example interaction process according to an embodiment of the present disclosure will be made with reference to FIGS. 2A to 2C. FIGS. 2A to 2C illustrate example interfaces 200A to 200C according to some embodiments of the present disclosure. Interfaces 200A to 200C may be provided, for example, by the electronic device 110 shown in FIG. 1.

[0036] As shown in Figure 2A, interface 200A can, for example, be provided by 120. Interface 200A may include, for example, a top navigation bar. As an example, the navigation bar may provide multiple navigation items, such as target item 205 (live).

[0037] In some embodiments, the electronic device 110 can receive a user's selection of a target item 205 and can present a live streaming tab as shown in FIG2A. As shown in FIG2A, when entering the live streaming tab, the electronic device 110 can display a first area 210 and a second area 225 of the live streaming tab.

[0038] As shown in Figure 2A, the first area 2l0 can display a set of access points 215 corresponding to a set of live streaming rooms. As an example, the set of access points 2l5 can be used to access the corresponding live streaming room. As an example, the electronic device 110 can receive the user's selection of the access point 215 and can accordingly display the live streaming interface of "anchor 1".

[0039] In some embodiments, the set of live streaming rooms corresponding to the group of access points 215 is determined based on the current user's historical live streaming interactions. As an example, the live streaming rooms corresponding to the group of access points 215 may include live streaming rooms currently followed by the user, live streaming rooms previously watched, and live streaming rooms that have been reserved by the user.

[0040] Additionally, the first area may also display one or more live stream management portals 220 associated with the current user. As an example, these portals could be used to view the current user's followed streamers, scheduled live stream events, and historically viewed live streams.

[0041] Furthermore, as shown in Figure 2A, the second area 225 can display a live stream, which can be associated with the live content of one or more live rooms. As shown, the second area 225 can display live content items 235.

[0042] Additionally, the second area 225 can also display a tab bar 230 with multiple tags. Tags can be used to filter the live content items presented in the live stream. As an example, the electronic device 110 can, for instance, receive a user's selection of the tag "Games" and can display live content items associated with "Games" in the live stream in the second area 225.

[0043] In this way, embodiments of the present disclosure can display the first area 210 by default when accessing the live streaming tab, so as to facilitate users to quickly access the live streaming room.

[0044] In some embodiments, the electronic device 110 may also receive a swipe operation associated with a live tab. For example, as shown in FIG2B, the electronic device 110 may receive an up swipe operation 240. Further, based on the up swipe operation 240, the electronic device 110 may stop displaying at least a portion of the content in the first area 210 to increase the display size of the second area 225.

[0045] Taking the swipe operation 240 as an example, the electronic device 110 can determine whether the swipe distance of the swipe operation 240 reaches a first threshold. Further, correspondingly, if the swipe distance reaches the first threshold, as shown in FIG2B, the electronic device 110 can switch the display mode of the first area 225 from the first mode shown in FIG2A to the second mode shown in FIG2B.

[0046] As shown in Figures 2A and 2B, the second mode can correspond to a smaller display size. As an example, in the second mode shown in Figure 2B, the electronic device 110 can retain a set of live stream access points 215 displayed in the first area. Furthermore, the live stream management entry 220 can, for example, be stopped from being displayed.

[0047] As shown in Figure 2C, the electronic device 110 may further receive a second sliding operation, such as an up-sliding operation 245. Accordingly, the electronic device 110 may determine, for example, that the distance of the up-sliding operation 245 has reached a threshold, and accordingly stop presenting the first region 210. The direction of the second sliding operation (e.g., the up-sliding operation 245) is the same as the direction of the first sliding operation (e.g., the up-sliding operation 240).

[0048] In the state shown in Figure 2C, the electronic device 110 can, for example, display the second area in full-screen mode, thereby displaying the live content item 235 in the live stream at a larger size.

[0049] In some embodiments, the electronic device 110 may also switch the first region 210 from the state shown in FIG2A to the state shown in FIG2C directly based on the swipe operation. For example, if the distance of the swipe operation reaches a threshold, the electronic device 110 may directly hide the first region 210.

[0050] In some embodiments, when region 210 is stopped from being displayed, electronic device 110 can display tab bar 230 at a fixed position in the live stream tab. As an example, electronic device 110 can continue to receive swipe-up operations and correspondingly switch the live content items displayed in the live stream feed. Furthermore, during the swipe-up process, tab bar 230 can, for example, be fixedly displayed at the top position of the live stream tab.

[0051] In some embodiments, taking FIG2C as an example, if the second region 225 currently displays the first live content item 235 in the live stream, the electronic device 110 may display the first region 210 in the live tab based on a third swipe operation (e.g., a swipe down) received in the live tab to reduce the display size of the second region 225, wherein the direction of the third swipe operation is opposite to the direction of the first swipe operation.

[0052] For example, in the state shown in FIG2C, the electronic device 110 can receive a swipe operation and can re-expand the first region 210 to the state shown in FIG2B or the state shown in FIG2A.

[0053] Therefore, the embodiments of this disclosure can dynamically adjust the display size of the first and second areas based on the user's swiping operation, thereby improving the efficiency of interface information display.

[0054] Example live streaming tabs 300A and 300B according to some embodiments of the present disclosure will now be described with further reference to Figures 3A and 3B. As shown in Figure 3A, live streaming tab 300A may include a first area 305 and a second area 310.

[0055] In some embodiments, the first area 305 may present multiple sets of access points corresponding to different categories, and each set of access points may be displayed in an aggregated style in the first area 305. For example, the first area 305 may display a first set of access points corresponding to recommended live streams, a second set of access points corresponding to followed live streams, and a third set of access points corresponding to recently viewed live streams.

[0056] As shown in Figure 3A, such a first group of access points, a second group of access points, and a third group of access points can be displayed aggregatedly in the first area 305. For example, the electronic device 110 can display multiple lists corresponding to the multiple groups of access points.

[0057] In some embodiments, the electronic device 110 may also present an interactive entry associated with at least one of the live streaming rooms in a first area 305. For example, such an interactive entry may include a reservation entry for booking a live streaming event in the live streaming room.

[0058] In some embodiments, the second region 310 may also present the live stream in a multi-column style. As shown in FIG3A, the electronic device 110 may, for example, display the live stream in a two-column style in the second region 310.

[0059] Figure 3B further illustrates a live streaming tab 300B according to other embodiments of the present disclosure. As shown in Figure 3B, a first area 315 of the live streaming tab 300B can display a first access entry 320 corresponding to the first live streaming room. In addition, the electronic device 110 can also play a first live streaming preview content 325 corresponding to the first live streaming room in the first area 315.

[0060] Additionally, the electronic device 110 can also receive user clicks on the second access point 330, which may correspond to a second live streaming room. Accordingly, the electronic device 110 plays the second live streaming preview content corresponding to the second live streaming room in the first area 315, and can stop playing the first live streaming preview content.

[0061] As an example, upon receiving a click on the second access point 330, the electronic device 110 can update the first live preview content 325 with the second live preview content.

[0062] In this way, embodiments of the present disclosure can provide users with an immersive live streaming experience in the first area, thereby improving the user interface interaction experience.

[0063] It should be understood that the live streaming tabs 300A and 300B can be used with reference to the interaction process described in Figures 2A to 2C. That is, the size of the first area in the live streaming tabs 300A and 300B can be dynamically adjusted based on the received swipe operation.

[0064] Based on the interaction process described above, embodiments of this disclosure can display a first area and a second area when a user accesses the live streaming tab, allowing the user to more quickly obtain the desired live streaming content. Therefore, embodiments of this disclosure can improve the efficiency of interface interaction and information retrieval.

[0065] Example process

[0066] Figure 4 shows a flowchart of an example interface interaction process 400 according to some embodiments of the present disclosure. Process 400 can be implemented at electronic device 110. Process 400 is described below with reference to Figure 1.

[0067] In frame 410, electronic device 110 responds to the selection of a target item in the navigation bar by displaying a live streaming tab. The live streaming tab includes a first area and a second area. The first area displays a set of access points corresponding to a set of live streaming rooms, and the second area displays the live streaming information stream.

[0068] In frame 420, based on a first swipe operation received in the live tab, electronic device 110 stops displaying at least a portion of the content in the first area to increase the display size of the second area.

[0069] In some embodiments, stopping the display of at least a portion of the content of the first area includes: based on the sliding distance of the first sliding operation reaching a first threshold, switching the display mode of the first area from a first mode to a second mode, the second mode corresponding to a smaller display size.

[0070] In some embodiments, process 400 further includes: stopping the presentation of the first area based on a second swipe operation received in the live tab, wherein the direction of the second swipe operation is the same as the direction of the first swipe operation.

[0071] In some embodiments, the second region further includes a tab bar displaying multiple tabs for filtering live content items presented in the live stream, and the method further includes: in response to the first region stopping display, displaying the tab bar at a fixed position in the live stream tab page.

[0072] In some embodiments, process 400 further includes: in response to the first live content item in the live stream currently presented in the second region, presenting the first region in the live stream tab based on a third swipe operation received in the live stream tab to reduce the display size of the second region, wherein the direction of the third swipe operation is opposite to the direction of the first swipe operation.

[0073] In some embodiments, a set of live streaming rooms is determined based on the current user's historical live streaming interactions.

[0074] In some embodiments, the first area presents multiple sets of access points corresponding to different categories, and each set of access points is displayed in an aggregated style in the first area.

[0075] In some embodiments, a set of access points includes a first access point corresponding to the first live streaming room, and the method further includes: playing the first live streaming preview content of the first live streaming room in the first area.

[0076] In some embodiments, process 400 further includes: receiving a selection of a second access point from a set of access points, the second access point corresponding to a second live room; and playing a second live preview of the second live room in a first area.

[0077] In some embodiments, process 400 further includes: in response to the selection of a second access point, triggering a halt to the playback of the first live preview content in the first area.

[0078] In some embodiments, process 400 further includes: in a first area, presenting an interactive entry associated with at least one of the live streaming rooms in a set of live streaming rooms.

[0079] In some embodiments, process 400 further includes: presenting the live stream in a multi-column style in a second area.

[0080] Example devices and equipment

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

[0082] As shown in Figure 5, the device 500 includes: a presentation module 510 configured to present a live streaming tab in response to the selection of a target item in the navigation bar, the live streaming tab including a first area and a second area, the first area presenting a set of access entrances corresponding to a set of live streaming rooms, and the second area presenting a live streaming information stream; and a switching module 520 configured to stop presenting at least a portion of the content in the first area based on a first swipe operation received in the live streaming tab, so as to increase the display size of the second area.

[0083] In some embodiments, the switching module 520 is further configured to: based on the sliding distance of the first sliding operation reaching a first threshold, switch the display mode of the first area from a first mode to a second mode, the second mode corresponding to a smaller display size.

[0084] In some embodiments, the device 500 further includes a presentation stop module configured to stop presenting the first area based on a second swipe operation received in the live tab, wherein the direction of the second swipe operation is the same as the direction of the first swipe operation.

[0085] In some embodiments, the second area further includes a tab bar displaying multiple tabs for filtering live content items presented in the live stream. The device 500 also includes a tab presentation module configured to present the tab bar at a fixed position in the live stream tab page when the first area stops presenting.

[0086] In some embodiments, the device 500 further includes a first area presentation module, configured to, in response to the first live content item in the live stream currently presented in the second area, present the first area in the live stream tab based on a third swipe operation received in the live stream tab, thereby reducing the display size of the second area, wherein the direction of the third swipe operation is opposite to the direction of the first swipe operation.

[0087] In some embodiments, a set of live streaming rooms is determined based on the current user's historical live streaming interactions.

[0088] In some embodiments, the first area presents multiple sets of access points corresponding to different categories, and each set of access points is displayed in an aggregated style in the first area.

[0089] In some embodiments, a set of access points includes a first access point corresponding to the first live streaming room, and the device 500 further includes a first trigger module configured to play the first live streaming preview content of the first live streaming room in the first area.

[0090] In some embodiments, the device 500 further includes a second triggering module configured to receive selection of a second access entry from a set of access entry points, the second access entry point corresponding to a second live streaming room; and to play a second live streaming preview of the second live streaming room in a first area.

[0091] In some embodiments, the device 500 further includes a third triggering module configured to trigger the first area to stop playing the first live preview content in response to the selection of the second access entry.

[0092] In some embodiments, the device 500 further includes an entry presentation module configured to present an interactive entry associated with at least one of a group of live streaming rooms in a first area.

[0093] In some embodiments, the device 500 further includes a stream presentation module configured to present a live stream in a multi-column style in a second area.

[0094] The units included in device 500 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units may 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 may 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 may 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.

[0095] Figure 6 shows a block diagram of an electronic device 600 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 600 shown in Figure 6 is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. The electronic device 600 shown in Figure 6 can be used to implement the electronic device 110 of Figure 1 or the device 500 of Figure 5.

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

[0097] Electronic device 600 typically includes multiple computer storage media. Such media can be any available media 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 capable of storing information and / or data and accessible within electronic device 600.

[0098] Electronic device 600 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 6, 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 620 may include computer program product 625 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

[0099] 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, network personal computers (PCs), or another network node.

[0100] 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 input / output (I / O) interface (not shown).

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

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

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

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

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

[0106] 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 selection of a target item in the navigation bar, a live streaming tab is displayed. The live streaming tab includes a first area and a second area. The first area displays a set of access points corresponding to a set of live streaming rooms, and the second area displays the live streaming information stream. as well as Based on the first swipe operation received in the live streaming tab, at least a portion of the content in the first area is stopped from being displayed, so as to increase the display size of the second area.

2. The method of claim 1, wherein stopping the presentation of at least a portion of the content of the first region comprises: Based on the sliding distance of the first sliding operation reaching a first threshold, the display mode of the first area is switched from the first mode to the second mode, the second mode corresponding to a smaller display size.

3. The method according to claim 1 or 2, further comprising: Based on the second swipe operation received in the live streaming tab, the first area is stopped from being displayed, and the direction of the second swipe operation is the same as the direction of the first swipe operation.

4. The method according to any one of claims 1 to 3, wherein the second area further includes a tag bar displaying multiple tags, the multiple tags being used to filter live content items presented in the live stream, the method further including: In response to the first area ceasing to display, the tab bar is displayed at a fixed position in the live streaming tab.

5. The method according to any one of claims 1 to 4, further comprising: In response to the second area currently displaying the first live content item in the live stream, based on a third swipe operation received in the live stream tab, the first area is displayed in the live stream tab to reduce the display size of the second area, wherein the direction of the third swipe operation is opposite to the direction of the first swipe operation.

6. The method according to any one of claims 1 to 5, wherein the set of live streaming rooms is determined based on the current user's historical live streaming interactions.

7. The method according to any one of claims 1 to 6, wherein the first region presents multiple sets of access entries corresponding to different categories, and each set of access entries is displayed in an aggregated style in the first region.

8. The method according to any one of claims 1 to 7, wherein the set of access entry points includes a first access entry point corresponding to the first live broadcast room, and the method further includes: Play the first live preview content of the first live room in the first area.

9. The method according to claim 8, further comprising: Receive the selection of the second access entry from the set of access entry points, the second access entry point corresponding to the second live broadcast room; as well as Play the second live preview content in the first area, which is connected to the second live room.

10. The method of claim 9, further comprising: In response to the selection of the second access point, the first area is triggered to stop playing the first live preview content.

11. The method according to any one of claims 1 to 10, further comprising: In the first area, an interactive entry point associated with at least one of the live streaming rooms in the group is presented.

12. The method according to any one of claims 1 to 11, further comprising: The live stream is presented in a multi-column format in the second area.

13. A device for interface interaction, comprising: The presentation module is configured to present a live streaming tab in response to the selection of a target item in the navigation bar. The live streaming tab includes a first area and a second area. The first area presents a set of access points corresponding to a set of live streaming rooms, and the second area presents the live streaming information stream. as well as The switching module is configured to stop displaying at least a portion of the content in the first area based on a first swipe operation received in the live tab, so as to increase the display size of the second area.

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

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

16. A computer program product comprising computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, implement the method according to any one of claims 1 to 12.

Images