Methods, apparatus, devices, and storage media for interface interaction
The live streaming interface dynamically adjusts the interaction area based on user interaction, addressing the diverse content acquisition needs of users by optimizing the display of interaction content relative to live streaming content.
Patent Information
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- BEIJING ZITIAO NETWORK TECH CO LTD
- Filing Date
- 2024-05-09
- Publication Date
- 2026-06-11
Smart Images

Figure 2026518977000001_ABST
Abstract
Description
Technical Field
[0001] (Cross - reference to related applications) This application claims priority to a Chinese invention patent application with application number 202310519727.X and title "Method, apparatus, device, and computer - readable storage medium for interface interaction", filed on May 9, 2023. The entire content of the said application is incorporated herein by reference.
[0002] (Field of the Invention) Embodiments of the present disclosure generally relate to the field of computers, and more particularly, to methods, apparatuses, devices, and computer - readable storage media for interface interaction.
Background Art
[0003] With the development of computer technology, the Internet has become an important source for obtaining various contents. Live - streaming technology for content distribution using the Internet and streaming media technology is booming, and by integrating rich elements such as images, texts, and sounds, it is becoming the mainstream of expression methods on the Internet.
Summary of the Invention
Means for Solving the Problems
[0004] In a first aspect of the present disclosure, a method for interface interaction is provided. The method includes displaying a live - streaming interface of a live - streaming room, where the live - streaming interface includes an interaction area for presenting predetermined interaction content in the live - streaming room, and adjusting the display size of the interaction area in the live - streaming interface based on the interaction state of the interaction area.
[0005] A second aspect of the present disclosure provides an interface interaction device, which is a display module for displaying a live streaming interface of a live streaming room, the live streaming interface comprising: a display module including an interaction area for presenting predetermined interaction content within the live streaming room; and an adjustment module configured to adjust the display size of the interaction area in the live streaming interface based on the interaction state of the interaction area.
[0006] A third aspect of this disclosure provides an electronic device comprising at least one processing unit and at least one memory coupled to the at least one processing unit and storing instructions that are executed by the at least one processing unit. When the instructions are executed by the at least one processing unit, the device causes the device to perform the method described in the first aspect.
[0007] A fourth aspect of this disclosure provides a computer-readable storage medium which stores a computer program that, when executed on a processor, implements the method described in the first aspect.
[0008] It should be understood that the information described in the summary of the invention is not intended to limit the main or important features of the embodiments of this disclosure, nor is it intended to limit the scope of this disclosure. Other features of this disclosure will be readily apparent from the following description. [Brief explanation of the drawing]
[0009] The aforementioned and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent upon reference to the accompanying drawings and the following detailed description. In the accompanying drawings, identical or similar attached marks represent identical or similar elements.
[0010] [Figure 1] This is a schematic diagram showing an example of an environment in which the embodiments of this disclosure can be implemented. [Figure 2A] These are exemplary interfaces according to some embodiments of the present disclosure. [Figure 2B] These are exemplary interfaces according to some embodiments of the present disclosure. [Figure 2C] These are exemplary interfaces according to some embodiments of the present disclosure. [Figure 3A] These are exemplary interfaces according to several other embodiments of the present disclosure. [Figure 3B] These are exemplary interfaces according to several other embodiments of the present disclosure. [Figure 4A] This flowchart shows examples of interface interaction processes according to some embodiments of the present disclosure. [Figure 4B] This flowchart shows examples of interface interaction processes according to some embodiments of the present disclosure. [Figure 5] This is an exemplary structural block diagram of an apparatus for interface interaction according to several embodiments of the present disclosure. [Figure 6] This is a block diagram of an electronic device capable of carrying out multiple embodiments of the present disclosure. [Modes for carrying out the invention]
[0011] Embodiments of this disclosure will be described in more detail below with reference to the accompanying drawings. While specific embodiments of this disclosure are illustrated in the accompanying drawings, this disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein. Rather, these embodiments should be understood as being provided for the purpose of providing a more thorough and complete understanding of this disclosure. 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.
[0012] Please note that the section / subsection headings provided in this book are not limiting. Various embodiments are described throughout this book, and any type of embodiment may be included in any section / subsection. Furthermore, embodiments described in any section / subsection may be combined in any way with other embodiments described in the same section / subsection and / or different sections / subsections.
[0013] In the description of embodiments of this disclosure, the terms “including” and “embodiments” are understood to have an open-ended inclusion, i.e., “including, but not limited to.” The term “based on” is understood to mean “based at least in part.” The terms “one embodiment” or “the embodiment” should be understood to mean “at least one embodiment.” The terms “several embodiments” should be understood to mean “at least several embodiments.” Other explicit and implicit definitions may be found below. Terms such as “first,” “second,” etc., may refer to different or identical objects. Other explicit and implicit definitions may be found below.
[0014] Embodiments of this disclosure may involve user data, data acquisition, and / or data use. These aspects are governed by applicable laws, regulations, and relevant provisions. In embodiments of this disclosure, all data collection, acquisition, processing, transfer, and use are performed with the user's knowledge and consent. Therefore, in implementing each embodiment of this disclosure, the user shall be notified of the types of data or information that may be involved, the scope of use, and the usage scenarios, in accordance with applicable laws and regulations, and the user's consent shall be obtained by appropriate means. The specific manner of notification and / or authorization may vary depending on the actual circumstances and applicable scenarios, and the scope of this disclosure is not limited in this respect.
[0015] If the solutions in these specifications and embodiments involve the processing of personal information, the processing will be carried out only within the specified or agreed-upon scope, based on lawfulness (such as when the data subject has given consent or when necessary for the performance of a contract). Even if a user refuses the processing of personal information other than that necessary for the basic functions, this will not affect their use of those basic functions.
[0016] In live streaming scenarios, both the streamer (also known as the live side of a live stream) and the viewers (also known as the audience of a live stream) can access and interact with the live stream using their devices. In such live streaming scenarios, users may have different needs regarding content acquisition. For example, some users may be interested in participating in the interaction, while others may expect to focus on the live stream content. Therefore, traditional live streaming interface designs have difficulty meeting the diverse content acquisition needs of users.
[0017] Embodiments of this disclosure present solutions for interaction. In a first aspect of this disclosure, a solution for interface interaction is provided. According to this solution, a live streaming interface of a live streaming room is displayed, and the live streaming interface includes an interaction area for presenting predetermined interaction content within the live streaming room. Furthermore, the display size of the interaction area in the live streaming interface is adjusted based on the interaction status of the interaction area. Exemplaryly, such an interaction status may indicate whether the interaction area was interacted with during a predetermined period of time, or whether a predetermined interaction related to the interaction area was detected.
[0018] In this way, embodiments of the present disclosure can dynamically adjust an interaction region based on a user's interaction with the interaction region, thereby enabling more efficient display of interaction content in a live streaming interface.
[0019] Various embodiments of the program will be described in detail below in conjunction with additional accompanying drawings.
[0020] Exemplary Environment FIG. 1 is a schematic diagram showing an example of an environment 100 in which embodiments of the present disclosure can be implemented. As shown in FIG. 1, the exemplary environment 100 can include an electronic device 110.
[0021] In this exemplary environment 100, the electronic device 110 can operate an application 120 for providing and viewing live streams. The application 120 can be any suitable type of application for providing and viewing live streams, examples of which include, but are not limited to, online video applications and live streaming applications. The user 140 can interact with the application 120 via the electronic device 110 and / or its attached devices. The user 140 can be, for example, a user who provides live streaming content (also called a streamer) or a user who views the live stream (also called a viewer user).
[0022] In the environment 100 of FIG. 1, when the application 120 is active, the electronic device 110 can present a live streaming interface 150 through the application 120.
[0023] In some embodiments, the electronic device 110 communicates with the server 130 to enable the provision of services to the application 120. The electronic device 110 may be any type of mobile, fixed, or portable device, including mobile phones, desktop computers, laptops, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, PDAs, portable game terminals, VR / AR devices, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, location-based devices, television receivers, radio receivers, e-book readers, and other electronic devices. This includes personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, location-based devices, television receivers, radio receivers, e-book readers, game terminals, or combinations thereof, and accessories and peripherals for these devices or combinations thereof. In some embodiments, the electronic device 110 may also support any type of user-specific interface (such as a “wearable” circuit).
[0024] Server 130 may be a standalone physical server, a cluster of servers, a distributed system consisting 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 communications, middleware services, domain name services, security services, content live streaming networks, and big data and artificial intelligence platforms. Server 130 may include computing systems / servers such as mainframes, edge computing nodes, and computing equipment in a cloud environment. Server 130 can provide backend services for applications 120 that support virtual scenarios of electronic devices 110.
[0025] A communication connection can be established between the server 130 and the electronic device 110. The communication connection can be established by wired or wireless means. The communication connection may include, but is not limited to, Bluetooth® connection, mobile network connection, USB (Universal Serial Bus) connection, WiFi (Wireless Fidelity) connection, etc., and the embodiments of this disclosure are not limited in this respect. In embodiments of this disclosure, the server 130 and the electronic device 110 can realize signaling interaction through the communication connection between them.
[0026] The structure and function of the various elements of Environment 100 are described for illustrative purposes only and should not be considered as limiting the scope of this disclosure.
[0027] Hereinafter, several embodiments of this disclosure will be described with reference to the attached drawings.
[0028] Exemplary Interface Examples of live streaming interfaces according to embodiments of this disclosure are described below from the perspective of the live streaming viewer and streamer playback, respectively.
[0029] Viewer Figures 2A to 2C show examples of viewer-side live streaming interfaces according to several embodiments of the present disclosure. Such a live streaming interface may be provided, for example, by the electronic device 110 shown in Figure 1, which corresponds to the viewer side of the live stream.
[0030] As shown in Figure 2A, when the electronic device 110 receives a request from a viewer to access the live streaming room, it can present, for example, a live streaming interface 200A as shown in Figure 2A.
[0031] The live streaming interface 200A may include a live streaming content area 205 for displaying live streaming content. Such a live streaming content area 205 can be used to play live streaming content from a live streaming room. Such live streaming content may include video content, image content, audio content, text content, etc.
[0032] As shown in Figure 2A, the live streaming interface 200A may also include, for example, an interaction area 210. Such an interaction area 210 can be used to present a predetermined interaction content 215 (or interaction event) within the live streaming room. Taking Figure 2A as an example, such an interaction area 210 may, for example, present at least the content of comments within the live streaming room, and such an interaction area 210 may also be called a comment area.
[0033] Furthermore, depending on the scenario, such interaction areas 210 can also present other types of interaction content, for example. For instance, interaction areas 210 can also present alerts related to a specific user's entry into a live streaming room. Alternatively or additionally, interaction areas 210 can also be used to present, for example, virtual gift events within the live streaming room.
[0034] In the interaction area 210, multiple interaction contents can be displayed in chronological order, and the latest interaction contents can be dynamically presented in the interaction area 210, while the display of previous interaction contents can be stopped. This allows users of the live streaming room to focus on the latest interaction contents within the live streaming room.
[0035] In some embodiments, as shown in Figure 2A, the interaction area 210 within the live streaming interface may have a preset display size, for example, when the viewer first enters the live streaming room. For example, as shown in Figure 2A, the height of the interaction area 210 may be, for example, "H1".
[0036] In some embodiments, the electronic device 110 can adjust the interaction area 210 based on the interaction state of the interaction area 210 during a predetermined period. Such an interaction state may indicate, for example, that the interaction area 210 is being interacted with, or that a predetermined interaction related to the interaction area 210 is occurring or being detected.
[0037] For example, if no operation related to the interaction area 210 is received during a predetermined period, the electronic device 110 may display interface 200B as shown in Figure 2B. In contrast to interface 200A, the electronic device 110 can adjust the degree of occlusion of the interaction area 210 relative to the live streaming content area 205. Exemplarily, the electronic device 110 can reduce the display size of the interaction area 210 of interface 200B to allow more screen space for the live streaming content area 205, thereby improving the user experience when viewing the live stream.
[0038] Taking Figure 2B as an example, the electronic device 110 can reduce the display height of the interaction area 210 from "H1" to "H2" to reduce occlusion in the live content area 205, for example. It should be understood that the electronic device 110 can also utilize other appropriate means to reduce the display size of the interaction area, such as reducing the width, or reducing both the height and width.
[0039] In yet another embodiment, the electronic device 110 can reduce the inconspicuousness of the interaction content 220 in the live streaming interface by changing the display style of predetermined content within the interaction area 210 and / or the display style of the interaction content 220 in order to adjust the degree of occlusion of the interaction area 210 from the live streaming content area 205.
[0040] For example, in Figure 2A, the electronic device 110 can reduce the transparency of the background of the interaction area 210 so that the live content area 205 can be presented more clearly. For example, the electronic device 110 can make the background mask of the interaction area 210 more transparent so that the live content area 205 can be seen more clearly.
[0041] As another example, the electronic device 110 can also change the color, transparency, etc., of the interaction content 220 to reduce occlusion of the live content area 205. For example, the electronic device 110 can make the interaction content 220 semi-transparent to improve the visibility of the live streaming content area 205.
[0042] In some embodiments, the electronic device 110 can adjust the interaction area 210 based on preset interactions associated with the interaction area 210. Exemplarily, the electronic device 110 can also receive operations related to the interaction area 210. For example, the electronic device 110 can detect a slide operation 225 that occurred within the interaction area 210.
[0043] Therefore, the electronic device 110 can present an interface 200C as shown in Figure 2C. As shown in Figure 2C, the electronic device 110 can adjust the degree of occlusion of the interaction area 210 relative to the live content area 205 compared to interface 200B. Exemplarily, the electronic device 110 can increase the display size of the interaction area 210.
[0044] For example, using Figure 2C as an example, the electronic device 110 can, for instance, increase the display height of the interaction area 210 from "H2" to "H3" to display more interaction content to the user. It should be understood that the electronic device 110 can also increase the display size of the interaction area by other appropriate means, such as increasing the width, or increasing both the height and width.
[0045] In some embodiments, an operation related to the interaction area 210 may include any suitable operation involving the interaction area 210. For example, such an operation may include, but is not limited to, a swipe operation that starts within the interaction area 210, a swipe operation that ends within the interaction area 210, a click operation, a double-click operation, a hover operation (or a hover operation for a predetermined time), a voice interaction operation to the interaction area 210 (e.g., a voice command to view past interaction content), or other suitable operations or combinations of operations.
[0046] In some embodiments, such related operations may include operations for viewing past interaction content within the interaction area 210. Using Figure 2B as an example, such operations may include swipe operations (e.g., downward swipes) occurring within the interaction area in a predetermined direction.
[0047] Taking Figure 2C as an example, the electronic device 110 can, for example, display at least one item, which is a history interaction content 215, in the interaction area 210 of interface 200C. Conversely, if, for example, there is no history interaction content that is not displayed, the electronic device 110 can choose not to increase the size of the interaction area 210.
[0048] Furthermore, if past interaction content exists, the electronic device 110 can also determine whether to increase or decrease the size of the interaction area 210 based on the number of past interaction contents that are not currently on display.
[0049] For example, the interaction area 210 can display three lines of comment content at a height of "H2". If the undisplayed dialogue history content includes at least two lines, the electronic device 110 can adjust the interaction area 210 to a height of "H3" to display five lines of comment content. Conversely, if the undisplayed interaction history content includes only one line, the electronic device 110 can adjust the interaction area 210 to a height of "H3" to display four lines of comment content.
[0050] In yet another embodiment, the electronic device 110 can change the display style of predetermined content within the interaction area 210 and / or the display style of the interaction content 220 in order to adjust the degree of occlusion of the interaction area 210 relative to the live streaming content area 205 in order to highlight the interaction content 220.
[0051] For example, compared to Figure 2B, the electronic device 110 can increase the transparency of the background of the interaction area 210 to more clearly display the interaction content within the interaction area 210. For example, the electronic device 110 can decrease the transparency of the background mask of the interaction area 210 in order to display the interaction content more clearly.
[0052] As another example, the electronic device 110 can also improve the visibility of the interaction content 220 by changing its color, transparency, etc. For example, the electronic device 110 can change the interaction content 220 from the semi-transparent state shown in Figure 2B to an opaque state in order to improve its visibility.
[0053] Based on this approach, embodiments of the present disclosure can dynamically adjust the interaction area according to the interaction state of the interaction area, provide interaction content to the user on demand, and thus improve the efficiency of content presentation.
[0054] In some embodiments, in the state shown in Figure 2C, the electronic device 110 may further reduce the size of the interaction area 210, for example, if no operation related to the interaction area is detected during a predetermined period of time. Exemplarily, the electronic device 110 may return the interaction area 210 to the state shown in Figure 2B to facilitate better access to the live streaming content.
[0055] For example, after a user enters a live streaming room, the corresponding live streaming interface may have a size such as that shown in Figure 2A, i.e., the interaction area may have an initial size (e.g., a size corresponding to height H1). Therefore, if the interaction area is not interacted with during the first period, the interaction area may be reduced from its initial size to a size such as that shown in Figure 2B (e.g., a size corresponding to height H2).
[0056] Furthermore, if a preset operation related to the interaction area is detected, the size of the interaction area can be increased, for example (to a height of H3). In this state, if no interaction occurs with the interaction area during the second period, the size of the interaction area can be decreased, for example, to return it to the state shown in Figure 2B (to a height of H2).
[0057] Furthermore, it should be understood that the processes shown in Figures 2A and 2B above are optional, and for example, the electronic device 110 can also adjust the initial size of the interaction area for the viewer-side live streaming interface without performing the process of reducing the interaction area as shown in Figures 2A and 2B.
[0058] Streamer side Figures 3A and 3B show exemplary live streaming interfaces on the streamer side according to one embodiment of the present disclosure. Such live streaming interfaces are provided, for example, by electronic equipment 110 corresponding to the streamer in the live streaming room shown in Figure 1.
[0059] As shown in Figure 3A, when the electronic device 110 receives a request to access the live streaming room from the streamer, it can present the live streaming interface 300A shown in Figure 3A. As shown in Figure 3A, the live streaming interface 300A includes a live streaming content area 305 for displaying the live streaming content. This live streaming content area 305 is used to play the live streaming content of the live streaming room. This live streaming content includes video content, image content, audio content, text content, etc.
[0060] As shown in Figure 3A, the live streaming interface 300A may also include, for example, an interaction area 310. Such an interaction area 310 is used to present a predetermined interaction content 320 (or interaction event) within the live streaming room. Taking Figure 3A as an example, such an interaction area 310 presents at least the comment content within the live streaming room, and this area is also called the comment area.
[0061] Furthermore, in certain scenarios, such interaction areas 310 can also present other types of interaction content. For example, the interaction area 310 could present notifications related to a specific user entering a live streaming room. Alternatively, the interaction area 310 could be used to present virtual gift events within the live streaming room.
[0062] Interaction area 310 can display multiple interaction contents in chronological order. The most recent interaction contents are dynamically presented in interaction area 310, while older contents are stopped being displayed. This allows users in the live streaming room to focus their attention on the most recent interaction contents.
[0063] In some embodiments, as shown in Figure 3A, immediately after the viewer enters the live streaming room, the interaction area 310 within the live streaming interface may have, for example, a preset display size. For example, as shown in Figure 3A, the height of the interaction area 310 may be, for example, "H4".
[0064] In some embodiments, the electronic device 110 can adjust the interaction area 310 based on preset interactions associated with the interaction area 310. Exemplarily, the electronic device 110 can also receive operations associated with the interaction area 310. For example, the electronic device 110 can detect swipe operations 330 that occur within the interaction area 310.
[0065] In response to this, the electronic device 110 can present the interface 300B shown in Figure 3B. As shown in Figure 3B, compared to interface 300A, the electronic device 110 can adjust the extent to which the interaction area 310 covers the live streaming content area 205. Exemplarily, the electronic device 110 can enlarge the display size of the interaction area 310.
[0066] For example, taking Figure 3B as an example, the electronic device 110 can display more interaction content to the user by increasing the display height of the interaction area 310 from "H4" to "H5". The electronic device 110 can also utilize other appropriate methods to enlarge the display size of the interaction area. For example, by increasing the width, or by increasing both the height and width.
[0067] In some embodiments, an operation associated with the interaction area 310 can include any appropriate operation involving the interaction area 310. For example, such operations include, but are not limited to, swipe operations that start within the interaction area 310, swipe operations that end within the interaction area 310, tap operations within the interaction area 310, double tap operations, hover operations (or hover for a predetermined time), voice interaction operations to the interaction area 310 (e.g., voice commands for viewing past interaction content), and other appropriate operations or combinations of operations.
[0068] In some embodiments, such related operations may include operations to review past interaction content within the interaction area 310. Taking Figure 3A as an example, such operations may include swiping operations in a predetermined direction (e.g., downwards) that occur within the interaction area.
[0069] Taking Figure 3B as an example, the electronic device 110 can display at least one historical interaction content 340 in the interaction area 310 of interface 300B, for example. Conversely, if there is no historical interaction content that is not displayed, the electronic device 110 may, for example, not enlarge the size of the interaction area 310.
[0070] Furthermore, if past interaction content exists, the electronic device 110 can also determine the size increase of the interaction area 310 based on the number of past interaction contents that are not displayed.
[0071] For example, the interaction area 310 can display three lines of comment content when its height is "H4". If there are at least two lines of past interaction content that have not been displayed, the electronic device 110 adjusts the height of the interaction area 310 to "H5" and can display five lines of comment content. Conversely, if there is only one line of past interaction content that has not been displayed, the electronic device 110 adjusts the height of the interaction area 310 to "H5" and can display four lines of comment content.
[0072] In some embodiments, the electronic device 110 can highlight the interaction content 330 by changing the display format of predetermined content within the interaction area 310 and / or the display format of the interaction content 330, and by adjusting the degree to which the interaction area 310 obstructs the live streaming content area 205.
[0073] For example, compared to Figure 3A, the electronic device 110 can increase the background transparency of the interaction area 310. This makes the interaction content within the interaction area 310 more clearly visible. For example, the electronic device 110 can decrease the transparency of the background mask of the interaction area 310, making the interaction content more clearly displayed.
[0074] As another example, the electronic device 110 can also change the color, transparency, etc., of the interaction content 330 to improve its visibility. For example, the electronic device 110 can change the interaction content 330 from the semi-transparent state shown in Figure 3A to an opaque state to improve its visibility.
[0075] Based on this method, the embodiments of this disclosure can dynamically adjust the interaction area in response to user interaction. This allows for easy interaction between the streamer and users in the live streaming room.
[0076] In some embodiments, in the state shown in Figure 3B, if no operation related to the interaction area is detected within a predetermined period, the electronic device 110 can further reduce the size of the interaction area 310. For example, the electronic device 110 can return the interaction area 310 to the state shown in Figure 3A, making it easier for the user to access the live streaming content.
[0077] Exemplary process Figure 4A is a flowchart illustrating an exemplary process 400A of interface interaction according to some embodiments of the present disclosure. Process 400A can be carried out using electronic equipment 110. Process 400A will be explained with reference to Figure 1.
[0078] As shown in Figure 4, in block 410, the electronic device 110 displays the live streaming interface of the live streaming room, and the live streaming interface includes an interaction area for presenting predetermined interaction content within the live streaming room.
[0079] In block 420, the electronic device 110 adjusts the display size of the interaction area in the live streaming interface based on the interaction state of the interaction area.
[0080] In some embodiments, adjusting the display size of an interaction area in a live streaming interface based on the interaction state of the interaction area includes adjusting the display size of the interaction area in the live streaming interface to increase from a first size to a second size in response to receiving a first preset operation associated with the interaction area.
[0081] In some embodiments, the live streaming interface includes a first live streaming interface corresponding to a streamer side within a live streaming room, and displaying the live streaming interface of the live streaming room includes displaying the first live streaming interface of the live streaming room in response to a first access request to the live streaming room, the first live streaming interface having an interaction area of a first size.
[0082] In some embodiments, a first preset operation is for triggering the presentation of at least one historical interaction content within the interaction area, and adjusting the display size of the interaction area in the live streaming interface based on the interaction state of the interaction area includes increasing the interaction area from a first size to a second size in order to present at least one historical interaction content in response to the inclusion of at least one historical interaction content not presented within the interaction area in the live streaming room.
[0083] In some embodiments, the first preset operation includes a sliding operation that occurs in a predetermined direction within the interaction area.
[0084] In some embodiments, adjusting the display size of an interaction area in a live streaming interface based on the interaction state of the interaction area includes reducing the interaction area from a third size to a fourth size in response to the fact that no second preset operation associated with the interaction area has been received during a first period.
[0085] In some embodiments, the live streaming interface includes a second live streaming interface corresponding to viewers in a live streaming room, and displaying the live streaming interface of the live streaming room includes displaying the second live streaming interface of the live streaming room in response to a second access request to the live streaming room, the second live streaming interface includes an interaction area having a third size.
[0086] In some embodiments, Method 400A further includes adjusting a first display style of an interaction area and / or a second display style of a predetermined interaction content within an interaction area in order to adjust the prominence of a predetermined interaction content.
[0087] In some embodiments, adjusting the first display style of the interaction area includes adjusting the background transparency of the interaction area.
[0088] In some embodiments, adjusting the display size of the interaction area in the live streaming interface includes adjusting the display height of the interaction area in the live streaming interface.
[0089] In some embodiments, the interaction area includes the comment area of the live streaming room, and the predetermined interaction content includes the comment content within the live streaming room.
[0090] Figure 4B is a flowchart illustrating an exemplary process 400B of interface interaction according to several embodiments of the present disclosure. Process 400B can be implemented in electronic device 110. Process 400B will be described with reference to Figure 1.
[0091] As shown in Figure 4B, in block 430, the electronic device 110 displays the live streaming interface of the live streaming room, and the live streaming interface includes a live streaming content area for presenting the live streaming content of the live streaming room and an interaction area for presenting predetermined interaction content within the live streaming room.
[0092] In block 440, the electronic device 110 adjusts the degree of occlusion of the interaction area from the live streaming content area based on the interaction state of the interaction area.
[0093] Exemplary devices and equipment Embodiments of this disclosure also provide corresponding apparatus for carrying out the methods or processes described above. Figure 5 is an exemplary structural block diagram of an interface interaction apparatus 500 according to some embodiments of this disclosure. The apparatus 500 may be implemented as a power device 110 or included as part thereof. Each module / component of the apparatus 500 may be implemented by hardware, software, firmware, or any combination thereof.
[0094] The device 500 is a display module 510 configured to display a live streaming interface of a live streaming room, the live streaming interface comprising a display module including an interaction area for presenting predetermined interaction content within the live streaming room, and an adjustment module 520 configured to adjust the display size of the interaction area in the live streaming interface based on the interaction state of the interaction area.
[0095] In some embodiments, the adjustment module 520 is further configured to adjust the display size of the interaction area in the live streaming interface from a first size to a second size in response to receiving a first preset operation associated with the interaction area.
[0096] In some embodiments, the live streaming interface includes a first live streaming interface corresponding to the streamer side within the live streaming room, and the display module 510 is further configured to display the first live streaming interface of the live streaming room in response to a first access request to the live streaming room, the first live streaming interface having an interaction area of first size.
[0097] In some embodiments, a first preset operation is for triggering the presentation of at least one historical interaction content within the interaction area, and the adjustment module 520 is further configured to increase the interaction area from a first size to a second size in order to present at least one historical interaction content in response to the presence of at least one historical interaction content not presented within the interaction area in the live streaming room.
[0098] In some embodiments, the first preset operation includes a sliding operation that occurs in a predetermined direction within the interaction area.
[0099] In some embodiments, the adjustment module 520 is further configured to reduce the interaction region from a third size to a fourth size in response to not receiving a second preset operation associated with the interaction region during a first period.
[0100] In some embodiments, the live streaming interface includes a second live streaming interface corresponding to viewers in the live streaming room, and the display module 510 is further configured to display the second live streaming interface of the live streaming room in response to a second access request to the live streaming room, the second live streaming interface includes an interaction area having a third size.
[0101] In some embodiments, the adjustment module 520 is further configured to adjust a first display style of the interaction area and / or a second display style of the predetermined interaction content within the interaction area in order to adjust the prominence of the predetermined interaction content.
[0102] In some embodiments, the adjustment module 520 is further configured to adjust the background transparency of the interaction area.
[0103] In some embodiments, the adjustment module 520 is further configured to adjust the display height of the interaction area in the live streaming interface.
[0104] In some embodiments, the interaction area includes the comment area of the live streaming room, and the predetermined interaction content includes the comment content within the live streaming room.
[0105] In some embodiments, the display module 510 may be configured to display a live streaming interface of a live streaming room, the live streaming interface including a live streaming content area for presenting live streaming content of the live streaming room and an interaction area for presenting predetermined interaction content within the live streaming room. The adjustment module 520 may be further configured to adjust the degree of occlusion of the interaction area from the live streaming content area based on the interaction state of the interaction area.
[0106] Figure 6 shows a block diagram of an electronic device 600 that can carry out one or more embodiments of the present disclosure. It should be understood that the electronic device 600 shown in Figure 6 is merely an example and does not limit the functionality and scope of the embodiments described herein. The electronic device 600 shown in Figure 6 can be used to realize the electronic device 110 shown in Figure 1.
[0107] As shown in Figure 6, the electronic device 600 is in the form of a general-purpose electronic device. The components of the electronic device 600 may include, but are not limited to, one or more processors or processing units 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 processing unit 610 may be an actual or virtual processor and can perform various processes based on a program stored in memory 620. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 600.
[0108] The electronic device 600 generally includes multiple computer storage media. Such media may be any obtainable media accessible to the electronic device 600, and may include, but are not limited to, volatile and non-volatile media, and removable and non-removable media. Memory 620 may be volatile memory (e.g., registers, fast 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 may be removable or non-removable media, and may include instrument-readable media, such as flash memory drives, magnetic disks, or any other media, which can be used to store information and / or data (e.g., training data for training) and can be accessed within the electronic device 600.
[0109] The electronic device 600 may further include other removable / non-removable, volatile / non-volatile storage media. Not shown in Figure 6, a magnetic disk drive for reading from or writing to removable, non-volatile magnetic disks (e.g., “floppy disks”) and a disk drive for reading from or writing to removable, non-volatile disks may be provided. In these cases, each drive may be connected to a bus (not shown) by one or more data medium interfaces. The memory 620 may include a computer program product 625 having one or more program modules, which are configured to perform various methods or operations of various embodiments of the present disclosure.
[0110] The communication unit 640 enables communication with other electronic devices via a communication medium. Additionally, the functions of the components of the electronic device 600 can be implemented by a single computing cluster or multiple computing devices, which can communicate via a communication connection. Therefore, the electronic device 500 can operate in a network environment using logical connections with one or more other servers, network personal computers (PCs), or other network nodes.
[0111] The input device 650 may be one or more input devices, such as a mouse, keyboard, or trackball. The output device 660 may be one or more output devices, such as a display, speaker, or printer. The electronic device 600 may further communicate with one or more external devices (not shown), such as storage devices or display devices, via the communication unit 640 as needed, with one or more devices for user-to-electronic device 600 interaction, or with any devices (e.g., network cards, modems) for electronic device 600 to communicate with one or more other electronic devices. Such communication may be performed via an input / output (I / O) interface (not shown).
[0112] An exemplary embodiment of the present disclosure provides a computer-readable storage medium in which computer-executable instructions are stored, wherein the computer-executable instructions are executed by a processor to realize the method described above. An exemplary embodiment of the present disclosure further provides a computer program product, which is tangibly stored in a non-transient computer-readable medium and includes computer-executable instructions, wherein the computer-executable instructions are executed by a processor to realize the method described above.
[0113] Aspects of this disclosure are described herein with reference to flowcharts and / or block diagrams of methods, apparatus, devices, and computer program products implemented in accordance with this disclosure. It should be understood that every block in a flowchart and / or block diagram, and every combination of blocks in a flowchart and / or block diagram, can be implemented by computer-readable program instructions.
[0114] These computer-readable program instructions are provided to a processing unit of a general-purpose computer, a computer for specific purposes, or other programmable data processing device to create a device that, when executed by the processing unit of the computer or other programmable data processing device, produces a device that performs one or more functions / operations defined in a flowchart and / or block diagram. These computer-readable program instructions may be stored in a computer-readable storage medium, and by operating the computer, programmable data processing device, and / or other device in a specific manner using these instructions, the computer-readable medium on which the instructions are stored includes a product containing instructions in each mode that perform one or more functions / operations defined in a flowchart and / or block diagram.
[0115] By loading computer-readable program instructions into a computer, other programmable data processing device, or other device, and by executing a series of operational steps on the computer, other programmable data processing device, or other device, the instructions executed on the computer, other programmable data processing device, or other device can realize the functions / operations defined in one or more blocks in a flowchart and / or block diagram.
[0116] The flowcharts and block diagrams in the drawings illustrate the implementable system architectures, functions, and operations of the systems, methods, and computer program products of the multiple implementations of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, program segment, or part of an instruction, and a module, program segment, or part of an instruction may contain one or more executable instructions for implementing a defined logical function. In some alternative implementations, the functions represented in the blocks may occur in an order different from the order shown in the drawings. For example, two consecutive blocks may actually be executed almost in parallel, or in reverse order depending on the related functions. Note that each block in the block diagram and / or flowchart, and combinations of blocks in the block diagram and / or flowchart, may be implemented in a dedicated, hardware-based system that performs the function or operation defined, or in a combination of dedicated hardware and computer instructions.
[0117] The above descriptions illustrate various implementations of this disclosure; however, these descriptions are illustrative, not exhaustive, and are not limited to any of the disclosed implementations. Many modifications and changes will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein has been selected to best describe the various embodiments disclosed herein, the principles of the embodiments, the practical application or improvement of the technology in the market, or to be understood by those skilled in the art.
Claims
1. Displaying a live streaming interface for a live streaming room, wherein the live streaming interface includes an interaction area for presenting predetermined interaction content within the live streaming room. Based on the interaction state of the interaction area, the display size of the interaction area in the live streaming interface is adjusted. A method of interface interaction, including [this].
2. Adjusting the display size of the interaction area in the live streaming interface based on the interaction state of the interaction area is: This includes adjusting the display size of the interaction area in the live streaming interface to increase from a first size to a second size in response to receiving a first preset operation associated with the interaction area. The method according to claim 1.
3. The live streaming interface includes a first live streaming interface corresponding to the streamer side within the live streaming room, and the live streaming interface of the live streaming room is displayed as follows: In response to a first access request to the live streaming room, the system includes displaying the first live streaming interface of the live streaming room, wherein the first live streaming interface has the interaction area of the first size. The method according to claim 2.
4. The first preset operation is for triggering the presentation of at least one historical interaction content within the interaction area, and adjusting the display size of the interaction area in the live streaming interface based on the interaction state of the interaction area. In response to the inclusion of the live streaming room in which the at least one historical interaction content not presented within the interaction area is present, the interaction area is increased from the first size to the second size in order to present the at least one historical interaction content. The method according to claim 2.
5. The first preset operation includes a slide operation that occurs in a predetermined direction within the interaction area. The method according to claim 4.
6. Adjusting the display size of the interaction area in the live streaming interface based on the interaction state of the interaction area is: The process includes reducing the interaction region from a third size to a fourth size in response to not receiving a second preset operation associated with the interaction region during the first period, The method according to claim 1.
7. The live streaming interface includes a second live streaming interface corresponding to viewers in the live streaming room, and displaying the live streaming interface of the live streaming room is: In response to a second access request to the live streaming room, the system includes displaying the second live streaming interface of the live streaming room, wherein the second live streaming interface includes the interaction area having the third size. The method according to claim 6.
8. This further includes adjusting the prominence of the predetermined interaction content by adjusting the first display style of the interaction area and / or the second display style of the predetermined interaction content within the interaction area. The method according to claim 1.
9. Adjusting the first display style of the interaction area includes adjusting the background transparency of the interaction area. The method according to claim 8.
10. Adjusting the display size of the interaction area in the live streaming interface is, This includes adjusting the display height of the interaction area in the live streaming interface. The method according to claim 1.
11. The interaction area includes the comment area of the live streaming room, and the predetermined interaction content includes the comment content within the live streaming room. The method according to any one of claims 1 to 10.
12. Displaying a live streaming interface for a live streaming room, wherein the live streaming interface includes a live streaming content area for presenting the live streaming content of the live streaming room and an interaction area for presenting predetermined interaction content within the live streaming room. This includes adjusting the degree of occlusion of the interaction area relative to the live streaming content area based on the interaction state of the interaction area. Interaction method.
13. A display module configured to display a live streaming interface of a live streaming room, wherein the live streaming interface includes a display module that includes an interaction area for presenting predetermined interaction content within the live streaming room, An adjustment module configured to adjust the display size of the interaction area in the live streaming interface based on the interaction state of the interaction area, A device for interface interaction that includes [a specific feature / feature].
14. At least one processing unit, An electronic device comprising at least one memory connected to the at least one processing unit, the memory storing instructions executed by the at least one processing unit, When the instruction is executed by the at least one processing unit, it causes the electronic device to perform the method according to any one of claims 1 to 12. electronic equipment.
15. To implement the method according to any one of claims 1 to 12, a computer program executable by a processor is stored. Computer-readable storage medium.