Method and apparatus for interface interaction, device, and storage medium

Abstract

Embodiments of the present disclosure relate to a method and apparatus for interface interaction, a device, and a storage medium. The method proposed herein comprises: displaying a playback interface of a target work, wherein the target work comprises a plurality of pieces of media content, and the plurality of pieces of media content comprise video content and image content; in response to receiving a drag operation in the playback interface, displaying, in the playback interface, a plurality of preview elements corresponding to the plurality of pieces of media content; and in response to first media content currently played back in the playback interface being the video content, adjusting a playback progress of the first media content on the basis of the drag operation, and displaying, in a first preview element corresponding to the first media content, a progress indicator corresponding to the playback progress, wherein the first media content is one piece of media content among the plurality of pieces of media content.

Description

Methods, apparatus, devices and storage media for user interface interaction

[0001] This application claims priority to Chinese Patent Application No. 202411010027.9, filed on July 25, 2024, entitled "Method, Apparatus, Device and Storage Medium for Interface Interaction", the entire contents of which are incorporated herein by reference. Technical Field

[0002] The exemplary embodiments disclosed herein relate generally to the field of computers, and more particularly to methods, apparatuses, devices, and computer-readable storage media for interface interaction. Background Technology

[0003] In recent years, the internet has become an important platform for people to obtain and share information. For example, people can publish various types of works online and view works published by other users. The types of works have become increasingly diverse in recent years, with users now allowed to publish various media works such as videos, images, and music. Summary of the Invention

[0004] In a first aspect of this disclosure, a method for interface interaction is provided. The method includes: displaying a playback interface of a target work, the target work including multiple media contents, the multiple media contents including video content and image content; responding to receiving a drag operation in the playback interface, displaying multiple preview elements corresponding to the multiple media contents in the playback interface; and responding to the playback interface currently playing a first media content being video content, adjusting the playback progress of the first media content based on the drag operation, and displaying a progress indicator corresponding to the playback progress in a first preview element corresponding to the first media content, wherein the first media content is one of the multiple media contents.

[0005] In a second aspect of this disclosure, an apparatus for interface interaction is provided. The apparatus includes: a display module configured to display a playback interface of a target work, the target work including multiple media contents, the multiple media contents including video content and image content; a preview module configured to display multiple preview elements corresponding to the multiple media contents in the playback interface in response to a drag operation received in the playback interface; and a control module configured to adjust the playback progress of the first media content being played in the playback interface based on the drag operation in response to the first media content being video content, and to display a progress indicator corresponding to the playback progress in a first preview element corresponding to the first media content, wherein the first media content is one of the multiple media contents.

[0006] In a third aspect of this disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. When executed by the at least one processing unit, the instructions cause the device to perform the method of the first aspect.

[0007] In a fourth aspect of this disclosure, a computer-readable storage medium is provided. The computer-readable storage medium stores a computer program that can be executed by a processor to implement the method of the first aspect.

[0008] In a fifth aspect of this disclosure, a computer program product is provided. The computer program product includes computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, implement the method of the first aspect.

[0009] It should be understood that the content described in this content section is not intended to limit the key or essential features of the embodiments of this disclosure, nor is it intended to restrict the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description

[0010] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. In the drawings, the same or similar reference numerals denote the same or similar elements, wherein:

[0011] Figure 1 shows a schematic diagram of an example environment in which embodiments of the present disclosure may be implemented;

[0012] Figures 2A to 2I illustrate example interfaces according to some embodiments of the present disclosure;

[0013] Figure 3 shows a flowchart of an example process of interface interaction according to some embodiments of the present disclosure;

[0014] Figure 4 shows a schematic structural block diagram of an example device for interface interaction according to some embodiments of the present disclosure; and

[0015] Figure 5 shows a block diagram of an electronic device capable of implementing several embodiments of the present disclosure. Detailed Implementation

[0016] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0017] It should be noted that the headings of any section / subsection provided herein are not limiting. Various embodiments are described throughout this document, and embodiments of any type may be included under any section / subsection. Furthermore, embodiments described in any section / subsection may be combined in any way with any other embodiments described in the same section / subsection and / or different sections / subsections.

[0018] In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may also be included below. The terms "first", "second", etc., may refer to different or the same objects. Other explicit and implicit definitions may also be included below.

[0019] The embodiments of this disclosure may involve user data, data acquisition, and / or use. All of these aspects comply with applicable laws, regulations, and relevant provisions. In the embodiments of this disclosure, all data collection, acquisition, processing, manipulation, forwarding, and use are conducted with the user's knowledge and confirmation. Accordingly, in implementing the embodiments of this disclosure, the type, scope of use, and usage scenarios of any data or information that may be involved should be communicated to the user and their authorization obtained in accordance with relevant laws and regulations through appropriate means. The specific methods of notification and / or authorization may vary depending on the actual situation and application scenario, and the scope of this disclosure is not limited in this respect.

[0020] In this specification and the embodiments, any processing of personal information will be carried out only under the premise of legality (such as obtaining the consent of the personal information subject, or being necessary for the performance of a contract), and will only be carried out within the scope stipulated or agreed upon. A user's refusal to process personal information other than that necessary for basic functions will not affect the user's use of basic functions.

[0021] As mentioned above, people can publish and view various types of media content every day. Traditional media typically only support a single type of content, such as only images or only videos. This makes it difficult for users to share content efficiently and affects their efficiency in accessing content.

[0022] The embodiments of this disclosure propose a user interface interaction scheme. The scheme includes: displaying a playback interface for a target work, the target work including multiple media contents, the multiple media contents including video content and image content; responding to a drag operation received in the playback interface, displaying multiple preview elements corresponding to the multiple media contents in the playback interface; and responding to the first media content currently being played in the playback interface being video content, adjusting the playback progress of the first media content based on the drag operation, and displaying a progress indicator corresponding to the playback progress in a first preview element corresponding to the first media content, wherein the first media content is one of the multiple media contents.

[0023] In this way, the embodiments of this disclosure can support users in creating works of various types and can more conveniently adjust the playback progress of video content, thereby improving the efficiency of interaction with media works.

[0024] The following section provides a detailed description of various example implementations of this scheme, with reference to the accompanying drawings.

[0025] Example Environment

[0026] Figure 1 illustrates a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. As shown in Figure 1, the example environment 100 may include an electronic device 110.

[0027] In this example environment 100, electronic device 110 may run an application 120 that supports user interface interaction. Application 120 may be any suitable type of application for user interface interaction, and examples may include, but are not limited to, media applications, social applications, image applications, or other suitable applications. User 140 may interact with application 120 via electronic device 110 and / or its attached devices.

[0028] In environment 100 of Figure 1, if application 120 is active, electronic device 110 can use application 120 to present interface 150 for supporting interface interaction.

[0029] In some embodiments, electronic device 110 communicates with server 130 to provide services to application 120. Electronic device 110 can be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, handheld computers, portable gaming terminals, VR / AR devices, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, electronic device 110 can also support any type of user-facing interface (such as "wearable" circuitry).

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

[0031] A communication connection can be established between server 130 and electronic device 110. This communication connection can be established via wired or wireless means. The communication connection may include, but is not limited to, Bluetooth, mobile network, Universal Serial Bus (USB), and Wireless Fidelity (WiFi) connections; the embodiments of this disclosure are not limited in this respect. In the embodiments of this disclosure, server 130 and electronic device 110 can achieve signaling interaction through the communication connection between them.

[0032] It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of this disclosure.

[0033] The following description will continue with reference to the accompanying drawings, which will provide some exemplary embodiments of this disclosure.

[0034] Example Interaction

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

[0036] As shown in Figure 2A, the electronic device 110 can provide a viewing interface 200A for the target work 205. In some embodiments, the target work 205 may include multiple media contents. In some embodiments, the target work 205 may include multiple types of media content, such as video content and image content simultaneously.

[0037] As shown in Figure 2A, the viewing interface 200A may include a playback area 205 for playing media content 210-1. As an example, the electronic device 110 may receive a user's swipe operation on the playback area 205 and switch the playback area 205 to play another media content of the target work.

[0038] As an example, media content 210-1 can be, for example, image content. Electronic device 110 can, for example, use playback area 205 in the viewing interface to play different types of media content from the target work, while maintaining the consistency of the viewing interface layout.

[0039] In some embodiments, the electronic device 110 may also receive an up swipe operation on the viewing interface 200A and adjust the layout of the viewing interface 200A accordingly. As an example, the electronic device 110 may adjust the viewing interface to the state shown in FIG2B based on the received up swipe operation.

[0040] As shown in Figure 2B, the electronic device 110 can adjust the size and / or position of the playback area 205. Additionally, the electronic device 110 can also display supplementary information associated with the target work in the adjusted interface, such as the text content of the target work, interactive information (e.g., comment information), etc.

[0041] In some embodiments, the adjustment process of the viewing interface by the electronic device 110 can be independent of the type of media content currently being played on the viewing interface. As shown in FIG2C, if the media content 210-2 currently being played on the viewing interface is video content, the electronic device 110 can also adjust the size and / or position of the playback area 205 based on the received interactive operation, and can display additional information associated with the target work in the adjusted interface.

[0042] In this way, the embodiments of this disclosure can ensure the interactive consistency of different types of media content in the target work, thereby reducing the user's interactive learning cost and improving the user's interactive experience.

[0043] In some embodiments, the electronic device 110 may also receive preset operations (e.g., pinch operations) for the playback area 205 in the viewing interface 200A, and may accordingly present the playback interface 200D of the target work.

[0044] As shown in Figure 2D, unlike the viewing interface 200A of the target work, the playback interface 200D can stop displaying the additional elements displayed in the viewing interface 200A. Such additional elements may include, for example, the text content of the target work displayed in the viewing interface 200A and / or at least one interactive control (e.g., a comment control, etc.).

[0045] As shown in Figure 2D, in the playback interface 200D, the electronic device 110 can, for example, play the target work in a larger area and can display a progress control 215 corresponding to the target work. This progress control 215 can, for example, indicate the position of the currently playing media content within the target work in the playback interface 200D.

[0046] In some embodiments, the electronic device 110 may receive a drag operation 220 in the interface 200D. As an example, such a drag operation 220 may be associated with a progress control 215. That is, the user may trigger such a drag operation 220 within a preset range of the progress control 215.

[0047] In some embodiments, as shown in FIG2E, in response to receiving a drag operation 220, the electronic device 110 may display multiple preview elements corresponding to multiple media contents in the target work in the interface 200E, such as preview element 225-1, preview element 225-2, preview element 225-3 and preview element 225-4 (referred to individually or collectively as preview element 225).

[0048] As an example, preview element 225-1 may correspond to media content 210-1. Furthermore, the electronic device 110 may, for example, highlight preview element 225-1 corresponding to the currently playing media content 210-1. For instance, preview element 225-1 may have a larger display size or a different border style compared to other preview elements.

[0049] In some embodiments, in response to the fact that the currently playing media content 210-1 in the interface 200E is image content, the electronic device 110 can also adjust the selection state of multiple preview elements 225 in response to the drag operation 220. Accordingly, the electronic device 110 can play the media content corresponding to the selected preview element 225 in the playback interface.

[0050] As an example, as shown in Figure 2F, the electronic device 110 can mark the preview element 225-2 as selected based on a right-hand drag operation 220. For example, the preview element 225-2 can be highlighted to indicate that it is selected. As an example, the selected preview element 225-2 can have a larger display size and / or a different border style.

[0051] In some embodiments, as shown in FIG2G, when the drag operation 220 ends, the electronic device 110 may continue playing the media content 210-2 corresponding to the selected preview element 225-2. Additionally, the electronic device 110 may also stop displaying multiple preview elements 225 in response to the end of the drag operation 220.

[0052] As shown in Figure 2G, the media content 210-2 may be, for example, video content. The electronic device 110 may provide controls 235 for controlling the playback of the video content in the playback interface 200G, such as pause controls, volume controls, and speed controls.

[0053] Additionally, the electronic device 110 may, for example, enable a new drag-and-drop operation 230. Similar to drag-and-drop operation 220, this drag-and-drop operation 230 may also be associated with a progress control 215.

[0054] As shown in Figure 2H, in response to receiving the drag operation 230, the electronic device 110 can display multiple preview elements 225 corresponding to multiple media contents in the target work. Unlike the example shown in Figure 2E, in response to the currently playing media content 210-2 being video content, the electronic device 110 can, for example, display the preview elements 225-2 corresponding to the media content 210-2 at a larger size.

[0055] As shown in Figure 2H, in the state of Figure 2H, preview element 225-2 displays, for example, multiple video frames from media content 210-2. Conversely, in the states of Figures 2E and 2F, preview element 225-2 has a smaller size (e.g., width in the horizontal direction) and displays only a single video frame from media content 210-2.

[0056] Additionally, compared to the preview element 225-1 selected in FIG. 2E, the preview element 225-2 in FIG. 2H has a larger display size. In some embodiments, the size of the preview element 225-2 may also be determined based on, for example, the duration of the video content. Alternatively, the preview element 225-2 may also have a preset size.

[0057] For example, in the state shown in Figure 2H, when the media content 210-2 is video content, the length of the preview element 225-2 in the target direction (e.g., the horizontal direction) is a first length. In the state shown in Figure 2E, when the media content 210-1 is image content, the length of the preview element 225-1 in the target direction is a second length. The first length can be greater than the second length; for example, the first length can be four times the second length.

[0058] In some embodiments, the electronic device 110 can adjust the playback progress of the media content 210-2 in the interface 200H based on the received drag operation 230. For example, the electronic device 110 can use a left drag operation to rewind to the previous content of the media content 210-2; or it can use a right drag operation to fast forward to the subsequent content of the media content 210-2.

[0059] In some embodiments, the electronic device 110 may also preview element 225-2, which displays a progress indicator element 240 corresponding to the playback progress of the media content 210-2. This progress indicator element 240 may, for example, adjust its position in real time according to changes in the playback progress.

[0060] In some embodiments, the electronic device 110 may only support adjusting the playback progress of the media content 210-2 (i.e., video content) by dragging when the duration of the currently playing media content 210-2 reaches a preset length (e.g., 15 seconds). Conversely, if the duration of the media content 210-2 is less than the preset length, similar to the process in Figures 2D to 2G, the electronic device 110 may, for example, adjust the selection state of different preview elements 225 based on the received drag operation to switch the media content played in the playback interface.

[0061] In some embodiments, the electronic device 110 may not support users switching to other media content or selecting other preview elements, such as preview element 225-1, via drag-and-drop operation 230. As an example, users can switch to other media content by swiping the playback interface without triggering a drag-and-drop operation.

[0062] Alternatively, after the playback progress has been adjusted to the boundary position of the media content 210-2 (e.g., the start time or the end time), the electronic device 110 may continue to respond to the received drag operation.

[0063] Specifically, the electronic device 110 can determine whether the drag operation matches the target direction. For example, if the playback progress has been adjusted to the end time of media content 210-2, the electronic device 110 can determine whether the drag operation continues to the right. Conversely, if the playback progress has been adjusted to the start time of media content 210-2, the electronic device 110 can determine whether the drag operation continues to the left.

[0064] Furthermore, the electronic device 110 can change the selection state of the preview element or adjust the playback progress of other media content adjacent to the media content 210-2 based on the continued received drag operations.

[0065] For example, if the playback progress has been adjusted to the start time of media content 210-2, the electronic device 110 can respond to a subsequent left drag operation to mark the preview element 225-1 as selected, so as to switch to playing the corresponding media content 210-1.

[0066] As another example, if the playback progress has been adjusted to the end of media content 210-2, and the next media content after media content 210-2 is video content, then electronic device 110 can adjust the playback progress of the next media content in response to a subsequent right-drag operation.

[0067] In some embodiments, as shown in FIG2I, in response to a user changing the playback progress of media content 210-2 through drag operation 230, electronic device 110 may display interface 200I as shown in FIG2I in response to the end of drag operation 230. As shown in FIG2I, electronic device 110 may stop displaying multiple preview elements 225 and may continue playing media content 210-2 based on the updated playback progress.

[0068] In this way, the embodiments of this disclosure can support users in creating works of various types and can more conveniently adjust the playback progress of video content, thereby improving the efficiency of interaction with media works.

[0069] Example process

[0070] Figure 3 illustrates a flowchart of an example process 300 for interface interaction according to some embodiments of the present disclosure. Process 300 can be implemented at electronic device 110. Process 300 will now be described with reference to Figure 1.

[0071] As shown in Figure 3, in box 310, electronic device 110 displays the playback interface of the target work, which includes multiple media contents, including video content and image content.

[0072] In frame 320, electronic device 110 responds to a drag operation received in the playback interface by displaying multiple preview elements corresponding to multiple media contents in the playback interface.

[0073] In frame 330, the electronic device 110 responds to the fact that the first media content currently being played on the playback interface is video content, adjusts the playback progress of the first media content based on drag operation, and displays a progress indicator corresponding to the playback progress in the first preview element corresponding to the first media content.

[0074] In some embodiments, process 300 further includes: in response to the first media content currently displayed on the playback interface being image content, adjusting the selection state of multiple preview elements based on drag operation; and playing the second media content corresponding to the selected second preview element in the playback interface, wherein the first media content is one of multiple media contents.

[0075] In some embodiments, in response to the first media content being video content, the first preview element has a first size; and in response to the first media content being image content, the first preview element has a second size, wherein the first size is larger than the second size.

[0076] In some embodiments, the first size is determined based on the duration of the first media content.

[0077] In some embodiments, adjusting the playback progress of the first media content based on drag operation in response to the first media content currently being played on the playback interface being video content includes: adjusting the playback progress of the first media content based on drag operation in response to the first media content's duration reaching a preset length.

[0078] In some embodiments, process 300 further includes: in response to the duration of the first media content being less than a preset length, adjusting the selection state of multiple preview elements based on a drag operation.

[0079] In some embodiments, process 300 further includes: adjusting the playback progress to the start or end time of the first media content based on the drag operation; and adjusting the selection state of multiple preview elements and / or adjusting the playback progress of the third media content corresponding to the target direction based on the drag operation in response to the drag operation matching the target direction.

[0080] In some embodiments, the first preview element displays multiple video frames from the first media content.

[0081] In some embodiments, process 300 further includes: stopping the display of multiple preview elements in response to the end of the drag operation.

[0082] In some embodiments, the playback interface includes a progress control corresponding to the target work, and the drag operation is associated with the progress control.

[0083] In some embodiments, displaying a playback interface for a target work includes: displaying a viewing interface for the target work, the viewing interface including a playback area for playing the target work and a set of additional elements, the set of additional elements including text content of the target work and / or at least one interactive control; and in response to receiving a preset operation for the playback area, displaying the playback interface for the target work, and stopping the display of the set of additional elements in the playback interface.

[0084] In some embodiments, process 300 further includes: in response to receiving a swipe operation in the viewing interface, adjusting the layout of the target interface independently of the type of media content currently being played in the viewing interface.

[0085] In some embodiments, adjusting the layout of the target interface includes: adjusting the position and / or size of the playback area; and / or displaying additional information associated with the target work in the target interface.

[0086] Example devices and equipment

[0087] Embodiments of this disclosure also provide corresponding apparatus for implementing the methods or processes described above. Figure 4 shows a schematic structural block diagram of an example apparatus 400 for interface interaction according to certain embodiments of this disclosure. Apparatus 400 may be implemented as or included in electronic device 110. The various modules / components in apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0088] As shown in Figure 4, the device 400 includes: a display module 410 configured to display a playback interface of a target work, the target work including multiple media contents, the multiple media contents including video content and image content; a preview module 420 configured to display multiple preview elements corresponding to the multiple media contents in the playback interface in response to a drag operation received in the playback interface; and a control module 430 configured to adjust the playback progress of the first media content based on the drag operation in response to the first media content currently being played in the playback interface being video content, and to display a progress indicator corresponding to the playback progress in the first preview element corresponding to the first media content, the first media content being one of the multiple media contents.

[0089] In some embodiments, process 300 further includes: in response to the first media content currently displayed on the playback interface being image content, adjusting the selection state of multiple preview elements based on drag operation; and playing the second media content corresponding to the selected second preview element in the playback interface.

[0090] In some embodiments, in response to the first media content being video content, the first preview element has a first size; and in response to the first media content being image content, the first preview element has a second size, wherein the first size is larger than the second size.

[0091] In some embodiments, the first size is determined based on the duration of the first media content.

[0092] In some embodiments, the control module 430 is further configured to: adjust the playback progress of the first media content based on a drag operation in response to the first media content's duration reaching a preset length.

[0093] In some embodiments, the control module 430 is further configured to: adjust the selection state of multiple preview elements based on drag operations in response to the first media content having a duration less than a preset length.

[0094] In some embodiments, the control module 430 is further configured to: adjust the playback progress to the start or end time of the first media content based on the drag operation; and adjust the selection state of multiple preview elements and / or adjust the playback progress of the third media content corresponding to the target direction based on the drag operation in response to the drag operation matching the target direction.

[0095] In some embodiments, the first preview element displays multiple video frames from the first media content.

[0096] In some embodiments, the device 400 further includes a stop module configured to stop displaying multiple preview elements in response to the end of a drag operation.

[0097] In some embodiments, the playback interface includes a progress control corresponding to the target work, and the drag operation is associated with the progress control.

[0098] In some embodiments, the display module 410 is further configured to: display a viewing interface of the target work, the viewing interface including a playback area for playing the target work and a set of additional elements, the set of additional elements including text content of the target work and / or at least one interactive control; and in response to receiving a preset operation for the playback area, display the playback interface of the target work, and the playback interface stops displaying the set of additional elements.

[0099] In some embodiments, the device 400 further includes an adjustment module configured to: adjust the layout of the target interface independently of the type of media content currently being played in the viewing interface in response to receiving a swipe operation in the viewing interface.

[0100] In some embodiments, the adjustment module is further configured to: adjust the position and / or size of the playback area; and / or display additional information associated with the target work in the target interface.

[0101] As shown in Figure 5, the electronic device 500 is in the form of a general-purpose electronic device. 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 a physical or virtual processor and is capable of performing various processes according to programs stored in the 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.

[0102] Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 500.

[0103] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 5, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks may be provided. In these cases, each drive may be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

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

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

[0106] According to an exemplary implementation of this disclosure, a computer-readable storage medium is provided that stores computer-executable instructions thereon, wherein the computer-executable instructions are executed by a processor to implement the methods described above. According to an exemplary implementation of this disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, which are executed by a processor to implement the methods described above.

[0107] Various aspects of this disclosure are described herein with reference to flowchart illustrations and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to this disclosure. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer-readable program instructions.

[0108] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processing unit of the computer or other programmable data processing apparatus, they create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0109] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions that execute on the computer, other programmable data processing apparatus, or other device to perform the functions / actions specified in one or more boxes of a flowchart and / or block diagram.

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

[0111] Various implementations of this disclosure have been described above. These descriptions are exemplary and not exhaustive, nor are they limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is chosen to best explain the principles, practical applications, or improvements to technology in the market, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims

1. A method for interface interaction, comprising: displaying a play interface of a target work, the target work comprising a plurality of media contents, the plurality of media contents comprising video contents and image contents; in response to receiving a drag operation in the play interface, displaying a plurality of preview elements corresponding to the plurality of media contents in the play interface; and in response to a first media content currently played in the play interface being a video content, adjusting a play progress of the first media content based on the drag operation, and displaying a progress indicator corresponding to the play progress in a first preview element corresponding to the first media content, the first media content being one of the plurality of media contents.

2. The method of claim 1, further comprising: in response to the first media content currently displayed in the play interface being an image content, adjusting selection states of the plurality of preview elements based on the drag operation; and playing a second media content corresponding to a selected second preview element in the play interface.

3. The method of claim 2, wherein: in response to the first media content being a video content, the first preview element has a first size; and in response to the first media content being an image content, the first preview element has a second size, the first size being larger than the second size.

4. The method of claim 3, wherein the first size is determined based on a time length of the first media content.

5. The method of claim 1, wherein adjusting the play progress of the first media content based on the drag operation in response to the first media content currently played in the play interface being a video content comprises: in response to the time length of the first media content reaching a preset length, adjusting the play progress of the first media content based on the drag operation.

6. The method of claim 5, further comprising: in response to the time length of the first media content being less than the preset length, adjusting the selection states of the plurality of preview elements based on the drag operation.

7. The method of claim 1, further comprising: based on the drag operation, adjusting the play progress to a start time or an end time of the first media content; and in response to the drag operation matching a target direction, adjusting selection states of the plurality of preview elements and / or adjusting a play progress of a third media content corresponding to the target direction based on the drag operation.

8. The method of claim 1, wherein the first preview element displays a plurality of video frames in the first media content.

9. The method of claim 1, further comprising: in response to the drag operation ending, stopping displaying the plurality of preview elements.

10. The method of claim 1, wherein the play interface comprises a progress control corresponding to the target work, and the drag operation is associated with the progress control.

11. The method of claim 1, wherein displaying the play interface of the target work comprises: ​ ​ ​ display a viewing interface of the target work, the viewing interface including a play area for playing the target work and a set of additional elements, the set of additional elements including textual content and / or at least one interactive control of the target work; and in response to receiving a preset operation on the play area, display the play interface of the target work, the play interface ceasing to display the set of additional elements.

12. The method of claim 11, further comprising: in response to receiving a swipe operation in the viewing interface, adjusting a layout of the target interface independent of a type of media content currently played in the viewing interface.

13. The method of claim 12, wherein adjusting the layout of the target interface comprises: adjusting a position and / or size of the play area; and / or displaying additional information associated with the target work in the target interface.

14. An apparatus for interface interaction, comprising: a display module configured to display a play interface of a target work, the target work including a plurality of media content, the plurality of media content including video content and image content; a preview module configured to, in response to receiving a drag operation in the play interface, display a plurality of preview elements corresponding to the plurality of media content in the play interface; and a control module configured to, in response to a first media content currently played in the play interface being video content, adjust a play progress of the first media content based on the drag operation and display a progress indicator corresponding to the play progress in a first preview element corresponding to the first media content, the first media content being one of the plurality of media content.

15. 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 for execution by the at least one processing unit, the instructions when executed by the at least one processing unit cause the electronic device to perform the method according to any one of claims 1-13.

16. A computer-readable storage medium having stored thereon a computer program, the computer program being executable by a processor to implement the method according to any one of claims 1-13.

17. A computer program product tangibly stored in a computer storage medium and comprising computer-executable instructions that, when executed by a device, cause the device to perform the method according to any one of claims 1-13. ​

Images