Methods, apparatuses, devices, media, and program products for interaction
By providing an interactive interface element switching mode on the live streaming page, the problem of users finding it difficult to easily switch to related pages is solved, resulting in a more efficient information viewing and interactive experience.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- BEIJING YOUZHUJU NETWORK TECH CO LTD
- Filing Date
- 2024-12-13
- Publication Date
- 2026-07-21
AI Technical Summary
In live streaming scenarios, users find it difficult to easily switch from the live stream to other pages associated with the streamer, such as product purchase pages, resulting in a poor user experience.
Interactive interface elements are provided to switch between a first mode and a second mode on the live streaming page. In the first mode, a navigation bar is displayed for easy switching to related pages, while in the second mode, the navigation bar is removed for an immersive live streaming experience.
It increased the amount of information users could view and the efficiency of interaction on the live streaming page, improving the user experience, especially the ability to easily switch to other pages related to the streamer for viewing and purchasing.
Smart Images

Figure CN119653162B_ABST
Abstract
Description
Technical Field
[0001] The exemplary embodiments disclosed herein relate generally to the field of computers, and more particularly to methods, apparatuses, devices, computer-readable storage media, and computer program products for interaction. Background Technology
[0002] More and more applications are now offering live streaming functionality. Live streaming, or live streaming sessions, is sometimes also called a "live streaming room." Live streaming rooms can create interactive events (e.g., e-commerce live streaming events, game live streaming events, etc.), and users can participate in these interactive events. Taking e-commerce live streaming as an example, viewers can interact with the streamer and easily view and purchase products posted by the streamer. The goal is to improve the efficiency and experience of interaction between both users in the live streaming room. Summary of the Invention
[0003] In a first aspect of this disclosure, a method for interaction is provided. The method includes: presenting predetermined interactive interface elements on a live streaming page corresponding to a target user's live stream, the interactive interface elements being configured to switch between a first mode and a second mode of the live streaming page; in response to the interactive interface elements being triggered to switch to the first mode of the live streaming page, presenting a navigation bar on the live streaming page, the navigation bar including multiple navigation tabs, the multiple navigation tabs being selectable to locate multiple pages associated with the target user, wherein the multiple pages include at least the live streaming page, and a first navigation tab corresponding to the live streaming page is selected; and in response to the interactive interface elements being triggered to switch to the second mode of the live streaming page, depresenting the navigation bar on the live streaming page.
[0004] In a second aspect of this disclosure, an apparatus for interaction is provided. The apparatus includes: an element presentation module configured to present predetermined interactive interface elements on a live streaming page corresponding to a target user's live stream, the interactive interface elements being configured to switch between a first mode and a second mode of the live streaming page; a navigation bar presentation module configured to present a navigation bar on the live streaming page in response to the interactive interface elements being triggered to switch to the first mode of the live streaming page, the navigation bar including multiple navigation tabs, the multiple navigation tabs being selectable to locate multiple pages associated with the target user, wherein the multiple pages include at least the live streaming page, and a first navigation tab corresponding to the live streaming page is selected; and a navigation bar de-presentation module configured to de-present the navigation bar on the live streaming page in response to the interactive interface elements being triggered to switch to the second mode of the live streaming page.
[0005] In a third aspect of this disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. When executed by the at least one processing unit, the instructions cause the device to perform the method of the first aspect.
[0006] In a fourth aspect of this disclosure, a computer-readable storage medium is provided. The computer-readable storage medium stores computer instructions that can be executed by a processor to implement the method of the first aspect.
[0007] In a fifth aspect of this disclosure, a computer program product is provided. The computer program product includes a computer program, wherein the computer program, when executed by a processor, implements the method according to a first aspect of this disclosure.
[0008] 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
[0009] 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:
[0010] Figure 1 A schematic diagram is shown of an example environment in which embodiments of the present disclosure may be implemented;
[0011] Figures 2A to 2D Example interfaces according to some embodiments of this disclosure are shown;
[0012] Figure 3 A flowchart illustrating an example process for interaction according to some embodiments of this disclosure is shown;
[0013] Figure 4 A schematic structural block diagram of an example device for interaction according to some embodiments of the present disclosure is shown; and
[0014] Figure 5 A block diagram of an electronic device capable of implementing several embodiments of the present disclosure is shown. Detailed Implementation
[0015] 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.
[0016] 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.
[0017] 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.
[0018] 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.
[0019] 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.
[0020] Figure 1A schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented is shown. In environment 100, one or more users 110-1, 110-2, 110-3, ..., 110-N can watch live streams (sometimes referred to as "live sessions") and participate in live interactive events through their respective associated terminal devices 120-1, 120-2, ..., 120-N. User 110 may also be referred to as a participant, for example. For ease of discussion, users 110-1, 110-2, ..., 110-N may be collectively referred to as user 110 or individually, and terminal devices 120-1, 120-2, ..., 120-N may be collectively referred to as terminal device 120 or individually.
[0021] In some embodiments, among all users 110, one or more users, such as user 110-1, can initiate a live stream through an associated terminal device 120-1. In some scenarios, the user 110-1 initiating the live stream may also be referred to as the host of the live stream session, the host user, the host participant, the live streamer, or the live stream manager. In some embodiments, user 110-1 may include a user corresponding to an e-commerce store, or an object recommender capable of recommending online products. User 110-1 may also be referred to as a target user.
[0022] In some embodiments, the participants in a live interactive event may include the target user 110-1 and one or more other participants 110-2 to 110-N. Other participants 110-2 to 110-N may be viewer users who have not started a live stream themselves but are joining the live interactive event of the current host (e.g., e-commerce live stream, product recommendation, etc.). Additionally, other users 110 may also include viewers, listeners, or spectators in the live stream.
[0023] In some embodiments, the terminal device 120 may have an application installed that can provide live streaming services, or may have access to a website that can provide live streaming services. The user 110 can operate the terminal device 120 to access the corresponding application or website. Accordingly, the terminal device 120 can display a corresponding live streaming page, which may provide live streaming content, such as audio live streaming content or video live streaming content.
[0024] In some embodiments, the terminal device 120 can also communicate with the server 130 via the network 132 to provide live streaming services. The server 130 can provide functions such as application or website management, configuration, and maintenance. In some embodiments, the server 130 can store data generated during the live streaming process, including live interaction data generated during live streaming interactions.
[0025] Terminal device 120 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, 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, terminal device 120 may also support any type of user-facing interface (such as "wearable" circuitry).
[0026] 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 supporting live streaming in terminal device 120.
[0027] 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.
[0028] Currently, in live streaming scenarios, viewers primarily navigate to other pages to view more content via webpage anchors actively added by the streamer within the live stream. Viewers often lack direct access to other related pages within the live stream that offer more information, such as store pages or product showcases that support product purchases. Furthermore, the interaction path from the live stream to the streamer's corresponding store page or showcase is inconvenient and lacks directness, resulting in a poor user experience.
[0029] In view of this, embodiments of the present disclosure propose a scheme for interaction. According to this scheme, predetermined interactive interface elements are presented on the live streaming page corresponding to the target user's live stream. These interactive interface elements are configured to switch between a first mode and a second mode of the live streaming page. In response to the interactive interface elements being triggered to switch to the first mode of the live streaming page, a navigation bar is presented on the live streaming page. The navigation bar includes multiple navigation tabs, which can be selected to locate multiple pages associated with the target user, wherein the multiple pages include at least the live streaming page, and the first navigation tab corresponding to the live streaming page is selected. Correspondingly, in response to the interactive interface elements being triggered to switch to the second mode of the live streaming page, the navigation bar is de-presented on the live streaming page.
[0030] In this way, interactive interface elements are provided to trigger the switching between the first and second modes of the live stream page for viewers. This allows viewers to easily switch from the immersive second mode to the first mode, which displays more page information related to the streamer, when entering the live stream page, facilitating their continued browsing of more relevant content. This effectively increases the amount of information viewers can view through the live stream page. For viewers, the ability to easily switch to other pages related to the streamer while watching the live stream, such as recommended product pages or related items, enhances the user experience.
[0031] The following description continues with reference to the accompanying drawings, which will introduce some exemplary embodiments of this disclosure. It should be understood that the pages shown in the drawings are merely examples, and various page designs are possible in practice. The various graphic elements on the page may have different arrangements and different visual representations, one or more elements may be omitted or replaced, and one or more other elements may also be present. The embodiments of this disclosure are not limited in this respect.
[0032] Figures 2A to 2D Example interfaces 200A to 200D according to some embodiments of this disclosure are shown. For ease of discussion, reference will be made to... Figure 1 Environment 100 is used to describe interfaces 200A to 200D. Interfaces 200A to 200D can be described by... Figure 1 The terminal device 120 shown provides interfaces 200A, 200B, and 200D, which can be example interfaces presented on a live streaming page during a live stream. As an example, interfaces 200A to 200D are illustrated using the example of a user corresponding to an e-commerce store starting a live stream. In interfaces 200A to 200D, the terminal device 120 can interact by receiving operations from the associated user 110 to present the corresponding interaction results.
[0033] like Figure 2A-2BAs shown, terminal device 120 presents predetermined interactive interface elements 210 on the live streaming page corresponding to the live stream of target user 110-1. Target user 110-1 refers to the current live stream host. The user corresponding to terminal device 120 presenting the live streaming page can be a viewer of the live stream. In some embodiments, target user 110-1 may include a merchant user corresponding to an e-commerce store, or an object recommender capable of recommending objects. Here, an object recommender refers to a user who can recommend objects to other users. This user can configure and manage a list of objects that have been or will be recommended to other users, such as an online product list.
[0034] It should be understood that the target user 110-1 can be any suitable user capable of initiating a live stream. In other embodiments, the live stream may also include other types or scenarios of live interactive events, such as game live streams, food live streams, travel live streams, etc., and accordingly, the target user can be the user who initiates the corresponding live interactive event. The following will use the e-commerce live stream scenario as an example to discuss various embodiments of this disclosure.
[0035] Here, the interactive interface element 210 is configured to switch between a first mode and a second mode on the live streaming page. In some embodiments, the type of the interactive interface element 210 may include, but is not limited to, controls, buttons, etc. It should be understood that the type of the interactive interface element 210 can be any suitable type of interface element capable of supporting interactive operations between the user 110 and the terminal device 120. For example, the interactive interface element 210 may sometimes also be referred to as a mode switching interface element or a mode switching control.
[0036] As will be discussed in detail below, in the first mode, a navigation bar can be displayed on the live stream page, making the live stream page one of the pages that can be browsed within the navigation bar. Because of the navigation bar, users currently watching the live stream can switch to other pages related to the live stream initiator (i.e., the target user) as needed, and can also switch back to the live stream page to continue watching. The navigation bar supports users quickly switching and browsing between multiple pages. In the second mode, the navigation bar is not displayed on the live stream page, allowing users to focus more on the current live stream content and various interactions during the live stream.
[0037] In some embodiments, the second mode may primarily focus on explaining and showcasing the subject matter on the live stream page, allowing viewers to perform interactive operations related to the live stream. Interactive operations in the second mode may include leaving comments in the live stream room or navigating to other pages using anchor points on the live stream page. In the first mode, the live stream page can not only include explanations and showcases of the subject matter but also integrate numerous other related pages, and viewers can perform a wider range of interactive operations. Interactive operations in the first mode, in addition to leaving comments in the live stream room and navigating to other pages using anchor points, may also include locating more pages of e-commerce stores or subject-recommended platforms through presented navigation information.
[0038] By providing interactive interface elements for switching between the first and second modes, viewers can easily switch from the immersive second mode to the first mode, which displays more information related to the objects, when entering the live stream page. This provides viewers with an efficient and convenient interaction method, and also makes it easier for them to view and purchase the objects they need.
[0039] In some embodiments, if it is determined that the account type of the target user 110-1 initiating the live stream belongs to a predetermined account type, an interactive interface element 210 can be presented on the corresponding live stream page. In some embodiments, the predetermined account type corresponds to an e-commerce store or a referrer. That is, if the account type of the user initiating the live stream is an account corresponding to an e-commerce store or an account corresponding to a referrer with a product showcase, then the interactive interface element 210 can be displayed on the corresponding live stream page. Conversely, for other live streams, if the account type of the user initiating the live stream is an individual user rather than an e-commerce store or a referrer, then the interactive interface element 210 can not be presented on the corresponding live stream page.
[0040] In some embodiments, the identifier of the interactive interface element 210 may be different for different predetermined account types. Referring to interfaces 200A and 200B, for an account type such as an e-commerce store, the identifier of the interactive interface element 210 may include, for example, the word "store," or other textual or graphic identifiers that easily indicate an e-commerce store account type. Similarly, for an account type such as a referrer, the identifier of the interactive interface element 210 may include the word "showcase" (not shown in the figure), or other textual or graphic identifiers that easily indicate a referrer account type.
[0041] Referring to interface 200B, further, if the interactive interface element 210 is triggered to switch to the first mode of the live streaming page, the terminal device 120 displays a navigation bar 220 on the live streaming page. The triggering methods for the interactive interface element 210 discussed herein include, but are not limited to, triggering through any appropriate means such as clicking, long-pressing, or swiping. The navigation bar can be an element in the user interface used to help users navigate between different pages, functional areas, or content modules. For example... Figure 2B As shown, the navigation bar 220 includes multiple navigation tabs, which can be selected to locate multiple pages associated with the target user 110-1. These multiple navigation tabs may include, for example, navigation tab 221, navigation tab 222, navigation tab 223, navigation tab 224, navigation tab 225, etc. The multiple pages include at least a live streaming page, with the first navigation tab (e.g., navigation tab 221) corresponding to the live streaming page being selected. For example, the multiple pages may also include other pages related to the pre-order account type. Taking an e-commerce store as an example, the multiple pages may also include, for example, a store homepage page, a full product page, a store portfolio page, a store member page, etc., without limitation. Taking a recommender as an example, the multiple pages may also include, for example, an account activity page, a recommended product page, a personal portfolio page, etc., without limitation. For ease of understanding, the first mode can also be called the store and showcase mode, or simply the store showcase mode.
[0042] Referring to interface 200C, in some embodiments, if the live streaming page is in a first mode, and if a selection of a second navigation tab (such as navigation tab 222) among multiple navigation tabs is detected, the terminal device 120 can display the page corresponding to the second navigation tab, wherein the navigation bar 220 remains displayed on the page corresponding to the second navigation tab. The second navigation tab can be any of the multiple navigation tabs other than the first navigation tab 221. This means that in the first mode, if switching to a page other than the live streaming page among multiple pages, the navigation bar 220 will still be displayed. This facilitates user operation and switching between multiple navigation tabs and multiple pages.
[0043] In some embodiments, the terminal device 120 can determine that a clicked navigation label is selected by receiving click operations on multiple navigation labels. As an example, click operations include, but are not limited to, single-click and double-click operations, etc., and are not limited here. As an example, if the number of multiple navigation labels is large (e.g., 6 or more), exceeding a predetermined number (e.g., 5 or other numbers), the user 110 can be supported to slide multiple navigation labels in the navigation bar 220 to display more than the predetermined number of navigation labels on the user interface.
[0044] Alternatively or additionally, in some embodiments, terminal device 120 can determine that a navigation label is selected by receiving a swipe operation on the live streaming page. In such embodiments, in a first mode, terminal device 120 can select the navigation label of a page by receiving a swipe (including but not limited to left swipe and right swipe) at any position on a page among multiple pages. For example, in a live streaming page, terminal device 120 can select the navigation label (such as navigation label 222) of the next page by receiving a left swipe operation from user 110. It should be understood that in other embodiments, the navigation label can also be selected by any other suitable operation.
[0045] In these embodiments, navigation tabs are selected through various interactive methods, allowing user 110 to conveniently switch between multiple pages corresponding to multiple navigation tabs.
[0046] Referring to interface 200B, in some embodiments, if a live stream is in progress in the first mode and any one of the multiple navigation tabs is selected, the terminal device 120 can display a first graphic element 229 associated with the first navigation tab 221 corresponding to the live stream page. The first graphic element 229 can indicate that the live stream is in progress. As an example, the first graphic element 229 indicating that the live stream is in progress can be presented dynamically. It should be understood that the first graphic element 229 can also be presented in any other suitable manner to indicate that the live stream is in progress. Here, when a live stream is in progress in the first mode, the first graphic element can be presented dynamically regardless of which of the multiple navigation tabs is currently selected, i.e., regardless of which of the multiple pages is currently displayed.
[0047] In other embodiments, if the live stream is not in progress in the first mode and any of the multiple navigation tabs is selected, the first graphic element 229 can indicate that the live stream is not in progress. For example, in this case, the first graphic element 229 can be presented statically to indicate that the target user is not currently watching a live stream. It should be understood that the first graphic element can also be presented in any other suitable manner to indicate that the live stream is not in progress.
[0048] Referring to interface 200A, further, if the interactive interface element 210 is triggered to switch to the second mode of the live streaming page, the terminal device 120 cancels the display of the navigation bar 220 on the live streaming page. Compared to the first mode, the second mode can be referred to as the normal mode or the default mode. In normal mode, because the terminal device 120 does not display the navigation bar 220, the user 110 cannot switch between multiple pages associated with the target user of the current live stream. That is, in such cases, the terminal device can only display the live streaming page. In the second mode, because there is no navigation bar, users watching the live stream can focus on more content related to the live stream, participate in live stream interactions, etc. This is more beneficial for users who prefer to focus on the live stream rather than view other related pages.
[0049] It should be understood that in other scenarios, terminal device 120 may also provide other entry elements for users to switch from the live broadcast page to other pages that are different from the multiple pages corresponding to multiple tags.
[0050] Referring to interface 200D, in some embodiments, if the live streaming page is in the second mode, the terminal device 120 can sequentially present multiple identifiers corresponding to multiple navigation labels on the interactive interface element 210 at predetermined time intervals. This method can be referred to as a carousel of multiple identifiers. In such embodiments, the predetermined time interval can be a relatively short time interval, such as a time interval on the order of seconds, but is not limited thereto. The types of multiple identifiers can include text identifiers, image identifiers, etc., or can include any other suitable type of identifier. In interface 200D, multiple identifiers can include multiple text identifiers. As an example, the wording of multiple text identifiers can be the same as the wording of the text identifiers of multiple navigation labels in the navigation bar 220. As shown in box 230, the wording of multiple text identifiers can include, for example, "Store Selections," "All Products," "Store Works," "Store Members," etc., without limitation.
[0051] For example, assuming the predetermined time interval is 5 seconds (or other time intervals), multiple identifiers can be presented one every 5 seconds (or other time intervals). As an example, the order in which the multiple identifiers are presented can correspond to the order in which the corresponding navigation labels are presented in navigation bar 220. It should be understood that in other examples, the order in which the multiple identifiers are presented can be other orders, or random orders, etc.
[0052] In some embodiments, the sequential presentation of multiple identifiers may be triggered when user 110 first enters the live stream page. This allows users to easily understand that there is more information under the e-commerce store or the recommender's account, thereby attracting users to further interact with interactive interface elements.
[0053] In some embodiments, if the identifiers corresponding to multiple navigation labels are presented a predetermined number of times, the terminal device 120 can cancel the presentation of the identifiers corresponding to the multiple navigation labels on the interactive interface element 210. The predetermined number of times can be a small number, for example, between 1 and 5 times, or other appropriate numbers. This allows users to avoid interrupting their viewing experience by canceling the carousel of multiple identifiers after they have already learned about the e-commerce store or the recommender's account and have already interacted with the interactive interface element.
[0054] In some embodiments, if a trigger on the interactive interface element 210 is detected when the identifier corresponding to one of the navigation labels is presented on the interactive interface element 210, the terminal device 120 can determine to switch from the second mode to the first mode of the live streaming page, and present a navigation bar 220 including multiple navigation labels on the live streaming page. In such an embodiment, if the user 110 clicks or otherwise triggers the interactive interface element 210 while the multiple identifiers corresponding to the multiple navigation labels are rotating, the user can still switch from the normal mode of the live streaming page to the storefront mode and present the navigation bar 220 accordingly.
[0055] Referring to interfaces 200A and 200B, in some embodiments, if the interactive interface element 210 is triggered to switch to the first mode, the terminal device 120 can move the interactive interface element 210 from a first position to a second position on the live streaming page, and display the navigation bar 220 near the first position. Generally, the navigation bar 220 can be located at the top, side, or bottom of the interface to provide clear path guidance, enabling users to easily and quickly find the content or function they want to access. To achieve this effect, when switching to the first mode, the terminal device 120 can move the navigation bar 220 to the bottom or other edge of the interface, while the interactive interface element 210, which was originally displayed at the bottom of the interface in the second mode, can be moved above the navigation bar 220 or to another position. Correspondingly, other interface elements in the same operating area as the interactive interface element 210 can also be moved above the navigation bar 220 or to another position.
[0056] In some embodiments, the navigation bar 220 can be presented as a floating style on the live streaming page. Compared to the traditional fixed style, the floating style of the navigation bar 220 makes it easier to move on the interface. As in the above embodiment, by presenting the navigation bar 220 as a floating style, its position can be easily moved when switching between the first mode and the second mode, while still maintaining a good visual presentation.
[0057] Referring to interface 200C, in some embodiments, if the interactive interface element 210 is triggered to switch to a first mode of the live streaming page, the terminal device 120 can present first identification information 242 associated with the target user 110-1 on the live streaming page. If the interactive interface element 210 is triggered to switch to a second mode of the live streaming page, the terminal device 120 can present second identification information 244 associated with the target user 110-1 on the live streaming page, wherein the first identification information 242 and the second identification information 244 are at least partially different. As an example, the content presented in the first identification information 242 of the target user 110-1 in the first mode may be more than the content presented in the second identification information 244 in the second mode. As an example, the first identification information 242 may include, for example, the number of followers of the e-commerce store or the recommender, the store category identifier, the recommender identifier, etc., without limitation. The second identification information 244 may only include, for example, the number of likes for watching the live stream, the number of followers of the account, etc., without limitation. In this way, the target user can be presented with more identification information related to the store or the sale of goods in the storefront mode, so as to facilitate more transactions.
[0058] In embodiments of this disclosure, interactive interface elements are provided to trigger switching between a first mode and a second mode on the live streaming page for the viewer. This allows the viewer to easily switch from the immersive second mode to the first mode, which displays more product-related information, facilitating product purchases. This effectively increases the time the viewer spends on the live streaming page. For the viewer, being able to conveniently switch to other pages associated with the streamer while watching the live stream, such as product recommendation pages or related product pages, enhances the user experience.
[0059] Figure 3 A flowchart of an example interactive process 300 according to some embodiments of the present disclosure is shown. Process 300 can be implemented in Figure 1 There are 120 terminal devices in the system. See below for reference. Figure 1 To describe process 300.
[0060] As shown in the figure, in box 310, the terminal device 120 presents predetermined interactive interface elements on the live streaming page corresponding to the target user's live stream. The interactive interface elements are configured to switch between a first mode and a second mode on the live streaming page.
[0061] In frame 320, terminal device 120 responds to the interactive interface element being triggered to switch to the first mode of the live broadcast page, and presents a navigation bar in the live broadcast page. The navigation bar includes multiple navigation tabs, which can be selected to locate multiple pages associated with the target user. Among these multiple pages, at least the live broadcast page is included, and the first navigation tab corresponding to the live broadcast page is in the selected state.
[0062] In frame 330, terminal device 120 responds to the interactive interface element being triggered to switch to the second mode of the live streaming page, and cancels the presentation of the navigation bar in the live streaming page.
[0063] In some embodiments, process 300 further includes: in response to the live page being in a second mode, sequentially presenting multiple identifiers corresponding to multiple navigation labels on interactive interface elements at predetermined time intervals; and in response to the multiple identifiers corresponding to multiple navigation labels being presented a predetermined number of times, canceling the presentation of multiple identifiers corresponding to multiple navigation labels on interactive interface elements.
[0064] In some embodiments, process 300 further includes: detecting a trigger on an interactive interface element when an identifier corresponding to a navigation label in a plurality of navigation labels is presented on an interactive interface element; determining to switch from the second mode to the first mode of the live streaming page; and presenting a navigation bar including a plurality of navigation labels on the live streaming page.
[0065] In some embodiments, process 300 further includes: in response to the live page being in a first mode and in response to detecting the selection of a second navigation tab among a plurality of navigation tabs, presenting the page corresponding to the second navigation tab, wherein the navigation bar remains present on the page corresponding to the second navigation tab.
[0066] In some embodiments, the navigation bar is presented as a floating element on the live streaming page.
[0067] In some embodiments, process 300 further includes: in response to a live stream being in progress in a first mode and any one of the plurality of navigation tabs being selected, presenting a first graphic element associated with a first navigation tab corresponding to the live stream page, the first graphic element indicating that the live stream is in progress.
[0068] In some embodiments, process 300 further includes: in response to the interactive interface element being triggered to switch to the first mode, moving the interactive interface element from the first position to the second position in the live streaming page; and displaying the navigation bar near the first position.
[0069] In some embodiments, process 300 further includes: in response to an interactive interface element being triggered to switch to a first mode of a live streaming page, presenting first identification information associated with a target user in the live streaming page; and in response to an interactive interface element being triggered to switch to a second mode of a live streaming page, presenting second identification information associated with a target user in the live streaming page, wherein the first identification information and the second identification information are at least partially different.
[0070] In some embodiments, presenting predetermined interactive interface elements on the live streaming page corresponding to the target user's live stream includes: in response to determining that the target user who initiated the live stream has a predetermined account type, presenting interactive interface elements on the live streaming page corresponding to the live stream.
[0071] In some embodiments, the reservation account type corresponds to an e-commerce store or a referrer.
[0072] In some embodiments, process 300 further includes selecting a navigation label among a plurality of navigation labels by: determining that the clicked navigation label is selected by receiving a click operation on a navigation label of a plurality of navigation labels; or determining that the navigation label slid to by the sliding operation is selected by receiving a sliding operation on the live streaming page.
[0073] Embodiments of this disclosure also provide corresponding apparatus for implementing the above methods or processes. Figure 4 A schematic structural block diagram of an example device 400 for interaction according to certain embodiments of the present disclosure is shown. Device 400 may be implemented as or included in terminal device 120. Various modules / components in device 400 may be implemented by hardware, software, firmware, or any combination thereof.
[0074] As shown in the figure, the device 400 includes an element presentation module 410, configured to present predetermined interactive interface elements on a live streaming page corresponding to a target user's live stream. The interactive interface elements are configured to switch between a first mode and a second mode of the live streaming page. A navigation bar presentation module 420 is configured to present a navigation bar on the live streaming page in response to the interactive interface elements being triggered to switch to the first mode of the live streaming page. The navigation bar includes multiple navigation tabs, which can be selected to locate multiple pages associated with the target user, wherein the multiple pages include at least the live streaming page, and the first navigation tab corresponding to the live streaming page is in a selected state. A navigation bar deprecation module 430 is configured to deprecate the navigation bar on the live streaming page in response to the interactive interface elements being triggered to switch to the second mode of the live streaming page.
[0075] In some embodiments, the device 400 further includes an identifier sequential presentation module, configured to, in response to the live page being in a second mode, sequentially present multiple identifiers corresponding to multiple navigation tags on interactive interface elements at predetermined time intervals; and to, in response to the multiple identifiers corresponding to multiple navigation tags being presented a predetermined number of times, cancel the presentation of the multiple identifiers corresponding to multiple navigation tags on interactive interface elements.
[0076] In some embodiments, the device 400 further includes a triggering module configured to detect a triggering of an interactive interface element when an identifier corresponding to a navigation label among a plurality of navigation labels is presented on an interactive interface element, determine to switch from the second mode to the first mode of the live streaming page; and present a navigation bar including a plurality of navigation labels on the live streaming page.
[0077] In some embodiments, the apparatus 400 further includes: in response to the live streaming page being in a first mode and in response to detecting the selection of a second navigation tab among a plurality of navigation tabs, presenting the page corresponding to the second navigation tab, wherein the navigation bar remains present on the page corresponding to the second navigation tab.
[0078] In some embodiments, the navigation bar is presented as a floating element on the live streaming page.
[0079] In some embodiments, the apparatus 400 further includes a graphic element rendering module configured to render a first graphic element associated with a first navigation tab corresponding to the live stream page in response to the live stream being in progress in a first mode and any one of a plurality of navigation tabs being selected. The first graphic element indicates that the live stream is in progress.
[0080] In some embodiments, the device 400 further includes a position movement module configured to move the interactive interface element from a first position to a second position in the live streaming page in response to the interactive interface element being triggered to switch to a first mode; and to display the navigation bar near the first position.
[0081] In some embodiments, the apparatus 400 further includes an identification information presentation module configured to present first identification information associated with a target user on the live streaming page in response to a first mode triggered by an interactive interface element to switch to a live streaming page; and to present second identification information associated with a target user on the live streaming page in response to a second mode triggered by an interactive interface element to switch to a live streaming page, wherein the first identification information and the second identification information are at least partially different.
[0082] In some embodiments, the device 400 is further configured to present interactive interface elements on the live streaming page corresponding to the live stream in response to determining that the account type of the target user initiating the live stream belongs to a predetermined account type.
[0083] In some embodiments, the reservation account type corresponds to an e-commerce store or a referrer.
[0084] In some embodiments, the device 400 further includes a navigation tag selection module, configured to determine that a clicked navigation tag is selected by receiving a click operation on a plurality of navigation tags; or to determine that a navigation tag slid to by a swipe operation on a live streaming page is selected by receiving a swipe operation on a live streaming page.
[0085] The units and / or modules included in device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units and / or modules can be implemented using software and / or firmware, such as machine-executable instructions stored on a storage medium. In addition to or as an alternative to machine-executable instructions, some or all of the units and / or modules in device 400 can be implemented at least partially by one or more hardware logic components. By way of example and not limitation, exemplary types of hardware logic components that can be used include field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-chips (SoCs), complex programmable logic devices (CPLDs), and so on.
[0086] Figure 5 A block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented is shown. It should be understood that... Figure 5 The electronic device 500 shown is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. Figure 5 The electronic device 500 shown can be used to achieve Figure 1 Electronic devices 110.
[0087] like Figure 5 As shown, electronic device 500 is in the form of a general-purpose electronic device. Components of electronic device 500 may include, but are not limited to, one or more processors or processing units 510, memory 520, storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. Processing unit 510 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 520. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of electronic device 500.
[0088] Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 500.
[0089] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not explicitly stated... Figure 5 As shown, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks can be provided. In these cases, each drive can be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of this disclosure.
[0090] Communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functionality of components of electronic device 500 can be implemented using a single computing cluster or multiple computing machines capable of communicating via communication connections. Therefore, electronic device 500 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network node.
[0091] Input device 550 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 560 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 500 can also communicate with one or more external devices (not shown) via communication unit 540 as needed. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with electronic device 500, or with any device that enables electronic device 500 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via input / output (I / O) interface (not shown).
[0092] 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.
[0093] 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.
[0094] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processing unit of the computer or other programmable data processing apparatus, they create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.
[0095] 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.
[0096] 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.
[0097] 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. An interaction method, comprising: Predetermined interactive interface elements are presented on the live streaming page corresponding to the target user's live stream. These interactive interface elements are configured to switch between a first mode and a second mode on the live streaming page. In response to the interactive interface element being triggered to switch to the first mode of the live streaming page, a navigation bar is presented on the live streaming page. The navigation bar includes multiple navigation tabs, which can be selected to locate multiple pages associated with the target user. The multiple pages include at least the live streaming page, and the first navigation tab corresponding to the live streaming page is in a selected state. In response to the interactive interface element being triggered to switch to the second mode of the live streaming page, the navigation bar is de-presented on the live streaming page; as well as In response to the live streaming page being in the second mode, multiple identifiers corresponding to the multiple navigation tags are sequentially presented on the interactive interface elements at predetermined time intervals.
2. The method according to claim 1, further comprising: In response to the multiple identifiers corresponding to the multiple navigation labels being presented a predetermined number of times, the presentation of the multiple identifiers corresponding to the multiple navigation labels on the interactive interface elements is cancelled.
3. The method according to claim 1, further comprising: In response to the detection of a trigger on the interactive interface element when the identifier corresponding to one of the plurality of navigation tabs is presented on the interactive interface element, Determine whether to switch from the second mode to the first mode of the live streaming page; as well as The navigation bar, which includes the multiple navigation tabs, is displayed on the live streaming page.
4. The method according to claim 1, further comprising: In response to the live streaming page being in the first mode, and in response to detecting the selection of a second navigation tab among the plurality of navigation tabs, the page corresponding to the second navigation tab is presented, wherein the navigation bar remains presented on the page corresponding to the second navigation tab.
5. The method according to claim 1, wherein the navigation bar is presented as a floating style on the live streaming page.
6. The method according to claim 1, further comprising: In response to the live stream being in progress in the first mode and any one of the plurality of navigation tabs being selected, a first graphic element is presented in association with the first navigation tab corresponding to the live stream page, the first graphic element indicating that the live stream is in progress.
7. The method according to claim 1, further comprising: In response to the interactive interface element being triggered to switch to the first mode, the interactive interface element is moved from the first position to the second position on the live streaming page; as well as The navigation bar is displayed near the first location.
8. The method according to claim 1, further comprising: In response to the interactive interface element being triggered to switch to the first mode of the live streaming page, first identification information associated with the target user is presented on the live streaming page; as well as In response to the interactive interface element being triggered to switch to the second mode of the live streaming page, second identification information associated with the target user is presented on the live streaming page, wherein the first identification information is at least partially different from the second identification information.
9. The method according to claim 1, wherein presenting predetermined interactive interface elements on the live stream page corresponding to the target user's live stream includes: In response to determining that the account type of the target user who initiated the live stream belongs to a predetermined account type, the interactive interface element is presented on the live stream page corresponding to the live stream.
10. The method according to claim 9, wherein the reserved account type corresponds to an e-commerce store or a referrer.
11. The method of claim 1, further comprising selecting the navigation label among the plurality of navigation labels by: By receiving click operations on the navigation tabs of the plurality of navigation tabs, it is determined that the clicked navigation tab is selected; or By receiving a swipe operation on the live streaming page, it is determined that the navigation tab that the swipe operation touched was selected.
12. A device for interaction, comprising: An element presentation module is configured to present predetermined interactive interface elements on the live streaming page corresponding to the live stream of a target user. The interactive interface elements are configured to switch between a first mode and a second mode on the live streaming page. The navigation bar presentation module is configured to respond to the interactive interface element being triggered to switch to the first mode of the live page, and to present a navigation bar in the live page. The navigation bar includes multiple navigation tabs, which can be selected to locate multiple pages associated with the target user. The multiple pages include at least the live page, and the first navigation tab corresponding to the live page is in a selected state. The navigation bar cancellation module is configured to cancel the navigation bar in the live streaming page in response to the interactive interface element being triggered to switch to the second mode of the live streaming page; as well as The identifier presentation module is configured to, in response to the live streaming page being in the second mode, sequentially present multiple identifiers corresponding to the multiple navigation tags on the interactive interface elements at predetermined time intervals.
13. An electronic device, comprising: At least one processing unit; as well as At least one memory, coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, which, when executed by the at least one processing unit, cause the electronic device to perform the method according to any one of claims 1 to 11.
14. A computer-readable storage medium having stored thereon computer instructions that can be executed by a processor to implement the method according to any one of claims 1 to 11.
15. A computer program product tangibly stored in a computer storage medium and comprising computer-executable instructions that, when executed by a device, cause the device to perform the method according to any one of claims 1 to 11.