Interface interaction method and apparatus, and device and storage medium

Abstract

The embodiments of the present disclosure relate to an interface interaction method and apparatus, and a device and a storage medium. The method provided herein comprises: displaying a playback interface of a target work, wherein the playback interface comprises 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 comprises an image work or a video work; in response to receiving a target operation, adjusting the display sizes of the first area and the second area; and displaying the target work in a target mode in an adjusted first area, wherein the target mode corresponds to the type of the target work, and the target mode indicates a filling mode of the first area.

Description

Interface interaction method, device, apparatus, and storage medium

[0001] The present application claims priority to the Chinese patent application No. 202410896749.2, filed on July 4, 2024, entitled “Interface interaction method, device, apparatus, and storage medium”, the whole content of which is incorporated herein by reference. TECHNICAL FIELD

[0002] Example embodiments of the present disclosure generally relate to the field of computers, and in particular, to an interface interaction method, device, apparatus, and computer-readable storage medium. BACKGROUND

[0003] 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 picture-text works), etc. SUMMARY

[0004] In a first aspect of the present disclosure, an interface interaction method is provided. The method comprises: displaying a playing interface of a target work, the playing interface comprising a first area for displaying the target work and a second area for displaying additional information of the target work, a layout style of the playing interface being independent of a type of the target work, the type comprising an image work or a video work; in response to receiving a target operation, adjusting display sizes 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, the target mode indicating a filling manner of the first area.

[0005] In a second aspect of the present disclosure, an apparatus for interface interaction is provided. The apparatus comprises: a first display module configured to display a playing interface of a target work, the playing interface comprising a first area for displaying the target work and a second area for displaying additional information of the target work, a layout style of the playing interface being independent of a type of the target work, the type comprising an image work or a video work; an adjustment module configured to, in response to receiving a target operation, adjust display sizes of the first area and the second area; and a second display module configured to display the target work in a target mode in the adjusted first area, the target mode corresponding to the type of the target work, the target mode indicating a filling manner of the first area.

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

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

[0008] In a fifth aspect of the disclosure, a computer program product is provided. The computer program product is tangibly stored in a computer storage medium and includes computer-executable instructions, wherein the computer-executable instructions, when executed by a device, cause the device to implement the method of the first aspect.

[0009] It should be understood that nothing in the Summary is to be construed as a limitation on the scope of the embodiments of the disclosure or the present disclosure. Other features, aspects, and advantages of the disclosure will become apparent from the following description, which is given for the purpose of illustration, not limitation. BRIEF DESCRIPTION OF DRAWINGS

[0010] The above and other features, aspects, and advantages of embodiments of the disclosure will become more apparent from the following description in conjunction with the accompanying drawings. In the drawings, like reference numerals denote like elements, wherein:

[0011] FIG. 1 shows a schematic diagram of an example environment in which embodiments according to the present disclosure can be implemented;

[0012] FIGS. 2A-2D show example interfaces according to some embodiments of the disclosure;

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

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

[0015] FIG. 5 shows a block diagram of an electronic device capable of implementing embodiments of the disclosure. DETAILED DESCRIPTION

[0016] Embodiments of the disclosure will be described in more detail with reference to the drawings. While certain embodiments of the disclosure will be shown in the drawings, it should be understood that the disclosure can be embodied in various forms and should not be construed as being limited to the embodiments set forth herein, but rather, the embodiments are provided for more thorough and complete understanding of the disclosure. It should be understood that the drawings and embodiments of the disclosure are only for illustrative purposes and are not intended to limit the scope of protection of the disclosure.

[0017] It should be noted that the titles of any sections / sub-sections provided herein are not limiting. Various embodiments are described throughout this document and any type of embodiment can be included under any section / sub-section. Furthermore, embodiments described in any section / sub-section can be combined with any other embodiments described in the same section / sub-section and / or different section / sub-section in any manner.

[0018] In the description of embodiments of the disclosure, the term "includes" and its derivatives, should be understood to be open terms, 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 or implicit definitions can also be included below. The terms "first", "second", etc. can refer to different or the same objects. Other explicit and implicit definitions can also be included below.

[0019] Data of users, acquisition and / or use of data, etc. can be involved in embodiments of the disclosure. These aspects all comply with corresponding laws and regulations and relevant provisions. In embodiments of the disclosure, all data collection, acquisition, processing, processing, forwarding, use, etc. are carried out on the premise that the user is aware of and confirms. Accordingly, when implementing various embodiments of the disclosure, the type of data or information that can be involved, the use range, the use scenario, etc. should be notified to the user and the authorization of the user should be obtained through appropriate means according to relevant laws and regulations. The specific notification and / or authorization mode can vary according to the actual situation and application scenario, and the scope of the disclosure is not limited in this respect.

[0020] In the specification and embodiments of the present disclosure, if personal information processing is involved, it will be processed on the premise of legality (for example, obtaining the consent of the subject of personal information, or being necessary for the performance of a contract, etc.), and only within the prescribed or agreed range. Users refuse to process personal information other than the necessary information required for basic functions, which will not affect the user's use of basic functions.

[0021] As mentioned above, some platforms can support users to publish various types of works, such as video works, image works (also known as image-text works), etc. However, traditional schemes usually need to use different interfaces to structure to play different types of works, which affects the efficiency of users to obtain information and the interactive experience.

[0022] Embodiments of the present disclosure propose an interface interaction scheme. According to the scheme, a playing interface of a target work can be displayed, the playing interface comprising a first region for displaying the target work and a second region for displaying additional information of the target work, a layout style of the playing interface being independent of a type of the target work, the type comprising an image work or a video work. Further, in response to receiving a target operation, a display size of the first region and the second region is adjusted. Accordingly, the target work can be displayed in a target mode in the adjusted first region, the target mode corresponding to the type of the target work, the target mode indicating a filling manner of the first region.

[0023] In this way, embodiments of the present disclosure can display different types of works (e.g., video works or image works) according to a unified architecture, and can control the style of the playing region in different states according to the difference of the types of works.

[0024] Thus, embodiments of the present disclosure can provide the uniformity of content consumption, thereby improving the experience of users consuming content. In addition, by consuming different types of works with the unified framework, embodiments of the present disclosure can also reduce the cost of development.

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

[0026] Example Environment

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

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

[0029] In the environment 100 of FIG. 1, 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.

[0030] In some embodiments, the electronic device 110 communicates with the server 130 to enable provisioning of services of the application 120. The electronic device 110 can be any type of mobile terminal, fixed terminal, or portable terminal including a mobile handset, a tablet computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a palmtop computer, a portable gaming terminal, a VR / AR device, a Personal Communication System (PCS) terminal, 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 broadcast receiver, an electronic book device, a game device, or any combination thereof, including an accessory or peripheral device for the foregoing, or any combination thereof. In some embodiments, the electronic device 110 can also support any type of interface to a user (such as “wearable” circuitry, etc.).

[0031] The server 130 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing 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 basic cloud computing services such as big data and artificial intelligence platforms. The server 130 may, for example, include a computing system / server, such as a mainframe, an edge computing node, a computing device in a cloud environment, and the like. The server 130 can provide background services for the application 120 in the electronic device 110 that supports a virtual scene.

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

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

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

[0035] Example Interaction

[0036] FIGS. 2A-2B illustrate example interfaces 200A-200B, in accordance with some embodiments of the present disclosure. The interfaces 200A-200B may, for example, be provided by the electronic device 110 illustrated in FIG. 1.

[0037] As shown in FIG. 2A, the interface 200A can be a playback interface of a video work. As shown in FIG. 2A, the interface 200A can include two regions, a first region 205 and a second region 210. The first region 205 can also be referred to as a playback region, and the second region 210 can also be referred to as an information region.

[0038] As an example, the first region 205 can include a playback container of the video work. For example, the first region 205 can be used to control the playback progress of the video work, pause or continue playing the video work, etc. As an example, the first region 205 may, for example, also include a control 215 for controlling whether to mute the playback.

[0039] As an example, the second region 210 may, for example, be used to display additional information associated with the video work. In some embodiments, the additional information may, for example, include textual content of the video work, e.g., title content, introduction content, etc. In some embodiments, the additional information may, for example, also include at least one identifier associated with the video work, e.g., a location identifier added by a publisher of the video work, etc. In some embodiments, the additional information may, for example, also include interactive content associated with the video work, e.g., comment content, etc.

[0040] In some embodiments, in the state as shown in FIG. 2A, due to the limitation of the display size of the second region 210, the second region 210 may, for example, display one or more of the above additional information.

[0041] In some embodiments, the second region 210 may, for example, also include a control bar 220. The control bar 220 can provide a set of interactive controls for interacting with the video work. The interactive controls may, for example, include but are not limited to: a comment control, a like control, a collect control, a forward control, etc.

[0042] In some embodiments, the electronic device 110 can receive a target operation of the user. As an example, such a target operation can include a swipe operation 230 in the interface 200A. For example, the electronic device 110 can receive an operation of swiping the second region 210 upwards of the interface 200A.

[0043] Accordingly, as shown in FIG. 2B, the electronic device 110 can adjust the display size of the first region 205 and the second region 210 based on the received swipe operation 230. Specifically, the electronic device 110 can increase the display size of the second region 210 and decrease the display size of the first region 205 such that the second region 210, for example, can present more information.

[0044] In some embodiments, as shown in FIG. 2B, the electronic device 110 can display the video work in a first mode corresponding to the video work in the adjusted first region 205.

[0045] Specifically, the electronic device 110 can cause the video work to maintain a preset ratio in the first region 205. The preset ratio can be independent of the ratio of the first region 205. For example, as shown in FIG. 2B, the swipe operation causes the height of the first region 205 to be decreased. The video work, for example, can also be scaled accordingly and can maintain the original picture ratio without changing with the height of the first region 205.

[0046] In the first mode, the first region 205, for example, will have an unfilled blank area. As an example, the electronic device 110, for example, can also fill such a blank area with a preset color.

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

[0048] Further, in the state as shown in FIG. 2B, the second region 210 has a larger display size. Accordingly, the second region 210 can increase the display size of the first component 225 to, for example, display the complete description content.

[0049] Additionally, the second region 210 can also display one or more more components. For example, in the state as shown in FIG. 2B, the second region 210 can display a second component 230 and a third component 235. The second component 230, for example, can display the author information and a follow control of the video work. The third component 235, for example, can display the interaction information of the video work, such as a comment control and comment information.

[0050] Thus, compared to the state shown in FIG. 2A, the second region 210 shown in FIG. 2B can present more content, for example. For example, in the state shown in FIG. 2A, the second region 210 can display a first set of additional information; in the state shown in FIG. 2B, the second region 210 can display a second set of additional information, and the second set of additional information can include more content than the first set of additional information.

[0051] Additionally, compared to the first set of additional information, the second set of additional information presented by the second region 210 shown in FIG. 2B can also include more types of additional information, for example. For example, in the state shown in FIG. 2A, comment information can not be displayed, for example. Accordingly, in the state shown in FIG. 2B, the second panel 210 can present comment information of the video work.

[0052] In some embodiments, compared to the state shown in FIG. 2A, the electronic device 110 can also change the control bar 220 included in the second region 210. For example, as shown in FIG. 2, the electronic device 110 can display an updated control bar 240.

[0053] As shown in FIGS. 2A and 2B, the first style of the control bar 220 is different from the second style of the control bar 240. Specifically, the control bar 220 and the control bar 240 can have different types of controls, for example. As shown in FIGS. 2A and 2B, the control bar 220 can include a like control, a collect control, and the like, while the control bar 240 can include a picture input control and an expression input control, for example.

[0054] In some embodiments, the control bar 220 and the control bar 240 can also have different control layouts, for example. For example, in the case of the same controls included, the two control bars can display the controls in different control layouts, for example.

[0055] Thus, embodiments of the present disclosure can provide the user with more information about the work based on the target operation of the user (e.g., the swipe operation 230) and can not affect the continued viewing of the video work.

[0056] In some embodiments, the electronic device 110 can implement the switching from the state shown in FIG. 2A to the state shown in FIG. 2B through a transition animation. In some embodiments, the electronic device 110 can trigger the execution of a first animation corresponding to the enlargement of the second region 210. For example, the electronic device 110 can execute the first animation by changing a height parameter of the second region.

[0057] To improve the efficiency of the animation switching, the electronic device 110 can also trigger a second animation associated with at least one component in the interface 200A by listening to a first animation parameter of the first animation.

[0058] As an example, the electronic device 110 can define a transition animation of components in the playback interface and can control the transition animation of the components by listening to the change of the first animation parameter of the second region 210.

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

[0060] As an example with FIG. 2A, the electronic device 110 can also trigger an animation to reduce the first region 205. Accordingly, the electronic device 110 can adjust the animation parameter (e.g., height) of the first region 205 by listening to the first animation parameter (e.g., the size parameter of the second region 210, such as height). As such, the height of the first region 205 can be reduced accordingly with the height of the second region 210.

[0061] In some embodiments, such a transition animation can also include an animation of one or more components included in the second region 210. As an example, the electronic device 110 can trigger an animation associated with the first component 225 based on the first animation parameter. For example, the electronic device 110 can determine the second animation parameter (e.g., component height) of the first component 225 based on the first animation parameter (e.g., region height) to expand the display size of the first component 225 to display the full description content of the video work.

[0062] Additionally, the electronic device 110 can complete the animation process of the first component synchronously with the completion of the first animation of the second region 210 to transition the first component 225 to the state as shown in FIG. 2B.

[0063] In some embodiments, the electronic device 110 can also trigger an animation of the second component 230 and the third component 235 based on the first animation parameter, for example. For example, the electronic device 110 can determine the animation parameter (e.g., component height) of the second component 235 and the third component 235 based on the first animation parameter (e.g., region height) to increase from an initial height (e.g., zero) to a target height of the components gradually.

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

[0065] As an example, the first transparency can decrease with the increase of the component height of the first region 210, and the second transparency can increase with the increase of the component height of the first region 210. Thus, embodiments of the present disclosure can realize the transition effect from the control bar 220 to the control bar 240.

[0066] In some embodiments, the electronic device 110 may, for example, also determine the position parameter of the component (e.g., the control 215) based on the first animation parameter, thereby triggering the translation animation corresponding to the control 215.

[0067] Based on the above-described process, embodiments of the present disclosure can trigger the collaborative process of other animations by listening to the animation parameter, thereby realizing the complete transition animation to improve the fluency of the interface switching.

[0068] FIGS. 2C-2D illustrate example interfaces 200C-200D according to some embodiments of the present disclosure. The interfaces 200C-200D may, for example, be provided by the electronic device 110 shown in FIG. 1.

[0069] Unlike the examples shown in FIGS. 2A and 2B, FIG. 2C can correspond to a playing interface of an image work (e.g., a picture-text work). Such an image work may, for example, include one or more images.

[0070] As shown in FIG. 2C, the interface 200A and the interface 200C can correspond to the same layout style. Such a layout style can indicate the components included in the interface and the distribution of the components. As shown in FIG. 2C, the interface 200C can also have a first region 255 and a second region 260, and in addition, the second region 260 can include the same type of components and control bars as the example shown in FIG. 2A.

[0071] In the application 140, the playing interfaces corresponding to the video work and the image work can have the same layout style. Thus, embodiments of the present disclosure can provide a unified consumption experience for the user, thereby improving the user’s interactive experience.

[0072] In some embodiments, the electronic device 110 may, based on the received target operation (e.g., the sliding operation), also switch the interface 200C to the interface 200D. Unlike the video work shown in FIG. 2B, the electronic device 110 may, according to the sliding operation, move the image work accordingly, and may, after zooming out, display the image work in the first region 255 in the first mode, so that the zoomed-out first region displays only a part of the image work.

[0073] In comparison with the video work, the electronic device 110 can not change the display scale of the image work, but only pan the image work. In this way, embodiments of the present disclosure can further provide different detail information consumption styles according to different consumption needs of the video work and the image work, thereby improving the user's interactive experience.

[0074] Example process

[0075] FIG. 3 shows a flowchart of an example process 300 of interface interaction, according to some embodiments of the present disclosure. The process 300 can be implemented at the electronic device 110. The process 300 is described below with reference to FIG. 1.

[0076] As shown in FIG. 3, at block 310, the electronic device 110 displays a play interface of a target work, the play interface including a first area for displaying the target work and a second area for displaying additional information of the target work, a layout style of the play interface being independent of a type of the target work, the type including an image work or a video work.

[0077] At block 320, the electronic device 110 adjusts display sizes of the first area and the second area in response to receiving a target operation.

[0078] At block 330, the electronic device 110 displays the target work in a target mode in the adjusted first area, the target mode corresponding to the type of the target work, the target mode indicating a filling manner of the first area.

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

[0080] In some embodiments, the 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 play interface by listening to a first animation parameter of the first animation.

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

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

[0083] In some embodiments, displaying the target work in the target mode in the adjusted first region includes: in response to the target work being a video work, displaying the video work in a first mode in the adjusted first region, such that the video work keeps a preset proportion in the adjusted first region.

[0084] In some embodiments, displaying the target work in the target mode in the adjusted first region includes: in response to the target work being an image work, displaying the image work in a second mode in the adjusted first region, such that the adjusted first region displays a part of the image work.

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

[0086] In some embodiments, before receiving the target operation, the second region displays a first set of additional information, and the process 300 further includes: in response to receiving the target operation, updating the second region 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.

[0087] In some embodiments, the first set of additional information corresponds to a first set of information types, and the second set of additional information corresponds to a second set of information types, and the number of the second set of information types is less than the first set of information types.

[0088] In some embodiments, the second region further includes a control bar, and the process 300 further includes: in response to receiving the target operation, adjusting the control bar 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.

[0089] Example apparatus and device

[0090] Embodiments of the present disclosure also provide a corresponding apparatus for implementing the above method or process. FIG. 4 shows a schematic structural block diagram of an example apparatus 400 for interface interaction, according to certain embodiments of the present disclosure. The apparatus 400 can be implemented as or included in the electronic device 110. Various modules / components in the apparatus 400 can be implemented by hardware, software, firmware, or any combination thereof.

[0091] As shown in FIG. 4, the apparatus 400 includes a first display module 410 configured to display a play interface of a target work, the play interface including a first area for displaying the target work and a second area for displaying additional information of the target work, a layout style of the play interface being independent of a type of the target work, the type including an image work or a video work; an adjustment module 420 configured to, in response to receiving a target operation, adjust a display size of the first area and the second area; and a second display module 430 configured to display the target work in a target mode in the adjusted first area, the target mode corresponding to the type of the target work, the target mode indicating a filling manner of the first area.

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

[0093] In some embodiments, the apparatus 400 further includes a third display module configured to display a first animation associated with the increase of the second area; and trigger a second animation associated with at least one component in the play interface by listening to a first animation parameter of the first animation.

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

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

[0096] 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 a first mode in the adjusted first area, such that the video work maintains a preset proportion in the adjusted first area.

[0097] 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 a second mode in the adjusted first area, such that the adjusted first area displays a part of the image work.

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

[0099] In some embodiments, the first display module 410 is further configured to display, before receiving the target operation, the second area with a first set of additional information, and the apparatus 400 further includes an updating module configured to update, in response to receiving the target operation, 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.

[0100] 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 a number of the second set of information types is less than a number of the first set of information types.

[0101] In some embodiments, the second area further includes a control bar, and the apparatus 400 further includes a control module configured to adjust, in response to receiving the target operation, the control bar 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.

[0102] FIG. 5 illustrates a block diagram of an electronic device 500 in which one or more embodiments of the disclosure can be implemented. It should be understood that the electronic device 500 illustrated in FIG. 5 is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. The electronic device 500 illustrated in FIG. 5 can be used to implement the electronic device 110 of FIG. 1.

[0103] As shown in FIG. 5, the electronic device 500 is in the form of a general electronic device. Components of the electronic device 500 can include, but are not limited to, one or more processing units or processors 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 processor 510 can be a real or virtual processor and is capable of performing various processing according to programs stored in the memory 520. In a multi-processor system, multiple processors perform computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 500.

[0104] The electronic device 500 typically includes a plurality of computer storage media. Such media can be any available media that is accessible by the electronic device 500 and includes both volatile and nonvolatile media, removable and non-removable media. The memory 520 can be volatile (such as register, cache, RAM), non-volatile (such as ROM, EEPROM, flash memory), or some combination of the two. The storage device 530 can be a removable or non-removable media, and can include machine-readable media, such as flash drives, magnetic disks, or any other media that can be used to store information and / or data and that can be accessed by the electronic device 500.

[0105] The electronic device 500 can further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 5, a disk drive for reading from or writing to a removable, non-volatile magnetic disk (e.g., a "floppy disk"), and an optical disk drive for reading from or writing to a removable, non-volatile optical disk (e.g., a CD-ROM) can be provided. In such instances, each drive can be connected to the bus (not shown) by one or more data media interfaces. The memory 520 can include a computer program product 525 having one or more program modules configured to carry out the various methods or actions of the various embodiments of the present disclosure.

[0106] The communication unit 540 enables communication with other electronic devices over communication media. Additionally, the functionality of the components of the electronic device 500 can be implemented in a single computing cluster or a plurality of computer machines capable of communication over a communication connection. Thus, the electronic device 500 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network nodes.

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

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

[0109] The computer readable program instructions can also be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable apparatus or other device to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide processes for implementing the functions / acts specified in the flowchart and / or block diagram block or blocks.

[0110] These computer readable program instructions can be provided to a processor 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 processor 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 can also be stored in a computer readable storage medium that can include a non-transitory computer readable storage medium. The instructions stored on the computer readable storage medium can be used to program a computer, a programmable data processing apparatus, and / or other devices to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide processes for implementing the functions / acts specified in the flowchart and / or block diagram block or blocks.

[0111] The computer readable program instructions can also be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable apparatus or other device to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide processes for implementing the functions / acts specified in the flowchart and / or block diagram block or blocks.

[0112] ​The computer program product of the present disclosure can have a signal including said computer program. This signal can be electronic, electromagnetic, optical, or any other suitable type of signal. Such a signal can be provided through a communication connection, such as electrical wiring, optical fiber, wireless interface, etc. Examples of computer program products include computer program implemented on a personal computer, server, or other networked device. A non-transitory computer readable medium, such as a floppy disk, CD-ROM, DVD-ROM, Blu-ray Disc, hard disk drive, or any other suitable non-transitory computer readable medium can store the computer program product.

[0113] Various implementations of the disclosure have been described in detail above. The foregoing description is exemplary and explanatory only, and is not intended to be exhaustive or to limit various implementations of the disclosure to the precise forms disclosed. Many modifications and variations are possible in light of the above teachings without departing from the scope and spirit of the disclosure. It is intended that the scope of the disclosure be limited only by the claims and the equivalents thereof. The use of the terms "including," "containing," "comprising," "having," "in involving," "portions," "elements," "components," "steps," "phases," "processes," "operations," "steps," "stages," "procedures," "methods," "mechanisms," "devices," "systems," "apparatuses," "units," "means," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "apparatuses," "units," "devices," "systems," "

Claims

1. An interface interaction method, comprising: displaying a play interface of a target work, the play interface comprising a first area for displaying the target work and a second area for displaying additional information of the target work, a layout style of the play interface being independent of a type of the target work, the type comprising an image work or a video work; in response to receiving a target operation, adjusting display sizes 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, the target mode indicating a filling manner of the first area.

2. The method of 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 play interface, receiving a sliding operation in a preset direction; and based on the sliding operation, reducing a first display size of the first area and increasing a second display size of the second area.

3. The method of claim 2, further comprising: displaying a first animation associated with increasing the second area; and triggering a second animation associated with at least one component in the play interface by listening to a first animation parameter of the first animation.

4. The method of claim 3, wherein triggering the second animation associated with the at least one component in the play interface comprises: based on a first change of the first animation parameter, updating a second animation parameter of the second animation associated with the at least one component 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: a second size of the at least one component; a transparency of the at least one component; a position of the at least one component.

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

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

8. The method of claim 1, wherein the additional information comprises at least one of: 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 of claim 1, wherein prior to receiving the target operation, the second area displays a first set of additional information, ​ ​ ​ And, the method further comprises: in response to receiving the target operation, updating the second region 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 a second set of information types, and a number of the second set of information types is less than the second set of information types.

11. The method of claim 1, wherein the second region further includes a control bar, the method further comprising: in response to receiving the target operation, adjusting the control bar 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. An apparatus for interface interaction, comprising: a first display module configured to display a playback interface of a target work, the playback interface including a first region for displaying the target work and a second region for displaying additional information of the target work, a layout style of the playback interface being independent of a type of the target work, the type including an image work or a video work; an adjustment module configured to, in response to receiving a target operation, adjust display sizes of the first region and the second region; and a second display module configured to display the target work in a target mode in the adjusted first region, the target mode corresponding to the type of the target work, the target mode indicating a filling manner of the first region.

13. An electronic device, comprising: at least one processor; and at least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor, the instructions, when executed by the at least one processor, cause the electronic device to perform the method according to any one of claims 1-11.

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

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

Images