Interaction method and apparatus, electronic device, and computer-readable storage medium

Abstract

The present disclosure relates to an interaction method and apparatus, an electronic device, and a computer-readable storage medium. The interaction method comprises: displaying a first interface, wherein the first interface displays first multimedia content in a first mode, and displays a first control; and in response to a trigger event for the first control, displaying a second interface, wherein the second interface displays second multimedia content in a second mode, displays the first multimedia content in a floating manner in the first mode, and displays a second control in an area where the first multimedia content is displayed; the second control is configured to refresh the first multimedia content; and in the second interface, the size of an area where the second multimedia content is displayed in the second mode is greater than the size of the area where the first multimedia content is displayed in the first mode.

Description

Interaction methods and apparatus, electronic devices, computer-readable storage media

[0001] Cross-reference to related applications

[0002] This application is based on and claims priority to Chinese application No. 202510376800.1, filed on March 27, 2025, the disclosure of which is incorporated herein by reference in its entirety. Technical Field

[0003] This disclosure relates to the field of computer technology, and in particular to interactive methods and apparatus, electronic devices, and computer-readable storage media. Background Technology

[0004] With the rapid development of internet technology, interactive applications are becoming increasingly common. For example, users can use social networking applications to record their lives, showcase their talents, and express their opinions. Users can also browse content posted by others and perform actions such as liking and commenting.

[0005] The diverse interaction methods offered by the application not only improve the convenience of life, but also provide broader development space for various industries. Summary of the Invention

[0006] According to some embodiments of this disclosure, an interaction method is provided, comprising: displaying a first interface, wherein the first interface displays first multimedia content in a first mode and displays a first control; in response to a trigger event of the first control, displaying a second interface, wherein the second interface displays second multimedia content in a second mode, the first multimedia content is displayed in a floating mode in the first mode, and a second control is displayed in the area where the first multimedia content is displayed, wherein the second control is configured to refresh the first multimedia content, and in the second interface, the size of the area where the second multimedia content is displayed in the second mode is larger than the size of the area where the first multimedia content is displayed in the first mode.

[0007] According to some other embodiments of this disclosure, an interactive device is provided, comprising: a first display module configured to display a first interface, wherein the first interface displays first multimedia content in a first mode and displays a first control; and a second display module configured to display a second interface in response to a trigger event of the first control, wherein the second interface displays second multimedia content in a second mode, the first multimedia content is displayed in a floating mode in the first mode, and a second control is displayed in an area where the first multimedia content is displayed, wherein the second control is configured to refresh the first multimedia content, and in the second interface, the size of the area where the second multimedia content is displayed in the second mode is larger than the size of the area where the first multimedia content is displayed in the first mode.

[0008] According to other embodiments of the present disclosure, an electronic device is provided, including: a memory; and a processor coupled to the memory, the processor being configured to execute an interaction method according to some embodiments of the present disclosure based on instructions stored in the memory.

[0009] According to other embodiments of the present disclosure, a computer-readable storage medium is provided having computer program instructions stored thereon that, when executed by a processor, implement the interaction method described in some embodiments of the present disclosure.

[0010] According to other embodiments of the present disclosure, a computer program is provided, comprising: instructions that, when executed by a processor, cause the processor to perform an interactive method according to some embodiments of the present disclosure.

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

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

[0013] Figure 1 shows a flowchart of an interaction method according to some embodiments of the present disclosure;

[0014] Figure 2 shows a schematic diagram of a first interface according to some embodiments of the present disclosure;

[0015] Figure 3 shows a schematic diagram of a second interface according to some embodiments of the present disclosure;

[0016] Figure 4 shows a schematic diagram of a first interface according to some other embodiments of the present disclosure;

[0017] Figure 5 shows a schematic diagram of a second interface according to some other embodiments of the present disclosure;

[0018] Figure 6 shows a schematic diagram of interface switching according to other embodiments of the present disclosure;

[0019] Figure 7 shows a schematic diagram of a second interface according to some embodiments of the present disclosure;

[0020] Figure 8 shows a block diagram of an interactive device according to some embodiments of the present disclosure;

[0021] Figure 9 shows a block diagram of an electronic device according to some embodiments of the present disclosure;

[0022] Figure 10 shows a block diagram of an electronic device according to some other embodiments of the present disclosure.

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

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

[0025] 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 of components and steps set forth in these embodiments should be interpreted as merely exemplary and does not limit the scope of this disclosure.

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

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

[0028] 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".

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

[0030] In related technologies, the display modes of multimedia content are relatively fixed and singular. This disclosure provides an interactive method and device, electronic device, and computer-readable storage medium, which provide greater flexibility for the display of multimedia content.

[0031] Figure 1 shows a flowchart illustrating an interaction method according to some embodiments of the present disclosure.

[0032] As shown in Figure 1, the interaction method includes: step S1, displaying a first interface, wherein the first interface displays first multimedia content in a first mode and displays a first control; step S2, in response to a trigger event on the first control, displaying a second interface, wherein the second interface displays second multimedia content in a second mode, floats the first multimedia content in the first mode, and displays a second control in the area where the first multimedia content is displayed, wherein the second control is configured to refresh the first multimedia content, and in the second interface, the size of the area where the second multimedia content is displayed in the second mode is larger than the size of the area where the first multimedia content is displayed in the first mode.

[0033] Multimedia content includes text, images, audio, video, and animation. On the first interface, different areas of the screen can simultaneously display the first multimedia content and the first control. If the first multimedia content is displayed full-screen, the first control can be displayed on top of the full-screen multimedia content, for example, in an opaque or semi-transparent manner.

[0034] The triggering events for the first control can be user touch, click, double-click, long-press, or other types of operations, which will not be elaborated here.

[0035] The first multimedia content and the second multimedia content may or may not be related. The first multimedia content and the second multimedia content may partially or completely overlap, or they may not overlap at all.

[0036] The second interface, also known as the switching interface, allows users to simultaneously view previews of both the second and first multimedia content displayed in the second mode and in the first floating mode. Furthermore, users can switch between displaying only the first multimedia content in the first mode or only the second multimedia content in the second mode through appropriate operations.

[0037] In the second interface, the first multimedia content is displayed in a floating mode, for example: the area obscured by the first multimedia content is not used to display the second multimedia content, but instead is used to display the first multimedia content. In the second interface, the first multimedia content is displayed, for example, as a floating window.

[0038] The interaction method in this embodiment can be executed on the client side or partially on the server side.

[0039] By triggering the first control, the system switches from a first interface displaying the first multimedia content to a second interface simultaneously displaying both the first and second multimedia content. The second interface displays different display modes of the multimedia content, allowing the user to choose the desired mode, thus providing greater flexibility in multimedia content display. In the second interface, the area displaying the second multimedia content in the second mode is larger than the area displaying the first multimedia content in the first mode, allowing more of the second multimedia content to be shown and increasing user focus on the second mode. Although the display size of the first multimedia content is smaller at this time, the user can still compare the first and second modes, facilitating a selection process. Furthermore, the first interface also includes a refresh control, allowing users to refresh the multimedia content in the small window, thus providing richer interactive methods.

[0040] Figure 2 shows a schematic diagram of a first interface according to some embodiments of the present disclosure. The first interface 100 according to some embodiments of the present disclosure will now be described with reference to Figure 2.

[0041] As shown in Figure 2, the first multimedia content 201 occupies most of the screen area. The first control 211 is, for example, the "Home" control in the lower left corner.

[0042] Figure 3 shows a schematic diagram of a second interface according to some embodiments of the present disclosure. The second interface 200 according to some embodiments of the present disclosure will now be described with reference to Figure 3.

[0043] When the "Homepage" control in Figure 2 is triggered, the interface switches to the second interface shown in Figure 3. In the second interface, the first multimedia content 201 is displayed as a floating window. The first multimedia content 201 can be displayed at the boundary between the display area of ​​the second multimedia content and the control display area, utilizing previously unused areas (i.e., the blank area below the display area of ​​the second multimedia content).

[0044] The display size of the first multimedia content 201 on the first interface is, for example, larger than the display size on the second interface. That is, when the first control is triggered, the first multimedia content 201 is shrunk to be displayed in the form of a floating window.

[0045] In the second interface, the size of the area displaying the second multimedia content 202 in the second mode can be much larger than the size of the display area in the first mode, for example, two, three, four, or five times larger. When there are multiple pieces of second multimedia content 202, the size of the area displaying the second multimedia content 202 refers to the overall size of the multiple pieces of second multimedia content 202 displayed. When there are multiple pieces of first multimedia content 201, the size of the area displaying the first multimedia content 201 refers to the overall size of the multiple pieces of first multimedia content 201 displayed.

[0046] The first mode is, for example, a mode that displays a single multimedia content, and the second mode is, for example, a mode that displays multiple multimedia content simultaneously.

[0047] Simultaneous display of multiple multimedia content modes includes, for example, displaying multiple multimedia content in columns or sections within the display interface. Multi-column display modes include simultaneously displaying two or three columns of multimedia content. Displaying a single multimedia content mode includes, for example, immersive display, allowing the user to focus on a single multimedia content and obtain an immersive experience. For example, as shown in Figures 2-3, the first mode is a single-column display mode, and the second mode is a two-column display mode, displaying multiple multimedia content in a grid format.

[0048] In the case where the first mode is for displaying a single multimedia content and the second mode is for displaying multiple multimedia content simultaneously, if the size of the area displaying the second multimedia content 202 is larger than the size of the area where the first multimedia content 201 is displayed, then more second multimedia content can be displayed on the second interface, reducing the obstruction of the second multimedia content by the first multimedia content.

[0049] The second interface may also display a second control 212 and / or a fourth control 214.

[0050] In some embodiments, the first mode is a mode that displays multiple multimedia contents simultaneously, and the second mode is a mode that displays a single multimedia content. This will be described below with reference to Figures 4-5.

[0051] Figure 4 shows a schematic diagram of a first interface according to some other embodiments of the present disclosure.

[0052] As shown in Figure 4, the first interface 100 displays only the first multimedia content 301, and it is a mode that displays multiple pieces of first multimedia content simultaneously. For example, the interface displays multimedia content only in a multi-column display mode. The first interface may also display the first control 311.

[0053] Figure 5 shows a schematic diagram of a second interface according to some other embodiments of the present disclosure.

[0054] When the user triggers the first control 311 on the interface shown in Figure 4, the interface shown in Figure 5 is displayed. On the second interface 200 shown in Figure 5, the first multimedia content 301 in the dual-column display mode is minimized to a small window and displayed floating on the second interface. The majority of the screen is used to display the second multimedia content 302 in the single-column display mode. Figure 5 may also display a second control 312 and / or a fourth control 314.

[0055] The first and second modes have been introduced above. Next, we will take the case where the first mode displays a single multimedia content and the second mode displays multiple multimedia content simultaneously as an example to introduce how to switch between different modes from the second interface.

[0056] In some embodiments, in response to a trigger event on a second control on a second interface, the display of first multimedia content in a first mode is refreshed to display third multimedia content in a first mode, wherein the third multimedia content is different from the first multimedia content.

[0057] For example, as shown in Figure 3, a "refresh" control (i.e., the second control 212) is also displayed in the small window. When the "refresh" control is triggered, it not only switches to displaying multimedia content in the first mode only, but also refreshes to display third multimedia content. The playback or recommendation order of the third multimedia content is after the first multimedia content, for example, it is the next multimedia content after the first multimedia content. The area displaying the third multimedia content is, for example, the same area on the first interface where the first multimedia content is displayed. That is to say, when the "refresh" control is triggered, it not only switches to displaying multimedia content in the first mode, but also refreshes to display the third multimedia content at the same size as the original size on the first interface.

[0058] Figure 6 shows a schematic diagram of interface switching according to other embodiments of the present disclosure.

[0059] Figure 6 displays the same content as Figure 2, showing only a single multimedia element. However, the multimedia content displayed in Figure 6 differs from that in Figure 2. As shown in Figure 6, after triggering the second control, the multimedia content not only expands from the small window in Figure 3 to the size shown in Figure 6, but also updates the displayed multimedia content, namely the third multimedia content 203.

[0060] In some embodiments, the second interface further displays a fourth control, and the interaction method further includes: in response to a trigger event of the fourth control on the second interface, switching to displaying the first interface, and displaying the first multimedia content on the first interface in a first mode.

[0061] For example, as shown in Figure 3, a fourth control "X" is displayed in the lower left corner of the screen. This fourth control, 214, represents, for example, returning. When the fourth control is triggered, the screen can switch back to displaying only the original first multimedia content. After the fourth control is triggered, the interface switched to is, for example, the same as the first interface, such as the interface shown in Figure 2.

[0062] In the second interface, the fourth and second controls can be displayed simultaneously. For example, as shown in Figure 3, "Refresh" and "X" are displayed at the same time. When the fourth and second controls are displayed simultaneously, by triggering different controls, users can change the screen display layout while freely choosing whether to refresh or not refresh the multimedia content. Therefore, displaying the fourth and second controls simultaneously provides users with more choices and further improves the flexibility of interface switching.

[0063] Alternatively, only one of the fourth and second controls can be displayed. The display positions of the fourth and second controls on the screen can also be swapped; for example, the fourth control can be displayed in a small window, and the second control at the bottom of the interface. The fourth and second controls can also be displayed in other areas of the screen.

[0064] In some embodiments, in response to a trigger event on a fourth control on a second interface, switching to displaying a first interface and displaying first multimedia content in a first mode on the first interface includes: in response to a trigger event on a fourth control on a second interface, switching to displaying a first interface, displaying first multimedia content in a first mode on the first interface, and switching from displaying a fourth control to displaying a first control.

[0065] For example, when the fourth control is triggered, not only is the multimedia content in the first mode restored from the small window to its original display size on the first interface, but the "X" button in Figure 3 is also restored to the "Home" button in Figure 2. When the user wants to switch interfaces, they can click the "Home" button in Figure 2 again to switch to the second interface.

[0066] In some embodiments, displaying a second interface in response to a trigger event on a first control includes: displaying the second interface in response to a trigger event on a first control, and switching from displaying the first control to displaying a fourth control.

[0067] For example, on the first interface, when the first control is triggered, not only is the multimedia content in the first mode changed to be displayed in a small window, but the "Home" button in Figure 2 is also switched to the "X" button in Figure 3, which is used by the user to select the window by choosing the "X" button.

[0068] In some embodiments, the second interface floating to display the first multimedia content in a first mode includes floating to display the cover of the first multimedia content in the first mode. In response to a trigger event of the fourth control on the second interface, the interface is switched to display the first interface. The first interface displays the first multimedia content in the first mode, including: in response to the first mode being a mode for displaying a single multimedia content, switching from displaying the cover of the first multimedia content in the first mode to playing the first multimedia content in the first mode.

[0069] For example, the second interface displays the cover of the first multimedia content, such as static images and text related to the first multimedia content, or a video frame of the first multimedia content. For example, if the first multimedia content is audio or video, then on the second interface, the multimedia content is paused and muted. When the fourth control is triggered, it not only restores the multimedia content in the first mode from the small window to its original display size, but also switches the first multimedia content from static to playback mode.

[0070] Furthermore, if the first multimedia content is a video, it can be in playback mode on the first interface, and paused and muted after switching to the second interface.

[0071] Figure 7 shows a second interface according to some embodiments of the present disclosure.

[0072] The following describes, with reference to Figure 7, a method for switching interfaces according to some embodiments of the present disclosure.

[0073] In some embodiments, the second interface further displays a third control, which is configured to refresh the first multimedia content. The area on the second interface where the third control is displayed is the same as the area on the first interface where the first control is displayed. The interaction method further includes: in response to a trigger event on the third control on the second interface, refreshing from displaying the first multimedia content in a first mode to displaying the third multimedia content in a first mode, wherein the third multimedia content is different from the first multimedia content.

[0074] For example, as shown in Figure 7, the second interface 200 displays a "refresh" control (i.e., the third control 413) at the bottom of the page, and a second control 412 is displayed in a small window. Second multimedia content 402 is displayed in the main area of ​​the screen, while first multimedia content 401 is displayed in a floating position. When the "refresh" control is triggered, it not only switches to displaying multimedia content only in the first mode, but also refreshes the displayed multimedia content, for example, switching to the interface shown in Figure 6. In the interface shown in Figure 6, the playback or recommendation order of the third multimedia content is after the first multimedia content, for example, it is the next multimedia content after the first multimedia content.

[0075] The area displaying the third multimedia content is, for example, the same area on the first interface that displays the first multimedia content. For instance, Figure 6 and Figure 2 display the same area and mode for multimedia content, but the displayed multimedia content is different. After the third control is triggered, the display area of ​​the first mode not only expands from the small window in Figure 7 to the display area in Figure 6, but also updates the displayed multimedia content.

[0076] The refresh control on the second interface can include multiple controls, which can be displayed simultaneously in the small window and other areas of the interface. Alternatively, the refresh control on the second interface can be singular, displayed only in the small window or other areas of the interface. This disclosure does not impose any restrictions on this.

[0077] In some embodiments, in response to a trigger event on a third control on a second interface, refreshing from displaying first multimedia content in a first mode to displaying third multimedia content in a first mode includes: in response to a trigger event on a third control on a second interface, refreshing from displaying first multimedia content in a first mode to displaying third multimedia content in a first mode, and switching from displaying the third control to displaying the first control.

[0078] For example, when the second control is triggered, not only is the first multimedia content restored from a small window to a magnified display, but the display also changes from the "Refresh" button 413 in Figure 7 to the "Home" button in Figure 6. When the user wants to switch interfaces, they can click the "Home" button in Figure 6 again to switch to the second interface.

[0079] In some embodiments, displaying a second interface in response to a trigger event on a first control includes: displaying the second interface in response to a trigger event on a first control, and switching from displaying the first control to displaying a third control.

[0080] For example, on the first interface, when the first control is triggered, not only is the first multimedia content changed to be displayed in a small window, but the "Home" button in Figure 2 is also switched to the "Refresh" button in Figure 7, so that the user can select the "Refresh" button to switch windows.

[0081] In some embodiments, the second interface floating to display the first multimedia content in a first mode includes floating to display the cover of the first multimedia content in the first mode. Refreshing from displaying the first multimedia content in the first mode to displaying the third multimedia content in the first mode includes: in response to the first mode being a mode for displaying a single multimedia content, refreshing from displaying the cover of the first multimedia content in the first mode to playing the third multimedia content in the first mode.

[0082] The second interface displays the cover image of the first multimedia content, such as static images or text related to the first multimedia content, or a video frame of the first multimedia content. For example, if the first multimedia content is a video, it will be paused and muted on the second interface. Alternatively, if the first multimedia content is images or text, it will also be displayed statically on the second interface.

[0083] If the second multimedia content is audio, video, etc., then when the third control is triggered, not only will the first multimedia content be restored to its original size in the small window for display, but the display of the static first multimedia content will also be switched to the playback of the dynamic third multimedia content.

[0084] The previous section mainly introduced how to switch from the second interface to display only the first multimedia content. The following section introduces how to switch from the second interface to display only the second multimedia content.

[0085] In some embodiments, the interaction method further includes: displaying a third interface in response to a click or swipe operation on an area displaying the second multimedia content on the second interface, wherein the third interface displays the second multimedia content in a second mode.

[0086] For example, if a user wants to select the second mode on the second interface, they can directly click on the display area where the second multimedia content is located to close the multimedia content displayed in the first mode. The area on the third interface that displays the second multimedia content is, for example, the same area on the first interface that displays the first multimedia content.

[0087] Users can also switch to displaying only the second multimedia content by swiping. Furthermore, while closing the multimedia content displayed in the first mode, all or part of the multimedia content displayed in the second mode can be refreshed. If the first mode displays multiple multimedia contents simultaneously, and the second mode displays a single multimedia content, the display area of ​​the second mode will switch from the previously displayed multimedia content to the next multimedia content. If the first mode displays a single multimedia content, and the second mode displays multiple multimedia contents simultaneously, all or part of the multimedia content displayed in the second mode will be updated.

[0088] For example, when a user swipes up and down in the display area of ​​the second mode to browse new multimedia content, the client not only displays the updated multimedia content but also automatically closes the first multimedia content, requiring no additional user operation.

[0089] Because the display area where the second multimedia content is located is larger, users can easily switch to displaying only the second multimedia content by clicking or swiping.

[0090] Not only can the multimedia content displayed in the first mode be minimized to a small window, but the multimedia content displayed in the second mode can also be minimized to a small window. For example, in an interface that only displays the second mode, a first control is displayed. In response to a trigger event on the first control, an interface for switching between different modes is displayed, showing the first multimedia content while simultaneously displaying the second multimedia content in a floating view. The interaction logic for minimizing the multimedia content displayed in the second mode and the interaction logic for the user to switch between different modes are the same as the interaction logic for minimizing the multimedia content displayed in the first mode and the interaction logic for the user to switch between different modes in the second interface, and will not be repeated here.

[0091] If only the first multimedia content is displayed, and it's a mode with multiple multimedia contents, a fifth control can also be displayed. For example, as shown in Figure 4, a "Toggle Single Column" option, i.e., the fifth control, can be displayed floating at the bottom of the screen. When the user selects "Toggle Single Column," the display switches to show only a single multimedia content, for example, switching to the interface shown in Figure 2.

[0092] The interaction links according to some embodiments of this disclosure are described below with reference to the accompanying drawings.

[0093] In the interface shown in Figure 2, if the displayed multimedia content is a video, it will play automatically. Users can click the "Home" control, and the application will switch to the interface shown in Figure 3.

[0094] In the interface shown in Figure 3, if the multimedia content in the small window in the lower left corner is a video, playback will pause. Users can click the "X" button to return to the interface shown in Figure 2, where the original multimedia content will still be displayed and playback will resume.

[0095] In the interface shown in Figure 3, the user can also click the "Refresh" control in the small window. The application will then switch to the interface shown in Figure 6 and refresh to display the next multimedia content. If the next multimedia content is a video, the video will begin playing.

[0096] In the interface shown in Figure 3, if the user clicks or swipes up or down on the dual-column browsing area (the multimedia content display area outside the small window), the interface will switch to the interface shown in Figure 4.

[0097] In the interface shown in Figure 4, if the user clicks the "Home" button, the interface will switch to the interface shown in Figure 5. The dual-column browsing mode will shrink into a small window, while most of the screen area will be used to display the single-column browsing mode.

[0098] When the user clicks the "Refresh" control on the interface shown in Figure 5, the interface switches back to a layout similar to that in Figure 4, that is, only the two-column browsing mode is displayed, and the displayed multimedia content is refreshed.

[0099] In the interface shown in Figure 5, if the user clicks in the single-column browsing area (the multimedia content display area outside the small window), the interface switches to the interface shown in Figure 2. If the user swipes up or down in the single-column browsing area, the interface switches to the interface shown in Figure 6.

[0100] In the interface shown in Figure 4, users can also select the "Switch Single Column" control to switch to displaying only a single multimedia content, for example, returning to the interface shown in Figure 2 or 6.

[0101] The interaction links according to other embodiments of this disclosure are described below with reference to the accompanying drawings.

[0102] In the interface shown in Figure 2, if the displayed multimedia content is a video, it will play automatically. Users can click the "Home" control, and the application will switch to the interface shown in Figure 7.

[0103] In the interface shown in Figure 7, if the multimedia content in the small window in the lower left corner is a video, playback will pause. Users can click the "Refresh" control in the small window, or the refresh control in the lower left corner of the screen, and the application will switch to the interface shown in Figure 6, refreshing to display the next multimedia content. If the next multimedia content is a video, playback will begin.

[0104] In the interface shown in Figure 7, if the user clicks or swipes up or down on the dual-column browsing area (the multimedia content display area outside the small window), the interface will switch to the interface shown in Figure 4.

[0105] In the interface shown in Figure 4, if the user clicks the "Home" button, the interface will switch to the interface shown in Figure 5. The dual-column browsing mode will shrink into a small window, while most of the screen area will be used to display the single-column browsing mode.

[0106] When the user clicks the "Refresh" control on the interface shown in Figure 5, the interface will switch back to a similar interface as shown in Figure 4 and refresh the displayed multimedia content.

[0107] In the interface shown in Figure 5, if the user clicks in the single-column browsing area (the multimedia content display area outside the small window), the interface switches to the interface shown in Figure 2. If the user swipes up or down in the single-column browsing area, the interface switches to the interface shown in Figure 6.

[0108] In the interface shown in Figure 4, users can also select the "Switch Single Column" control to switch to displaying only a single multimedia content, for example, returning to the interface shown in Figure 2 or 6.

[0109] Figure 8 shows a block diagram of an interactive device according to some embodiments of the present disclosure.

[0110] As shown in Figure 8, the interactive device 8 includes: a first display module 81 configured to display a first interface, wherein the first interface displays first multimedia content in a first mode and displays a first control; and a second display module 82 configured to display a second interface in response to a trigger event of the first control, wherein the second interface displays second multimedia content in a second mode, floats the first multimedia content in a first mode, and displays a second control in the area where the first multimedia content is displayed, wherein the second control is configured to refresh the first multimedia content, and in the second interface, the size of the area where the second multimedia content is displayed in the second mode is larger than the size of the area where the first multimedia content is displayed in the first mode.

[0111] The first display module 81 of the interactive device 8 can be used to execute step S1 of FIG1. ​​The second display module 82 of the interactive device 8 can be used to execute step S2 of FIG1.

[0112] By triggering the first control, the system switches from a first interface displaying the first multimedia content to a second interface simultaneously displaying both the first and second multimedia content. The second interface displays different display modes of the multimedia content, allowing the user to choose the desired mode, thus providing greater flexibility in multimedia content display. In the second interface, the area displaying the second multimedia content in the second mode is larger than the area displaying the first multimedia content in the first mode, allowing more of the second multimedia content to be shown and increasing user focus on the second mode. Although the display size of the first multimedia content is smaller at this time, the user can still compare the first and second modes, facilitating a selection process. Furthermore, the first interface also includes a refresh control, allowing users to refresh the multimedia content in the small window, thus providing richer interactive methods.

[0113] In some embodiments, the interactive device 8 further includes a switching module configured to refresh from displaying first multimedia content in a first mode to displaying third multimedia content in a first mode in response to a trigger event of the second control on the second interface, wherein the third multimedia content is different from the first multimedia content.

[0114] In some embodiments, the second interface further displays a third control, which is configured to refresh the first multimedia content. The interactive device 8 further includes a switching module configured to refresh the display of the first multimedia content in a first mode to the display of the third multimedia content in a first mode in response to a trigger event of the third control on the second interface, wherein the third multimedia content is different from the first multimedia content.

[0115] In some embodiments, the second interface floating to display the first multimedia content in a first mode includes floating to display the cover of the first multimedia content in the first mode, and the switching module is further configured to: in response to the first mode being a mode for displaying a single multimedia content, refresh from displaying the cover of the first multimedia content in the first mode to playing the third multimedia content in the first mode.

[0116] In some embodiments, the second display module 82 is further configured to: refresh from displaying the first multimedia content in the first mode to displaying the third multimedia content in the first mode in response to a trigger event of the third control on the second interface, and switch from displaying the third control to displaying the first control.

[0117] In some embodiments, the second display module 82 is further configured to: display a second interface in response to a trigger event of the first control, and switch from displaying the first control to displaying a third control.

[0118] In some embodiments, the second interface also displays a fourth control, and the interactive device 8 further includes a switching module configured to switch to displaying the first interface in response to a trigger event of the fourth control on the second interface, and to display first multimedia content in a first mode on the first interface.

[0119] In some embodiments, the second interface floating to display the first multimedia content in a first mode includes a cover of the first multimedia content floating to display in the first mode. The interactive device 8 further includes a switching module configured to switch from displaying the cover of the first multimedia content in the first mode to playing the first multimedia content in the first mode in response to the first mode being a mode for displaying a single multimedia content.

[0120] In some embodiments, the interactive device 8 further includes a switching module configured to: in response to a trigger event of a fourth control on a second interface, switch to displaying a first interface, displaying first multimedia content in a first mode on the first interface, and switch from displaying the fourth control to displaying the first control.

[0121] In some embodiments, the second display module 82 is further configured to: display a second interface in response to a trigger event on the first control, and switch from displaying the first control to displaying the fourth control.

[0122] In some embodiments, the interactive device 8 further includes a switching module configured to display a third interface in response to a click operation or a swipe browsing operation on the area displaying the second multimedia content on the second interface, wherein the third interface displays the second multimedia content in a second mode, and the area on the third interface displaying the second multimedia content is the same as the area on the first interface displaying the first multimedia content.

[0123] Figure 9 shows a block diagram of an electronic device according to some embodiments of the present disclosure.

[0124] Memory 91 is used to store one or more computer-readable instructions. Memory 91 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 91 may, for example, store operating systems, application programs, boot loaders, databases, and other programs, as well as various application programs and various data.

[0125] The processor 92 is configured to execute computer-readable instructions to implement the interactive method or the method of any of the foregoing embodiments. Specific implementations of each step of the method can be found in the above embodiments; repeated details will not be elaborated here.

[0126] Processor 92 can be configured to execute the steps shown in Figure 1. Processor 92 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 an x86 or ARM architecture, etc.

[0127] The processor 92 and the memory 91 can communicate with each other directly or indirectly. For example, the processor 92 and the memory 91 can communicate via a network. The network can include wireless networks, wired networks, and / or any combination of wireless and wired networks. The processor 92 and the memory 91 can also communicate with each other via a system bus, which is not limited in this disclosure.

[0128] It should be noted that the components of the electronic device 9 shown in Figure 9 are exemplary and not limiting. The electronic device 9 may have other components depending on the specific application requirements. The processor 92 can control other components in the electronic device 9 to perform the desired functions.

[0129] Electronic device 9 can be implemented by software, firmware and / or hardware, and can be integrated into a device with the relevant application installed.

[0130] According to other embodiments of this disclosure, an electronic device is provided, including: a memory; and a processor coupled to the memory, the processor being configured to execute an interaction method according to some embodiments of this disclosure based on instructions stored in the memory. By triggering a first control, the user can switch from a first interface displaying first multimedia content to a second interface simultaneously displaying the first and second multimedia content. The second interface displays different display modes of multimedia content simultaneously, allowing the user to select the desired display mode, providing greater flexibility in the display of multimedia content. In the second interface, the area displaying the second multimedia content in the second mode is larger than the area displaying the first multimedia content in the first mode, allowing more of the second multimedia content to be displayed and increasing the user's focus on the second mode. Although the display size of the first multimedia content is smaller at this time, the user can still compare the first and second modes, facilitating a user selection. Furthermore, the first interface also includes a refresh control, allowing the user to refresh the multimedia content in a small window, thus providing a richer interactive experience.

[0131] Figure 10 shows a block diagram of an electronic device according to some other embodiments of the present disclosure.

[0132] The electronic device 10 shown in Figure 10 can be a computer system with a dedicated hardware structure, which can perform corresponding functions when relevant applications are installed.

[0133] Electronic devices include, but are not limited to, mobile terminals such as smartphones, laptops, personal digital assistants (PDAs), tablet computers (PCs), PMPs (portable multimedia players), in-vehicle terminals (such as in-vehicle navigation terminals), wearable devices, and fixed terminals such as digital televisions and desktop computers.

[0134] As shown in Figure 10, the Central Processing Unit (CPU) 101 performs various processes based on programs stored in the Read-Only Memory (ROM) 102 or programs loaded from the Storage Section 108 into the Random Access Memory (RAM) 103. The RAM 103 stores data required as needed when the CPU 101 performs various processes. The CPU is merely exemplary and can also be other types of processors, such as the various processors described above. The ROM 102, RAM 103, and Storage Section 108 can be various forms of computer-readable storage media. It should be noted that although the ROM 102, RAM 103, and Storage Section 108 are shown separately in Figure 10, one or more of them can be combined or located in the same or different memories or storage modules.

[0135] CPU 101, ROM 102 and RAM 103 are interconnected via bus 104. Input / output interface 105 is also connected to bus 104.

[0136] The following components are connected to the input / output interface 105: input section 106, such as a touchscreen, touchpad, keyboard, mouse, image sensor, microphone, accelerometer, gyroscope, etc.; output section 107, including displays such as cathode ray tube (CRT), liquid crystal display (LCD), speakers, vibrators, etc.; storage section 108, including hard disks, magnetic tapes, etc.; and communication section 109, including network interface cards such as LAN cards, modems, etc. The communication section 109 allows communication processing to be performed via a network such as the Internet. It is readily understood that although parts of the electronic device 10 shown in Figure 10 communicate via bus 104, they can also communicate via a network or other means, wherein the network can include wireless networks, wired networks, and / or any combination of wireless and wired networks.

[0137] As needed, drive 1010 is also connected to input / output interface 105. Removable media 1011, such as disks, optical disks, magneto-optical disks, semiconductor memories, etc., are installed on drive 1010 as needed, so that computer programs read from them can be installed into storage section 108 as needed.

[0138] 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 1011.

[0139] 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 perform the methods of any of the foregoing embodiments. The computer program product includes computer instructions carried on a computer-readable medium, comprising 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 109, or installed from storage section 108, or installed from ROM 102. When the computer program is executed by CPU 101, the methods of embodiments of this disclosure are performed.

[0140] According to other embodiments of this disclosure, a computer program product is provided, including computer program instructions that, when executed by a processor, implement an interaction method according to some embodiments of this disclosure. By triggering a first control, the user can switch from a first interface displaying first multimedia content to a second interface simultaneously displaying both the first and second multimedia content. The second interface displays different display modes of multimedia content simultaneously, allowing the user to select the desired display mode, thus providing greater flexibility in displaying multimedia content. In the second interface, the area displaying the second multimedia content in the second mode is larger than the area displaying the first multimedia content in the first mode, allowing for more display of the second multimedia content and increasing user attention to the second mode. Although the display size of the first multimedia content is smaller at this time, the user can still compare the first and second modes, facilitating a selection process. Furthermore, the first interface also includes a refresh control, allowing the user to refresh the multimedia content in the small window, thereby providing richer interaction methods.

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

[0142] A computer-readable medium may be a computer-readable storage medium, a computer-readable signal medium, or any combination thereof.

[0143] 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 fibers, 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.

[0144] A computer-readable storage medium stores computer program instructions thereon, which, when executed by a processor, implement an interaction method according to some embodiments of the present disclosure. By triggering a first control, the user can switch from a first interface displaying first multimedia content to a second interface simultaneously displaying both the first and second multimedia content. The second interface displays different display modes of multimedia content simultaneously, allowing the user to select the desired display mode, thus providing greater flexibility in the display of multimedia content. In the second interface, the area displaying the second multimedia content in the second mode is larger than the area displaying the first multimedia content in the first mode, allowing for more display of the second multimedia content and increasing user attention to the second mode. Although the display size of the first multimedia content is smaller at this time, the user can still compare the first and second modes, facilitating a selection process. Furthermore, the first interface also includes a refresh control, allowing the user to refresh the multimedia content in a small window, thereby providing richer interaction methods.

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

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

[0147] In some embodiments, a computer program is also provided, comprising: instructions that, when executed by a processor, cause the processor to perform the methods of any of the foregoing embodiments. For example, the instructions may be embodied in computer program code.

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

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

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

[0151] 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: Display a first interface, wherein the first interface displays first multimedia content in a first mode and displays a first control; In response to a trigger event on the first control, a second interface is displayed. The second interface displays second multimedia content in a second mode and floats the first multimedia content in the first mode. A second control is displayed in the area where the first multimedia content is displayed. The second control is configured to refresh the first multimedia content. In the second interface, the size of the area where the second multimedia content is displayed in the second mode is larger than the size of the area where the first multimedia content is displayed in the first mode.

2. The interaction method of claim 1, wherein, The interaction method also includes: In response to a trigger event on the second control in the second interface, the display of the first multimedia content in the first mode is refreshed to display the third multimedia content in the first mode, wherein the third multimedia content is different from the first multimedia content.

3. The interaction method according to claim 1 or 2, wherein, The second interface also displays a third control, which is configured to refresh the first multimedia content. The area on the second interface displaying the third control is the same as the area on the first interface displaying the first control. The interaction method further includes: In response to a trigger event on the third control in the second interface, the display of the first multimedia content in the first mode is refreshed to display the third multimedia content in the first mode, wherein the third multimedia content is different from the first multimedia content.

4. The interaction method according to claim 2 or 3, wherein, The second interface displays the first multimedia content in the first mode, including displaying the cover of the first multimedia content in the first mode. The step of refreshing from displaying the first multimedia content in the first mode to displaying the third multimedia content in the first mode includes: In response to the first mode being a mode for displaying a single multimedia content, the cover of the first multimedia content displayed in the first mode is refreshed to play the third multimedia content in the first mode.

5. The interaction method of claim 3, wherein, The step of responding to a trigger event on the third control in the second interface to refresh the display of the first multimedia content in the first mode to the display of the third multimedia content in the first mode includes: In response to a trigger event on the third control in the second interface, the display mode of the first multimedia content is refreshed to display the third multimedia content in the first mode, and the display mode of the third control is switched to display the first control.

6. The interaction method according to claim 3 or 5, wherein, The step of displaying a second interface in response to a trigger event on the first control includes: In response to a trigger event on the first control, the second interface is displayed, and the display of the third control is switched from the first control to the third control.

7. The interaction method according to any one of claims 1 to 6, wherein, The second interface also displays a fourth control, and the interaction method further includes: In response to a trigger event on the fourth control in the second interface, the system switches to displaying the first interface and displays the first multimedia content in the first mode on the first interface.

8. The interaction method of claim 7, wherein, The second interface suspending display of the first multimedia content in the first mode includes suspending display of a cover of the first multimedia content in the first mode, and the switching to display the first interface in the first mode displaying the first multimedia content in response to the triggering event of the fourth control on the second interface includes: switching from suspending display of the cover of the first multimedia content in the first mode to playing the first multimedia content in the first mode in response to the first mode being a mode of displaying a single multimedia content.

9. The interaction method of claim 7, wherein, The switching to display the first interface in the first mode displaying the first multimedia content in response to the triggering event of the fourth control on the second interface includes: switching to display the first interface in the first mode displaying the first multimedia content in response to the triggering event of the fourth control on the second interface, and switching from displaying the fourth control to displaying the first control.

10. The interaction method according to any one of claims 7 to 9, wherein, The displaying the second interface in response to the triggering event of the first control includes: displaying the second interface in response to the triggering event of the first control, and switching from displaying the first control to displaying the fourth control.

11. The interaction method according to any one of claims 1 to 10, further comprising: displaying a third interface in response to a click operation or a sliding browsing operation on an area displaying the second multimedia content on the second interface, wherein the third interface displays the second multimedia content in the second mode.

12. The interaction method according to any one of claims 1 to 11, wherein: the first mode is a mode of displaying a single multimedia content, and the second mode is a mode of simultaneously displaying multiple multimedia contents; or the first mode is a mode of simultaneously displaying multiple multimedia contents, and the second mode is a mode of displaying a single multimedia content.

13. An interaction apparatus, comprising: a first display module configured to display a first interface, wherein the first interface displays a first multimedia content in a first mode, and displays a first control; a second display module configured to display a second interface in response to a triggering event of the first control, wherein the second interface displays a second multimedia content in a second mode, and suspends display of the first multimedia content in the first mode, and displays a second control on an area displaying the first multimedia content, wherein the second control is configured to refresh the first multimedia content, and the second interface displays an area displaying the second multimedia content in the second mode in a size larger than an area displaying the first multimedia content in the first mode.

14. An electronic device, comprising: a memory; and a processor coupled to the memory, and configured to execute an interaction method according to any one of claims 1 to 12 based on instructions stored in the memory. ​ 15. A computer readable storage medium having stored thereon computer program instructions which, when executed by a processor, implement the interaction method according to any one of claims 1 to 12.

16. A computer program comprising: instructions that, when executed by a processor, cause the processor to perform the interaction method according to any one of claims 1 to 12.

Images