Methods, apparatuses, devices, media, and products for interface interaction

Abstract

A method, apparatus, device, storage medium and computer program product for interface interaction are provided. The method includes displaying a first component in a content stream viewing interface, displaying first media content in the first component, a presentation mode of the first media content being a first mode. The method further includes receiving a first operation, the first operation being triggered for the first component. The method further includes switching the presentation mode of the first media content from the first mode to a second mode in response to the first operation.

Description

Technical Field

[0001] This relates to the field of computers, and more specifically to methods, apparatus, devices, computer-readable storage media, and computer program products for user interface interaction. Background Technology

[0002] In today's digital age, content applications, represented by short video apps and media platforms, have become integrated into people's daily lives. More and more people are spending a significant amount of their leisure time browsing and consuming the content presented by these apps and platforms.

[0003] Whether recording snippets of daily life or providing breaking news about trending events, creators have collectively built a diverse world of digital content. Users can easily access the information they need with just a tap of their screen. Summary of the Invention

[0004] A method, apparatus, device, computer storage medium, and computer program product for interface interaction are provided.

[0005] In a first aspect, a method for interface interaction is provided, comprising displaying a first component in a content stream viewing interface, displaying first media content in the first component, the first media content being displayed in a first mode. The method further comprises receiving a first operation triggered on the first component. The method also further comprises, in response to the first operation, switching the display mode of the first media content from the first mode to a second mode. This method helps users easily understand that display modes can be switched, significantly reduces the interaction complexity of switching from the first mode to the second mode, significantly shortens the operation path for switching display modes, thereby reducing the processing overhead and response waiting time caused by multi-level interface jumps, and increasing the frequency of use of other display modes.

[0006] In a second aspect, an apparatus for interface interaction is provided. The apparatus includes a first display module configured to display a first component in a content stream viewing interface, and the first component displays first media content, wherein the first media content is displayed in a first mode. The apparatus also includes a first receiving module configured to receive a first operation triggered by the first component. Furthermore, the apparatus includes a first switching module configured to switch the display mode of the first media content from the first mode to a second mode in response to the first operation. This apparatus helps users easily understand that display modes can be switched, significantly reduces the interaction complexity of switching from the first mode to the second mode, significantly shortens the operation path for switching display modes, thereby reducing the processing overhead and response waiting time caused by multi-level interface jumps, and increasing the frequency of use of other display modes.

[0007] In a third aspect, an electronic device is provided, comprising: 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, the instructions causing the electronic device to perform a method for interface interaction when executed by the at least one processing unit. The method includes displaying a first component in a content streaming interface, displaying first media content in the first component, the first media content being displayed in a first mode. The method further includes receiving a first operation triggered in response to the first component. The method also includes switching the display mode of the first media content from the first mode to a second mode in response to the first operation. This electronic device helps users easily recognize that display modes can be switched, significantly reduces the interaction complexity of switching from the first mode to the second mode, significantly shortens the operation path for switching display modes, thereby reducing the processing overhead and response waiting time caused by multi-level interface jumps, and increasing the frequency of use of other display modes.

[0008] In a fourth aspect, a computer-readable storage medium is provided having machine-executable instructions stored thereon, which, when executed by a device, cause the device to perform a method for interface interaction. The method includes displaying a first component in a content streaming viewing interface, displaying first media content in the first component, the first media content being displayed in a first mode. The method also includes receiving a first operation triggered in response to the first component. Furthermore, in response to the first operation, the method includes switching the display mode of the first media content from the first mode to a second mode. This computer-readable storage medium helps users easily recognize that display modes can be switched, significantly reduces the interaction complexity of switching from the first mode to the second mode, significantly shortens the operation path for switching display modes, thereby reducing the processing overhead and response waiting time caused by multi-level interface jumps, and increasing the frequency of use of other display modes.

[0009] In a fifth aspect, a computer program product is provided, including computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, implement a method for interface interaction. The method includes displaying a first component in a content stream viewing interface, displaying first media content in the first component, the first media content being displayed in a first mode. The method also includes receiving a first operation triggered in response to the first component. Furthermore, in response to the first operation, the display mode of the first media content is switched from the first mode to a second mode. This computer program product helps users easily understand that display modes can be switched, significantly reduces the interaction complexity of switching from the first mode to the second mode, significantly shortens the operation path for switching display modes, thereby reducing the processing overhead and response waiting time caused by multi-level interface jumps, and increasing the frequency of use of other display modes.

[0010] The summary section is provided to introduce a series of concepts in a simplified form, which will be further described in the detailed description below. The summary section is not intended to identify key or essential features, nor is it intended to limit the scope. Other features will become readily apparent from the following description. Attached Figure Description

[0011] Figure 1A A schematic diagram of an example environment that can be implemented in one scenario is shown;

[0012] Figure 1B A schematic diagram of the video mode is shown;

[0013] Figure 1C A schematic diagram of the listening card assembly is shown;

[0014] Figure 1D A schematic diagram of the audio modes is shown;

[0015] Figure 2 A flowchart of the method for interface interaction is shown;

[0016] Figure 3A Another schematic diagram of the audio mode is shown;

[0017] Figure 3B A schematic diagram of the list component is shown;

[0018] Figure 4A A schematic diagram illustrating the card switching process is shown;

[0019] Figure 4B Another diagram illustrating the card switching process is shown;

[0020] Figure 5 A schematic diagram showing the display conditions of the listening card component is shown;

[0021] Figure 6 A schematic diagram illustrating the process of returning to the video interface is shown;

[0022] Figure 7 A schematic block diagram of a device for interface interaction is shown; and

[0023] Figure 8 A block diagram of an electronic device is shown.

[0024] In all the accompanying figures, the same or similar reference numerals denote the same or similar elements. Detailed Implementation

[0025] The names of messages or information exchanged between multiple devices in the implementation are for illustrative purposes only and are not intended to limit the scope of these messages or information. It is understood that before using the technical solutions disclosed in each situation, users should be informed of the type, scope of use, and usage scenarios of the personal information involved, and their authorization should be obtained in accordance with relevant laws and regulations through appropriate means.

[0026] For example, upon receiving a user's active request, a prompt message can be sent to the user, explicitly informing them that the requested operation will require the acquisition and use of their personal information. This allows the user to choose whether to provide personal information to the software or hardware such as the electronic device, application, server, or storage medium performing the relevant operation, based on the prompt message. As an optional but non-limiting implementation, the prompt message can be sent to the user in the form of a pop-up window, which can present the prompt message in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0027] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation method. Other methods that comply with relevant laws and regulations may also be applied in various situations.

[0028] The various scenarios will now be described in more detail with reference to the accompanying drawings. While some scenarios are shown in the drawings, it should be understood that implementations can take many forms and should not be construed as limited to the one scenario described herein. Rather, these scenarios are provided to provide a more thorough and complete understanding of the technical content. It should be understood that the drawings and scenarios are for illustrative purposes only and are not intended to limit the scope of protection.

[0029] In the descriptions of each situation, the term "comprising" and similar expressions 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 terms "a situation" or "the situation" should be understood as "at least one situation". The terms "first", "second", etc., may refer to different or the same objects unless explicitly stated. Other explicit and implicit definitions may also be included below.

[0030] In related technical solutions, users can browse various media content, such as video and audio content, within content applications. This media content can also have different display modes, such as video mode and audio mode. However, users' attention is focused on the media content, making it difficult for them to notice that the display mode can be switched. Furthermore, switching media content display modes requires complex interactive operations; for example, users need to perform a series of operations to enter a content stream for audio mode and then select media content to play. This makes it difficult for users to perceive that the display mode is switchable within the currently applied display mode, and it is also difficult to switch to other display modes. Therefore, other display modes are used less frequently, resulting in a poor user experience.

[0031] To address this, a method for interface interaction is proposed. This method displays the first media content, presented in a first mode, within a component in the content stream viewing interface. Users can easily notice the component and switch the display mode of the first media content from the first mode to the second mode with a single operation on that component. This method helps users easily understand that the display mode can be switched and significantly reduces the interaction complexity of switching from the first mode to the second mode. It also significantly shortens the operation path for switching display modes, thereby reducing the processing overhead and response time caused by multi-level interface navigation and increasing the frequency of use of other display modes.

[0032] Figure 1A A schematic diagram of an example environment 100 that can be implemented in one scenario is shown. Example environment 100 includes user device 130, server 140, and user 150. User device 130 may have an application 110 (such as a content application, including social applications, media applications, short video applications, etc.) installed on it. This application 110 serves as the execution carrier of methods, undertaking tasks such as acquiring, processing, displaying content streams, and responding to user interactions.

[0033] In some scenarios, application 110 can be installed on user device 130, for example, as a software application. User 150 can use user device 130 to launch application 110. Application 110 can communicate with server 140 via the network. In some scenarios, user 150 operates application 110 on user device 130 to initiate a business request; user device 130 encapsulates the request and sends it to server 140 via the network; server 140 parses the received request, executes the corresponding business processing operation (such as data query, logical operation, content delivery, etc.), and returns the processing result to user device 130; user device 130 visualizes the processing result through application 110 for user 150 to view, thereby completing the interaction between the client side and the server side.

[0034] Figure 1BA schematic diagram of the video mode is shown. In some cases, application 110 can present media content in the content stream viewing interface. In some cases, without switching display modes, application 110 can display media content in a single mode, such as the first mode (e.g., video mode). User 150 can switch between viewing different media content in the content stream through interactive operations (e.g., swiping) in the content stream viewing interface. Taking video mode as an example, after user 150 launches application 110, without any additional complex operations, they can directly view continuously loaded videos in application 110. Each video can be played according to preset playback rules (e.g., autoplay, click play, etc.) in the display area of ​​the interface (e.g., the center of the interface, occupying the main display space), presented in real time in the user 150's field of vision for viewing, information retrieval, or entertainment. For ease of description, the first mode is described as video mode and the second mode as audio mode in the following text, but this does not constitute a limitation on this method. The first mode can be audio mode or other modes, and the second mode can be video mode or other modes.

[0035] Figure 1C A schematic diagram of the audio card component is shown. In some cases, if user 150 provides a swipe-up operation in the content stream viewing interface, application 110 can display audio card component 112 (i.e., an example of the first component) in the content stream viewing interface, and display the first media content in audio card component 112, with the first media content displayed in the first mode. For example, application 110 can display the first media content in audio card component 112 and the second media content in audio card component 114, where audio card component 114 only shows a portion of the border to prompt user 150 to switch the currently displayed audio card component by swiping right. The first media content is, for example, episode 1, "Novel 1," in the collection "Collection 1." Audio card component 112 can display the title of the first media content at the bottom and the video content of the first media content in the middle area. During the display of audio card component 112, the audio of the first media content can be played and the video data of the first media content can be displayed. This method does not require user 150 to exit the current video stream or search for audio content separately, making the audio recommendation naturally connected with the user 150's current visual consumption content. In some cases, application 110 can also display primary information in the content stream viewing interface, such as "Listen to novel stories" or "Listen to exciting stories even when the screen is off," or a combination of both. This allows user 150 to know that audio from the media content in the listening card component 112 can be triggered.

[0036] Figure 1DA schematic diagram of the audio mode is shown. In some cases, if user 150 provides a click operation to the listening card component 112 (i.e., an example of the first operation), application 110 can respond to this click operation by switching the display mode of the first media content from video mode to audio mode. The click operation is triggered by the listening card component 112. In response to this click operation, application 110 can immediately and smoothly switch the audio data from the current video playback state to the background audio player, achieving a one-click mode conversion from watching video to listening to audio. This audio mode can have playback-related components, such as a progress axis component, play / pause buttons, volume control sliders, previous audio switching components, and next audio switching components. The progress axis component not only supports drag-and-drop navigation and click-to-position, but also displays the buffering progress and the current playback time in real time. In some cases, this audio mode can not only play audio but also display images or videos, for example, displaying the video data of the first media content in the middle area of ​​the audio mode.

[0037] In some scenarios, the content stream viewer also displays a listen control (i.e., an example of the second control), and before the first operation, the application can receive a trigger operation (i.e., an example of the sixth operation), where the trigger operation targets the listen control; and switch the display mode of the first media content to audio mode in the content stream viewer. In some scenarios, the content stream viewer also displays a listen control 116, which the user 150 can click (i.e., an example of the sixth operation) to switch the display mode of the first media content to audio mode in the content stream viewer. This listen control 116 provides more intuitive guidance, allowing the user to understand that the listen control can trigger audio mode, thereby reducing the user's cognitive burden and improving the user experience.

[0038] This method seamlessly integrates audio recommendations with the user's current visual consumption content. Users do not need to navigate to a dedicated audio content stream or make multiple menu selections, enabling a one-click mode switch (or vice versa) from watching videos to listening to audio. This comprehensively optimizes the call rate and resource utilization of functional modules on the terminal device, thereby enhancing the user experience.

[0039] As understood by those skilled in the art, an instance of server 140 may be a single physical server, a server cluster or distributed system consisting of multiple physical servers, or a cloud server that provides 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, and data processing and artificial intelligence platforms.

[0040] User equipment 130 can be any type of mobile computing device, including mobile computers (e.g., personal digital assistants, laptops, notebooks, tablets, netbooks, etc.), mobile phones (e.g., cellular phones, smartphones, etc.), wearable computing devices (e.g., smartwatches, head-mounted devices, including smart glasses, etc.) or other types of mobile devices. In some cases, user equipment 130 can also be a fixed computing device, such as a desktop computer, game console, smart TV, etc. It should be understood that the above operations can be performed jointly by user equipment 130 and server 140.

[0041] It should be understood that the architecture and functionality in the example environment are described for illustrative purposes only and do not imply any limitation on the scope. This scenario can also be applied to other environments with different structures and / or functionalities.

[0042] The processes of each scenario will be described in detail below with reference to other accompanying drawings. For ease of understanding, the specific data mentioned in the following description are exemplary and are not intended to limit the scope of protection. It is understood that the scenarios described below may also include additional actions not shown and / or the actions shown may be omitted, and their scope is not limited in this respect.

[0043] Figure 2 A flowchart of a method 200 for interface interaction is shown. In this case, it can be... Figure 1A The method is executed by application 110 on user equipment 130. The method performs the steps shown in boxes 202-206 as follows:

[0044] In box 202, the first component is displayed in the content stream viewer interface. Within this first component, the first media content is displayed in the first mode. In some cases, the first media content can be the media content currently playing or being presented in the application's content stream viewer interface, such as video content. Figure 1C As shown, the first media content could be episode 1, "Novel 1," from the collection "Collection 1," whose audio version can be played independently of the video content. The first component can be a component for displaying media content, such as the previously mentioned listening card component 112. The content stream viewing interface can be an interface that displays media content in one or more display modes, allowing users to smoothly switch between displayed media content through a switching operation. The first mode can be a display mode supported by the application for displaying media content, such as video mode, text mode, audio mode, etc.

[0045] In box 204, the first action is received, which is triggered by the first component. In some cases, the first action can be a user-provided interaction, such as a long press, double-tap, or click on the first component.

[0046] In box 206, in response to the first operation, the display mode of the first media content switches from the first mode to the second mode. The audio mode can utilize the application's built-in playback module for decoding, processing, and outputting audio data to play the media content. This audio mode can support background playback, playback after screen lock, etc., to achieve a seamless switch from video visual consumption to audio auditory consumption. The first operation is triggered by the first component, meaning that the input focus of this operation is within the content stream viewing interface, and the user does not need to jump to a separate audio mode-specific interface, thus simplifying the interaction path for initiating audio playback. In some cases, this audio mode can not only play audio but also display images or videos, such as displaying video data of the first media content. In some cases, the first mode is video mode and the second mode is audio mode, i.e., switching from video mode to audio mode. In some cases, the first mode is audio mode and the second mode is video mode, i.e., switching from audio mode to video mode. It can also be a switch between other modes, such as switching between text mode and video mode, or audio mode.

[0047] Figure 2 The method described helps users easily understand that display modes can be switched and significantly reduces the interactive complexity of switching from the first mode to the second mode. It also significantly shortens the operation path for switching display modes, thereby reducing the processing overhead and response time caused by multi-level interface transitions and increasing the frequency of use of other display modes. Furthermore, this method allows for a one-click switch from the first mode to the second mode, avoiding the need for multiple user interactions and triggering numerous data requests as in traditional methods. This significantly reduces unnecessary data transfer, memory usage, and GPU rendering overhead, thus lowering processor resource consumption.

[0048] In some scenarios, upon receiving the first operation, the application can display the first media content in a second interface, where the first media content is displayed in the second mode. In some scenarios, after the user clicks the listen card component, there is no need to display the listen card component again; the user can directly enter the media content stream and display the media content in the second mode. This second interface can be an interface displaying media content within the media content stream. In some scenarios, the first media content is media content within a first media content set, and the application can display a collection identifier (i.e., an example of the first identifier) ​​on the second interface. In some scenarios, the collection identifier is used to indicate to the user that the currently playing audio belongs to a larger content set; for example, the collection identifier can be the collection name "Collection 1," a cover icon, or a badge with the total number of episodes in the collection, such as "Episode 1 of 100," or a combination thereof.

[0049] In some scenarios, an application may receive a seventh action, which is directed at a collection identifier; and (e.g., in a list component) display preview information for multiple media contents, where the multiple media contents are from a first media content collection. The seventh action can be an interaction performed by the user on the collection identifier, such as clicking, double-clicking, or long-pressing the identifier area, which triggers the expansion of the media content collection list. The list component can be a UI element that pops up in response to the seventh action, such as a dropdown list or a floating card, displaying the various media content items in the media content collection in a preset order (e.g., episode number), allowing users to quickly browse and select other media content they want to play. Figure 3A Another schematic diagram of the audio mode is shown. In this audio mode interface, application 310 can display component 312, which has the text information "Collection · Collection 1". Clicking on component 312 can trigger subsequent interaction logic. Figure 3B A schematic diagram of the list component is shown. In some cases, after the user clicks component 312, application 310 can display a list of media content sets in the overlay card 320, which shows the corresponding media content in the media content set "Collection 1".

[0050] In some scenarios, the application can receive an eighth operation targeting a fifth media content within a first media content set; and the fifth media content can be played in audio mode. The eighth operation can be a selection action performed by the user on the fifth media content, such as clicking the play button on the media content item or clicking the item itself. This operation specifies the target for switching playback. The fifth media content can be another media content within the first media content set that is different from the currently playing first media content, such as episode 4, "Novel 4," in the collection "Collection 1." Upon receiving this operation, the application will stop playing the current audio and instead load and play the audio data of the fifth media content, enabling rapid switching within the media content set.

[0051] In some cases, the first media content is from a first media content set. When the application displays the first component in the content stream view, it can also display a set identifier. This means the set identifier is not only displayed on the second screen but also in the initial content stream view, allowing users to understand the set information the media content belongs to before deciding whether to trigger playback. For example, the listen card component can display a set identifier of "Set 1" above the title or in the upper right corner, allowing users to know the size and type of the media content set it belongs to while seeing the first media content, providing advance guidance for subsequent possible media content set browsing.

[0052] In some scenarios, the application may receive a fourth action, which is directed at the first identifier; and display preview information for multiple media contents, which are media contents within the first media content set. In some scenarios, the fourth action may be an interaction performed by the user on the set identifier, such as clicking the set identifier, double-clicking, or long-pressing the identifier area, which triggers the expansion of the media content set list.

[0053] In some cases, the application may receive a fifth operation, which targets a fourth media content within a first media content set; and display the fourth media content. For example, a user may select specific media content from preview information to display in a listen card component.

[0054] In some cases, the application can continue to display the fourth media content in the first component. This allows the user to continue adjusting the displayed media content within the listening card component. In some cases, the application can display the fourth media content in a second interface. Wherein, after the user adjusts the media content without providing the first operation, their intention can be determined to be to watch other media content according to the first mode, i.e., to leave the listening card component and continue watching the fourth media content in the second interface. This second interface can be an interface displaying media content in a media content stream.

[0055] In some cases, the application can also display primary information in the content stream viewing interface, indicating that the primary media content is associated with a primary playback category. In some cases, the application can split the primary media content into video and audio data, with the audio data played using an audio mode and the video data played using a video player. In some cases, the primary playback category can be a tag categorizing the content attributes of the primary media content, such as a novel story, film / television commentary, traditional opera / folk art, or book review. This primary playback category can be displayed as a text tag (e.g., "Novel Story") in the content stream viewing interface, helping users quickly determine whether the media content's playback category matches their current listening preferences before triggering playback. The application can also display video data in a secondary interface, which is video content corresponding to the primary media content, such as animated shorts or movie clips of the primary media content "Novel 1," providing users with a richer content experience before deciding whether to switch to audio mode.

[0056] In some scenarios, the content stream viewing interface displays a second component (such as the listening card component 114). Before receiving the first operation, the application can receive the second operation and switch the first component to the second component. The second component is configured to display second media content, and the display mode of the second media content is the first mode. The second operation is used to switch between recommended media content in the content stream viewing interface. For example, the user can swipe left on the listening card component to view other recommended media content carried by the next listening card. The second media content is another media content different from the first media content, such as episode 2 "Novel 2" in the collection "Collection 1" or episode 1 "Story 1" in another different collection "Collection 2". Through the second operation, users can conveniently browse multiple candidate media content in the content stream viewing interface, thereby expanding their selection range. Figure 4A A schematic diagram illustrating the card switching process is shown. Users can swipe left, allowing application 410 to slide the right-side listening card component 412 to the central area, and then slide the central listening card component to the left area (leaving only the border). In some cases, both the first and second media content are media content from the first media content set. In some cases, after sliding the listening card component, the displayed second media content may be "Novel 2," belonging to the collection "Collection 1." Figure 4B Another illustration shows the card switching process. The user can swipe left, allowing application 410 to slide the right-side listening card component 414 to the central area, and application 410 can slide the central listening card component to the left area (leaving only the border). In some cases, the first media content is media content from a first media content set, and the second media content is media content from a second media content set, which are different from each other. In some cases, after sliding the listening card component, the displayed second media content could be "Story 5," belonging to the collection "Collection 2."

[0057] In some cases, the second media content is associated with the first playback category. The same playback category means that the first and second media content are categorized under the same broad tag system in terms of content attributes; for example, both may belong to the "fiction / story" playback category. This same playback category recommendation strategy ensures that even if different media content is switched through a second operation, the recommended content's subject matter and style remain consistent, avoiding pushing completely irrelevant content types to users, thereby improving recommendation accuracy and user experience consistency.

[0058] In some scenarios, the application may receive a third action in response to the first information, and then display multiple playback categories. In other scenarios, if a selection for a second playback category is received, the application may display third media content in the content stream view interface, corresponding to the second playback category. The third action can be an interaction performed by the user on the display area of ​​the first information (e.g., a drop-down triangle icon), such as clicking, long-pressing, or double-tapping, to expand the playback category filtering interface. The first list may be a pop-up list of playback category options presented in response to the third action, displaying all available playback category names in a hierarchical or grid layout, such as novels / stories, film / television commentary, traditional opera / folk arts, book reviews, etc., allowing users to quickly filter for audio content types of interest. The third media content may be media content re-searched and recommended by the application based on the playback category (i.e., the second playback category) selected by the user from the first list. For example, if the user selects the "traditional opera / folk arts" playback category, the application will switch the display of media content cards matching that playback category in the content stream view interface, thereby achieving on-demand filtering and precise content supply, improving the user experience.

[0059] In some cases, the first media content is the media content within the first media content set. If the display of the first media content ends, the application can display the sixth media content on a second interface. This sixth media content is the subsequent media content within the first media content set. The end of display can occur when the video data of the first media content in the listening card component finishes playing, for example, when the user reaches the end of a video. In this case, the application will automatically determine the playback progress of the current media content within the first media content set. This second interface can be an interface displaying media content in the media content stream. The sixth media content, as the subsequent media content within the first media content set (e.g., the next episode after episode 1 of "Collection 1," namely episode 2 of "Novel 1"), maintains the continuity of the browsing rhythm.

[0060] In some cases, if the sixth media content is displayed and is the last episode of media content, the application may display the seventh media content, which is the media content in the third media content set, which is the subsequent media content set of the first media content set in the content stream viewing interface.

[0061] In some scenarios, receiving the ninth action allows the application to return to the content stream viewing interface. In other scenarios, receiving the tenth action allows the application to display the second video. The ninth action could be a return command executed by the user in the audio mode interface, such as clicking the back arrow in the upper left corner of the player; the tenth action could be a swipe up to switch videos, thus achieving a seamless return from audio mode to normal video browsing mode, meeting the user's need for flexible switching between different consumption modes.

[0062] In some cases, applications can display subtitles, where the subtitles are the text of the primary media content. The subtitles can be a text transcription corresponding to the audio content currently being played in the audio mode. This allows users to simultaneously view the text content while listening to audio, improving information retrieval efficiency.

[0063] Figure 5 The diagram illustrates the display conditions for the listening card component. At point 510, the user's action on the listening card component is retrieved. At point 512, it is determined whether the user has clicked the "Dislike" button on the listening card component. If yes, at point 514, if the user clicked it once, the listening card component will not be distributed for 7 days; at point 516, if the user clicked it twice, the listening card component will not be distributed for 15 days; at point 518, if the user clicked it three times, the listening card component will not be distributed for 30 days. If no, at point 520, it is determined whether the user has swiped away from the listening card. For example, swiping away the listening card component through the ninth action. If yes, at point 522, if the user has swiped away within 3 seconds 3 times within 7 days, the listening card component will not be distributed for 7 days. If no, at point 524, the listening card component will be distributed at most once every 6 refresh actions. This method, through an adaptive distribution adjustment mechanism, achieves fine-grained dynamic control over the listening card component push strategy, reducing the interference of invalid recommendations on the user's main browsing experience, thereby improving the user experience.

[0064] Figure 6 The diagram illustrates the process of returning to the video interface. In some cases, users can click the back component (such as the component in the upper left corner) in the audio mode interface to return to the interface displaying the listening card component, meaning application 610 can display the content stream viewing interface. In other cases, users can perform an up swipe operation (such as the system's default operation of switching videos in the video stream), in which case application 610 can display the next recommended video, thus returning to the video interface. This allows for a one-click return from audio listening mode to regular video browsing mode, meeting users' flexible needs for quickly switching between different content consumption modes.

[0065] Figure 7 A schematic block diagram of a device 700 for user interface interaction is shown. Device 700 can be implemented through software, hardware, or a combination of both. Figure 7As shown, the device 700 includes a first display module 710, a first receiving module 720, and a first switching module 730.

[0066] In some cases, the first display module 710 can be configured to display a first component in a content stream viewing interface, and the first media content is displayed in a first mode. The first receiving module 720 can be configured to receive a first operation triggered by the first component. The first switching module 730 can be configured to switch the display mode of the first media content from the first mode to a second mode in response to the first operation.

[0067] In some cases, the device 700 further includes a first information module configured to display first information in a content stream viewing interface, the first information indicating that the first media content is associated with a first playback category.

[0068] In some cases, the content stream viewing interface displays a second component, and the device 700 further includes a component switching module configured to switch the first component to the second component in response to a second operation, the second component being configured to display second media content, the display mode of the second media content being the first mode.

[0069] In some cases, both the primary media content and the secondary media content are media content from the primary media content set.

[0070] In some cases, the first media content is the media content in the first media content set, and the second media content is the media content in the second media content set, and the first media content set and the second media content set are different.

[0071] In some cases, the second media content is associated with the first playback category.

[0072] In some cases, the device 700 further includes: a third operation module configured to receive a third operation, wherein the third operation is directed to the first information; a category display module configured to display multiple playback categories; and a second display module configured to display third media content in a content stream viewing interface in response to receiving a selection for a second playback category, wherein the third media content corresponds to the second playback category.

[0073] In some cases, the first media content is media content in a first media content set, and the first display module 710 includes: an identifier display module configured to display the first component and the first identifier in the content stream viewing interface.

[0074] In some cases, the device 700 further includes: a fourth operation module configured to receive a fourth operation, wherein the fourth operation is directed to a first identifier; a first preview module configured to display preview information of multiple media contents, wherein the multiple media contents are media contents in a first media content set; a fifth operation module configured to receive a fifth operation, wherein the fifth operation is directed to a fourth media content in the first media content set; and a second display module configured to display the fourth media content.

[0075] In some cases, the second display module includes: a fourth media content module configured to display fourth media content in the first component; or a first jump module configured to display fourth media content in the second interface.

[0076] In some cases, the content stream viewing interface also displays a second control, and the device 700 further includes: a sixth operation module configured to receive a sixth operation, wherein the sixth operation is directed at the second control; and a second switching module configured to switch the display mode of the first media content to a second mode in the content stream viewing interface.

[0077] In some cases, the first switching module 730 includes a second jump module configured to display first media content in a second interface in response to a first operation, wherein the display mode of the first media content is the second mode.

[0078] In some cases, the first media content is media content within a first media content set, and the device 700 further includes: a third display module configured to display a first identifier on a second interface; a seventh operation module configured to receive a seventh operation, wherein the seventh operation is directed to the first identifier; a second preview module configured to display preview information of multiple media contents, wherein the multiple media contents are media content within the first media content set; an eighth operation module configured to receive an eighth operation, wherein the eighth operation is directed to a fifth media content within the first media content set; and a first playback module configured to play the fifth media content according to a second mode.

[0079] In some cases, the first media content is media content in a first media content set, and the device 700 further includes: a fourth display module configured to display a sixth media content in a second interface in response to the end of the display of the first media content, the sixth media content being subsequent media content of the first media content in the first media content set.

[0080] In some cases, device 700 further includes: a fifth display module configured to display a seventh media content in response to the end of the display of the sixth media content and the sixth media content being the last episode of media content, wherein the seventh media content is media content in the third media content set, and the third media content set is a subsequent media content set of the first media content set in the content stream viewing interface.

[0081] In some cases, device 700 further includes: a ninth operation module configured to return to the content stream viewing interface in response to the ninth operation; and a tenth operation module configured to display the second video in response to the tenth operation.

[0082] In some cases, device 700 further includes a subtitle display module configured to display subtitles, wherein the subtitles are subtitles of the first media content.

[0083] In some cases, the first mode is a video mode and the second mode is an audio mode, or the first mode is an audio mode and the second mode is a video mode.

[0084] The division of modules or units in each scenario is illustrative and represents only one logical functional division. In actual implementation, other division methods are possible. Furthermore, the functional units in each scenario can be integrated into one unit, exist as separate physical entities, or combine two or more units into one unit. The integrated units described above can be implemented in hardware or as software functional units.

[0085] Figure 8 A block diagram of electronic device 800 is shown. It should be understood that... Figure 8 The device 800 shown is merely an example and should not be construed as limiting the functionality and scope of the described implementation. For example, device 800 could correspond to... Figure 1A The user equipment described above can be used to perform the functions described above. Figures 1A to 6 The process. For example, device 800 may correspond to the electronic device of the third aspect of the invention.

[0086] like Figure 8 As shown, device 800 is in the form of a general-purpose computing device. Components of device 800 may include, but are not limited to, one or more processors or processing units 810, memory 820, storage device 830, one or more communication units 840, one or more input devices 850, and one or more output devices 860. Processing unit 810 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 820. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of device 800.

[0087] Device 800 typically includes multiple computer storage media. Such media can be any available media accessible to device 800, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 820 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 830 can be removable or non-removable media and may include machine-readable media, such as flash drives, disks, or any other media capable of storing information and / or data (e.g., training data for training) and accessible within device 800.

[0088] Device 800 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not explicitly stated... Figure 8 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 820 may include computer program product 825 having one or more program modules configured to perform various methods or actions in various implementations.

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

[0090] Input device 850 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 860 can be one or more output devices, such as a monitor, speaker, printer, etc. Device 800 can also communicate as needed with one or more external devices (not shown) via communication unit 840. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with device 800, or with any device that enables device 800 to communicate with one or more other computing devices (e.g., network card, modem, etc.). Such communication can be performed via an input / output (I / O) interface (not shown).

[0091] Furthermore, 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 method described above. This computer-readable storage medium may be a non-transitory computer-readable storage medium. Furthermore, 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 method described above. Additionally, a computer program product is provided that includes a computer program, which, when executed by a processor, implements the method described above.

[0092] This document describes various aspects of the scenarios with reference to flowcharts and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to the various scenarios. It should be understood that each block of the flowcharts and / or block diagrams, as well as combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

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

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

[0095] The flowcharts and block diagrams in the accompanying figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products based on multiple implementations. In this respect, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions marked in the blocks may occur in a different order than those shown in the figures. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0096] The various scenarios have been described above. The foregoing description is exemplary and not exhaustive, nor is it limited to the disclosed scenarios. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described scenarios. The terminology used is chosen to best explain the principles, practical applications, or technical improvements to technology in the market, or to enable others skilled in the art to understand the scenarios.

Claims

1. A method for interface interaction, comprising: The first component is displayed in the content stream viewing interface, and the first media content is displayed in the first component. The display mode of the first media content is the first mode. Receive a first operation, which is triggered for the first component; as well as In response to the first operation, the display mode of the first media content is switched from the first mode to the second mode.

2. The method according to claim 1, further comprising: The first information is displayed in the content stream viewing interface, indicating that the first media content is associated with the first playback category.

3. The method according to claim 2, wherein the content stream viewing interface displays a second component, and the method further includes: In response to the second operation, the first component is switched to the second component, which is configured to display second media content in the first mode.

4. The method according to claim 3, wherein the first media content and the second media content are both media content in the first media content set.

5. The method according to claim 3, wherein the first media content is media content in a first media content set, the second media content is media content in a second media content set, and the first media content set is different from the second media content set.

6. The method of claim 3, wherein the second media content is associated with the first playback category.

7. The method according to claim 2, further comprising: Receive a third operation, wherein the third operation is directed to the first information; Displays multiple playback categories; as well as In response to receiving a selection for a second playback category, third media content is displayed in the content stream viewing interface, wherein the third media content corresponds to the second playback category.

8. The method according to claim 1, wherein the first media content is media content in a first media content set, and displaying the first component in the content stream viewing interface includes: The first component and the first identifier are displayed in the content stream viewing interface.

9. The method of claim 8, further comprising: Receive a fourth operation, wherein the fourth operation is directed to the first identifier; as well as Display preview information of multiple media contents, wherein the multiple media contents are media contents in the first media content set; Receive a fifth operation, the fifth operation being directed to the fourth media content in the first media content set; as well as Display the content of the fourth media.

10. The method of claim 9, wherein displaying the fourth media content comprises: The fourth media content is displayed in the first component; or The fourth media content is displayed on the second interface.

11. The method of claim 1, wherein the content stream viewing interface further displays a second control, and the method further comprises: Receive a sixth operation, wherein the sixth operation is directed to the second control; as well as In the content stream viewing interface, switch the display mode of the first media content to the second mode.

12. The method of claim 1, wherein switching the display mode of the first media content from the first mode to the second mode in response to the first operation comprises: In response to the first operation, the first media content is displayed on a second interface, wherein the display mode of the first media content is the second mode.

13. The method of claim 12, wherein the first media content is media content in a first media content set, and the method further comprises: The first identifier is displayed on the second interface; Receive a seventh operation, wherein the seventh operation is directed to the first identifier; as well as Display preview information of multiple media contents, wherein the multiple media contents are media contents in the first media content set; Receive an eighth operation, the eighth operation being directed to the fifth media content in the first media content set; as well as Play the fifth media content according to the second mode.

14. The method of claim 12, wherein the first media content is media content in a first media content set, and the method further comprises: In response to the end of the display of the first media content, the sixth media content is displayed in the second interface. The sixth media content is the subsequent media content of the first media content in the first media content set.

15. The method of claim 14, further comprising: In response to the end of the display of the sixth media content and the sixth media content being the last episode of media content, the seventh media content is displayed, wherein the seventh media content is media content in the third media content set, and the third media content set is the subsequent media content set of the first media content set in the content stream viewing interface.

16. The method of claim 1, wherein the first mode is a video mode and the second mode is an audio mode, or the first mode is the audio mode and the second mode is the video mode.

17. A device for interface interaction, comprising: The first display module is configured to display a first component in the content stream viewing interface, and to display first media content in the first component, wherein the display mode of the first media content is a first mode; The first receiving module is configured to receive a first operation, which is triggered in response to the first component; as well as The first switching module is configured to switch the display mode of the first media content from the first mode to the second mode in response to the first operation.

18. An electronic device comprising: At least one processing unit; At least one memory coupled to the at least one processing unit and storing operations to be performed by the at least one processing unit, the operations causing the electronic device to perform the method according to any one of claims 1 to 16 when performed by the at least one processing unit.

19. A computer-readable storage medium having machine-executable instructions stored thereon, which, when executed by a device, cause the device to perform the method according to any one of claims 1 to 16.

20. A computer program product comprising a computer program that, when executed by a processor, implements the method according to any one of claims 1 to 16.

Images