Interface display method and device, electronic equipment and readable storage medium

Abstract

The invention relates to an interface display method and device, computer equipment and a readable storage medium. The method comprises the steps that in the display process of target multimedia data, in response to a trigger operation for a broadcast control function container, the broadcast control function container is displayed, and the broadcast control function container is used for bearing a first function component; and in response to a switching operation for the functional components, displaying a broadcast control functional container for bearing the second functional component. By adopting the method, the balance between the function bearing and the picture display can be realized, the interference on the information transmission of the multimedia data is avoided, and the display effect of the multimedia data is improved.

Description

TECHNICAL FIELD

[0001] The present disclosure relates to the technical field of computer, and particularly relates to an interface display method and device, electronic equipment and readable storage medium. BACKGROUND

[0002] In the current high-speed development of mobile Internet, short video products have become an important medium for users' daily information consumption and entertainment and leisure. In the user experience composition of short video products, the interactive design of the player is one of the core links that affect the user's use experience. Since the main function of the player's primary interface is to watch videos, the commonly used broadcast control functions need to be handled in a light interaction form, both to enable users to conveniently find the required functions and to ensure that the functions have strong bearability.

[0003] Currently, the industry generally uses a long press gesture to trigger the broadcast control panel, and the function layout is mainly arranged horizontally and vertically. With the increasing diversification of user needs, content consumption functions such as liking, sharing, and commodity link jumping, as well as personalized setting functions such as quality adjustment and playback speed selection, are continuously integrated into the broadcast control panel. To solve the display problem caused by the rapid increase in the number of functions, the industry's conventional approach is to increase the height of the broadcast control panel to display more function options on the same screen.

[0004] However, this solution raises new problems: as the height of the broadcast control panel continues to increase, the area of the video screen that is blocked continues to expand, which seriously interferes with the transmission of video information and affects the display effect of the video information. SUMMARY

[0005] The present disclosure provides an interface display method, device, electronic equipment and readable storage medium to at least solve the balance between the function integration of the broadcast control panel and the display effect of the video information in the related art. The technical solutions of the present disclosure are as follows:

[0006] According to a first aspect of an embodiment of the present disclosure, an interface display method is provided, comprising:

[0007] In the display process of the target multimedia data, in response to a triggering operation on the broadcast control function container, the broadcast control function container is displayed, and the broadcast control function container is used to carry a first function component;

[0008] In response to a switching operation on the function component, a broadcast control function container for carrying a second function component is displayed.

[0009] In one of the embodiments, at least two function classification label information are displayed in the display interface, and in response to the switching operation on the function component, the broadcast control function container for carrying the second function component is displayed, comprising:

[0010] In response to a switching operation for the function component, switching the tab page displayed by the control function container from a first tab page to a second tab page, the first tab page corresponding to a first function classification label and used to carry a first function component corresponding to the first function classification label, and the second tab page corresponding to a second function classification label and used to carry a second function component corresponding to the second function classification label.

[0011] In one of the embodiments, there are a plurality of control function containers, each of the control function containers having a corresponding function classification label and used to carry a function component corresponding to the function classification label, and the control function container carrying the first function component is a first control function container,

[0012] The displaying of the control function container used to carry the second function component in response to the switching operation for the function component includes:

[0013] In response to the switching operation for the function component, the first control function container is hidden, and a second control function container used to carry the second function component is gradually displayed.

[0014] In one of the embodiments, the plurality of control function containers are arranged in a stacked form or displayed in a surrounding arrangement.

[0015] In one of the embodiments, when the plurality of control function containers are arranged in a stacked form, the control function container at the uppermost layer is completely displayed, and the other control function containers are only displayed with corresponding title bars.

[0016] In one of the embodiments, the displaying of the control function container in response to the triggering operation for the control function container includes:

[0017] In response to the triggering operation for the control function container, a control function container panel is displayed, and the control function container panel displays a plurality of thumbnail images of control function containers;

[0018] In response to a triggering operation for a target thumbnail image, a control function container corresponding to the target thumbnail image is displayed, and the target thumbnail image is any of the thumbnail images.

[0019] In one of the embodiments, the displaying of the control function container in response to the triggering operation for the control function container includes:

[0020] In response to the triggering operation for the control function container, a side bar is displayed, and the side bar displays function classification label information of each control function container;

[0021] In response to a trigger operation for the target function classification label information, a preview page corresponding to the target classification label information is displayed with preset transparency, and the preview page is used to display content of a control function container corresponding to the target classification label information.

[0022] In response to a trigger operation for the preview page, the control function container is displayed.

[0023] In one of the embodiments, the control function container includes any one of a control function panel and a play function card.

[0024] According to a second aspect of the embodiments of the present disclosure, an interface display device is provided, including:

[0025] The first display unit is configured to perform, in a display process of target multimedia data, display of a control function container in response to a trigger operation for the control function container, and the control function container is used to carry a first function component.

[0026] The second display unit is configured to perform display of a control function container used to carry a second function component in response to a switching operation for the function component.

[0027] In one of the embodiments, at least two function classification label information are displayed in the display interface, and the display of the control function container used to carry the second function component in response to the switching operation for the function component includes:

[0028] In response to the switching operation for the function component, a tab page displayed by the control function container is switched from a first tab page to a second tab page, the first tab page corresponds to a first function classification label and is used to carry a first function component corresponding to the first function classification label, and the second tab page corresponds to a second function classification label and is used to carry a second function component corresponding to the second function classification label.

[0029] In one of the embodiments, there are a plurality of control function containers, each of the control function containers has a corresponding function classification label and is used to carry a function component under the corresponding function classification label, the control function container carrying the first function component is a first control function container,

[0030] The display of the control function container used to carry the second function component in response to the switching operation for the function component includes:

[0031] In response to the switching operation for the function component, the first control function container is hidden, and a second control function container used to carry the second function component is gradually displayed.

[0032] In one of the embodiments, the plurality of the broadcast function containers are arranged in a stacked form, or the plurality of the broadcast function containers are displayed in a surrounding arrangement.

[0033] In one of the embodiments, when the plurality of the broadcast function containers are arranged in a stacked form, the broadcast function container at the uppermost layer fully displays the content, and the other broadcast function containers only display the corresponding title bar.

[0034] In one of the embodiments, the displaying the broadcast function container in response to the triggering operation on the broadcast function container comprises:

[0035] In response to the triggering operation on the broadcast function container, a broadcast function container panel is displayed, and the broadcast function container panel displays a plurality of thumbnail images of the broadcast function containers;

[0036] In response to the triggering operation on the target thumbnail image, the broadcast function container corresponding to the target thumbnail image is displayed, and the target thumbnail image is any of the thumbnail images.

[0037] In one of the embodiments, the displaying the broadcast function container in response to the triggering operation on the broadcast function container comprises:

[0038] In response to the triggering operation on the broadcast function container, a side bar is displayed, and the side bar displays function classification label information of each broadcast function container;

[0039] In response to the triggering operation on the target function classification label information, a preview page corresponding to the target classification label information is displayed with a preset transparency, and the preview page is used to display the content of the broadcast function container corresponding to the target classification label information.

[0040] In response to the triggering operation on the preview page, the broadcast function container is displayed.

[0041] In one of the embodiments, the broadcast function container comprises any of a broadcast function panel and a play function card.

[0042] According to a third aspect of the embodiments of the present disclosure, an electronic device is provided, comprising: a processor; a memory for storing instructions executable by the processor; and wherein the processor is configured to execute the instructions to implement any of the interface display methods provided in the first aspect.

[0043] According to a fourth aspect of the embodiments of the present disclosure, a computer readable storage medium is provided, and when instructions in the computer readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute any of the interface display methods provided in the first aspect.

[0044] According to a fifth aspect of the embodiments of the present disclosure, a computer program product is provided, which comprises instructions executed by a processor of an electronic device, so that the electronic device can perform any of the interface display methods provided in the first aspect.

[0045] The technical solutions provided by the embodiments of the present disclosure at least have the following beneficial effects:

[0046] The interface display method and device, electronic device and readable storage medium provided by the embodiments of the present disclosure can, in the process of displaying target multimedia data, display a control function container in response to a triggering operation on the control function container, the control function container being used to carry a first function component, and display a control function container used to carry a second function component in response to a switching operation on the function component. By using the interface display method and device, electronic device and readable storage medium provided by the embodiments of the present disclosure, the physical space expansion of the control panel is replaced by the hierarchical carrying and dynamic switching of the function component, and the user can obtain the dual improvement of picture integrity and function expansibility by slight interaction cost, so as to balance between function carrying and picture display, avoid interference with the information transmission of the multimedia data, and improve the display effect of the multimedia data.

[0047] It should be understood that the foregoing general description and the following detailed description are only exemplary and explanatory, and cannot limit the present disclosure. BRIEF DESCRIPTION OF DRAWINGS

[0048] The accompanying drawings incorporated in the specification and forming a part of the specification illustrate embodiments consistent with the present disclosure, and together with the description, serve to explain the principles of the present disclosure, and do not limit the present disclosure.

[0049] Figure 1 FIG. 1 is a flowchart of an interface display method according to an example embodiment.

[0050] Figure 2a FIG. 2 is an interface schematic diagram according to an example embodiment.

[0051] Figure 2b FIG. 3 is an interface schematic diagram according to an example embodiment.

[0052] Figure 2c FIG. 4 is an interface schematic diagram according to an example embodiment.

[0053] Figure 2d FIG. 5 is an interface schematic diagram according to an example embodiment.

[0054] Figure 3a FIG. 6 is an interface schematic diagram according to another example embodiment.

[0055] Figure 3b is a schematic diagram of an interface according to another example embodiment.

[0056] Figure 3c is a schematic diagram of an interface according to another example embodiment.

[0057] Figure 4a is a schematic diagram of an interface according to an example embodiment.

[0058] Figure 4b is a schematic diagram of an interface according to an example embodiment.

[0059] Figure 5 is a flowchart of step 102 according to an example embodiment.

[0060] Figure 6 is a flowchart of step 102 according to another example embodiment.

[0061] Figure 7 is a block diagram of an interface display device according to an example embodiment.

[0062] Figure 8 is a block diagram of an electronic device according to an example embodiment. DETAILED DESCRIPTION

[0063] It should be noted that the terms "first", "second", and the like in the description and in the claims of the present disclosure and above-described figures do not necessarily have an ordinal or chronological significance. It should be understood that where appropriate, the data used herein can be interchanged, so that the embodiments of the present disclosure described herein can be carried out in sequences other than those illustrated or described herein. The implementations described in the following example embodiments are not meant to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatuses and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0064] It should also be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data for display, analyzed data, etc.) involved in the present disclosure are all information and data authorized by the user or authorized by all parties.

[0065] Figure 1 is a flowchart of an interface display method according to an example embodiment, which is exemplified in the present embodiment by applying the method to a terminal. It should be understood that the method can also be applied to a server, or to a system including a terminal and a server, and implemented through the interaction of the terminal and the server. In the present embodiment, the method includes the following steps 102 to 104, wherein:

[0066] Step 102, in the process of displaying the target multimedia data, a control function container is displayed in response to a triggering operation for the control function container, the control function container being used to carry a first function component;

[0067] In the embodiments of the present disclosure, the target multimedia data is any multimedia data being played in the current interface, and in the process of playing the target multimedia data, the user can operate the target multimedia data through a corresponding function component, and the function component can be carried in the control function container. In an exemplary embodiment, the control function container includes any of a control function panel and a play function card.

[0068] For example, the user can control the terminal to display the control function container through a triggering operation for the control function container, and then select a target function component from at least one first function component carried in the control function container, and execute an interactive operation for the target multimedia data by triggering the target function component. The triggering operation for the control function container can include a long press operation for the display interface, a voice control instruction, a triggering operation for a function control for calling the triggering function container, etc., and the embodiments of the present disclosure do not make specific limitations on the triggering operation for the control function container.

[0069] Step 104, in response to a switching operation for the function component, a control function container for carrying a second function component is displayed.

[0070] In the embodiments of the present disclosure, in the case where the target function component does not exist in the first function component currently carried by the control function container, the user can control the terminal to display the control function container carrying the second function component through a switching operation for the function component, wherein the second function component is different from the first function component, and the function classification label corresponding to the second function component is different from the function classification label corresponding to the first function component. The switching operation for the function component can include a swipe operation in the display area of the function component, a triggering operation for a switching control for triggering a switching instruction, a voice control instruction, etc., and the embodiments of the present disclosure do not make specific limitations on the switching operation for the function component.

[0071] The control function container carrying the second function component can be the same as or different from the control function container carrying the first function component, and the embodiments of the present disclosure do not make specific limitations thereon.

[0072] It should be noted that after switching to the control function container carrying the second function component, if the target function component does not exist in the second function component, the switching for the second function component can be continued, that is, the second function component is taken as a new first function component, and the operation of the foregoing step 104 is repeatedly executed until the target function component is displayed, or all function components are displayed.

[0073] The interface display method provided in the embodiments of the present disclosure can display a control function container in response to a triggering operation on the control function container in the display process of the target multimedia data, the control function container is used to carry a first function component, and a control function container used to carry a second function component is displayed in response to a switching operation on the function component. By using the interface display method provided in the embodiments of the present disclosure, the hierarchical carrying and dynamic switching of the function component are adopted to replace the physical space expansion of the control panel, and the user can obtain the dual improvement of picture integrity and function expansibility by slight interaction cost, so as to balance between function carrying and picture display, avoid interference with the information transmission of the multimedia data, and improve the display effect of the multimedia data.

[0074] In an exemplary embodiment, at least two function classification label information are displayed in the display interface, and in step 104, in response to the switching operation on the function component, the control function container used to carry the second function component is displayed, which can include the following steps:

[0075] In response to the switching operation on the function component, the tab page displayed by the control function container is switched from the first tab page to the second tab page, the first tab page corresponds to the first function classification label and is used to carry the first function component corresponding to the first function classification label, and the second tab page corresponds to the second function classification label and is used to carry the second function component corresponding to the second function classification label.

[0076] In the embodiments of the present disclosure, the function components can be classified according to function classification labels, and the specific function classification labels, classification principles and methods are not limited in the embodiments of the present disclosure, and any label that can divide the function components into multiple groups is applicable to the embodiments of the present disclosure. For example, referring to FIG. 1, the function components can be divided into frequently used functions and related recommendations according to user usage frequency or popularity, the frequently used functions include function components with higher user usage frequency for interaction, and the related recommendations include function components recommended based on the current target multimedia data, the function components can display recommended multimedia data information, and triggering the multimedia data information can jump to the playing page of the multimedia data. Alternatively, referring to FIG. 2, the function components can be divided into frequently used functions and related recommendations according to user usage frequency or popularity, the frequently used functions include function components with higher user usage frequency for interaction, and the related recommendations include function components recommended based on the current target multimedia data, the function components can display recommended multimedia data information, and triggering the multimedia data information can jump to the playing page of the multimedia data. Figures 2a to 2d Figures 3a to 3c ​As shown, the functional components can be divided into commonly used functions, related recommendations, and author information, which can include relevant information of the author for displaying the target multimedia data and functional components for interacting with the author.

[0077] When the control function container is displayed in response to the triggering operation on the control function container, at least two functional classification label information can be displayed at a preset position, which can be in the form of text, icon, label bar, etc., and used for identifying different functional classification labels. The preset position can be inside the control function container, such as the central position at the top or bottom of the control function container (see Figures 2a to 2b As shown), or can also be outside the control function container, such as the central position close to the top or bottom of the control function container outside the control function container (see Figures 2c to 2d As shown).

[0078] The terminal can display the control function container in response to the triggering operation on the control function container. The current control function container displays a first tab page, which is a tab page corresponding to a first functional classification label, and carries a first functional component. The functional classification label information corresponding to the first functional classification label corresponding to the current first tab page can be highlighted or bolded and displayed in a large size.

[0079] The terminal can switch to a second tab page in response to a swiping operation (such as up and down swiping, left and right swiping, double-finger swiping, etc.), a voice control instruction, etc. The second tab page is a tab page corresponding to a second functional classification label, and carries a second functional component. After switching, the functional classification label information corresponding to the second functional classification label corresponding to the second tab page can be highlighted or bolded and displayed in a large size.

[0080] It should be noted that after switching to the second tab page, if the target functional component does not exist in the second functional component, the switching can continue to be performed on the second functional component until the target functional component is displayed, or all functional components are displayed. The specific process can refer to the foregoing embodiments, which are not limited in the embodiments of the present application.

[0081] By using the interface display method provided in the embodiments of the present application, the functional components can be divided into different tab pages for display by the functional classification labels. In this way, more functional components can be carried without increasing the size of the control function container, which has better scalability, so as to balance the function carrying and picture display, avoid interference with the information transmission of the multimedia data, and improve the display effect of the multimedia data.

[0082] In an example embodiment, there are multiple control function containers, each of which has a corresponding function classification label and is used to carry a function component under the corresponding function classification label, the control function container carrying the first function component is a first control function container, and in response to a switching operation for the first function component, the control function container carrying the second function component is displayed in step 104, which can include the following steps:

[0083] In response to the switching operation for the function component, the first control function container is hidden, and the second control function container is gradually displayed, the second control function container being used to carry the second function component.

[0084] In the embodiments of the present disclosure, different function components under different function classification labels can be carried by different control function containers, that is, the control function container and the function classification label are in a one-to-one relationship. The multiple control function containers can be arranged in sequence, and when a switching operation for a function component is received, the adjacent previous or next control function container is switched to display. The control function container displayed before switching can be the first control function container, and the function component carried thereby can be the first function component. The control function container displayed after switching can be the second control function container, and the function component carried thereby can be the second function component.

[0085] In the process of switching from the first control function container to the second control function container, the first control function container can be gradually hidden, and the second control function container can be gradually displayed until it is fully expanded. For example, as shown in Figures 4a to 4b The switching process of multiple control function containers is shown. Figure 4a In the example shown in Figure 4b In the example shown in

[0086] The interface display method provided in the embodiments of the present disclosure can divide the function components into different control function containers according to the function classification labels, so that more function components can be carried without increasing the size of the control function container, and the extension is better, so that the balance between function carrying and picture display is achieved, the interference with the information transmission of the multimedia data is avoided, and the display effect of the multimedia data is improved.

[0087] In an example embodiment, the multiple control function containers are arranged in a stacked form or are displayed in a surrounding arrangement, so that more components can be carried by the multiple control function containers without causing more occlusion of the picture of the multimedia data.

[0088] In one exemplary embodiment, when multiple broadcast control function containers are arranged in a stacked manner, the topmost broadcast control function container fully displays the content, while the other broadcast control function containers only display the corresponding title bar.

[0089] For example, each broadcast control function container can use the same or different background colors, such as a dark gray semi-transparent background color, a light gray background color, etc., and at the same time, the title text is displayed in the title bar with clear font and appropriate font size. The title bar can be displayed in the center of the top or bottom of the broadcast control function container, or in the center of the left or right side. This disclosure embodiment does not make specific limitations on this.

[0090] For the container content area, only the topmost control function container is fully displayed. Other control function containers only display their corresponding title bars, i.e., the title text corresponding to the control function container. The title text can be the function category label corresponding to the control function container. Users can trigger the terminal to switch to the control function container corresponding to the title bar by triggering the title bar of the control function container. For example, when the user clicks the title bar of a non-topmost container, the container switching logic is triggered. At this time, the topmost first control function container performs a fade-out or shrink animation (e.g., the transparency decreases from 100% to 0% within 1 second, or the size shrinks from 100% to 0%), while the second control function container moves from the lower layer to the top layer and performs a fade-in or enlargement animation (e.g., the transparency increases from 0% to 100% within 1 second, or the size enlarges from 0% to 100%), maintaining the visual continuity of the interface during the animation.

[0091] In one exemplary embodiment, the title bar can also be equipped with a long-press gesture function. A long press will bring up a menu with more operation options, such as "pin this container to the top" or "delete this container", to meet the user's personalized operation needs.

[0092] The interface display method provided in this embodiment arranges multiple broadcast control function containers in a stacked manner, with only the topmost broadcast control function container fully displayed, while other broadcast control function containers only display their corresponding title bars. This can reduce the obstruction area of ​​the multimedia data screen, while allowing users to quickly lock and switch to the corresponding function component's broadcast control function container through the title bar, simplifying user operations and improving interaction efficiency.

[0093] In one exemplary embodiment, reference is made to Figure 5 As shown, in step 102, in response to a trigger operation on the broadcast control function container, displaying the broadcast control function container may include the following steps 502 to 504, wherein:

[0094] At step 502, in response to a triggering operation for the control function container, a control function container panel is displayed, and the control function container panel displays thumbnails of a plurality of control function containers.

[0095] At step 504, in response to a triggering operation for a target thumbnail, a control function container corresponding to the target thumbnail is displayed, and the target thumbnail is any thumbnail.

[0096] In the embodiments of the present disclosure, the control function container panel is used to display thumbnails of a plurality of control function containers, and the terminal can display the control function container panel in response to a triggering operation (for example, clicking, gesture operation (such as double-finger up swipe, long-pressing a video picture blank), voice instruction (such as “open the function panel”), etc.) for the control function container. In an exemplary embodiment, the terminal can automatically highlight the thumbnail of the control function container most likely to be used by the user according to the user's historical operation habits, the current video type, and other factors when the control function container panel pops up.

[0097] The user can quickly lock the control function container to be operated from the control function container panel, and trigger the target thumbnail corresponding to the control function container. The terminal can display the control function component in response to a triggering operation for the target thumbnail. It should be noted that after the control function component is displayed, subsequent switching operations can refer to the related descriptions of the foregoing embodiments, which will not be described here again in the embodiments of the present disclosure.

[0098] By using the interface display method provided in the embodiments of the present disclosure, the control function container panel displays functions in the form of thumbnails, and the user does not need to search one by one in a complex interface, but can quickly lock the target through visual scanning. Triggering the thumbnail in the panel can display the corresponding function component, avoiding multi-level menu switching, which can greatly reduce the user operation time cost and improve the interactive efficiency.

[0099] In an exemplary embodiment, referring to FIG. 1, at step 102, in response to a triggering operation for the control function container, the control function container is displayed, which can include the following steps 602 to 606. Figure 6

[0100] At step 602, in response to a triggering operation for the control function container, a sidebar is displayed, and the sidebar displays function classification label information of each control function container.

[0101] At step 604, in response to a triggering operation for target function classification label information, a preview page corresponding to the target classification label information is displayed with a preset transparency, and the preview page is used to display the content of the control function container corresponding to the target classification label information.

[0102] ​At step 606, in response to the triggering operation for the preview page, a control function container is displayed.

[0103] In the embodiments of the present disclosure, the function classification label information corresponding to each playing function container can be displayed through a sidebar. For example, the sidebar can be triggered by swiping from the edge of the screen inward (swiping from the left edge to trigger the sidebar), or the sidebar can be triggered by a specific keyword (e.g., "open the function menu") in combination with a voice instruction. For example, the sidebar can have a semi-transparent background to reduce the obstruction of the video screen and highlight the label information. The function classification label information can be in the form of an icon and / or text.

[0104] In the embodiments of the present disclosure, the user can trigger the display of the preview page corresponding to the target function classification label information in the sidebar. The preview page can be displayed with a preset transparency (the specific value can be set by a person skilled in the art), and the content of the control function container corresponding to the target function classification label information is displayed in the preview page. The user can quickly master the function components carried in each control function container through the preview page, and then quickly jump to the control function container where the target function component is located for operation. The size of the preview page can be relatively small, and the display position can be set in the lower part of the player.

[0105] By using the interface display method provided in the embodiments of the present disclosure, the preview page corresponding to the control function container can be viewed through the sidebar, the function components carried in each control function container can be quickly mastered, and then the control function containers can be quickly switched, and the corresponding function components can be operated to interact with the target multimedia data. The operation time cost of the user can be greatly reduced, and the interaction efficiency can be improved.

[0106] It should be understood that although Figures 1-6 The steps in the flowchart can be displayed in sequence according to the arrows, but these steps are not necessarily executed in sequence according to the arrows. Unless otherwise specified in this document, the execution of these steps is not strictly limited in sequence, and these steps can be executed in other sequences. Moreover, Figures 1-6 At least part of the steps in the flowchart can include multiple steps or multiple stages, which are not necessarily executed at the same time, but can be executed at different times. The execution sequence of these steps or stages is not necessarily sequential, but can be executed in rotation or alternation with other steps or steps or stages in other steps.

[0107] It can be understood that the same / similar parts of each embodiment of the above method in the specification can be mutually referred to, and each embodiment focuses on the differences from other embodiments, and the related parts can be referred to the description of other method embodiments.

[0108] Figure 7 is a device block diagram 700 of an interface display according to an exemplary embodiment. Referring to Figure 7 , the device includes a first display unit 702 and a second display unit 704, wherein:

[0109] The first display unit 702 is configured to perform, in a display process of target multimedia data, display of a control function container in response to a triggering operation for the control function container, the control function container being used to carry a first function component.

[0110] The second display unit 704 is configured to perform display of a control function container used to carry a second function component in response to a switching operation for the function component.

[0111] The interface display device, the electronic device and the readable storage medium provided by the embodiments of the present disclosure can display a control function container in response to a triggering operation for the control function container in a display process of target multimedia data, the control function container being used to carry a first function component, and display a control function container used to carry a second function component in response to a switching operation for the function component. By using the interface display device, the electronic device and the readable storage medium provided by the embodiments of the present disclosure, the layered carrying and dynamic switching of the function component replace the physical space expansion of the control panel, and the user can obtain the dual improvement of picture integrity and function expansibility through slight interaction cost, so as to balance between function carrying and picture display, avoid interference with information transmission of multimedia data, and improve the display effect of multimedia data.

[0112] In one of the embodiments, at least two function classification label information are displayed in the display interface, and the display of the control function container used to carry the second function component in response to the switching operation for the function component includes:

[0113] In response to the switching operation for the function component, the tab page displayed by the control function container is switched from a first tab page to a second tab page, the first tab page corresponding to a first function classification label and being used to carry a first function component corresponding to the first function classification label, and the second tab page corresponding to a second function classification label and being used to carry a second function component corresponding to the second function classification label.

[0114] In one of the embodiments, there are a plurality of control function containers, each of the control function containers having a corresponding function classification label and being used to carry a function component under the corresponding function classification label, the control function container carrying the first function component being a first control function container,

[0115] The response to the switching operation for the function component displays a control function container for carrying the second function component, including:

[0116] The response to the switching operation for the function component hides the first control function container and gradually displays a second control function container, which is used to carry a second function component.

[0117] In one of the embodiments, the plurality of control function containers are arranged in a stacked form, or the plurality of control function containers are displayed in a surrounding arrangement.

[0118] In one of the embodiments, when the plurality of control function containers are arranged in a stacked form, the control function container at the uppermost layer fully displays the content, and the other control function containers only display the corresponding title bar.

[0119] In one of the embodiments, the response to the triggering operation for the control function container displays the control function container, including:

[0120] The response to the triggering operation for the control function container displays a control function container panel, and the control function container panel displays a plurality of thumbnail images of the control function containers;

[0121] The response to the triggering operation for a target thumbnail image displays the control function container corresponding to the target thumbnail image, and the target thumbnail image is any of the thumbnail images.

[0122] In one of the embodiments, the response to the triggering operation for the control function container displays the control function container, including:

[0123] The response to the triggering operation for the control function container displays a side bar, and the side bar displays function classification label information of each control function container;

[0124] The response to the triggering operation for a target function classification label information displays a preview page corresponding to the target classification label information with a preset transparency, and the preview page is used to display the content of the control function container corresponding to the target classification label information.

[0125] The response to the triggering operation for the preview page displays the control function container.

[0126] In one of the embodiments, the control function container includes any of a control function panel and a play function card.

[0127] Figure 8is a block diagram of an electronic device 800 for an interface presentation method according to an exemplary embodiment. The electronic device 800 can be, for example, a mobile phone, a computer, a digital broadcasting terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0128] Referring to Figure 8 The electronic device 800 can include one or more of the following components: a processing component 802, a memory 804, a power supply component 806, a multimedia component 808, an audio component 810, an input / output (I / O) interface 812, a sensor component 814, and a communication component 816.

[0129] The processing component 802 usually controls overall operations of the electronic device 800, such as operations associated with displaying, making phone calls, data communications, camera operations, and recording operations. The processing component 802 can include one or more processors 820 to execute instructions to complete all or part of steps of the above-described methods. In addition, the processing component 802 can include one or more modules to facilitate interaction between the processing component 802 and other components. For example, the processing component 802 can include a multimedia module to facilitate the interaction between the multimedia component 808 and the processing component 802.

[0130] The memory 804 is configured to store various types of data to support operations of the electronic device 800. Examples of these data include instructions for any application or method operating on the electronic device 800, contact data, phonebook data, messages, pictures, videos, etc. The memory 804 can be implemented by any type of volatile or non-volatile storage devices or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disc, optical disc, or graphene memory.

[0131] The power supply component 806 supplies electric power for the various components of the electronic device 800. The power supply component 806 can include a power supply management system, one or more power supplies, and other components associated with generating, managing, and distributing electric power for the electronic device 800.

[0132] The multimedia component 808 includes a screen to provide an output interface between the electronic device 800 and a user. In some embodiments, the screen can include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen can be implemented as a touch screen to receive input signals from a user. The touch panel includes one or more touch sensors to sense touch, swiping, and gestures on the touch panel. The touch sensor can not only sense a boundary of a touching or swiping action, but also detect duration and pressure related to the touching or swiping action. In some embodiments, the multimedia component 808 includes a front camera and / or a rear camera. When the electronic device 800 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera can receive external multimedia data. Each of the front camera and the rear camera can be a fixed optical lens system or have a focal length and optical zoom capability.

[0133] The audio component 810 is configured to output and / or input audio signals. For example, the audio component 810 includes a microphone (MIC) to receive external audio signals when the electronic device 800 is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals can be further stored in the memory 804 or transmitted via the communication component 816. In some embodiments, the audio component 810 also includes a speaker to output audio signals.

[0134] The I / O interface 812 provides an interface between the processing component 802 and peripheral interface modules, which can be a keypad, a click wheel, buttons, and the like. The buttons can include, but are not limited to, a home button, a volume button, a start button, and a lock button.

[0135] The sensor component 814 includes one or more sensors to provide various state assessments for the electronic device 800. For example, the sensor component 814 can detect an open / closed state of the electronic device 800, relative positioning of components, such as a display and a keypad of the electronic device 800, a change in position of the electronic device 800 or components of the electronic device 800, presence or absence of user contact with the electronic device 800, a change in orientation of the device 800 or acceleration / deceleration of the electronic device 800, and a temperature change of the electronic device 800. The sensor component 814 can include a proximity sensor configured to detect presence of a nearby object without any physical touch. The sensor component 814 can also include a light sensor, such as a CMOS or CCD image sensor, for use in an imaging application. In some embodiments, the sensor component 814 can further include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0136] The communication component 816 is configured to facilitate wired or wireless communication between the electronic device 800 and other devices. The electronic device 800 can access a wireless network based on a communication standard, such as WiFi, a cellular network standard (such as 2G, 6G, 4G, or 5G), or a combination thereof. In an example embodiment, the communication component 816 receives a broadcast signal or broadcast related information from an external broadcast management system via a broadcast channel. In an example embodiment, the communication component 816 further includes a Near Field Communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on Radio Frequency Identification (RFID) techniques, infrared data association (IrDA) techniques, ultra-wideband (UWB) techniques, Bluetooth (BT) techniques, and other techniques.

[0137] In an example embodiment, the electronic device 800 can be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, micro-controllers, microprocessors, or other electronic elements, for performing the above-described methods.

[0138] In an example embodiment, a computer-readable storage medium including instructions, such as the memory 804 including instructions, is also provided, which can be executed by the processor 820 of the electronic device 800 to complete the above-described methods. For example, the computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disc, and an optical data storage device, etc.

[0139] In an example embodiment, a computer program product including instructions, which can be executed by the processor 820 of the electronic device 800 to complete the above-described methods, is also provided.

[0140] It should be noted that the above-described apparatus, electronic device, computer-readable storage medium, computer program product, and the like according to the description of the method embodiments can also include other implementation manners, and the specific implementation manners can be referred to the description of the related method embodiments, which will not be repeated here.

[0141] Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the features of the disclosure as set forth herein. It is intended that the specification and examples be considered as exemplary only, with the true scope and spirit of the disclosure being indicated by the following claims.

[0142] It should be understood that the present disclosure is not limited to the precise construction that has been described above and shown in the accompanying drawings, and that various modifications and changes can be made by those skilled in the art without departing from the scope of the present disclosure. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An interface presentation method, characterized by, The method comprises the following steps: In the process of displaying the target multimedia data, a control function container is displayed in response to a triggering operation on the control function container, the control function container being used to carry a first function component; In response to a switching operation on the function component, a control function container used to carry a second function component is displayed.

2. The method of claim 1, wherein, The display interface displays at least two function classification label information, and the control function container used to carry the second function component is displayed in response to the switching operation on the function component, which comprises the following steps: In response to the switching operation on the function component, a tab page displayed by the control function container is switched from a first tab page to a second tab page, the first tab page corresponding to a first function classification label and being used to carry a first function component corresponding to the first function classification label, and the second tab page corresponding to a second function classification label and being used to carry a second function component corresponding to the second function classification label.

3. The method of claim 1, wherein, There are a plurality of control function containers, each of the control function containers has a corresponding function classification label, and each of the control function containers is used to carry a function component under the corresponding function classification label, the control function container carrying the first function component being a first control function container, The control function container used to carry the second function component is displayed in response to the switching operation on the function component, which comprises the following steps: In response to the switching operation on the function component, the first control function container is hidden, and a second control function container used to carry the second function component is gradually displayed.

4. The method of claim 3, wherein, The plurality of control function containers are arranged in a stacked form or are displayed in a surrounding arrangement.

5. The method of claim 4, wherein, When the plurality of control function containers are arranged in a stacked form, a control function container located at the uppermost layer fully displays content, and other control function containers only display corresponding title bars.

6. The method of claim 1, wherein, The control function container is displayed in response to the triggering operation on the control function container, which comprises the following steps: In response to the triggering operation on the control function container, a control function container panel is displayed, the control function container panel displaying a plurality of thumbnail images of control function containers; In response to a triggering operation on a target thumbnail image, a control function container corresponding to the target thumbnail image is displayed, the target thumbnail image being any of the thumbnail images.

7. The method of claim 1, wherein, The control function container is displayed in response to the triggering operation on the control function container, which comprises the following steps: In response to the triggering operation on the control function container, a side bar is displayed, the side bar displaying function classification label information of each control function container; In response to a triggering operation on target function classification label information, a preview page corresponding to the target classification label information is displayed with a preset transparency, the preview page being used to display content of a control function container corresponding to the target classification label information; In response to a triggering operation on the preview page, the control function container is displayed.

8. The method of claim 1, wherein, The control function container comprises any one of a control function panel and a play function card.

9. An interface presentation device, characterized by The method comprises the following steps: The first display unit is configured to perform displaying the control function container for carrying the first function component in response to a trigger operation for the control function container in a display process of target multimedia data. The second display unit is configured to perform displaying the control function container for carrying the second function component in response to a switching operation for the function component.

10. An electronic device, comprising: Comprise: A processor; A memory for storing instructions executable by the processor; Wherein the processor is configured to execute the instructions to implement the interface display method of any one of claims 1 to 8.

11. A computer readable storage medium characterized by, When the instructions in the computer readable storage medium are executed by the processor of the electronic device, the electronic device can perform the interface display method of any one of claims 1 to 8.

Images