Interface interaction methods, apparatus, devices, and storage media

Abstract

Embodiments of the present disclosure relate to interface interaction methods, apparatus, devices, and storage media. The method proposed herein includes displaying a first browsing interface that displays media content in a first view mode, and displaying a dynamic switching process, including a reduction or enlargement process of a target image related to a target media content item played in the first or second browsing interface, to switch the first browsing interface to a second browsing interface that displays media content in a second view mode in response to the acceptance of a pre-configured operation. In this manner, embodiments of the present disclosure can improve the continuity of interface switching and avoid the sense of discontinuity of interface switching.

Description

Technical Field

[0001] [Related Application] This application claims the priority of a Chinese patent application for invention with the title "Interface Interaction Method, Device, Equipment and Storage Medium", application number 202410592800.0, filed on May 13, 2024, and all the contents of that application are incorporated herein by reference.

[0002] [Technical Field] Exemplary embodiments of the present disclosure generally relate to the field of computers, and more particularly to interface interaction methods, devices, equipment, and computer-readable storage media.

Background Art

[0003] With the development of computer technology, various electronic devices are widely used. In some scenarios, an electronic device can display media content, such as video works, image works, etc., in different view modes. Such view modes may include, for example, a single-column view mode, a two-column view mode, etc. Different view modes are applicable to different scenarios, and how to achieve an easy switch between different view modes has been the focus of people's attention.

Summary of the Invention

[0004] In a first aspect of the present disclosure, an interface interaction method is provided. The method includes displaying a first browsing interface that displays media content in a first view mode, and in response to receiving a preset operation, displaying a dynamic switching process including a shrinking process or an enlarging process of a target image related to a target media content item played in the first browsing interface or the second browsing interface, so as to switch the first browsing interface to a second browsing interface that displays media content in a second view mode.

[0005] A second aspect of this disclosure provides a device for interface interaction. The device includes a browsing interface display module configured to display a first browsing interface for displaying media content in a first view mode, and a switching process display module configured to display a dynamic switching process, including a reduction or enlargement process for a target image associated with a target media content item played in the first or second browsing interface, in response to receiving a pre-configured operation, switching the first browsing interface to a second browsing interface for displaying media content in a second view mode.

[0006] A third aspect of this disclosure provides an electronic device comprising at least one processing unit and at least one memory coupled to the at least one processing unit and storing instructions to be executed by the at least one processing unit. When instructions are executed by the at least one processing unit, the device is made to perform the method of the first aspect.

[0007] A fourth aspect of this disclosure provides a computer-readable storage medium that stores a computer program which can be executed by a processor to implement the method of the first aspect.

[0008] A fifth aspect of this disclosure provides a computer program product which, when executed by a processor, includes computer-executable instructions that implement the method of the first aspect.

[0009] It should be understood that the contents described in this section are not intended to limit the essential or important features of the embodiments of this disclosure, nor to limit the scope of this disclosure. Other features of this disclosure are made clearer by the following descriptions. [Brief explanation of the drawing]

[0010] The above and other features, advantages and aspects of each embodiment of this disclosure will become more apparent by referring to the following detailed description in conjunction with the drawings. In the drawings, the same or similar reference numerals represent the same or similar elements, where, [Figure 1] A schematic diagram of an exemplary environment in which the embodiments of this disclosure may be implemented is shown. [Figure 2A] Figures 2A to 2F show exemplary interfaces according to several embodiments of the present disclosure. [Figure 2B] Figures 2A to 2F show exemplary interfaces according to several embodiments of the present disclosure. [Figure 2C] Figures 2A to 2F show exemplary interfaces according to several embodiments of the present disclosure. [Figure 2D] Figures 2A to 2F show exemplary interfaces according to several embodiments of the present disclosure. [Figure 2E] Figures 2A to 2F show exemplary interfaces according to several embodiments of the present disclosure. [Figure 2F] Figures 2A to 2F show exemplary interfaces according to several embodiments of the present disclosure. [Figure 3] A flowchart illustrating an exemplary interface interaction process according to several embodiments of this disclosure is shown. [Figure 4] A schematic structural block diagram of an exemplary interface interaction device according to several embodiments of the present disclosure is shown. [Figure 5] A block diagram of an electronic device capable of implementing multiple embodiments of this disclosure is shown. [Modes for carrying out the invention]

[0011] The embodiments of this disclosure will be described in more detail below with reference to the drawings. While the drawings show several embodiments of this disclosure, it should be understood that this disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein. Rather, these embodiments are provided to provide a clearer and more complete understanding of this disclosure. It should be understood that the drawings and embodiments of this disclosure are illustrative only and not intended to limit the scope of protection of this disclosure.

[0012] It should be noted that the titles of any section / subsection in this specification are not limiting. This specification describes a variety of embodiments throughout, and any type of embodiment may be included in any section / subsection. Furthermore, an embodiment described in any one section / subsection may be combined in any manner with any other embodiment described in the same section / subsection and / or in a different section / subsection.

[0013] In the descriptions of the embodiments of this disclosure, the term “including” and its synonyms should be understood as open inclusion, i.e., “including, but not limited to.” The term “based on” should be understood as “based at least in part.” The term “one embodiment” or “the embodiment” should be understood as “at least one embodiment.” The term “several embodiments” should be understood as “at least several embodiments.” The following may include other explicit and implicit definitions. The terms “first,” “second,” etc., may refer to different or the same subject. The following may include other explicit and implicit definitions.

[0014] The embodiments of this disclosure may involve user data, data acquisition, and / or use. These actions are subject to applicable laws, regulations, and related provisions. In the embodiments of this disclosure, all data collection, acquisition, processing, manipulation, transfer, and use are carried out with the user's knowledge and consent. Accordingly, when implementing each embodiment of this disclosure, the user should be informed in an appropriate manner, in accordance with applicable laws and regulations, of the type of data or information involved, the scope of use, and the usage scenarios, and permission should be obtained from the user. The specific method of notification and / or permission may vary depending on the actual situation and application scenario, and the scope of this disclosure is not limited in this respect.

[0015] The methods described herein and in the examples, when dealing with personal information, are carried out on the premise that there is a legal basis for processing (e.g., obtaining the consent of the data subject or as necessary for contractual performance) and only within the scope specified or agreed upon. A user's refusal to process personal information other than that necessary for basic functions will not affect the user's use of those basic functions.

[0016] In some scenarios, electronic devices can display media content, such as video content or images, in different viewing modes. These viewing modes may include, for example, single-column viewing modes or dual-column viewing modes. Different viewing modes are applicable to different scenarios, and how to achieve easy switching between these modes is a point of focus for many.

[0017] In view of this, embodiments of the present disclosure propose an interface interaction solution. According to this solution, a first browsing interface for displaying media content in a first view mode can be displayed. Further, in response to receiving a preset operation, a dynamic switching process including a reduction process or an enlargement process of a target image related to a target media content item played in the first browsing interface or the second browsing interface is displayed so as to switch the first browsing interface to a second browsing interface for displaying media content in a second view mode.

[0018] In this way, embodiments of the present disclosure can utilize the dynamic switching process to realize switching between different view modes, thereby improving the continuity of interface switching and the smoothness of view mode switching, and thereby improving the user experience.

[0019] Hereinafter, various exemplary implementations of this solution will be described in detail with further reference to the drawings. Exemplary environment

[0020] FIG. 1 shows a schematic diagram of an exemplary environment 100 in which embodiments of the present disclosure can be implemented. As shown in FIG. 1, the exemplary environment 100 may include an electronic device 110.

[0021] In this exemplary environment 100, on the electronic device 110, an application 120 that supports interface interaction may be run. The application 120 may be any suitable type of application for interface interaction, and examples thereof may include, but are not limited to, a media application or other suitable applications. The user 140 can interact with the application 120 via the electronic device 110 and / or its attached devices.

[0022] In the environment 100 of Figure 1, when application 120 is active, the electronic device 110 can display interface 150 to support interface interaction via application 120.

[0023] In some embodiments, the electronic device 110 communicates with the server 130 to provide services to the application 120. The electronic device 110 may be any type of mobile terminal, fixed terminal or portable terminal, and includes mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet PCs, media computers, multimedia tablets, personal communication system (PCS) equipment, personal navigation equipment, personal digital assistants (PDAs), audio / video players, digital cameras / cameras, positioning equipment, television receivers, radio broadcast receivers, e-book devices, game devices, or any combination of the foregoing, and includes components and peripherals of these devices or any combination thereof. In some embodiments, the electronic device 110 may also support any type of interface to the user (e.g., a “wearable” circuit).

[0024] Server 130 may be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. Server 130 may also include, for example, computing systems / servers such as mainframes, edge computing nodes, and computing devices in a cloud environment. Server 130 can provide backend services to applications 120 that support content display on electronic devices 110.

[0025] A communication connection may be established between the server 130 and the electronic device 110. The communication connection may be established by a wired or wireless method. The communication connection may include, but is not limited to, Bluetooth® connection, mobile network connection, Universal Serial Bus connection, Wireless Fidelity connection, etc., and the embodiments of this disclosure are not limited in this respect. In the embodiments of this disclosure, the server 130 and the electronic device 110 can realize signaling interaction through the communication connection between them.

[0026] The structure and function of each element in Environment 100 are described for illustrative purposes only, and should be understood that this does not imply any limitation on the scope of this disclosure. Exemplary interaction

[0027] The following describes, with reference to the drawings, an exemplary process for switching between single-column and multi-column view modes according to the embodiments of this disclosure.

[0028] Figures 2A to 2F show exemplary interfaces 200A to 200F according to some embodiments of the present disclosure. Interfaces 200A to 200F may be provided, for example, by the electronic device 110 shown in Figure 1.

[0029] In some embodiments, as shown in Figure 2A, the electronic device 110 can display a browsing interface 205. As shown in the drawing, the browsing interface 205 can display media content in a specific view mode (e.g., single-column view mode). For example, the browsing interface 205 can display a target media content item 210 in an information stream. Exemplary, the target media content item 210 may include appropriate media works such as video works, image works, or music works.

[0030] As shown in Figure 2A, in the browsing interface 205, the electronic device 110 can display one or more controls 220 related to the target media content item 210 to be played. Such controls 220 may include, but are not limited to, a like control, a comment control, a favorites control, a forward control, etc.

[0031] As described below, the electronic device 110 can support the user in switching between different view modes in the browsing interface through appropriate operations. For example, the electronic device 110 can support the user in switching from the single-column view mode shown in Figure 2A to the multi-column view mode (e.g., a two-column view mode) shown in Figure 2D through appropriate operations.

[0032] In some embodiments, the electronic device 110 may provide, for example, a switching entry 215 for switching views. In some embodiments, the display position of the switching entry 215 may be related to the set of controls 220. For example, the switching entry 215 may be displayed above the set of controls 220. In some embodiments, different types of media content items (e.g., video works, image works) may be associated with different controls 220. Accordingly, the display position of the switching entry 215 corresponding to different media content items may be adaptively modified, for example, according to the arrangement of the controls 220.

[0033] Alternatively or additionally, the switching entries 215 may be turned on or off as applicable based on user configuration operations relating to the browsing interface. For example, if the user turns on a particular mode, the electronic device 110 may, for example, not display such switching entries 215 in the browsing interface, or it may disable the ability to switch between different view modes.

[0034] As shown in Figures 2B and 2C, when a user triggers a switch from the single-column view mode shown in Figure 2A to the multi-column view mode (e.g., two-column view mode) shown in Figure 2D, the electronic device 110 can display the corresponding dynamic switching process.

[0035] For example, the electronic device 110 can trigger a view switching process by accepting a user selection for a switching entry 215. Alternatively, the electronic device 110 can also trigger a view switching process based on, for example, the acceptance of an appropriate operation (e.g., a pinch gesture) in the browsing interface 205.

[0036] As shown in Figures 2B and 2C, in such a dynamic switching process, the electronic device 110 can display a dynamic change process related to the target image 225, for example, the reduction process shown in Figures 2B and 2C.

[0037] In some embodiments, such a target image 225 may be associated with a target media content item 210 played in the browsing interface 205. For example, the target image 225 may be the current image in the target media content item 210 being played in the browsing interface 205 at the time a preset operation to trigger the view switching process is received, or an image at a preset time close to that time. Alternatively, such a target image 225 may be any suitable image in the target media content item 210, such as a cover image, a first frame image, a last frame image, etc.

[0038] In some embodiments, during the dynamic switching process, the electronic device 110 can first stop playback of the target media content item 210 on the browsing interface 205. For example, a video may be in a paused state.

[0039] Furthermore, the electronic device 110 can display the process of reducing the target image 225 (for example, a video frame when playback of a video work is paused), for example, the process of reducing it from the full-screen state shown in Figure 2A to the state shown in Figure 2C.

[0040] In some embodiments, during such a dynamic switching process, the electronic device 110 may also display the target viewing interface 230 (for example, one corresponding to a multi-column view mode) with a preset transparency. Accordingly, the process of reducing the target image 225 may be dynamically overlaid on the viewing interface 230 displayed with the preset transparency.

[0041] Furthermore, as shown in Figure 2C, when the target image 225 is reduced to a predetermined size, the electronic device 110 can display a switching entry 235 associated with the viewing interface 230. As shown in Figure 2D, as the target image 225 continues to shrink, the electronic device 110 can switch until the viewing interface 230 is fully displayed.

[0042] As shown in Figure 2D, the browsing interface 230 may include a switching entry 235. This switching entry 235 may be used, for example, to switch back to the browsing interface 205 shown in Figure 2A, thereby switching back from multi-column view mode to single-column view mode. The view switching process is described in detail below.

[0043] As shown in Figure 2D, the switching entry 235 can, for example, display an image 240 associated with the target media content item 210. For example, the image 240 may be the cover image of the target media content item 210. Alternatively, the image 240 may also be, for example, another suitable image of the target media content item 210, such as the first frame image, the last frame image, etc.

[0044] In some embodiments, considering that the target image 225 may differ from image 240, the electronic device 110 can further enhance the continuity of view switching by displaying a transition that morphs from the target image 225 to image 240 after the target image 225 has been reduced to a predetermined size.

[0045] As shown in Figure 2D, the browsing interface 230 can display media content in, for example, a multi-column view mode (e.g., a two-column view mode). In some embodiments, after the browsing interface 205 switches to the browsing interface 230, the target media content item 210 played in the browsing interface 205 may be played back at a preset position (e.g., the starting position) in the browsing interface 230.

[0046] In some embodiments, to improve the continuity of view switching, the electronic device 110 may further determine the playback progress in the viewing interface 230 of the target media content item 210 based on the playback progress in the viewing interface 205 of the target media content item 210. For example, the target media content item 210 may continue playback from where it left off during view switching.

[0047] In some embodiments, the display position and / or display style of the switching entry 235 in the browsing interface 230 may further change based on an operation received in the browsing interface 230. As shown in Figure 2E, for example, when a swipe operation in a predetermined direction (e.g., an upward swipe to view more works) is received in the browsing interface 230, the electronic device 110 can switch the switching entry 235 from a first state shown in Figure 2D to a second state shown in Figure 2E.

[0048] Unlike the first state shown in Figure 2D, the switching entry 235 may, in the second state, stop displaying, for example, image 240, in order to reduce occlusion of the media content displayed on the browsing interface 230. Additionally, in the second state, the switching entry 235 may, for example, move further to an edge position on the browsing interface 230 in order to further reduce occlusion of the media content.

[0049] Furthermore, as described above, the electronic device 110 can also support switching back from the browsing interface 230 shown in Figure 2D or Figure 2E (for example, corresponding to a multi-column view mode) to the browsing interface 205 shown in Figure 2A (for example, corresponding to a single-column view mode).

[0050] Specifically, the electronic device 110 can trigger a dynamic switching process that switches from a multi-column view mode to a single-column view mode based on the user's selection for the switching entry 235 in Figure 2D or Figure 2E.

[0051] As is similar to what has been described above, such a dynamic switching process may include, for example, a dynamic change process of an image associated with the target media content item 210 played in the browsing interface 205. In some embodiments, as shown in Figure 2F, the electronic device 110 can display an enlargement process of the image 240 displayed in the switching entry 230. As described above, the image 240 may be, for example, the cover image of the target media content item 210, or another suitable image.

[0052] Similar to the dynamic switching process from single-column view mode to multi-column view mode, in the process of switching back from multi-column view mode to single-column view mode, the electronic device 110 can display the process of enlarging the image 240, for example, from a preset size to filling the entire interface.

[0053] In some embodiments, unlike the dynamic switching process from single-column view mode to multi-column view mode, the electronic device 110 can display the viewing interface 230 with a preset transparency and overlay the image 240 magnification process onto the viewing interface 230.

[0054] After image 240 has been enlarged to a preset size, the electronic device 110 can, for example, stop displaying the browsing interface and fully display the browsing interface 205. In some embodiments, to improve the continuity of view switching, the electronic device 110 may, for example, further display a transition that morphs from image 240 to the image (e.g., video frame) of the target media content item 210 to be played.

[0055] In some embodiments, the electronic device 110 can control playback in the viewing interface 205 of the target media content item 210 based on the playback progress in the viewing interface 230 of the target media content item 210. For example, taking a video as an example, the target media content item 210 can start playback from a paused frame.

[0056] Based on the interface interaction process described above, the embodiments of this disclosure can achieve switching between different view modes by utilizing pre-configured operations and dynamic switching processes, thereby improving the smoothness of view mode switching, avoiding a sense of discontinuity in view switching, and enhancing the user experience. Exemplary process

[0057] Figure 3 shows a flowchart of an exemplary process 300 of interface interaction according to some embodiments of the present disclosure. Process 300 may be implemented in electronic device 110. Process 300 will be described below with reference to Figure 1.

[0058] As shown in the drawing, in block 310, the electronic device 110 displays a first browsing interface in the target interface that displays media content in a first view mode.

[0059] In block 320, the electronic device 110 displays a dynamic switching process, including a reduction or enlargement process of a target image related to a target media content item played in the first or second viewing interface, so as to switch the first viewing interface to a second viewing interface that displays media content in a second view mode, in response to receiving a pre-set operation.

[0060] In some embodiments, the first view mode is a single-column view mode or a single-row view mode, and the second view mode is a multi-column view mode or a multi-row view mode, and the method further includes playing a target media content item using a first browsing interface and determining a target image based on the playback progress of the target media content item when a preset operation is received.

[0061] In some embodiments, a pre-configured operation includes a trigger for a first toggle control in a first browsing interface, and the display position of the first toggle control is determined based on the display position of a set of interaction controls for a target media content item in the first browsing interface.

[0062] In some embodiments, displaying a dynamic switching process includes pausing playback of a target media content item in response to a pre-configured operation, displaying a scaling process of the target image until the second browsing interface is fully displayed, and displaying a second switching control in the second browsing interface for switching back to the first browsing interface.

[0063] In some embodiments, the second toggle control displays the cover image of the target media content item.

[0064] In some embodiments, displaying a dynamic switching process further includes displaying a first transition that morphs from the target image to a cover image in a second switching control in response to the target image being reduced to a first preset size.

[0065] In some embodiments, process 300 further includes playing a target media content item at a predetermined position in a second browsing interface, where a first playback progress of the target media content item in the second browsing interface is determined based on a second playback progress of the target media content item in the first browsing interface.

[0066] In some embodiments, displaying a dynamic switching process includes displaying a second browsing interface with a first level of transparency, overlaying a target image reduction process onto the second browsing interface, and changing the first level of transparency of the second browsing interface to a second level of transparency to fully display the second browsing interface.

[0067] In some embodiments, the first view mode is a multi-column view mode or a multi-row view mode, the second view mode is a single-column view mode or a single-row view mode, and the target image includes the cover image of the target media content item.

[0068] In some embodiments, a pre-configured operation includes a selection for a third toggle entry in a first browsing interface, the third toggle entry displaying the cover image of the target media content item in the first state.

[0069] In some embodiments, in response to receiving a target operation on the first browsing interface, a third toggle entry is changed to a second state, and the third toggle entry has a different display position and / or display style in the second state than in the first state.

[0070] In some embodiments, a third toggle entry stops the display of the cover image in the second state.

[0071] In some embodiments, displaying a dynamic switching process includes pausing playback of a target media content item in response to receiving a pre-configured operation, displaying a cover image enlargement process until a second browsing interface is fully displayed, and playing the target media content item in the second browsing interface.

[0072] In some embodiments, displaying a dynamic switching process further includes displaying a second transition that morphs from the cover image to a pre-defined image in the target media content item, which is determined based on the playback progress in the first and / or second browsing interface of the target media content item, in response to the cover image being enlarged to a second pre-defined size.

[0073] In some embodiments, displaying a dynamic switching process includes displaying a first browsing interface with a third level of transparency, overlaying a target image magnification process onto the first browsing interface, and stopping the display of the first browsing interface and fully displaying the second browsing interface.

[0074] In some embodiments, process 300 further includes displaying a toggle entry for accepting a pre-configured operation in response to configuration information related to a first browsing interface satisfying pre-configured conditions. Exemplary devices and equipment

[0075] Embodiments of this disclosure further provide applicable apparatus for implementing the above method or process. Figure 4 shows a schematic structural block diagram of apparatus 400 for exemplary interface interaction according to some embodiments of this disclosure. Apparatus 400 may be implemented as or included in electronic equipment 110. Each module / component in apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0076] As shown in Figure 4, the device 400 includes a browsing interface display module 410 configured to display a first browsing interface for displaying media content in a first view mode, and a switching process display module 420 configured to display a dynamic switching process, including a reduction or enlargement process of a target image related to a target media content item played in the first or second browsing interface, in response to receiving a preset operation, switching the first browsing interface to a second browsing interface for displaying media content in a second view mode.

[0077] In some embodiments, the first view mode is a single-column view mode or a single-row view mode, and the second view mode is a multi-column view mode or a multi-row view mode, and the method further includes playing a target media content item using a first browsing interface and determining a target image based on the playback progress of the target media content item when a preset operation is received.

[0078] In some embodiments, a pre-configured operation includes a trigger for a first toggle control in a first browsing interface, and the display position of the first toggle control is determined based on the display position of a set of interaction controls for a target media content item in the first browsing interface.

[0079] In some embodiments, the browsing interface display module 410 is further configured to pause playback of the target media content item in response to receiving a pre-configured operation, display a scaling process of the target image until the second browsing interface is fully displayed, and display a second switching control in the second browsing interface for switching back to the first browsing interface.

[0080] In some embodiments, the second toggle control displays the cover image of the target media content item.

[0081] In some embodiments, the switching process display module 420 is further configured to display a first transition that morphs from the target image to a cover image in a second switching control in response to the target image being reduced to a first preset size.

[0082] In some embodiments, the device 400 is configured to play a target media content item at a preset position in a second browsing interface, and further includes an interface display module in which a first playback progress of the target media content item in the second browsing interface is determined based on a second playback progress of the target media content item in the first browsing interface.

[0083] In some embodiments, the switching process display module 420 is further configured to display the second browsing interface with a first level of transparency, overlay the target image reduction process on the second browsing interface, and change the first level of transparency of the second browsing interface to a second level of transparency to fully display the second browsing interface.

[0084] In some embodiments, the first view mode is a multi-column view mode or a multi-row view mode, the second view mode is a single-column view mode or a single-row view mode, and the target image includes the cover image of the target media content item.

[0085] In some embodiments, a pre-configured operation includes a selection for a third toggle entry in a first browsing interface, the third toggle entry displaying the cover image of the target media content item in the first state.

[0086] In some embodiments, in response to receiving a target operation on the first browsing interface, a third toggle entry is changed to a second state, and the third toggle entry has a different display position and / or display style in the second state than in the first state.

[0087] In some embodiments, a third toggle entry stops the display of the cover image in the second state.

[0088] In some embodiments, the switching process display module 420 is further configured to pause playback of the target media content item in response to receiving a pre-configured operation, display the cover image enlargement process until the second browsing interface is fully displayed, and then play the target media content item in the second browsing interface.

[0089] In some embodiments, the transition process display module 420 is further configured to display a second transition that morphs from the cover image to a preset image in the target media content item, which is determined based on the playback progress in the first and / or second browsing interface of the target media content item, in response to the cover image being enlarged to a second preset size.

[0090] In some embodiments, the switching process display module 420 is further configured to display the first browsing interface with a third level of transparency, overlay the target image magnification process on the first browsing interface, stop displaying the first browsing interface, and fully display the second browsing interface.

[0091] In some embodiments, the device 400 further includes an interface display module configured to display a toggle entry for accepting a preset operation in response to the configuration information related to a first browsing interface satisfying a preset condition.

[0092] The modules included in the device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units can be implemented by software and / or firmware, for example, by machine-executable instructions stored on a storage medium. Alternatively, some or all modules in the device 400 can be implemented by at least partially one or more hardware logic components. Examples of usable hardware logic components, though not limiting, include field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), custom-designed standard products (ASSPs), systems-on-a-chip (SOCs), and composite programmable logic devices (CPLDs).

[0093] Figure 5 shows a block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 500 shown in Figure 5 is illustrative and does not imply any limitation on the function and scope of the embodiments described herein. The electronic device 500 shown in Figure 5 can be used to implement the electronic device 110 of Figure 1.

[0094] As shown in Figure 5, the electronic device 500 is a general-purpose electronic device. The components of the electronic device 500 may include, but are not limited to, one or more processors or processing units 510, memory 520, storage devices 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. The processing unit 510 may be an actual or virtual processor and can perform various processes based on a program stored in memory 520. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 500.

[0095] The electronic device 500 generally includes multiple computer storage media. Such media may be any obtainable media accessible to the electronic device 500, and may include, but are not limited to, volatile and non-volatile media, and removable and non-removable media. Memory 520 may be volatile memory (e.g., registers, caches, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or any combination thereof. Storage device 530 may be removable or non-removable media, and may include machine-readable media, such as flash memory drives, magnetic disks, or any other media, which can be used to store information and / or data and are accessible within the electronic device 500.

[0096] The electronic device 500 may further include other removable / non-removable, volatile / non-volatile storage media. Not shown in Figure 5, a magnetic disk drive for reading from or writing to removable, non-volatile magnetic disks (e.g., “floppy disks”) and an optical disk drive for reading from or writing to removable, non-volatile optical disks may be provided. In these cases, each drive may be connected to a bus (not shown) by one or more data media interfaces. The memory 520 may include a computer program product 525 having one or more program modules configured to perform various methods or operations of various embodiments of the present disclosure.

[0097] The communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functions of the components of the electronic device 500 can be implemented by a single computing cluster or multiple computing machines, which can communicate via a communication connection. Therefore, the electronic device 500 can operate in a network environment using logical connections with one or more other servers, network personal computers (PCs), or other network nodes.

[0098] The input device 550 may be one or more input devices, such as a mouse, keyboard, or trackball. The output device 560 may be one or more output devices, such as a display, speaker, or printer. The electronic device 500 may further communicate with one or more external devices (not shown), such as a storage device or display device, via the communication unit 540 as needed, with one or more devices for user interaction with the electronic device 500, or with any devices (e.g., a network card or modem) for communication between the electronic device 500 and one or more other electronic devices. Such communication may be performed via an input / output (I / O) interface (not shown).

[0099] An exemplary embodiment of the present disclosure provides a computer-readable storage medium that stores computer-executable instructions that are executed by a processor and implement the methods described above. An exemplary embodiment of the present disclosure further provides a computer program product that includes computer-executable instructions that are tangibly stored in a non-temporary computer-readable medium and that are executed by a processor and implement the methods described above.

[0100] Herein, each aspect of the disclosure is described with reference to flowcharts and / or block diagrams of methods, apparatus, devices and computer program products implemented pursuant to the disclosure. It should be understood that each block in the flowcharts and / or block diagrams, and each combination of blocks in the flowcharts and / or block diagrams, may be implemented by computer-readable program instructions.

[0101] By providing these computer-readable program instructions to the processing units of a general-purpose computer, a dedicated computer, or other programmable data processing device, a machine can be generated, thereby generating a device that, when these instructions are executed by the processing units of the computer or other programmable data processing device, implements the functions / operations defined in one or more blocks in a flowchart and / or block diagram. These computer-readable program instructions may be stored in a computer-readable storage medium, and by operating the computer, programmable data processing device, and / or other device in a particular manner, the computer-readable medium on which the instructions are stored includes a product that includes instructions that implement each aspect of the functions / operations defined in one or more blocks in a flowchart and / or block diagram.

[0102] Computer-readable program instructions may be loaded into a computer, other programmable data processing device, or other device, thereby generating a process implemented by the computer by executing a series of operational steps in the computer, other programmable data processing device, or other device, and thereby the instructions executed by the computer, other programmable data processing device, or other device implement the functions / operations defined in one or more blocks in a flowchart and / or block diagram.

[0103] The flowcharts and block diagrams in the drawings illustrate the implementable system architectures, functions, and operations of systems, methods, and computer program products in multiple implementations of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, program segment, or part of an instruction, which includes one or more executable instructions for implementing a defined logical function. In some implementations as replacements, the functions attached to a block may occur in a different order than those attached in the drawings. For example, two consecutive blocks may actually be executed nearly in parallel, or in some cases in reverse order, depending on the functions involved. Note that each block in the block diagram and / or flowchart, and combinations of blocks in the block diagram and / or flowchart, may be implemented by a dedicated hardware-based system that performs the defined function or operation, or by a combination of dedicated hardware and computer instructions.

[0104] The above descriptions of the various realizations of this disclosure are illustrative, not exhaustive, and are not limited to the realizations disclosed. Many modifications and changes will be apparent to those skilled in the art without departing from the scope and spirit of the realizations described. The choice of terms used herein is intended to best interpret the principles of each realization, its practical applications, or improvements in the technology in the market, or to enable those skilled in the art to understand each realization disclosed herein.

Claims

1. An interface interaction method, To display a first browsing interface that displays media content in a first view mode, An interface interaction method that includes displaying a dynamic switching process, which includes a reduction or enlargement process for a target image related to a target media content item played in the first or second browsing interface, so as to switch the first browsing interface to a second browsing interface that displays media content in a second view mode, in response to the acceptance of a pre-configured operation.

2. The first view mode is a single-column view mode or a single-row view mode, the second view mode is a multi-column view mode or a multi-row view mode, and the method is Playing the target media content item using the first browsing interface, The method according to claim 1, further comprising determining the target image based on the playback progress of the target media content item when the aforementioned pre-set operation is received.

3. The method according to claim 2, wherein the pre-configured operation includes a trigger for a first switching control in the first browsing interface, and the display position of the first switching control is determined based on the display position of a set of interaction controls for the target media content item in the first browsing interface.

4. Displaying the dynamic switching process is In response to receiving the aforementioned pre-configured operation, playback of the target media content item is temporarily paused, The reduction process of the target image is displayed until the second viewing interface is fully displayed, The method according to claim 2, further comprising displaying a second switching control for switching to the first browsing interface in the second browsing interface.

5. The method according to claim 4, wherein the second switching control displays the cover image of the target media content item.

6. Displaying the dynamic switching process is The method according to claim 5, further comprising displaying a first transition that morphs from the target image to the cover image in the second switching control in response to the target image being reduced to a first preset size.

7. The method according to claim 2, further comprising playing the target media content item at a preset position in the second browsing interface, wherein the first playback progress of the target media content item in the second browsing interface is determined based on the second playback progress of the target media content item in the first browsing interface.

8. Displaying the dynamic switching process is Displaying the second viewing interface with a first level of transparency, The reduction process of the target image is overlaid on the second viewing interface, The method according to claim 2, further comprising changing the first transparency of the second browsing interface to a second transparency to fully display the second browsing interface.

9. The method according to claim 1, wherein the first view mode is a multi-column view mode or a multi-row view mode, the second view mode is a single-column view mode or a single-row view mode, and the target image includes a cover image of the target media content item.

10. The method according to claim 9, wherein the pre-configured operation includes a selection for a third toggle entry in the first browsing interface, the third toggle entry displays the cover image of the target media content item in a first state.

11. The method according to claim 10, further comprising changing the third toggle entry to a second state in response to receiving a target operation on the first browsing interface, wherein the third toggle entry has a different display position and / or display style in the second state than in the first state.

12. The method according to claim 11, wherein the third switching entry stops the display of the cover image in the second state.

13. Displaying the dynamic switching process is In response to receiving the aforementioned pre-configured operation, playback of the target media content item is temporarily paused, The process of enlarging the cover image is displayed until the second viewing interface is fully displayed. The method according to claim 9, further comprising playing the target media content item in the second browsing interface.

14. Displaying the dynamic switching process is The method according to claim 13, further comprising displaying a second transition that morphs from the cover image to a pre-defined image in the target media content item, which is determined based on the playback progress in the first and / or second browsing interface of the target media content item, in response to the cover image being enlarged to a second pre-defined size.

15. Displaying the dynamic switching process is Displaying the first browsing interface with a third level of transparency, The process of enlarging the target image is overlaid on the first viewing interface, The method according to claim 9, further comprising stopping the display of the first browsing interface and fully displaying the second browsing interface.

16. The method according to claim 1, further comprising displaying a toggle entry for accepting a pre-configured operation in response to the configuration information relating to the first browsing interface satisfying pre-configured conditions.

17. A device for interface interaction, A browsing interface display module configured to display a first browsing interface that displays media content in a first view mode, Apparatus for interface interaction, comprising: a switching process display module configured to display a dynamic switching process, including a reduction or enlargement process of a target image related to a target media content item played in the first or second browsing interface, in response to the acceptance of a pre-configured operation, switching the first browsing interface to a second browsing interface that displays media content in a second view mode.

18. It is an electronic device, At least one processing unit, An electronic device comprising at least one memory coupled to the at least one processing unit and storing instructions to be executed by the at least one processing unit, wherein when the instructions are executed by the at least one processing unit, the electronic device is caused to perform the method according to any one of claims 1 to 16.

19. A computer-readable storage medium storing a computer program that can be executed by a processor to implement the method described in any one of claims 1 to 16.

20. A computer program product comprising a computer-executable instruction that is stored in a computer storage medium and, when executed by a device, causes the device to perform the method described in any one of claims 1 to 16.

Images