CN119045706A

CN119045706A - Interface interaction method, device, equipment and storage medium

Info

Publication number: CN119045706A
Application number: CN202411010027.9A
Authority: CN
Inventors: 何志苗; 吴晶
Original assignee: Beijing Zitiao Network Technology Co Ltd
Current assignee: Beijing Zitiao Network Technology Co Ltd
Priority date: 2024-07-25
Filing date: 2024-07-25
Publication date: 2024-11-29
Also published as: WO2026021494A1

Abstract

Embodiments of the present disclosure relate to methods, devices, equipment and storage media for interface interaction. The method proposed herein includes: displaying a playback interface of a target work, the target work includes multiple media contents, the multiple media contents include video content and image content; in response to receiving a drag operation in the playback interface, displaying multiple preview elements corresponding to the multiple media contents in the playback interface; and in response to the first media content currently 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 the first preview element corresponding to the first media content, the first media content being one of the multiple media contents. In this way, the embodiments of the present disclosure can improve the efficiency of interaction with media works.

Description

Interface interaction method, device, equipment and storage medium

Technical Field

Example embodiments of the present disclosure relate generally to the field of computers and, more particularly, relate to methods, apparatuses, devices, and computer-readable storage media for interface interaction.

Background

In recent years, the internet has become an important platform for people to acquire and share information. For example, people may publish various types of works through the internet, and may also view works published by other users. In recent years, the types of works are becoming more and more abundant, and users can allow, for example, distribution of various forms of media works such as videos, pictures, music, and the like.

Disclosure of Invention

In a first aspect of the present disclosure, a method of interface interaction is provided. The method comprises the steps of displaying a playing interface of a target work, wherein the target work comprises a plurality of media contents, the plurality of media contents comprise video contents and image contents, displaying a plurality of preview elements corresponding to the plurality of media contents in the playing interface in response to receiving a drag operation in the playing interface, adjusting the playing progress of the first media content based on the drag operation in response to the fact that the first media content currently played by the playing interface is the video content, and displaying a progress indicator corresponding to the playing progress in the first preview element corresponding to the first media content, wherein the first media content is one of the plurality of media contents.

In a second aspect of the present disclosure, an apparatus for interface interaction is provided. The device comprises a display module, a preview module and a control module, wherein the display module is configured to display a playing interface of a target work, the target work comprises a plurality of media contents, the plurality of media contents comprise video contents and image contents, the preview module is configured to display a plurality of preview elements corresponding to the plurality of media contents in the playing interface in response to receiving a drag operation in the playing interface, the control module is configured to respond to the fact that a first media content currently played by the playing interface is the video contents, adjust the playing progress of the first media content based on the drag operation, and display a progress indicator corresponding to the playing progress in the first preview element corresponding to the first media content, and the first media content is one media content in the plurality of media contents.

In a third aspect of the present disclosure, an electronic device is provided. The apparatus 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. The instructions, when executed by at least one processing unit, cause the apparatus to perform the method of the first aspect.

In a fourth aspect of the present disclosure, a computer-readable storage medium is provided. The computer readable storage medium has stored thereon a computer program executable by a processor to implement the method of the first aspect.

It should be understood that what is described in this section of the disclosure is not intended to limit key features or essential features of the embodiments of the disclosure, nor is it intended to limit the scope of the disclosure. Other features of the present disclosure will become apparent from the following description.

Drawings

The above and other features, advantages and aspects of embodiments of the present disclosure will become more apparent by reference to the following detailed description when taken in conjunction with the accompanying drawings. In the drawings, wherein like or similar reference numerals denote like or similar elements, in which:

FIG. 1 illustrates a schematic diagram of an example environment in which embodiments in accordance with the present disclosure may be implemented;

FIGS. 2A-2I illustrate example interfaces according to some embodiments of the present disclosure;

FIG. 3 illustrates a flowchart of an example process of interface interaction, according to some embodiments of the present disclosure;

FIG. 4 shows a schematic block diagram of an example apparatus for interface interaction in accordance with some embodiments of the present disclosure, and

Fig. 5 illustrates a block diagram of an electronic device capable of implementing various embodiments of the present disclosure.

Detailed Description

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure have been illustrated in the accompanying drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather, these embodiments are provided so that this disclosure will be more thorough and complete. It should be understood that the drawings and embodiments of the present disclosure are for illustration purposes only and are not intended to limit the scope of the present disclosure.

It should be noted that any section/subsection headings provided herein are not limiting. Various embodiments are described throughout this document, and any type of embodiment may be included under any section/subsection. Furthermore, the embodiments described in any 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.

In describing embodiments of the present disclosure, the term "comprising" and its like should be taken to be open-ended, i.e., including, but not limited to. The term "based on" should be understood as "based at least in part 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 are also possible below. The terms "first," "second," and the like, may refer to different or the same object. Other explicit and implicit definitions are also possible below.

Embodiments of the present disclosure may relate to user data, the acquisition and/or use of data, and the like. These aspects all follow corresponding legal and related regulations. In embodiments of the present disclosure, all data collection, acquisition, processing, forwarding, use, etc. is performed with knowledge and confirmation by the user. Accordingly, in implementing the embodiments of the present disclosure, the user should be informed of the type of data or information, the range of use, the use scenario, etc. that may be involved and obtain the authorization of the user in an appropriate manner according to the relevant laws and regulations. The particular manner of notification and/or authorization may vary depending on the actual situation and application scenario, and the scope of the present disclosure is not limited in this respect.

In the present description and embodiments, if the personal information processing is concerned, the processing is performed on the premise of having a validity base (for example, obtaining agreement of the personal information body, or being necessary for executing a contract, etc.), and the processing is performed only within a prescribed or contracted range. The user refuses to process the personal information except the necessary information of the basic function, and the basic function is not influenced by the user.

As mentioned above, people may publish and view various types of media works each day. Traditional media works typically support only a single type of media content, e.g., only picture content, or only video content. This makes it difficult for the user to efficiently share the content and affects the efficiency with which the user acquires the content.

The embodiment of the disclosure provides an interface interaction scheme. The scheme includes that a playing interface of a target work is displayed, the target work comprises a plurality of media contents, the plurality of media contents comprise video contents and image contents, a plurality of preview elements corresponding to the plurality of media contents are displayed in the playing interface in response to the drag operation in the playing interface, the playing progress of the first media content is adjusted based on the drag operation in response to the fact that the first media content currently played by the playing interface is the video content, and a progress indicator corresponding to the playing progress is displayed in the first preview element corresponding to the first media content, wherein the first media content is one of the plurality of media contents.

In this way, embodiments of the present disclosure can support users to create works that include multiple types, and can more conveniently adjust the progress of playing video content based on the more convenient, thereby improving the efficiency of interaction with media works.

Various example implementations of the scheme are described in further detail below in conjunction with the accompanying drawings.

Example Environment

FIG. 1 illustrates a schematic diagram of an example environment 100 in which embodiments of the present disclosure may be implemented. As shown in fig. 1, an example environment 100 may include an electronic device 110.

In this example environment 100, an electronic device 110 may be running an application 120 that supports interface interactions. The application 120 may be any suitable type of application for interface interaction, examples of which may include, but are not limited to, a media application, a social application, an image application, or other suitable application. The user 140 may interact with the application 120 via the electronic device 110 and/or its attached device.

In the environment 100 of fig. 1, if the application 120 is in an active state, the electronic device 110 may present an interface 150 for supporting interface interactions through the application 120.

In some embodiments, the electronic device 110 communicates with the server 130 to enable provisioning of services for the application 120. The electronic device 110 may be any type of mobile terminal, fixed terminal, or portable terminal, including a mobile handset, desktop computer, laptop computer, notebook computer, netbook computer, tablet computer, media computer, multimedia tablet, palmtop computer, portable gaming terminal, VR/AR device, personal communication system (Personal Communication System, PCS) device, personal navigation device, personal digital assistant (Personal DIGITAL ASSISTANT, PDA), audio/video player, digital camera/video camera, positioning device, television receiver, radio broadcast receiver, electronic book device, gaming device, or any combination of the preceding, including accessories and peripherals for these devices, or any combination thereof. In some embodiments, electronic device 110 is also capable of supporting any type of interface to the user (such as "wearable" circuitry, etc.).

The server 130 may be an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, or a cloud server providing cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, a content distribution network, basic cloud computing services such as big data and an artificial intelligence platform. Server 130 may include, for example, a computing system/server, such as a mainframe, edge computing node, computing device in a cloud environment, and so on. The server 130 may provide background services for applications 120 in the electronic device 110 that support virtual scenes.

A communication connection may be established between server 130 and electronic device 110. The communication connection may be established by wired means or wireless means. The communication connection may include, but is not limited to, a bluetooth connection, a mobile network connection, a universal serial bus (Universal Serial Bus, USB) connection, a wireless fidelity (WIRELESS FIDELITY, WIFI) connection, etc., as embodiments of the disclosure are not limited in this respect. In embodiments of the present disclosure, the server 130 and the electronic device 110 may implement signaling interactions through a communication connection therebetween.

It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and are not meant to suggest any limitation as to the scope of the disclosure.

Some example embodiments of the present disclosure will be described below with continued reference to the accompanying drawings.

Example interactions

Fig. 2A-2I illustrate example interfaces 200A-200I according to some embodiments of the present disclosure. The interfaces 200A-200I may be provided by the electronic device 110 shown in fig. 1, for example.

As shown in FIG. 2A, the electronic device 110 may provide a viewing interface 200A for a target work 205. In some embodiments, the target work 205 may include a plurality of media content. In some embodiments, the target work 205 may include multiple types of media content, e.g., both video content and image content, etc.

As shown in FIG. 2A, the viewing interface 200A may include a play area 205 for playing media content 210-1. As an example, the electronic device 110 may receive a sliding operation of the user with respect to the play area 205 and switch the play area 205 to play another media content of the target work, for example.

By way of example, the media content 210-1 may be, for example, image content. The electronic device 110 may utilize the play area 205, for example, in a viewing interface to play different types of media content in a target work and maintain layout uniformity of the viewing interface.

In some embodiments, electronic device 110 may also receive, for example, a slide up operation in view interface 200A and may adjust the layout of view interface 200A accordingly. As an example, electronic device 110 may adjust the viewing interface to the state shown in fig. 2B based on the received up-slide operation.

As shown in fig. 2B, the electronic device 110 may adjust the size and/or position of the play area 205. Additionally, the electronic device 110 may also display additional information associated with the target work, such as text content of the target work, interactive information (e.g., comment information), etc., for example, in the adjusted interface.

In some embodiments, the adjustment process of the viewing interface by the electronic device 110 may be independent of the type of media content currently being played by the viewing interface. As shown in fig. 2C, if the media content 210-2 currently being played by the viewing interface is video content, the electronic device 110 may likewise adjust the size and/or location of the play area 205 based on the received interactive operation and may display additional information associated with the target work in the adjusted interface.

In this way, the embodiment of the disclosure can ensure the interaction consistency of different types of media content in the target work, thereby reducing the interaction learning cost of the user and improving the interaction experience of the user.

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

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

As shown in fig. 2D, in the play interface 200D, the electronic device 110 may play the target work in a larger area, for example, and may display a progress control 215 corresponding to the target work. The progress control 215 may, for example, indicate the location in the target work of the currently playing media content in the playback interface 200D.

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

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

As an example, the preview element 225-1 may correspond to the media content 210-1. Further, the electronic device 110 may, for example, highlight the preview element 225-1 corresponding to the currently playing media content 210-1. For example, the preview element 225-1 may have a larger display size than other preview elements, or may have a different frame style, etc.

In some embodiments, in response to the currently playing media content 210-1 in the interface 200E being image content, the electronic device 110 may also adjust the selection status of the plurality of preview elements 225 in response to the drag operation 220. Accordingly, the electronic device 110 may play the media content corresponding to the selected preview element 225 in the play interface.

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

In some embodiments, as shown in FIG. 2G, at the end of the drag operation 220, 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 cease displaying the plurality of preview elements 225 in response to the drag operation 220 ending.

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

Additionally, the electronic device 110 may, for example, be in a new drag operation 230. Similar to the drag operation 220, the drag operation 230 may also be associated with the progress control 215, for example.

As shown in fig. 2H, in response to receiving the drag operation 230, the electronic device 110 may display a plurality of preview elements 225 corresponding to the plurality of media content in the target work. Unlike the example shown in fig. 2E, in response to the currently playing media content 210-2 being video content, the electronic device 110 may display the preview element 225-2 corresponding to the media content 210-2 in a larger size, for example.

As shown in FIG. 2H, in the state of FIG. 2H, the preview element 225-2 displays, for example, a plurality of video frames in the media content 210-2. In contrast, in the states of fig. 2E and 2F, the preview element 225-2 has a smaller size (e.g., width in the horizontal direction) and only a single video frame in the media content 210-2 is displayed.

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

For example, in the state shown in FIG. 2H, the media content 210-2 is video content and the preview element 225-2 has a first length in the target direction (e.g., horizontal direction). In the state shown in FIG. 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 may be greater than the second length, e.g., the first length may be 4 times the second length.

In some embodiments, the electronic device 110 may adjust the progress of the playing of the media content 210-2 in the interface 200H based on the received drag operation 230. For example, the electronic device 110 may return to playing the previous content of the media content 210-2 based on a drag operation to the left, or may fast forward to playing the subsequent content of the media content 210-2 based on a drag operation to the right.

In some embodiments, the electronic device 110 may also display a progress indication element 240 in the preview element 225-2 that corresponds to the progress of the playing of the media content 210-2. The progress indication element 240 may adjust the position in real time according to a change in the progress of the play, for example.

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

In some embodiments, the electronic device 110 may not support the user to switch to playing other media content or to select other preview elements, such as preview element 225-1, for example, through the drag operation 230. As an example, the user may switch to other media content by sliding the play interface, for example, in a state where the drag operation is not triggered.

Alternatively, after the play progress has been adjusted to the boundary position (e.g., start time or end time) of the media content 210-2, the electronic device 110 may continue to correspond to the received drag operation, for example.

Specifically, the electronic device 110 may determine whether the drag operation matches the target direction. For example, if the progress of the playback has been adjusted to the end-time of the media content 210-2, the electronic device 110 may determine whether the drag operation is continued to the right. Conversely, if the progress of the playback has been adjusted to the starting time of the media content 210-2, the electronic device 110 may determine whether the drag operation is continued to the left.

Further, the electronic device 110 may change the selection state of the preview element or adjust the play progress of other media content adjacent to the media content 210-2 based on the continued received drag operation.

For example, if the play progress has been adjusted to the starting moment of the media content 210-2, the electronic device 110 may mark the preview element 225-1 as a selected state in response to a subsequent drag-and-drop operation to switch to playing the corresponding media content 210-1.

As another example, if the play progress has been adjusted to the end-time of the media content 210-2 and the subsequent item of media content of the media content 210-2 is video content, the electronic device 110 may adjust the play progress of the subsequent item of media content in response to a subsequent drag-and-drop operation to the right.

In some embodiments, as shown in FIG. 2I, in response to a user changing the progress of playing the media content 210-2 through the drag operation 230, the electronic device 110 may display the interface 200I shown in FIG. 2I in response to the drag operation 230 ending. As shown in fig. 2I, the electronic device 110 may cease to display the plurality of preview elements 225 and may continue playing the media content 210-2 based on the updated play progress.

Example procedure

FIG. 3 illustrates a flowchart of an example process 300 of interface interactions, according to some embodiments of the present disclosure. The process 300 may be implemented at the electronic device 110. The process 300 is described below with reference to fig. 1.

As shown in FIG. 3, at block 310, the electronic device 110 displays a playback interface for a target work, the target work including a plurality of media content, the plurality of media content including video content and image content.

At block 320, the electronic device 110 displays a plurality of preview elements corresponding to the plurality of media content in the playback interface in response to receiving the drag operation in the playback interface.

At block 330, the electronic device 110 adjusts a playback progress of the first media content based on the drag operation in response to the first media content currently being played by the playback interface being video content, and displays a progress indicator corresponding to the playback progress in a first preview element corresponding to the first media content.

In some embodiments, the process 300 further includes adjusting a selection state of the plurality of preview elements based on the drag operation in response to the first media content currently displayed by the playback interface being image content, and playing second media content corresponding to the selected second preview element in the playback interface, the first media content being one of the plurality of media content.

In some embodiments, the first preview element has a first size in response to the first media content being video content and the first preview element has a second size in response to the first media content being image content, the first size being greater than the second size.

In some embodiments, the first size is determined based on a length of time of the first media content.

In some embodiments, adjusting the playing progress of the first media content based on the drag operation in response to the first media content currently being played by the playing interface being video content includes adjusting the playing progress of the first media content based on the drag operation in response to the length of time of the first media content reaching a preset length.

In some embodiments, the process 300 further includes adjusting the selection status of the plurality of preview elements based on the drag operation in response to the length of time of the first media content being less than the preset length.

In some embodiments, the process 300 further includes adjusting the play progress to a start time or an end time of the first media content based on the drag operation, and adjusting the selection status of the plurality of preview elements and/or adjusting the play 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.

In some embodiments, the first preview element displays a plurality of video frames in the first media content.

In some embodiments, the process 300 further includes ceasing to display the plurality of preview elements in response to the drag operation ending.

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.

In some embodiments, displaying the playback interface for the 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 and/or at least one interactive control for the target work, and displaying the playback interface for the target work in response to receiving a preset operation for the playback area, the playback interface ceasing to display the set of additional elements.

In some embodiments, the process 300 further includes adjusting the layout of the target interface independent of the type of media content currently playing in the viewing interface in response to receiving a sliding operation in the viewing interface.

In some embodiments, adjusting the layout of the target interface includes adjusting the position and/or size of the play area and/or displaying additional information associated with the target work in the target interface.

Example apparatus and apparatus

Embodiments of the present disclosure also provide corresponding apparatus for implementing the above-described methods or processes. Fig. 4 illustrates a schematic block diagram of an example apparatus 400 for interface interactions, in accordance with certain embodiments of the present disclosure. The apparatus 400 may be implemented as or included in the electronic device 110. The various modules/components in apparatus 400 may be implemented in hardware, software, firmware, or any combination thereof.

As shown in fig. 4, the apparatus 400 includes a display module 410 configured to display a playback interface of a target work, the target work including a plurality of media contents including video contents and image contents, a preview module 420 configured to display a plurality of preview elements corresponding to the plurality of media contents in the playback interface in response to receiving a drag operation in the playback interface, and a control module 430 configured to adjust a playback progress of the first media content based on the drag operation in response to a first media content currently played by the playback interface being the video content, and 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 plurality of media contents.

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

In some embodiments, the control module 430 is further configured to adjust a playback progress of the first media content based on the drag operation in response to the length of time of the first media content reaching a preset length.

In some embodiments, the control module 430 is further configured to adjust the selection status of the plurality of preview elements based on the drag operation in response to the length of time of the first media content being less than the preset length.

In some embodiments, the control module 430 is further configured to adjust the playback progress to a start time or an end time of the first media content based on the drag operation, and to adjust the selection status of the plurality of 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.

In some embodiments, the apparatus 400 further includes a stop module configured to stop displaying the plurality of preview elements in response to the drag operation ending.

In some embodiments, the display module 410 is further configured to 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 text content of the target work and/or at least one interactive control, and to display the play interface of the target work in response to receiving a preset operation for the play area, the play interface ceasing to display the set of additional elements.

In some embodiments, the apparatus 400 further comprises an adjustment module configured to adjust the layout of the target interface independent of the type of media content currently playing in the viewing interface in response to receiving a sliding operation in the viewing interface.

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

As shown in fig. 5, the electronic device 500 is in the form of a general-purpose electronic device. The components of electronic device 500 may include, but are not limited to, one or more processors or processing units 510, memory 520, storage 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 real 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 capabilities of electronic device 500.

Electronic device 500 typically includes multiple computer storage media. Such a medium may be any available media that is accessible by electronic device 500, including, but not limited to, volatile and non-volatile media, removable and non-removable media. The memory 520 may 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 may be a removable or non-removable media and may include machine-readable media such as flash drives, magnetic disks, or any other media that may be capable of storing information and/or data and that may be accessed within electronic device 500.

The electronic device 500 may further include additional removable/non-removable, volatile/nonvolatile storage media. Although not shown in fig. 5, a magnetic disk drive for reading from or writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk may be provided. In these cases, each drive may be connected to a bus (not shown) by one or more data medium interfaces. Memory 520 may include a computer program product 525 having one or more program modules configured to perform the various methods or acts of the various embodiments of the present disclosure.

The communication unit 540 enables communication with other electronic devices through a communication medium. Additionally, the functionality of the components of electronic device 500 may be implemented in a single computing cluster or in multiple computing machines capable of communicating over a communication connection. Thus, the electronic device 500 may operate in a networked environment using logical connections to one or more other servers, a network Personal Computer (PC), or another network node.

The input device 550 may be one or more input devices such as a mouse, keyboard, trackball, etc. The output device 560 may be one or more output devices such as a display, speakers, printer, etc. The electronic device 500 may also communicate with one or more external devices (not shown), such as storage devices, display devices, etc., with one or more devices that enable a user to interact with the electronic device 500, or with any device (e.g., network card, modem, etc.) that enables the electronic device 500 to communicate with one or more other electronic devices, as desired, via the communication unit 540. Such communication may be performed via an input/output (I/O) interface (not shown).

According to an exemplary implementation of the present disclosure, a computer-readable storage medium having stored thereon computer-executable instructions, wherein the computer-executable instructions are executed by a processor to implement the method described above is provided. According to an exemplary implementation of the present disclosure, there is also provided a computer program product tangibly stored on a non-transitory computer-readable medium and comprising computer-executable instructions that are executed by a processor to implement the method described above.

Various aspects of the present disclosure are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus, devices, and computer program products implemented according to the disclosure. It will 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.

These computer readable program instructions may be provided to a processing unit of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processing unit of the computer or other programmable data processing apparatus, create means for implementing the functions/acts specified in the flowchart and/or block diagram block or blocks. These computer readable program instructions may also be stored in a computer readable storage medium that can direct a computer, programmable data processing apparatus, and/or other devices to function in a particular manner, such that the computer readable medium having the instructions stored therein includes an article of manufacture including instructions which implement the function/act specified in the flowchart and/or block diagram block or blocks.

The computer readable program instructions may be loaded onto a computer, other programmable data processing apparatus, or other devices to cause a series of operational steps to be performed on the computer, other programmable apparatus or other devices to produce a computer implemented process such that the instructions which execute on the computer, other programmable apparatus or other devices implement the functions/acts specified in the flowchart and/or block diagram block or blocks.

The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various implementations of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of instructions, which comprises one or more executable instructions for implementing the specified logical function(s). In some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The foregoing description of implementations of the present disclosure has been provided for illustrative purposes, is not exhaustive, and is not limited to the implementations disclosed. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the various implementations described. The terminology used herein was chosen in order to best explain the principles of each implementation, the practical application, or the improvement of technology in the marketplace, or to enable others of ordinary skill in the art to understand each implementation disclosed herein.

Claims

1. An interface interaction method, comprising:

Displaying a playing interface of a target work, wherein the target work comprises a plurality of media contents, and the plurality of media contents comprise video contents and image contents;

displaying a plurality of preview elements corresponding to the plurality of media contents in the playing interface in response to receiving a drag operation in the playing interface, and

And responding to the fact that the first media content currently played by the playing interface is video content, adjusting the playing progress of the first media content based on the dragging operation, and displaying a progress indicator corresponding to the playing progress in a first preview element corresponding to the first media content, wherein the first media content is one of the plurality of media contents.

2. The method of claim 1, further comprising:

responding to the first media content currently displayed by the playing interface as image content, adjusting the selection state of the preview elements based on the drag operation, and

And playing the second media content corresponding to the selected second preview element in the playing interface.

3. The method according to claim 2, wherein:

in response to the first media content being video content, the first preview element having a first size, and

In response to the first media content being image content, the first preview element has a second size, the first size being greater than the second size.

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

5. The method of claim 1, wherein adjusting the progress of playing the first media content based on the drag operation in response to the first media content currently being played by the playback interface being video content comprises:

And adjusting the playing progress of the first media content based on the drag operation in response to the time length of the first media content reaching a preset length.

6. The method of claim 5, further comprising:

And adjusting the selection states of the preview elements based on the drag operation in response to the time length of the first media content being less than the preset length.

7. The method of claim 1, further comprising:

adjusting the playing progress to the starting time or the ending time of the first media content based on the drag operation, and

And responding to the drag operation to be matched with a target direction, and adjusting the selection states of the preview elements and/or the playing progress of the 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:

and stopping displaying the plurality of preview elements in response to the end of the drag operation.

10. The method of claim 1, wherein the playback interface includes 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 a playback interface of the target work comprises:

Displaying a viewing interface of the target work, the viewing interface including a playing area for playing the target work and a set of additional elements including text content and/or at least one interactive control of the target work, and

And in response to receiving a preset operation for the playing area, displaying the playing interface of the target work, wherein the playing interface stops displaying the group of additional elements.

12. The method of claim 11, further comprising:

And in response to receiving a sliding operation in the viewing interface, adjusting the layout of the target interface independently of the type of the currently played media content in the viewing interface.

13. The method of claim 12, wherein adjusting the layout of the target interface comprises:

adjusting the position and/or size of the playing area, and/or

Additional information associated with the target work is displayed in the target interface.

14. An apparatus for interface interaction, comprising:

A display module configured to display a playback interface for a target work, the target work comprising a plurality of media content, the plurality of media content comprising video content and image content;

a preview module configured to display a plurality of preview elements corresponding to the plurality of media contents in the play interface in response to receiving a drag operation in the play interface, and

The control module is configured to respond to the fact that the first media content currently played by the playing interface is video content, adjust the playing progress of the first media content based on the dragging operation, and display a progress indicator corresponding to the playing progress in a first preview element corresponding to the first media content, wherein the first media content is 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, which when executed by the at least one processing unit, cause the electronic device to perform the method of any one of claims 1 to 13.

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