Interaction method, interaction device, and computer-readable storage medium
Patent Information
- Application Number
- CN202510375379.2
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-03-27
- Publication Date
- 2026-09-29
Smart Images
Figure CN122837685A_ABST
Abstract
Description
Technical Field
[0001] This disclosure relates to the field of computer technology, and in particular to an interaction method, an interaction device, a computer-readable storage medium, and a computer program product. Background Technology
[0002] With the development of technology, there are different display methods when presenting multimedia content to users, such as immersive and dual-column displays, providing users with more diverse choices. However, users' needs are also becoming more and more diverse, and meeting users' diverse needs when switching display methods is becoming increasingly important. Summary of the Invention
[0003] In view of this, the present disclosure provides an interaction method, an interaction device, a computer-readable storage medium, and a computer program product, which allow users to directly switch between different display modes through controls and display the original content in the form of a floating window after switching, making the user's browsing process smoother and thus improving the user experience.
[0004] According to some embodiments of this disclosure, an interaction method is provided, comprising: displaying first multimedia content in a first manner and displaying a first control on a first interface; switching from the first interface to a second interface in response to a user's triggering operation on the first control; displaying second multimedia content in a second manner on the second interface, and displaying the first multimedia content in a floating window, wherein the playback state of the first multimedia content displayed in the floating window is the same as the playback state of the first multimedia content displayed on the first interface.
[0005] According to some other embodiments of this disclosure, an interactive device is provided, comprising: a first display module configured to display first multimedia content in a first manner on a first interface and to display a first control; a switching module configured to switch from the first interface to a second interface in response to a user's triggering operation on the first control; and a second display module configured to display second multimedia content in a second manner on the second interface and to display the first multimedia content in a floating window, wherein the playback state of the first multimedia content displayed in the floating window is the same as the playback state of the first multimedia content displayed on the first interface.
[0006] According to some embodiments of the present disclosure, an interaction method is provided, comprising: at least one memory; and at least one processor coupled to the memory, the at least one processor being configured to execute the interaction method as described in any embodiment of the present disclosure based on instructions stored in the memory.
[0007] According to some embodiments of the present disclosure, a computer-readable storage medium is provided having a computer program stored thereon that, when executed by a processor, performs an interactive method as described in any of the embodiments of the present disclosure.
[0008] Other features, aspects, and advantages of this disclosure will become clear from the following detailed description of exemplary embodiments with reference to the accompanying drawings. Attached Figure Description
[0009] Embodiments of this disclosure are described below with reference to the accompanying drawings. It should be understood that the drawings described below are merely illustrative of some embodiments of this disclosure and are not intended to limit the scope of this disclosure. In the drawings:
[0010] Figure 1 A flowchart illustrating an interaction method according to some embodiments of the present disclosure is shown;
[0011] Figure 2A This is a schematic diagram illustrating a first interface according to some embodiments of the present disclosure;
[0012] Figure 2B This is a schematic diagram illustrating a second interface according to some embodiments of the present disclosure;
[0013] Figure 2C It is shown Figure 2B A schematic diagram of the second interface after the floating window collapses;
[0014] Figure 3A This is a schematic diagram showing the second interface before the floating window is collapsed according to some embodiments of the present disclosure;
[0015] Figure 3B This is a schematic diagram showing a second interface after the floating window has been collapsed according to some embodiments of the present disclosure;
[0016] Figure 4A This is a flowchart illustrating an interaction method according to other embodiments of the present disclosure;
[0017] Figure 4B This is a flowchart illustrating an interaction method according to some embodiments of the present disclosure;
[0018] Figure 4C This is a flowchart illustrating an interaction method according to some embodiments of the present disclosure;
[0019] Figure 5A This is a schematic diagram showing a second interface before the floating window is closed according to some embodiments of the present disclosure;
[0020] Figure 5B This is a schematic diagram illustrating a second interface during the closing process of a floating window according to some embodiments of the present disclosure;
[0021] Figure 5C This is a schematic diagram showing a second interface after the floating window is closed according to some embodiments of the present disclosure;
[0022] Figure 6 A block diagram of an interactive device according to some embodiments of the present disclosure is shown;
[0023] Figure 7 Block diagrams of interactive devices according to other embodiments of the present disclosure are shown;
[0024] Figure 8 A block diagram of an electronic device according to some embodiments of the present disclosure is shown.
[0025] It should be understood that, for ease of description, the dimensions of the various parts shown in the accompanying drawings are not necessarily drawn to actual scale. The same or similar reference numerals are used in the various drawings to denote the same or similar parts. Therefore, once an item is defined in one drawing, it may not be discussed further in subsequent drawings. Detailed Implementation
[0026] The technical solutions of the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying 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.
[0027] It should be understood that the various steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect. Unless otherwise specifically stated, the relative arrangement and numerical values of components and steps set forth in these embodiments should be interpreted as merely exemplary and do not limit the scope of this disclosure.
[0028] As used in this disclosure, the term "comprising" and its variations are open-ended terms that include at least the following elements / features but do not exclude other elements / features, i.e., "including but not limited to". The term "based on" means "at least partially based on".
[0029] It should be noted that the concepts of "first," "second," etc., used in this disclosure are used only to distinguish different devices, modules, or units, and are not intended to define the order of functions performed by these devices, modules, or units or their interdependencies. Unless otherwise specified, the concepts of "first," "second," etc., are not intended to imply that the objects described herein must be in a given temporal, spatial, rank, or any other given order.
[0030] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".
[0031] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.
[0032] The embodiments of this disclosure are described in detail below with reference to the accompanying drawings; however, this disclosure is not limited to these specific embodiments. These specific embodiments can be combined with each other, and the same or similar concepts or processes may not be described again in some embodiments. Furthermore, in one or more embodiments, specific features, structures, or characteristics can be combined in any suitable manner that will be apparent to those skilled in the art from this disclosure.
[0033] In related technologies, switching multimedia content display modes often fails to provide users with a good browsing experience. To improve user experience, this disclosure provides a new interaction method that allows users to directly switch between different display modes using controls, and then display the original content as a floating window after the switch, making the browsing process smoother and thus improving the user experience.
[0034] Figure 1 A flowchart illustrating an interaction method according to some embodiments of the present disclosure is shown.
[0035] like Figure 1 As shown, the interaction method includes: step S1, displaying first multimedia content in a first manner and displaying a first control on a first interface; step S2, switching from the first interface to a second interface in response to a user's triggering operation on the first control; step S3, displaying second multimedia content in a second manner on the second interface, and displaying the first multimedia content in a floating window, wherein the playback state of the first multimedia content displayed in the floating window is the same as the playback state of the first multimedia content displayed on the first interface.
[0036] The first and second interfaces described above are interfaces that display multimedia content in different ways. Users can switch between the displayed interfaces directly by triggering the first control. User triggering of the first control can include actions such as single-clicking, double-clicking, and long-pressing.
[0037] Multimedia content can be displayed in various ways, including immersive and multi-column displays. Immersive, or single-column, displays a single piece of multimedia content on the interface, allowing the user to focus on that single element and experience immersion. Multi-column displays, such as two-column or three-column displays, simultaneously display multiple pieces of multimedia content on the interface, using columns or sections to achieve a high-density, structured presentation of information.
[0038] The aforementioned multimedia content may include, for example, video content, text and images, or other content combining multiple media formats. For different display interfaces, the type of multimedia content displayed can also be determined based on the display method. For example, in an immersive display interface, video content can be prioritized, while in a multi-column display interface, text and images can be prioritized.
[0039] In the above interactive method, the first multimedia content can continue to be displayed as a floating window in the second interface after the display mode is switched. A floating window refers to an independent window displayed as a floating layer; it can be displayed in a fixed position on the interface or moved within the interface in response to user dragging or other triggering operations. To continue displaying the first multimedia content to the user, the floating window typically uses an opaque floating layer.
[0040] The first multimedia content displayed in the floating window can maintain the same playback state as the first multimedia content displayed in the first interface. Playback states include different multimedia content playback states such as play, pause, and speed adjustment. For example, if the user pauses the video in the first interface, the video displayed in the floating window of the switched second interface can also be paused.
[0041] The first multimedia content displayed in the floating window can maintain the same display method as the first multimedia content displayed in the first interface. For example, if the first multimedia content is displayed in an immersive manner in the first interface, it can also be displayed in an immersive manner in the floating window. By maintaining consistency of the first multimedia content in the interface before and after the switch, the user's browsing experience can be made more consistent and smoother.
[0042] The above text combines Figure 1 This paper introduces an interaction method according to some embodiments of the present disclosure, which allows users to directly switch between different display modes via controls and display the original content in a floating window after switching, making the user's browsing process smoother and thus improving the user experience. The following will combine... Figure 2A and Figure 2B The display interface before and after the switch will be described separately.
[0043] Figure 2AThis is a schematic diagram illustrating a first interface according to some embodiments of the present disclosure. For example... Figure 2A As shown, in the first interface 1, the screen display may include a first area 21 and a second area 22. The first area 21 is used, for example, to display multimedia content, and the second area 22 is used, for example, to display specific controls in the interface. In the first area, in addition to multimedia content, other controls such as menu controls may also be displayed, for example, in the form of a floating layer.
[0044] In addition to the first and second areas mentioned above, the display interface may also include other areas, such as those used to display time, battery level, etc.
[0045] It should be noted that the above division of areas is merely exemplary and not restrictive. The display interface may, for example, not be divided into areas, or it may be divided into other areas besides those mentioned above to implement other functions.
[0046] Figure 2A In the illustrated embodiment, displaying first multimedia content in a first manner on a first interface and displaying the first control includes: displaying the first multimedia content 211 in a first area 21 of the screen and displaying the first control 221 in a second area 22 of the screen on the first interface 1.
[0047] The first multimedia content 211 is, for example, video content, and the first control 221 is, for example, the "homepage" control displayed on the interface. The first way to display the first multimedia content 211 on the first interface 1 is immersive.
[0048] By reusing the original "homepage control" as the first control to trigger interface switching, multiple functions can be integrated into the same control, improving page display efficiency.
[0049] In some embodiments, the homepage control with integrated switching functionality can additionally display a switching prompt indicator 2211 to remind the user that the interface can be switched using the control.
[0050] It should be noted that the first control 221 described above is merely exemplary and not restrictive. In some embodiments, the first control 221 may also be other controls different from the homepage control.
[0051] Figure 2B This is a schematic diagram illustrating a second interface according to some embodiments of the present disclosure. For example... Figure 2B As shown, in the second interface 2, the screen display can also include a first area 21 and a second area 22.
[0052] Figure 2BIn the illustrated embodiment, displaying the second multimedia content in a second manner on the second interface and displaying the first multimedia content in a floating window includes: in the second interface 2, displaying the second multimedia content 212 in the first area 21 of the screen, displaying the first control 221 in the second area 22 of the screen, and displaying the floating window 23 floating at the edge of the first area, the size of the floating window 23 being smaller than the size of the first area 21. In other words, the floating window 23 can display the first multimedia content 211 as a small window on the screen.
[0053] The second multimedia content 212 may include multimedia content of the same type as the first multimedia content 211, i.e., video content, or it may include multimedia content of a different type, such as text and images. The second way the second multimedia content 212 is displayed on the second interface 2 is in a multi-column format.
[0054] The first multimedia content 211 can be displayed in the floating window 23. The playback status of the first multimedia content displayed in the floating window is the same as the playback status of the first multimedia content displayed in the first interface.
[0055] In some embodiments, displaying the first multimedia content in a floating window includes: in response to the first multimedia content being in a playback state in the first interface, continuing to play the first multimedia content in the floating window according to the playback position of the first multimedia content in the first interface.
[0056] For example, when a video is playing on the first screen, the playback position of the video can be recorded when the user switches to it using the first control. For instance, if the video has played for 5 minutes and 30 seconds, the video can continue playing in the floating window on the second screen based on that playback position, such as continuing from 5 minutes and 30 seconds, thus ensuring that the user's viewing is not directly interrupted and improving the user experience.
[0057] In other embodiments, displaying the first multimedia content in a floating window includes: in response to the first multimedia content being paused in the first interface, displaying the paused first multimedia content in the floating window.
[0058] For example, if the user has paused the video playback on the first screen before switching, the paused video can still be displayed in the floating window of the second screen after switching, along with a pause status indicator. This maintains consistency in the user's viewing experience before and after switching, preventing sudden video playback from interrupting the user's browsing and improving the user experience.
[0059] In some embodiments, the interaction method may further include: in response to the user's triggering operation on the first multimedia content displayed in the floating window, returning to the first interface and displaying the first multimedia content in the first interface.
[0060] For example, if a user wants to return to the first screen and continue browsing the first multimedia content displayed in the floating window, they can return to the first screen by clicking on the first multimedia content displayed in the floating window. After returning to the first screen, if the first multimedia content has not finished playing, playback can continue according to the playback position of the first multimedia content in the floating window.
[0061] The floating window 23 can be displayed in a corner of the second area, occupying only a small portion of the screen, thus avoiding interference with the user's browsing of the second multimedia content displayed in the second area. The floating window 23 can be displayed in a fixed position on the screen, or it can be moved within the interface in response to user dragging or other operations.
[0062] In some embodiments, users can also shrink the size of the floating window by swiping two fingers from the edge area of the floating window toward the inner area, and enlarge the size of the floating window by swiping two fingers from the inner area of the floating window toward the edge area.
[0063] It should be noted that the above-described methods of displaying floating windows and the triggering operations for floating windows are merely illustrative and not restrictive. Floating windows can also be displayed in other ways, such as in other locations, or other operations can be set as triggering operations for floating windows, such as double-clicking or triggering operations for expanding controls in floating windows.
[0064] like Figure 2B As shown, the second interface may also include a first control 221 as another way to return to the first interface. It should be understood that the second interface may also include other controls different from the first control as trigger controls for returning to the first interface.
[0065] In some embodiments, the interaction method may further include: in response to the user's triggering operation on the first control in the second interface, returning to the first interface and displaying third multimedia content that is different from the first multimedia content.
[0066] The user's triggering action on the first control in the second interface can be the same as the triggering action on the first control in the first interface. For example, after the user clicks the first control, they can return from the second interface to the first interface. When the user returns in this way, they may no longer wish to continue browsing the first multimedia content. Therefore, a third multimedia content different from the first multimedia content can be displayed to the user; in other words, the multimedia content is refreshed for the user.
[0067] The above text combines Figure 2A and Figure 2B Examples of the display interface before and after switching in some embodiments of this disclosure are presented. It should be noted that... Figure 2A and Figure 2B The schematic diagram shown is only one embodiment of this disclosure. The display interface may not be divided into a first area and a second area. In the first interface and the second interface, multimedia content can be displayed in different positions. Figure 2A and Figure 2B The interactive method shown allows users to switch between different display modes directly using controls, and displays the original content as a floating window after switching, making the browsing process smoother and improving the user experience.
[0068] The following section will continue to describe how the floating window automatically snaps to the edge in the interactive method disclosed herein, thereby further reducing the impact on the user's browsing of secondary multimedia content.
[0069] There are several ways to set the trigger conditions for a floating window to snap to the edge. For example, after a user triggers a second multimedia content, the playback status of the first multimedia content in the floating window can be further considered to determine whether to collapse the floating window.
[0070] In some embodiments, the interaction method may further include: collapsing the floating window in response to the completion of playback of the first multimedia content and the user performing a trigger operation on the second multimedia content.
[0071] In other words, it can be set so that when the user performs a swipe or click action on the second multimedia content, if the first multimedia content is video content, the floating window will only automatically collapse after the video has finished playing. This avoids collapsing the floating window too early, which would affect the user's browsing of the first multimedia content.
[0072] Similarly, the interaction method may also include: collapsing the floating window in response to the first multimedia content stopping playback and the user performing a trigger operation on the second multimedia content. That is, when the user performs a trigger operation such as swiping or clicking on the second multimedia content, if the first multimedia content is being broadcast live, the floating window will only be automatically collapsed when the live broadcast is turned off, so as to avoid affecting the user's browsing.
[0073] In other embodiments, the interaction method may further include: collapsing the floating window in response to the user's triggering operation on the second multimedia content.
[0074] Once a user initiates browsing of the second multimedia content through actions such as swiping or clicking, regardless of the playback status of the first multimedia content, the user may no longer wish to continue browsing the first multimedia content through the floating window. In this case, the floating window can be automatically collapsed to present more second multimedia content to the user, thereby improving the user experience.
[0075] In addition, the floating window can be collapsed when the user performs a specific action on it. For example, if the user drags the floating window to the edge, the user may not want to continue browsing the first multimedia content for the time being, so the floating window can be collapsed automatically.
[0076] Below, we will combine Figure 2C This section introduces an example of a collapsing floating window. Figure 2C It is shown Figure 2B A schematic diagram of the second interface after the floating window collapses.
[0077] like Figure 2C As shown, folding the floating window may include: folding the floating window 23 in the second interface 2 into a preset graphic 24 and displaying it at the edge of the second interface 2.
[0078] By automatically collapsing the floating window into a preset graphic and snapping it to the edge of the interface, the interference of the floating window on the user's browsing of secondary content can be effectively reduced, thereby improving the user experience.
[0079] like Figure 2C As shown, the preset graphic 24 can be a trapezoid with arrows. The arrows in the preset graphic can indicate to the user that a floating window can be expanded here.
[0080] It should be understood that, Figure 2C The preset graphic in the text is just one example of preset graphic 24; other graphics can also be used for preset graphic 24. The following will combine... Figure 3A and Figure 3B Examples of folding of floating windows are presented in other embodiments.
[0081] Figure 3A This is a schematic diagram showing a second interface before the floating window is collapsed according to some embodiments of the present disclosure. Figure 3B This is a schematic diagram illustrating a second interface after the floating window has been collapsed according to some embodiments of the present disclosure.
[0082] like Figure 3A and Figure 3B As shown, the floating window 31 can also be displayed in different positions in the second interface 2, such as the right edge of the first area. Folding the floating window can include: folding the floating window 31 in the second interface 2 into a preset shape 32 and displaying it at the edge of the second interface 2.
[0083] The above section introduced some triggering conditions for the automatic collapse of floating windows. After a floating window collapses, it doesn't close completely; the user can still expand it. Below, we will discuss different scenarios in conjunction with... Figure 4A and Figure 4C This section details the process of folding and expanding floating windows.
[0084] When the floating window is collapsed, the first multimedia content can be played or paused. Similarly, when the floating window is expanded, the first multimedia content can also be played or paused. By setting different processing methods for different situations, diverse user needs can be further met, thereby improving the user experience.
[0085] For example, the triggering conditions for the automatic collapse of the floating window mentioned above include two cases: whether or not the playback status of the first multimedia content is considered. For these two cases, different processing methods can be adopted for the first multimedia content.
[0086] Figure 4A This is a flowchart illustrating an interaction method according to other embodiments of the present disclosure.
[0087] In the first scenario, the floating window will only collapse after the first multimedia content has finished playing or playback has stopped. For example... Figure 4A As shown, in Figure 1 Based on this, the interaction method may further include: step S4A, in response to the completion of playback of the first multimedia content or the cessation of playback of the first multimedia content, and the user performing a trigger operation on the second multimedia content, collapsing the floating window; step S5A, in response to the user's trigger operation on the floating window in the collapsed state, expanding the floating window; step S6A, displaying the first multimedia content in the floating window in the expanded state.
[0088] Figure 4A Steps S1 to S3 and step S4A have been described above and will not be repeated here. The following will focus on describing steps S5A and S6A.
[0089] In step S5A, the user can, for example, click on a preset graphic displayed after the floating window has collapsed, thereby expanding the floating window. The expanded floating window can be displayed in the same position as before it collapsed, allowing the user to continue browsing the first multimedia content.
[0090] In step S6A, after the floating window expands, the first multimedia content can continue to be displayed. In the first case described above, the first multimedia content has already finished playing or stopped playing before the floating window collapses; therefore, it is not necessary to continue playing the first multimedia content in the floating window.
[0091] In some embodiments, displaying the first multimedia content in the expanded floating window may include displaying at least one of the cover art of the first multimedia content and playback status prompts.
[0092] Playback status prompts include messages such as "Video playback complete" and "Live stream ended." These prompts provide users with information about the status of the multimedia content, allowing them to decide whether to return to the main screen and further explore the content.
[0093] The above steps provide a way to expand the floating window after it has collapsed, which can provide users with more information and improve the browsing experience.
[0094] In the second scenario, the playback status of the first multimedia content is not considered; that is, the floating window can be collapsed even if the first multimedia content has not finished playing or has stopped. For the collapsed floating window that does not consider the playback status of the multimedia content, different processing methods can be applied to the collapsed first multimedia content based on its type.
[0095] Figure 4B This is a flowchart illustrating an interaction method according to some embodiments of the present disclosure.
[0096] like Figure 4B As shown, in Figure 1 Based on this, the interaction method may further include: step S4B, in response to the user's trigger operation on the second multimedia content, collapsing the floating window; step S5B, in response to the first multimedia content being in a playback state, and the first multimedia content including audio content and video content, continuing to play the audio content of the first multimedia content after collapsing the floating window; step S6B, in response to the user's trigger operation on the collapsed floating window, expanding the floating window; step S7B, in the expanded floating window, continuing to play the video content of the first multimedia content according to the playback position of the audio content of the first multimedia content.
[0097] Figure 4B Steps S1 to S3 and step S4B have already been described above and will not be repeated here. The following will focus on describing steps S5B to S7B.
[0098] In step S5B, after the floating window is collapsed, the audio content of the first multimedia content can continue to be played, which may include audio content such as dubbing in the video and the voice of the host during the live broadcast.
[0099] For example, when the video played in the floating window is a storytelling or narrative video, the audio is of high importance. Continuing to play the audio ensures that the user experience is not interrupted, while satisfying the user's need to listen to the story and browse secondary multimedia content, thus improving the user experience.
[0100] In step S6B, the user clicks on a preset graphic displayed after the floating window is collapsed, thereby expanding the floating window.
[0101] In step S7B, after the user expands the floating window, the video of the first multimedia content can continue playing based on the audio playback position, instead of starting from the video playback position when the floating window was collapsed. For example, if the audio has been playing for 7 minutes, the video will start playing from the 7-minute mark, thus maintaining consistency between audio and video playback and preventing the user from repeatedly listening to the audio content.
[0102] In the second scenario, the playback status of the first multimedia content is not considered when the floating window collapses; that is, the first multimedia content may not have finished playing and is still in playback mode. However, different processing methods can be applied to the collapsed first multimedia content depending on its type.
[0103] Figure 4B This section describes how, when the primary multimedia content is of a specific type, after collapsing the floating window, only video playback can be stopped, but audio playback can continue. The following section combines... Figure 4C This paper introduces an alternative way to handle the first multimedia content after collapsing the floating window when the first multimedia content is of another type, which is to stop playing both video and audio.
[0104] Figure 4C This is a flowchart illustrating an interaction method according to some embodiments of the present disclosure.
[0105] like Figure 4C As shown, in Figure 1Based on this, the interaction method may further include: step S4C, in response to the user's trigger operation on the second multimedia content, collapsing the floating window; step S5C, in response to the first multimedia content being in a playback state, pausing the playback of the first multimedia content after collapsing the floating window, and recording the playback position of the first multimedia content; step S6C, in response to the user's trigger operation on the floating window in the collapsed state, expanding the floating window; step S7C, in the floating window in the expanded state, continuing to play the first multimedia content according to the playback position.
[0106] Figure 4C Steps S1 to S3 and step S4C have already been described above and will not be repeated here. The following section will focus on describing steps S5C to S7C.
[0107] In step S5C, after the floating window collapses, the playback of the first multimedia content can be automatically paused, and the playback position of the first multimedia content at this time can be recorded.
[0108] For example, if the video played in the floating window is a scenery video, the video is of high importance. In this case, the video playback can be automatically paused after the floating window automatically collapses.
[0109] In step S6C, the user clicks on a preset graphic displayed after the floating window is collapsed, thereby expanding the floating window.
[0110] In step S7C, after the user expands the floating window, the user may want to continue browsing the first multimedia content, for example, after browsing the second multimedia content. Therefore, the playback can be automatically resumed from the playback position of the first multimedia content when the floating window was collapsed, so as to avoid the user missing the content and improve the user experience.
[0111] In addition to the situations mentioned above, if the first multimedia content displayed on the first interface is in a paused state, the first multimedia content on the second interface can remain in a paused state, whether the floating window is before, after, or after it is expanded, so as not to interfere with the user's browsing.
[0112] The above text combines Figures 4A to 4C This disclosure describes different scenarios for expanding the floating window in its embodiments. By employing different processing methods for the collapsed floating window under different circumstances, diverse user needs can be further met, and the user experience can be improved.
[0113] Below, we will combine Figures 5A to 5C This section describes the process for closing a floating window.
[0114] Figure 5AThis is a schematic diagram illustrating a second interface before the floating window is closed, according to some embodiments of the present disclosure. For example... Figure 5A As shown, the floating window 51 in the second interface 2 may include a second control 511.
[0115] In some embodiments, the interaction method may further include: closing the floating window in response to a user's triggering operation on a second control in the floating window.
[0116] User actions triggered by the second control may include clicking. Closing the floating window is different from collapsing the floating window described above. After the floating window is closed, there will be no related icons or graphics in the second interface, thus presenting a clean second interface for the user to browse multimedia content displayed in the second way.
[0117] In some embodiments, closing the floating window in response to a user's triggering operation on the second control in the floating window may include: displaying an animation of closing the floating window in response to the user's triggering operation on the second control in the floating window; and closing the floating window in response to the end of the animation.
[0118] After the user triggers the second control, the following can be executed: Figure 5B and Figure 5C The closing animation is shown. Figure 5B This is a schematic diagram illustrating a second interface during the closing process of a floating window according to some embodiments of the present disclosure. Figure 5C This is a schematic diagram showing a second interface after the floating window is closed according to some embodiments of the present disclosure.
[0119] In some embodiments, when the second interface includes a first control, the animation for closing the floating window may include at least one of a shrink-close animation, a slide-close animation, and a collapse-close animation, wherein the anchor point of the animation is the first control in the second interface.
[0120] By using the first control in the second interface as the anchor point for the animation, such as making the floating window shrink and disappear towards the first control, slide to disappear, or collapse to disappear, the user can be prompted to return to the first interface through the first control and continue watching the first multimedia content, thus improving the user experience.
[0121] For example, Figures 5A to 5C The shrinking and closing animation shown depicts the floating window 51 gradually shrinking to the first control 52 in the second interface 2. Specifically, the size of the floating window gradually decreases, and the center point of the floating window continuously moves towards the first control until the size of the floating window shrinks to 0, i.e., the floating window closes.
[0122] The animation effects described above can remind users to switch back to the first interface from the first control in the second interface so that they can browse the first multimedia content displayed in the first manner.
[0123] It should be noted that the above animation effects are merely illustrative and not restrictive. Different animation effects can be used to close the window, such as making the floating window gradually transparent.
[0124] The above describes the interaction method provided in the embodiments of this disclosure. This interaction method allows users to directly switch between different display modes using controls, and displays the original content in a floating window after switching, making the browsing process smoother and improving the user experience.
[0125] The following is for reference. Figure 6 and Figure 7 The present disclosure describes an interactive device for performing any of the above-described interactive methods. Figure 6 A block diagram of an interactive device according to some embodiments of the present disclosure is shown.
[0126] like Figure 6 As shown, the interactive device 6 includes: a first display module 61 configured to display first multimedia content in a first manner on a first interface and to display a first control; a switching module 62 configured to switch from the first interface to a second interface in response to a user's triggering operation on the first control; and a second display module 63 configured to display second multimedia content in a second manner on the second interface and to display the first multimedia content in a floating window, wherein the playback state of the first multimedia content displayed in the floating window is the same as the playback state of the first multimedia content displayed on the first interface.
[0127] The first display module 61 of the interactive device 6 can, for example, be used to perform... Figure 1 Step S1. The switching module 62 of the interactive device 6 can be used, for example, to perform... Figure 1 Step S2. The second display module 63 of the interactive device 6 can be used, for example, to perform... Figure 1 Step S3.
[0128] The interactive device disclosed herein allows users to directly switch between different display modes via controls, and displays the original content in a floating window after switching, making the user's browsing process smoother and thus improving the user experience.
[0129] Figure 7 A block diagram of an interactive device according to other embodiments of the present disclosure is shown.
[0130] like Figure 7As shown, the interaction device 7 includes: at least one memory 71; and at least one processor 72 coupled to the at least one memory 71, the at least one processor 72 being configured to execute the interaction method as described in any of the foregoing embodiments based on instructions stored in the at least one memory 71.
[0131] Memory 71 is used to store one or more computer-readable instructions. Memory 71 may include any combination of various forms of computer-readable storage media, such as volatile memory and / or non-volatile memory, including but not limited to random access memory (RAM), dynamic random access memory (DRAM), static random access memory (SRAM), read-only memory (ROM), and flash memory. Memory 111 may, for example, store operating systems, application programs, bootloaders, databases, and other programs, as well as various application programs and various data.
[0132] The processor 72 is configured to execute computer-readable instructions to implement the interactive method described in any of the foregoing embodiments. Specific implementations of each step of the method can be found in the above embodiments, for example... Figure 1 and Figures 4A to 4C The steps involved are repeated here, so the details will not be repeated.
[0133] The interactive device disclosed herein allows users to directly switch between different display modes via controls, and displays the original content in a floating window after switching, making the user's browsing process smoother and thus improving the user experience.
[0134] The processor 72 can be various processing devices, such as a central processing unit (CPU), a network processor (NP), etc.; it can also be a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, or discrete hardware components. The central processing unit (CPU) can be based on x86 or ARM architectures, etc.
[0135] The processor 72 and the memory 71 can communicate with each other directly or indirectly. For example, the processor 72 and the memory 71 can communicate via a network. The network can include a wireless network, a wired network, and / or any combination of wireless and wired networks. The processor 72 and the memory 71 can also communicate with each other via a system bus, which is not limited in this disclosure.
[0136] It should be noted that Figure 7The components of the interactive device 7 shown are merely exemplary and not limiting. The interactive device 7 may have other components depending on the specific application requirements. The processor 72 can control other components in the interactive device 7 to perform desired functions.
[0137] The interactive device 7 can be implemented by software, firmware and / or hardware, and can be integrated into a device with the relevant application installed.
[0138] Figure 8 A block diagram of an electronic device according to some embodiments of the present disclosure is shown.
[0139] Figure 8 The electronic device 8 shown can be a computer system with a dedicated hardware structure, which can perform corresponding functions when the relevant application is installed.
[0140] Electronic devices include, but are not limited to, mobile terminals such as smartphones, laptops, personal digital assistants (PDAs), tablet PCs, portable multimedia players (PMPs), in-vehicle terminals (such as in-vehicle navigation terminals), wearable devices, and fixed terminals such as digital televisions and desktop computers.
[0141] like Figure 8 As shown, the Central Processing Unit (CPU) 81 performs various processes based on a program stored in the Read-Only Memory (ROM) 82 or a program loaded from the storage section 88 into the Random Access Memory (RAM) 83. The RAM 83 stores data required as needed when the CPU 81 performs various processes, etc. The CPU is merely exemplary; it could also be other types of processors, such as the various processors described above. The ROM 82, RAM 83, and storage section 88 can be various forms of computer-readable storage media. It should be noted that although... Figure 8 The diagram shows ROM 82, RAM 83 and storage section 88, but one or more of them may be combined or located in the same or different memory or storage modules.
[0142] CPU 81, ROM 82 and RAM 83 are interconnected via bus 84. Input / output interface 85 is also connected to bus 84.
[0143] The following components are connected to the input / output interface 85: input section 86, such as a touchscreen, touchpad, keyboard, mouse, image sensor, microphone, accelerometer, gyroscope, etc.; output section 87, including displays such as cathode ray tube (CRT), liquid crystal display (LCD), speakers, vibrators, etc.; storage section 88, including hard disks, magnetic tapes, etc.; and communication section 89, including network interface cards such as LAN cards, modems, etc. The communication section 89 allows communication processing via a network such as the Internet. It is easy to understand that, although... Figure 8 The portion of the electronic device 8 shown communicates via bus 84, but it may also communicate via a network or other means, wherein the network may include a wireless network, a wired network, and / or any combination of wireless and wired networks.
[0144] As needed, drive 810 is also connected to input / output interface 85. Removable media 811, such as disks, optical disks, magneto-optical disks, semiconductor memories, etc., are installed on drive 810 as needed, so that computer programs read from them can be installed into storage section 88 as needed.
[0145] When the above series of processes are implemented through software, the program constituting the software can be installed from a network such as the Internet or a storage medium such as a removable medium 811.
[0146] According to embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, some embodiments of this disclosure include a computer program product that, when run on a computer, causes the computer to implement the interactive methods described in any of the foregoing embodiments. The computer program product includes computer instructions carried on a computer-readable medium, containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer instructions can be downloaded and installed from a network via communication section 89, or installed from storage section 88, or installed from ROM 82. When the computer program is executed by CPU 81, the methods of embodiments of this disclosure are performed.
[0147] The above-described interaction method allows users to switch between different display modes directly through controls, and displays the original content in a floating window after switching, making the browsing process smoother and improving the user experience.
[0148] It should be noted that, in the context of this disclosure, a computer-readable medium can be a tangible medium that may contain or store programs for use by or in conjunction with an instruction execution system, apparatus, or device.
[0149] A computer-readable medium may be a computer-readable storage medium, a computer-readable signal medium, or any combination thereof.
[0150] Computer-readable storage media include, but are not limited to, systems, apparatuses, or devices that are electrical, magnetic, optical, electromagnetic, infrared, or semiconductor, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to, electrical connections having one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof. In this disclosure, a computer-readable storage medium can be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. The computer-readable storage medium stores computer instructions that, when executed by a processor, implement the interactive methods described in any of the foregoing embodiments.
[0151] The interactive method disclosed herein allows users to directly switch between different display modes via controls, and displays the original content in a floating window after switching, making the user's browsing process smoother and thus improving the user experience.
[0152] Computer-readable signal media may include data signals propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. Computer-readable signal media may also be any computer-readable medium other than computer-readable storage media, capable of sending, propagating, or transmitting programs for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.
[0153] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.
[0154] In some embodiments, a computer program is also provided, comprising: instructions that, when executed by a processor, cause the processor to perform the methods described in any of the foregoing embodiments. For example, the instructions may be embodied in computer program code.
[0155] In embodiments of this disclosure, computer program code for performing the operations of this disclosure can be written in one or more programming languages or a combination thereof. These programming languages include, but are not limited to, object-oriented programming languages such as Java, Smalltalk, and C++, as well as conventional procedural programming languages such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network (including a local area network (LAN) or a wide area network (WAN)), or it can be connected to an external computer (e.g., via the Internet using an Internet service provider).
[0156] 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 code containing one or more executable instructions for implementing a specified logical function. It should also be noted that 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 consecutively indicated 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 operation, or using a combination of dedicated hardware and computer instructions.
[0157] The functions described above can be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary hardware logic components that can be used include: Field Programmable Gate Arrays (FPGAs), Application-Specific Integrated Circuits (ASICs), Application Standard Products (ASSPs), System-on-Chip (SoCs), Complex Programmable Logic Devices (CPLDs), and so on.
[0158] While specific embodiments of this disclosure have been described in detail by way of example, those skilled in the art should understand that the examples are for illustrative purposes only and not intended to limit the scope of this disclosure. Those skilled in the art should understand that modifications can be made to the above embodiments without departing from the scope and spirit of this disclosure. The scope of this disclosure is defined by the appended claims.
Claims
1. An interaction method, comprising: On the first interface, first multimedia content is displayed in a first manner, and first controls are also displayed; In response to the user's triggering operation on the first control, the interface switches from the first interface to the second interface; On the second interface, the second multimedia content is displayed in a second manner, and the first multimedia content is displayed in a floating window, wherein the playback state of the first multimedia content displayed in the floating window is the same as the playback state of the first multimedia content displayed on the first interface.
2. The interaction method according to claim 1, wherein, Displaying the first multimedia content in the floating window includes: In response to the first multimedia content being in playback state on the first interface, the first multimedia content continues to play in the floating window according to its playback position on the first interface.
3. The interaction method according to claim 1, wherein, Displaying the first multimedia content in the floating window includes: In response to the first multimedia content being paused in the first interface, the paused first multimedia content is displayed in the floating window.
4. The interaction method according to claim 1 further includes: In response to the completion of playback of the first multimedia content and the user performing a trigger operation on the second multimedia content, the floating window is collapsed; or In response to the first multimedia content stopping playback and the user performing a trigger operation on the second multimedia content, the floating window is collapsed.
5. The interaction method according to claim 4, wherein, Collapsing the floating window includes: The floating window is folded into a preset shape and displayed at the edge of the second interface.
6. The interaction method according to claim 4 further includes: In response to the user's triggering operation on the floating window which is in a collapsed state, the floating window is expanded; The first multimedia content is displayed in the expanded floating window.
7. The interaction method according to claim 6, wherein, In the expanded floating window, displaying the first multimedia content includes: Display at least one of the cover art and playback status information of the first multimedia content.
8. The interaction method according to claim 1, further comprising: In response to the user's triggering operation on the second control in the floating window, the floating window is closed.
9. The interaction method according to claim 8, wherein, In response to the user's triggering operation on the second control in the floating window, closing the floating window includes: In response to the user's triggering operation on the second control in the floating window, an animation of closing the floating window is displayed; The floating window closes when the animation ends.
10. The interaction method according to claim 1, wherein, On the first interface, first multimedia content is displayed in a first manner, and the first controls include: In the first interface, the first multimedia content is displayed in a first area of the screen, and the first control is displayed in a second area of the screen.
11. The interaction method according to claim 10, wherein, On the second interface, displaying the second multimedia content in a second manner, and displaying the first multimedia content in a floating window, includes: In the second interface, the second multimedia content is displayed in the first area of the screen, the first control is displayed in the second area of the screen, and a floating window is displayed floating at the edge of the first area, the size of the floating window being smaller than the size of the first area.
12. The interaction method according to claim 11, further comprising: In response to the user's triggering operation on the first multimedia content displayed in the floating window, return to the first interface and display the first multimedia content in the first interface; or In response to the user's triggering operation on the first control in the second interface, the system returns to the first interface and displays third multimedia content that is different from the first multimedia content.
13. The interaction method according to claim 1, further comprising: In response to the user's triggering operation on the second multimedia content, the floating window is collapsed.
14. The interaction method according to claim 13, further comprising: In response to the first multimedia content being in a playback state, and the first multimedia content including audio content and video content, after the floating window is collapsed, the audio content of the first multimedia content continues to play; In response to the user's triggering operation on the floating window which is in a collapsed state, the floating window is expanded; In the expanded floating window, the video content of the first multimedia content continues to play according to the audio content playback position of the first multimedia content.
15. The interaction method according to claim 13, further comprising: In response to the first multimedia content being in a playback state, after collapsing the floating window, the playback of the first multimedia content is paused, and the playback position of the first multimedia content is recorded; In response to the user's triggering operation on the floating window which is in a collapsed state, the floating window is expanded; In the expanded floating window, the first multimedia content continues to play according to the playback position.
16. An interactive device, comprising: The first display module is configured to display first multimedia content in a first manner on a first interface, and to display a first control; The switching module is configured to switch from the first interface to the second interface in response to a user's trigger operation on the first control; The second display module is configured to display second multimedia content in a second manner on the second interface, and to display the first multimedia content in a floating window, wherein the playback state of the first multimedia content displayed in the floating window is the same as the playback state of the first multimedia content displayed on the first interface.
17. An interactive device, comprising: At least one memory; as well as At least one processor coupled to the at least one memory, the at least one processor being configured to execute the interaction method as described in any one of claims 1 to 15 based on instructions stored in the at least one memory.
18. A computer-readable storage medium having stored thereon computer instructions that, when executed by a processor, implement the interaction method as described in any one of claims 1 to 15.
19. A computer program product, when run on a computer, causes the computer to implement the interactive method as described in any one of claims 1 to 15.