Interface interaction method and device, equipment and storage medium

Abstract

The embodiment of the invention relates to an interface interaction method and device, equipment and a storage medium. The method comprises the steps that a playing interface of a target work is displayed, the playing interface comprises a first area used for displaying the target work and a second area used for displaying additional information of the target work, the layout style of the playing interface is independent of the type of the target work, and the type comprises an image work or a video work; in response to the received target operation, adjusting the display sizes of the first area and the second area; the target work is displayed in the adjusted first area in a target mode, the target mode corresponds to the type of the target work, and the target mode indicates the filling mode of the first area. In this way, different types of works can be displayed according to a unified framework, and the styles of the playing area in different states can be controlled according to different types of works.

Description

Technical Field

[0001] Example embodiments of the present disclosure generally relate to the field of computers, and more particularly, to an interface interaction method, apparatus, device, and computer-readable storage medium. Background Art

[0002] With the development of computer technology, the Internet has become an important way for people to obtain and share information. Some platforms can support users to publish various types of works, such as video works, image works (also known as graphic works), etc. Summary of the invention

[0003] In a first aspect of the present disclosure, an interface interaction method is provided. The method includes: displaying a playback interface of a target work, the playback interface including a first area for displaying the target work and a second area for displaying additional information of the target work, the layout style of the playback interface being independent of the type of the target work, the type including an image work or a video work; in response to receiving a target operation, adjusting the display size of the first area and the second area; and displaying the target work in a target mode in the adjusted first area, the target mode corresponding to the type of the target work, and the target mode indicating a filling method of the first area.

[0004] In a second aspect of the present disclosure, a device for interface interaction is provided. The device includes: a first display module configured to display a playback interface of a target work, the playback interface includes a first area for displaying the target work and a second area for displaying additional information of the target work, and the layout style of the playback interface is independent of the type of the target work, and the type includes an image work or a video work; an adjustment module configured to adjust the display size of the first area and the second area in response to receiving a target operation; and a second display module configured to display the target work in a target mode in the adjusted first area, the target mode corresponds to the type of the target work, and the target mode indicates the filling method of the first area.

[0005] In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory, the at least one memory is coupled to the at least one processing unit and stores instructions for execution by the at least one processing unit. When the instructions are executed by the at least one processing unit, the device executes the method of the first aspect.

[0006] In a fourth aspect of the present disclosure, a computer-readable storage medium is provided, wherein a computer program is stored on the computer-readable storage medium, and the computer program can be executed by a processor to implement the method of the first aspect.

[0007] It should be understood that the contents described in this content section are not intended to limit the key features or important features of the embodiments of the present disclosure, nor are they intended to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0008] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. In the accompanying drawings, the same or similar reference numerals represent the same or similar elements, wherein:

[0009] Figure 1 A schematic diagram showing an example environment in which embodiments according to the present disclosure may be implemented;

[0010] FIG. 2A to FIG. 2D shows an example interface according to some embodiments of the present disclosure;

[0011] Figure 3 A flowchart showing an example process of interface interaction according to some embodiments of the present disclosure;

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

[0013] Figure 5 A block diagram of an electronic device capable of implementing various embodiments of the present disclosure is shown. DETAILED DESCRIPTION

[0014] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments set forth herein. On the contrary, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0015] It should be noted that the titles of any sections / subsections provided herein are not restrictive. Various embodiments are described throughout this article, and any type of embodiment may be included under any section / subsection. In addition, the embodiments described in any section / subsection may be combined in any manner with any other embodiments described in the same section / subsection and / or different sections / subsections.

[0016] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, that is, "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 may be included below. The terms "first", "second", etc. may refer to different or the same objects. Other explicit and implicit definitions may be included below.

[0017] The embodiments of the present disclosure may involve user data, data acquisition and / or use, etc. These aspects are subject to the corresponding laws, regulations and relevant provisions. In the embodiments of the present disclosure, all data collection, acquisition, processing, processing, forwarding, use, etc. are carried out on the premise that the user knows and confirms. Accordingly, when implementing each embodiment of the present disclosure, the type, scope of use, usage scenario, etc. of the data or information that may be involved should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with the relevant laws and regulations. The specific notification and / or authorization method can vary according to the actual situation and application scenario, and the scope of the present disclosure is not limited in this respect.

[0018] In this specification and the embodiments, if personal information processing is involved, it will be processed on the premise of having a legal basis (such as obtaining the consent of the subject of personal information, or it is necessary to perform a contract, etc.), and will only be processed within the scope of regulations or agreements. If a user refuses to process personal information other than the necessary information for basic functions, it will not affect the user's use of basic functions.

[0019] As mentioned above, some platforms can support users to publish various types of works, such as video works, image works (also known as graphic works), etc. However, traditional solutions usually require the use of different interfaces to structure and play different types of works, which affects the efficiency of users in obtaining information and the interactive experience.

[0020] The embodiment of the present disclosure proposes an interface interaction scheme. According to the scheme, the playback interface of the target work can be displayed, and the playback interface includes a first area for displaying the target work and a second area for displaying additional information of the target work. The layout style of the playback interface is independent of the type of the target work, and the type includes an image work or a video work. Further, in response to receiving a target operation, the display size of the first area and the second area is adjusted. Accordingly, the target work can be displayed in a target mode in the adjusted first area, the target mode corresponds to the type of the target work, and the target mode indicates the filling method of the first area.

[0021] In this way, the embodiments of the present disclosure can display different types of works (eg, video works or image works) according to a unified architecture, and can control the styles of the playback area in different states according to the different types of works.

[0022] Thus, the embodiments of the present disclosure can provide uniformity of content consumption, thereby improving the user's experience of consuming content. In addition, by using a unified framework to consume different types of works, the embodiments of the present disclosure can also reduce development costs.

[0023] Various example implementations of the solution are described in detail below in conjunction with the accompanying drawings.

[0024] Example Environment

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

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

[0027] exist Figure 1 In the environment 100 , if the application 120 is in an active state, the electronic device 110 can display an interface 150 for supporting interface interaction through the application 120 .

[0028] In some embodiments, the electronic device 110 communicates with the server 130 to provide services for the application 120. The electronic device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including a mobile phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a handheld computer, a portable game terminal, a VR / AR device, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio receiver, an e-book device, a game device, or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the electronic device 110 can also support any type of interface for the user (such as a "wearable" circuit, etc.).

[0029] The server 130 may be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content distribution networks, and big data and artificial intelligence platforms. The server 130 may include, for example, a computing system / server, such as a mainframe, an edge computing node, a computing device in a cloud environment, etc. The server 130 may provide background services for the application 120 that supports virtual scenes in the electronic device 110.

[0030] A communication connection may be established between the server 130 and the electronic device 110. The communication connection may be established in a wired manner or a wireless manner. The communication connection may include, but is not limited to, a Bluetooth connection, a mobile network connection, a Universal Serial Bus (USB) connection, a Wireless Fidelity (WiFi) connection, etc., and the embodiments of the present disclosure are not limited in this respect. In the embodiments of the present disclosure, the server 130 and the electronic device 110 may implement signaling interaction through the communication connection between the two.

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

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

[0033] Example Interaction

[0034] FIG. 2A to FIG. 2B 200A to 200B according to some embodiments of the present disclosure. The interfaces 200A to 200B may be composed of, for example, Figure 1 The electronic device 110 is provided as shown.

[0035] like Figure 2A As shown, interface 200A may be a playback interface for a video work. Figure 2A As shown, the interface 200A may include two areas, namely, a first area 205 and a second area 210. The first area 205 may also be referred to as a play area, and the second area 210 may also be referred to as an information area.

[0036] As an example, the first area 205 may include a playback container of the video work. For example, the first area 205 may be used to control the playback progress of the video work, pause or continue to play the video work, etc. As an example, the first area 205 may also include a control 215 for controlling whether to play silently.

[0037] As an example, the second area 210 may be used to display additional information associated with the video work. In some embodiments, the additional information may include text content of the video work, such as title content, introduction content, etc. In some embodiments, the additional information may also include at least one identifier associated with the video work, such as a location identifier added by the publisher of the video work, etc. In some embodiments, the additional information may also include interactive content associated with the video work, such as comment content, etc.

[0038] In some embodiments, Figure 2A In the state shown, due to the limitation of the display size of the second area 210, the second area 210 may display one or more of the above additional information, for example.

[0039] In some embodiments, the second area 210 may further include a control bar 220. The control bar 220 may provide a set of interactive controls for interacting with the video work. The interactive controls may include, but are not limited to, comment controls, like controls, favorite controls, forwarding controls, and the like.

[0040] In some embodiments, the electronic device 110 may receive a target operation of the user. As an example, such a target operation may include a sliding operation 230 in the interface 200A. For example, the electronic device 110 may receive an operation of sliding the second area 210 upwards in the interface 200A.

[0041] Accordingly, if Figure 2B As shown, the electronic device 110 can adjust the display size of the first area 205 and the second area 210 based on the received sliding operation 230. Specifically, the electronic device 110 can increase the display size of the second area 210 and reduce the display size of the first area 205 so that the second area 210 can present more information, for example.

[0042] In some embodiments, Figure 2B As shown, the electronic device 110 may display the video work in the adjusted first area 205 in the first mode corresponding to the video work.

[0043] Specifically, the electronic device 110 may maintain a preset ratio of the video work in the first area 205. The preset ratio may be independent of the ratio of the first area 205. For example, Figure 2BAs shown, the sliding operation reduces the height of the first area 205. The video work may also be scaled accordingly, and may maintain the original aspect ratio, without changing as the height of the first area 205 changes.

[0044] In the first mode, for example, an unfilled blank area will appear in the first area 205. As an example, the electronic device 110 may also fill such a blank area with a preset color.

[0045] In some embodiments, the electronic device 110 may also adjust the additional information displayed in the second area 210 based on the size change of the second area 210. Figure 2A In the state shown, the second area 210 may, for example, only display the first component 225 , which may be used to display a title and a portion of the description content of the video work.

[0046] Furthermore, in Figure 2B In the state shown, the second area 210 has a larger display size. Accordingly, the second area 210 can increase the display size of the first component 225, so as to display the completed description content, for example.

[0047] Additionally, the second area 210 may also display one or more components. Figure 2B In the state shown, the second area 210 can display a second component 230 and a third component 235. The second component 230 can display, for example, the author information and the attention control of the video work. The third component 235 can display, for example, the interactive information of the video work, for example, the comment control and the comment information.

[0048] Therefore, with Figure 2A Compared with the status shown, Figure 2B The second area 210 shown can display more content. Figure 2A In the state shown, the second area 210 can display the first set of additional information; Figure 2B In the state shown, the second area 210 may display a second set of additional information, and the second set of additional information may include more content than the first set of additional information.

[0049] Additionally, compared to the first set of additional information, Figure 2B The second group of additional information displayed in the second area 210 may also include more types of additional information. Figure 2A In the state shown, the comment information may not be displayed, for example. Figure 2B In the illustrated state, the second panel 210 may display comment information of the video work.

[0050] In some embodiments, Figure 2A Compared with the state shown, the electronic device 110 can also change the control bar 220 included in the second area 210. For example, as shown in FIG.

[0051] like Figure 2A and Figure 2B As shown, the first style of the control bar 220 is different from the second style of the control 240. Specifically, the control bar 220 and the control bar 240 may have different types of controls. Figure 2A and Figure 2B As shown, the control bar 220 may include a like control, a favorite control, etc., and the control bar 240 may include, for example, a picture input control and an expression input control.

[0052] In some embodiments, the control bar 220 and the control bar 240 may also have different control layouts. For example, when the included controls are the same, the two control bars may display the controls in different control layouts.

[0053] Thus, the embodiments of the present disclosure can provide the user with more information about the work based on the user's target operation (eg, the sliding operation 230 ) and can not affect the continued viewing of the video work.

[0054] In some embodiments, the electronic device 110 can implement the transition animation from Figure 2A The status shown is as follows Figure 2B In some embodiments, the electronic device 110 may trigger the execution of a first animation corresponding to the enlargement of the second area 210. For example, the electronic device 110 may execute the first animation by changing a height parameter of the second area.

[0055] In order to improve the efficiency of animation switching, the electronic device 110 may also trigger a second animation associated with at least one component in the interface 200A by monitoring a first animation parameter of the first animation.

[0056] As an example, the electronic device 110 may define a switching animation of each component in the play interface, and may control the switching animation of each component by monitoring a change in a first animation parameter of the second area 210 .

[0057] In some embodiments, the electronic device 110 may update a second animation parameter of a second animation associated with at least one component based on a first change in a first animation parameter of the first animation to trigger the second animation.

[0058] by Figure 2AAs an example, the electronic device 110 may also trigger an animation that reduces the first area 205. Accordingly, the electronic device 110 may adjust the animation parameter (e.g., height) of the first area 205 by monitoring the first animation parameter (e.g., the size parameter of the second area 210, e.g., height). Thus, the height of the first area 205 may be reduced accordingly with the height of the second area 210.

[0059] In some embodiments, such a switching animation may also include an animation of one or more components included in the second area 210. As an example, the electronic device 110 may trigger an animation associated with the first component 225 based on the first animation parameter. For example, the electronic device 110 may determine a second animation parameter (e.g., component height) of the first component 225 based on the first animation parameter (e.g., area height), thereby expanding the display size of the first component 225 to display the complete description content of the video work.

[0060] Additionally, the electronic device 110 can synchronously complete the animation process of the first component when the first animation of the second area 210 is completed, so as to switch the first component 225 to the first component 225 as shown in FIG. Figure 2B Status shown.

[0061] In some embodiments, the electronic device 110 may also, for example, based on the first animation parameter, trigger the animation of the second component 230 and the third component 235. For example, the electronic device 110 may determine the animation parameters (e.g., component heights) of the second component 235 and the third component 235 based on the first animation parameter (e.g., region height), thereby gradually increasing from an initial height (e.g., zero) to a target height of each component.

[0062] In some embodiments, electronic device 110 may also display animation associated with control bar 220 and control 240. Specifically, electronic device 110 may determine a first transparency of control 220 and a second transparency of control bar 240 based on a first animation parameter.

[0063] As an example, the first transparency may decrease as the height of the components of the first region 210 increases, and the second transparency may increase as the height of the components of the first region 210 increases. Thus, the embodiment of the present disclosure may achieve a transition effect from the control bar 220 to the control bar 240.

[0064] In some embodiments, the electronic device 110 may also determine a position parameter of a component (eg, the control 215 ) based on the first animation parameter, thereby triggering a translation animation corresponding to the control 215 .

[0065] Based on the process described above, the embodiments of the present disclosure can trigger the collaborative process of other animations by monitoring the animation parameters, thereby realizing a complete transition animation to improve the smoothness of interface switching.

[0066] Figure 2C to Figure 2D 200C to 200D according to some embodiments of the present disclosure. The interfaces 200C to 200D may be composed of Figure 1 The electronic device 110 is provided as shown.

[0067] and Figure 2A and Figure 2B The example shown is different. Figure 2C It may correspond to the playback interface of an image work (eg, a graphic work). Such an image work may include, for example, one or more images.

[0068] like Figure 2C As shown, interface 200A and interface 200C may correspond to the same layout style. Such a layout style may indicate the components included in the interface and the distribution of the components. Figure 2C As shown, the interface 200C may also have a first area 255 and a second area 260. In addition, the second area 260 may include Figure 2A The examples shown have the same type of components and control bars.

[0069] In the application 140, the playback interfaces corresponding to the video works and the image works may have the same layout style. Thus, the embodiments of the present disclosure may provide users with a unified consumption experience, thereby improving the user's interactive experience.

[0070] In some embodiments, the electronic device 110 may also switch the interface 200C to the interface 200D based on the received target operation (eg, a sliding operation). Figure 2B Unlike the video work shown, the electronic device 110 may move the image work accordingly according to the sliding operation, and may display the image work in the first mode in the reduced first area 255 so that the reduced first area displays only a portion of the image work.

[0071] Compared with video works, the electronic device 110 may not change the display ratio of the image work, but only translate the image work. In this way, the embodiments of the present disclosure can further provide different detailed information consumption styles according to different consumption needs of video works and image works, thereby improving the user's interactive experience.

[0072] Example Process

[0073] Figure 3FIG. 3 is a flowchart showing an example process 300 of interface interaction according to some embodiments of the present disclosure. The process 300 may be implemented at the electronic device 110. Figure 1 The process 300 is described below.

[0074] like Figure 3 As shown, in box 310, the electronic device 110 displays a playback interface of the target work, the playback interface includes a first area for displaying the target work and a second area for displaying additional information of the target work, and the layout style of the playback interface is independent of the type of the target work, which includes an image work or a video work.

[0075] In block 320 , the electronic device 110 adjusts display sizes of the first region and the second region in response to receiving the target operation.

[0076] In box 330 , the electronic device 110 displays the target work in the adjusted first area in a target mode, where the target mode corresponds to the type of the target work and indicates a filling method of the first area.

[0077] In some embodiments, adjusting the display size of the first area and the second area in response to receiving a target operation includes: receiving a sliding operation in a preset direction in the playback interface; and based on the sliding operation, reducing the first display size of the first area and increasing the second display size of the second area.

[0078] In some embodiments, process 300 further includes: displaying a first animation associated with increasing the second area; and triggering a second animation associated with at least one component in the playback interface by monitoring a first animation parameter of the first animation.

[0079] In some embodiments, triggering a second animation associated with at least one component in the playback interface includes: updating a second animation parameter of a second animation associated with the at least one component based on a first change in the first animation parameter to trigger the second animation.

[0080] In some embodiments, the first animation parameter comprises a first size of the first area, and the second animation parameter comprises at least one of: a second size of at least one component; a transparency of at least one component; a position of at least one component.

[0081] In some embodiments, displaying the target work in the target mode in the adjusted first area includes: in response to the target work being a video work, displaying the video work in the first mode in the adjusted first area so that the video work maintains a preset proportion in the adjusted first area.

[0082] In some embodiments, displaying the target work in the target mode in the adjusted first area includes: in response to the target work being an image work, displaying the image work in the second mode in the adjusted first area so that the adjusted first area displays a portion of the image work.

[0083] In some embodiments, the additional information includes at least one of the following: text content of the target work; at least one identifier associated with the target work; interactive content associated with the target work.

[0084] In some embodiments, before receiving the target operation, the second area displays a first set of additional information, and process 300 further includes: in response to receiving the target operation, updating the second area to display a second set of additional information, wherein the second set of additional information includes more content than the first set of additional information.

[0085] In some embodiments, the first set of additional information corresponds to a first set of information types, the second set of additional information corresponds to a second set of information types, and the second set of information types has a smaller number than the second set of information types.

[0086] In some embodiments, the second area further includes a control bar, and process 300 further includes: in response to receiving a target operation, adjusting the control bar from a first style to a second style, wherein the first style and the second style correspond to different types of controls and / or different control layouts.

[0087] Example devices and equipment

[0088] The embodiments of the present disclosure also provide corresponding devices for implementing the above methods or processes. Figure 4 A schematic structural block diagram of an example apparatus 400 for interface interaction according to some embodiments of the present disclosure is shown. The apparatus 400 may be implemented as or included in the electronic device 110. Each module / component in the apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0089] like Figure 4 As shown, the device 400 includes a first display module 410, which is configured to: display a playback interface of the target work, the playback interface includes a first area for displaying the target work and a second area for displaying additional information of the target work, and the layout style of the playback interface is independent of the type of the target work, and the type includes an image work or a video work; an adjustment module 420, which is configured to: adjust the display size of the first area and the second area in response to receiving a target operation; and a second display module 430, which is configured to: display the target work in a target mode in the adjusted first area, the target mode corresponds to the type of the target work, and the target mode indicates the filling method of the first area.

[0090] In some embodiments, the adjustment module 420 is further configured to: receive a sliding operation in a preset direction in the playback interface; and based on the sliding operation, reduce a first display size of the first area and increase a second display size of the second area.

[0091] In some embodiments, the device 400 also includes a third display module, which is configured to: display a first animation associated with increasing the second area; and trigger a second animation associated with at least one component in the playback interface by monitoring a first animation parameter of the first animation.

[0092] In some embodiments, the third display module is further configured to: based on the first change of the first animation parameter, update a second animation parameter of a second animation associated with the at least one component to trigger the second animation.

[0093] In some embodiments, the first animation parameter comprises a first size of the first area, and the second animation parameter comprises at least one of: a second size of at least one component; a transparency of at least one component; a position of at least one component.

[0094] In some embodiments, the second display module 430 is further configured to: in response to the target work being a video work, display the video work in the first mode in the adjusted first area, so that the video work maintains a preset ratio in the adjusted first area.

[0095] In some embodiments, the second display module 430 is further configured to: in response to the target work being an image work, display the image work in the second mode in the adjusted first area, so that the adjusted first area displays a portion of the image work.

[0096] In some embodiments, the additional information includes at least one of the following: text content of the target work; at least one identifier associated with the target work; interactive content associated with the target work.

[0097] In some embodiments, the first display module 410 is also configured to: before receiving the target operation, the second area displays a first group of additional information, and the device 400 also includes an update module, which is configured to: in response to receiving the target operation, update the second area to display a second group of additional information, wherein the second group of additional information includes more content than the first group of additional information.

[0098] In some embodiments, the first set of additional information corresponds to a first set of information types, the second set of additional information corresponds to a second set of information types, and the second set of information types has a smaller number than the second set of information types.

[0099] In some embodiments, the second area also includes a control bar, and the device 400 also includes a control module, which is configured to: in response to receiving a target operation, adjust the control bar from a first style to a second style, and the first style and the second style correspond to different types of controls and / or different control layouts.

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

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

[0102] The electronic device 500 typically includes a plurality of computer storage media. Such media may be any accessible media that is accessible to the electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 520 may be a volatile memory (e.g., registers, caches, random access memory (RAM)), a non-volatile memory (e.g., a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 530 may be a removable or non-removable medium, and may include a machine-readable medium, such as a flash drive, a disk, or any other medium, which may be capable of being used to store information and / or data and may be accessed within the electronic device 500.

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

[0104] The communication unit 540 implements communication with other electronic devices through a communication medium. Additionally, the functions of the components of the electronic device 500 can be implemented in a single computing cluster or multiple computing machines that can communicate through a communication connection. Therefore, the electronic device 500 can operate in a networked environment using a logical connection with one or more other servers, a network personal computer (PC), or another network node.

[0105] The input device 550 may be one or more input devices, such as a mouse, a keyboard, a tracking ball, etc. The output device 560 may be one or more output devices, such as a display, a speaker, a printer, etc. The electronic device 500 may also communicate with one or more external devices (not shown) through the communication unit 540 as needed, such as a storage device, a display device, etc., communicate with one or more devices that allow a user to interact with the electronic device 500, or communicate with any device that allows the electronic device 500 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).

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

[0107] Various aspects of the present disclosure are described herein with reference to the flowcharts and / or block diagrams of the methods, devices, equipment, and computer program products implemented according to the present disclosure. It should be understood that each box in the flowchart and / or block diagram and the combination of each box in the flowchart and / or block diagram 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 device, thereby producing a machine, so that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device that implements the functions / actions specified in one or more boxes in the flowchart and / or block diagram is generated. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause the computer, programmable data processing device, and / or other equipment to work in a specific manner, so that the computer-readable medium storing the instructions includes a manufactured product, which includes instructions for implementing various aspects of the functions / actions specified in one or more boxes in 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 so that a series of operational steps are performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, so that the instructions executed on the computer, other programmable data processing apparatus, or other device implement the functions / actions specified in one or more boxes in the flowchart and / or block diagram.

[0110] The flow chart and block diagram in the accompanying drawings show the possible architecture, function and operation of the system, method and computer program product according to multiple implementations of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a part of a module, program segment or instruction, and a part of a module, program segment or instruction includes one or more executable instructions for realizing the logical function of the specification. In some implementations as replacements, the function marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous square boxes can actually be executed substantially in parallel, and they can sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be realized by a special hardware-based system that performs the function or action of the specification, or can be realized by a combination of special hardware and computer instructions.

[0111] The above descriptions of various implementations of the present disclosure are exemplary, non-exhaustive, and not limited to the disclosed implementations. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described implementations. The selection of terms used herein is intended to best explain the principles of the implementations, practical applications, or improvements to the technology in the market, or to enable other persons of ordinary skill in the art to understand the various implementations disclosed herein.

Claims

1. An interface interaction method, comprising: Displaying a playback interface of a target work, the playback interface comprising a first area for displaying the target work and a second area for displaying additional information of the target work, the layout style of the playback interface being independent of the type of the target work, the type comprising an image work or a video work; In response to receiving the target operation, adjusting the display sizes of the first area and the second area; as well as The target work is displayed in the adjusted first area in a target mode, the target mode corresponds to the type of the target work, and the target mode indicates a filling method of the first area.

2. The method according to claim 1, wherein adjusting the display sizes of the first area and the second area in response to receiving the target operation comprises: In the playback interface, receiving a sliding operation in a preset direction; as well as Based on the sliding operation, a first display size of the first area is reduced and a second display size of the second area is increased.

3. The method according to claim 2, further comprising: displaying a first animation associated with increasing the size of the second area; as well as By monitoring the first animation parameter of the first animation, a second animation associated with at least one component in the playback interface is triggered.

4. The method according to claim 3, wherein triggering a second animation associated with at least one component in the playback interface comprises: Based on the first change of the first animation parameter, a second animation parameter of the second animation associated with the at least one component is updated to trigger the second animation.

5. The method of claim 4, wherein the first animation parameter comprises a first size of the first area, and the second animation parameter comprises at least one of the following: a second dimension of the at least one component; a transparency of the at least one component; The location of the at least one component.

6. The method according to claim 1, wherein displaying the target work in the adjusted first area in target mode comprises: In response to the target work being the video work, the video work is displayed in the adjusted first area in a first mode, so that the video work maintains a preset proportion in the adjusted first area.

7. The method according to claim 1, wherein displaying the target work in the adjusted first area in target mode comprises: In response to the target work being the image work, the image work is displayed in a second mode in the adjusted first area, so that the adjusted first area displays a portion of the image work.

8. The method according to claim 1, wherein the additional information includes at least one of the following: The text content of the target work; at least one identifier associated with the target work; Interactive content associated with the target work.

9. The method according to claim 1, wherein before receiving the target operation, the second area displays a first set of additional information, Furthermore, the method further comprises: In response to receiving the target operation, the second area is updated to display a second set of additional information, wherein the second set of additional information includes more content than the first set of additional information.

10. The method of claim 9, wherein the first set of additional information corresponds to a first set of information types, the second set of additional information corresponds to the second set of information types, and the second set of information types has a smaller number than the second set of information types.

11. The method according to claim 1, wherein the second area further comprises a control bar, the method further comprising: In response to receiving the target operation, the control bar is adjusted from a first style to a second style, the first style and the second style corresponding to different types of controls and / or different control layouts.

12. A device for interface interaction, comprising: A first display module is configured to display a playback interface of a target work, wherein the playback interface includes a first area for displaying the target work and a second area for displaying additional information of the target work, and a layout style of the playback interface is independent of a type of the target work, which includes an image work or a video work; an adjustment module, configured to adjust display sizes of the first area and the second area in response to receiving a target operation; as well as The second display module is configured to display the target work in the adjusted first area in a target mode, where the target mode corresponds to the type of the target work and indicates a filling method of the first area.

13. An electronic device, comprising: at least one processing unit; as well as At least one memory, the at least one memory being coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions causing the electronic device to perform the method according to any one of claims 1 to 11 when executed by the at least one processing unit.

14. A computer-readable storage medium having a computer program stored thereon, wherein the computer program can be executed by a processor to implement the method according to any one of claims 1 to 11.

Images