Interaction method and device, electronic equipment and computer readable storage medium

Abstract

This document relates to an interactive method, apparatus, electronic device, and computer-readable storage medium. The method includes: displaying a first page, the first page including a preview area, a first identifier display area, and a second identifier display area; the preview area includes a first media file; the first identifier display area includes a primary category identifier; the primary category identifier refers to the primary category; the primary category includes secondary categories; the secondary categories include processing tools; the processing tools are used to process the first media file; in response to a selection operation on the primary category, a first type panel and a second type panel are displayed in the second identifier display area; the first type panel includes an identifier of the processing tool currently being applied to the first media file; the second type panel includes identifiers of processing tools under the corresponding secondary category. This can assist users in quickly finding the required processing tools and understanding the currently used processing tools, improving the user's efficiency in processing the first media file.

Description

Technical Field

[0001] This article relates to the field of computer technology, and in particular to an interaction method, apparatus, electronic device, and computer-readable storage medium. Background Technology

[0002] In related technologies, numerous application platforms offer a wealth of media file processing tools to assist users in editing and creating media files (such as images or videos). However, with the increasing number of processing tools, how to manage these tools to help users efficiently process media files when a single application integrates a large number of them is a pressing issue that needs to be addressed. Summary of the Invention

[0003] To address, or at least partially address, the aforementioned technical problems, this document provides an interaction method, apparatus, electronic device, and computer-readable storage medium.

[0004] Firstly, this paper provides an interaction method, including: The system displays a first page, which includes a preview area, a first identifier display area, and a second identifier display area. The preview area is used to display a first media file. The first identifier display area includes a primary category identifier, which refers to a primary category. The primary category includes at least one secondary category. The secondary category includes at least one processing tool, which is used to process the first media file. In response to the selection operation of the primary category, a first type panel and a second type panel are displayed in the second identifier display area; the first type panel is used to display the identifier of the first processing tool; the first processing tool is the processing tool currently being applied to the first media file; the second type panel corresponds to the secondary category and is used to display the identifier of the second processing tool; the second processing tool is the processing tool under the secondary category corresponding to the second type panel.

[0005] Secondly, this paper also provides an interactive device, including: A first display module is used to display a first page, which includes a preview area, a first identifier display area, and a second identifier display area. The preview area is used to display a first media file. The first identifier display area includes a primary category identifier, which refers to the primary category. The primary category includes at least one secondary category. The secondary category includes at least one processing tool. The processing tool is used to process the first media file. The second display module is used to display a first type panel and a second type panel in the second identifier display area in response to the selection operation of the first primary category; the first type panel is used to display the identifier of the first processing tool; the first processing tool is the processing tool currently being applied to the first media file; the second type panel corresponds to the secondary category and is used to display the identifier of the second processing tool; the second processing tool is the processing tool under the secondary category corresponding to the second type panel.

[0006] Thirdly, this document also provides an electronic device, which includes: A storage device on which computer programs are stored; A processor for executing the computer program in the storage device to implement the steps of the interaction method as described above.

[0007] Fourthly, this document also provides a computer-readable storage medium having a computer program stored thereon that, when executed by a processor, implements the interaction method described above.

[0008] The technical solution presented in this paper has the following advantages compared to existing technologies: By setting up a first page display, which includes a preview area, a first identifier display area, and a second identifier display area, the following steps are taken: The preview area displays the first media file; the first identifier display area includes a primary category identifier, which indicates the primary category; each primary category includes at least one secondary category; each secondary category includes at least one processing tool; and the processing tool is used to process the first media file. In response to a selection of a primary category, the second identifier display area displays a first-category panel and a second-category panel. The first-category panel displays the identifier of the first processing tool, which is the processing tool currently being used on the first media file. The second-category panel corresponds to the secondary category and displays the identifier of the second processing tool, which is the processing tool under the secondary category corresponding to the second-category panel. Essentially, this method categorizes processing tools using a two-level classification approach, and the classification results are displayed collaboratively through the first and second identifier display areas. Simultaneously, the processing tool currently applied to the first media file is displayed as an independent dimension. Using this method, users can quickly find the required processing tool without complex operations, and it helps users quickly understand the processing tool currently in use, improving the efficiency of processing the first media file. Attached Figure Description

[0009] The accompanying drawings, which are incorporated in and form part of this specification, illustrate examples consistent with this document and, together with the specification, serve to explain the principles herein.

[0010] To more clearly illustrate the technical solutions in the examples or prior art described herein, the accompanying drawings used in the description of the examples or prior art will be briefly introduced below. Obviously, those skilled in the art can obtain other drawings based on these drawings without any creative effort.

[0011] Figure 1 This paper provides a structural block diagram of an interactive system. Figure 2 A flowchart of an interaction method provided in this paper; Figures 3-8 Schematic diagrams of the display interfaces of several electronic devices provided in this article; Figure 9 A structural block diagram of an interactive device is provided for this paper; Figure 10 This is a schematic diagram of the structure of an electronic device described in this article. Detailed Implementation

[0012] To better understand the objectives, features, and advantages outlined in this paper, the proposed solution will be further described below. It should be noted that the features described herein can be combined with each other, provided there is no conflict.

[0013] The following description sets forth many specific details to provide a full understanding of this document, but it may also be implemented in other ways than those described herein; obviously, the examples in the specification are only a part of the examples in this document, and not all of them.

[0014] It is understandable that before using the technical solutions disclosed in the examples in this article, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this article in an appropriate manner in accordance with relevant laws and regulations, and their authorization should be obtained.

[0015] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the software or hardware, such as electronic devices, applications, servers, or storage media, that perform the operations described herein, based on the prompt message.

[0016] As an optional but non-limiting implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0017] It is understood that the above notification and user authorization process is merely illustrative and does not limit the implementation method described in this article. Other methods that comply with relevant laws and regulations may also be applied to the implementation method described in this article.

[0018] The interaction methods provided in this article can be applied to... Figure 1 The interactive system shown. For example... Figure 1 As shown, the interactive system may include terminal devices, servers, and database servers. The communication links between the terminal devices and servers, and between the servers and database servers, may include a medium (e.g., a network). This network can be implemented as various connection types, such as wired or wireless communication links.

[0019] Various applications (APPs) or software can be installed on terminal devices, such as video playback applications, live streaming applications, collaborative office applications, image generation or processing applications, video generation or processing applications, media resource management applications, video conferencing applications, reading applications, social networking applications, payment applications, web browsers, and instant messaging tools. In some cases, these applications or software can be iterated and changed based on the Continuous Integration / Continuous Delivery (CI / CD) model.

[0020] Terminal devices include, but are not limited to, smartphones, tablets, e-book readers, MP3 players, laptops, desktop computers (PCs), and smart wearable devices.

[0021] A server can be a backend device that provides background support for applications or software running on terminal devices, performing functions such as business logic, model inference, and task scheduling. A database server can be a dedicated server that provides data-related services, such as storing, managing, and querying data involved in the interaction process, including but not limited to user-inputted video or image materials and their metadata. It is understood that if the server can perform the functions of a database server, a database server may not be required in the interactive system.

[0022] The servers and database servers here can be implemented as a distributed server cluster consisting of multiple servers, or as a single server.

[0023] When a user uses a terminal device, the device displays a user interface. The user can issue commands to the application or software through input operations, including but not limited to text input, voice commands, touch interaction, or gesture operations. After receiving the input operations, the application or software processes them based on its functional logic and outputs corresponding feedback information to the user. This feedback information can be presented in the form of a visual user interface, voice broadcast, notification prompts, etc., thus completing a round of human-computer interaction.

[0024] It should be noted that the interaction method provided in this article can be executed by the terminal device, the server, or by the various devices in the interactive system. It should be understood that... Figure 1 The number of terminal devices, servers, and database servers shown is merely illustrative. Depending on implementation needs, any number of terminal devices, servers, and database servers can be included.

[0025] Figure 2 This document provides an interactive flowchart. For example... Figure 2 As shown, the method may specifically include: S110. Display the first page, which includes a preview area, a first identifier display area, and a second identifier display area. The preview area is used to display the first media file. The first identifier display area includes a first-level category identifier. The first-level category identifier is used to refer to the first-level category. The first-level category includes at least one second-level category. The second-level category includes at least one processing tool. The processing tool is used to process the first media file.

[0026] The first page could be, for example, a page used for processing a first media file. The first media file could be, for example, an object to be processed; exemplarily, the first media file could be an image or video. Processing the first media file could include, for example, adding filters, effects, etc.

[0027] In practice, processing tools can be used to process the first media file. These tools can be used to process the first media file globally or locally. Global processing, for example, involves applying a uniform processing operation to the entire area of ​​the first media file, without distinguishing between objects. Examples of global processing include adding filters, adjusting tones, reducing noise, or sharpening the entire area. Local processing, on the other hand, involves applying processing operations only to specific areas or objects within the first media file, leaving the rest unchanged. Examples of local processing include adding stickers, adjusting colors, reducing noise, or adding filters to specific objects within the first media file.

[0028] In practical applications, there are various processing tools available for media files, and these tools may differ in their effects, applicable objects, and application scenarios. To effectively manage these processing tools and make it easier for users to quickly find the tools they need, they can be categorized.

[0029] When classifying processing tools, a multi-level classification approach can be adopted. In this paper, for example, a two-level classification approach can be used to classify processing tools. The first level is the primary classification, and each primary classification contains one or more secondary classifications; each secondary classification contains one or more specific processing tools.

[0030] For example, the primary categories include "Portrait," "Filters," "Composition," and "Elimination." Taking "Filters" as an example, it can be further divided into several secondary categories, such as "Popular," "Textured," "Cinematic," "Fresh," and "Food." Within the secondary category of "Popular," there are several specific processing tools, such as "Filter 1," "Filter 2," "Filter 3," and "Filter 4."

[0031] Each primary category has a corresponding primary category identifier. The primary category identifier can be, for example, information that distinguishes different primary categories. For example, the primary category identifier can include the name or number of the primary category. Similarly, each secondary category has a corresponding secondary category identifier. The secondary category identifier can be, for example, information that distinguishes different secondary categories. For example, the secondary category identifier can include the name or number of the secondary category. Each processing tool has a corresponding processing tool identifier. The processing tool identifier can be, for example, information that distinguishes different processing tools. For example, the processing tool identifier can include the name or number of the processing tool.

[0032] The preview area could be, for example, the area on the first page used to display the status of the first media file in real time.

[0033] When processing the first media file, users can select some or all of the available processing tools to apply, thereby achieving the desired effect. Users can also remove one or more applied processing tools; once a tool is removed, the first media file will no longer retain the effect of that tool. During the processing of the first media file, the preview area provides real-time feedback on its current state. Specifically, when a processing tool is applied, the preview area displays the effect of that tool on the first media file; when a processing tool is removed, the preview area displays the original effect of the first media file before processing.

[0034] The first label display area can be, for example, the area on the first page used to display the primary category labels. In some cases, the first label display area can also display secondary category labels in addition to primary category labels.

[0035] The second identification display area could be, for example, the area on the first page used to display the icons for processing tools. In some cases, processing tools can be grouped and displayed according to secondary categories.

[0036] In practice, the layout of the preview area, the first logo display area, and the second logo display area on the first page can be varied, and this article does not impose any restrictions on this. For example, see... Figure 3 On the first page, the preview area, the second logo display area, and the first logo display area are arranged sequentially from left to right.

[0037] S120. In response to the selection operation of the primary category, a first type panel and a second type panel are displayed in the second identifier display area; the first type panel is used to display the identifier of the first processing tool; the first processing tool is the processing tool currently being applied to the first media file; the second type panel corresponds to the secondary category and is used to display the identifier of the second processing tool; the second processing tool is the processing tool under the secondary category corresponding to the second type panel.

[0038] The selection operation for a primary category can be, for example, an operation that reflects a user's desire to view processing tools under a specific primary category. For instance, the selection operation for a primary category can be a click, swipe, or drag operation on the identifier of a primary category.

[0039] When processing the first media file, the user can select some or all of the available processing tools from the set of available processing tools. In this document, a second processing tool can be, for example, a tool from the "set of available processing tools," and a first processing tool can be, for example, the processing tool currently selected by the user and applied to the first media file. In practice, the user can continuously try applying a second processing tool to the first media file. Once a second processing tool is applied, it becomes the first processing tool. If the user removes a processing tool (i.e., no longer applies it to the first media file), that tool will no longer be the first processing tool, but it will still be considered a second processing tool.

[0040] For example, suppose there are four processing tools: "Filter 1", "Filter 2", "Filter 3", and "Filter 4". If at a certain moment only "Filter 2" and "Filter 3" are applied to the first media file, then "Filter 2" and "Filter 3" belong to both the first and second processing tools; "Filter 1" and "Filter 4" do not belong to the first processing tool but belong to the second processing tool. Then, at another moment, the user removes "Filter 3", that is, no longer applies "Filter 3" to the first media file. At this moment, "Filter 2" belongs to both the first and second processing tools; "Filter 1", "Filter 3", and "Filter 4" do not belong to the first processing tool but belong to the second processing tool. Then, at yet another moment, the user removes "Filter 1". "Filter 1", "Filter 2", "Filter 3", and "Filter 4" all do not belong to the first processing tool but belong to the second processing tool.

[0041] The first type of panel could be a panel used to centrally display the logo of the first processing tool.

[0042] The second type of panel has a corresponding secondary category. For example, a second type of panel could be a panel used to centrally display the identifiers of the second processing tools under its corresponding secondary category. In practice, one or more second type panels can be displayed in the second identifier display area. If multiple second type panels are displayed in the second identifier display area, each second type panel corresponds to a different secondary category.

[0043] Both the first and second type panels are displayed within the second signage display area. Optionally, within the second signage display area, the first type panel is displayed above all the second type panels. That is, the first type panel is the first panel displayed within the second signage display area.

[0044] Optionally, in response to the selection of a primary category, the icons of the secondary categories under the selected primary category are displayed in the first icon display area. The purpose of this setup is to help users understand the classification system for categorizing processing tools, enabling them to quickly find the processing tools they need.

[0045] For example, suppose the primary category includes categories such as "Portrait," "Filters," "Composition," and "Elimination." Taking "Filters" as an example, it can be further divided into several secondary categories, such as "Popular," "Textured," "Cinematic," and "Fresh." The "Popular" secondary category contains 11 filter tools, namely Filter 1 through Filter 11. The "Textured" secondary category contains 8 filter tools, namely Filter a through Filter h.

[0046] See Figure 3The first page includes a preview area, a first icon display area, and a second icon display area; these three areas are arranged sequentially from left to right. The preview area displays Image 1, which is the first media file. The first icon display area shows several primary category icons: "Portrait," "Filters," "Composition," and "Eliminate." If the user clicks the "Filters" primary category icon, see... Figure 4 The second identification display area displays both type 1 and type 2 panels. There is one type 1 panel in the second identification display area. This type 1 panel includes Filter 2 and Filter b, meaning that Filter 2 and Filter b have been applied to Image 1 at the current moment. Therefore, the preview area currently displays the state of Image 1 after the effects of Filter 2 and Filter b have been applied. There are two type 2 panels in the second identification display area. The first type 2 panel from the top corresponds to the secondary category "Popular," and all the second processing tools displayed in this panel are processing tools under the "Popular" category. The second type 2 panel from the top corresponds to the secondary category "Texture," and all the second processing tools displayed in this panel are processing tools under the "Texture" category.

[0047] contrast Figure 3 and Figure 4 After clicking the "Filters" primary category icon, the secondary categories under the "Filters" primary category will be displayed in the first icon display area.

[0048] Due to the size limitations of the first page, Figure 4 Only two second-type panels are shown in the image. Figure 4 Based on this, users can update the content of the second identifier display area through panel switching operations to display second-category panels corresponding to other secondary categories. For example, after switching, the second identifier display area can display second-category panels corresponding to "Movies" and second-category panels corresponding to "Fresh". The panel switching operation can be, for example, an operation that reflects the user's desire to switch the content of the second identifier display area. For example, the panel switching operation can be a swipe operation along a preset direction, etc.

[0049] The above solution sets up a first page, which includes a preview area, a first identifier display area, and a second identifier display area. The preview area displays the first media file. The first identifier display area includes a primary category identifier, which indicates the primary category. Each primary category includes at least one secondary category, and each secondary category includes at least one processing tool. The processing tool is used to process the first media file. In response to a selection of a primary category, the second identifier display area displays a first-category panel and a second-category panel. The first-category panel displays the identifier of the first processing tool, which is currently being used on the first media file. The second-category panel corresponds to the secondary category and displays the identifier of the second processing tool, which is the processing tool under the corresponding secondary category. Essentially, this solution categorizes processing tools using a two-tiered system, and the first and second identifier display areas collaboratively show the categorization results. Simultaneously, the processing tool currently applied to the first media file is displayed as an independent dimension. Using this method, users can quickly find the required processing tool without complex operations, and it helps users quickly understand the currently used processing tool, improving the efficiency of processing the first media file.

[0050] Based on the above technical solution, optionally, the display state of the second type of panel includes a first state and a second state; in the first state, the maximum number of second processing tools that the second type of panel can accommodate is a first value; in the second state, the maximum number of second processing tools that the second type of panel can accommodate is a second value; the first value is less than the second value; in response to the selection operation of the primary category identifier, displaying the second type of panel in the second identifier display area includes: in response to the selection operation of the primary category identifier, and the number of second processing tools included in the secondary category is greater than the first value, displaying the second type of panel in the first state in the second identifier display area; the second type of panel includes a first switching option; in response to the selection operation of the first switching option, switching the display state of the second type of panel to the second state.

[0051] "In the first state, the maximum number of second processing tools that the second type panel can accommodate is a first value; in the second state, the maximum number of second processing tools that the second type panel can accommodate is a second value; the first value is less than the second value" means that the maximum number of second processing tools that the second type panel can display at one time in the first state is less than the number of second type panels in the second state.

[0052] If the number of second processing tools included in a certain secondary category is greater than the first value, it means that if the second type panel corresponding to the secondary category is displayed in the first state, the second type panel cannot display all the identifiers of the second processing tools under the secondary category at once.

[0053] The first switching option could be, for example, an option to switch the second type of panel from the first state to the second state.

[0054] The selection operation of the first switching option can be, for example, an operation indicating that the user wants to switch the second type of panel from the first state to the second state. For example, the selection operation of the first switching option can include clicking, swiping or dragging the first switching option.

[0055] For example, suppose the secondary category "Popular" contains 100 filter tools, i.e., Filter 1 to Filter 100. The second panel corresponding to the "Popular" secondary category can hold a maximum of 15 second-level filters in the first state and 31 in the second state. Since "Popular" currently has 100 filter tools, this is greater than 15. Figure 3 Based on this, if a user clicks on the "Filters" primary category icon, see [link to relevant page]. Figure 5 The second panel, corresponding to "Popular," is displayed in the second identification display area. This second panel is in its first state, showing only the first 14 filters under "Popular," and the "Show More" option. The "Show More" option is the first toggle option. If the user clicks the "Show More" option, see [link to relevant section]. Figure 6 The display state of the second type of panel is switched from the first state to the second state. In the second state, the second type of panel displays the identifiers of 31 second processing tools at a time.

[0056] Since the maximum number of second processing tools that the second type of panel can accommodate in the first state is less than the maximum number of second processing tools that the second type of panel can accommodate in the second state, this means that the area occupied by the second type of panel in the first state is less than the area occupied by the second type of panel in the second state. This also means that if the second type of panel is displayed in the first state, the second signage display area can accommodate multiple second type of panels at a time; while if the second type of panel is displayed in the second state, the number of second type of panels that the second signage display area can accommodate at a time is less.

[0057] Because the processing tools are pre-categorized using a two-tiered system, users can easily find the tools they need by following the order of "Primary Category → Secondary Category → Processing Tool". By setting a response to a selection of a primary category identifier, and if the number of second-level processing tools included in the secondary category exceeds a certain threshold, the second category panel is displayed in the secondary identifier display area in a first state. The second category panel includes a first switching option. In response to a selection of the first switching option, the display state of the second category panel is switched to the second state. Essentially, even if the number of second-level processing tools under a certain secondary category exceeds the maximum number of second-level processing tools that the second category panel can hold in the first state, upon detecting a selection of a primary category, the second category panel is displayed in the first state by default. This allows the secondary identifier display area to show multiple second category panels at once, enabling users to quickly find the second category panel corresponding to the secondary category they need. When a user's explicit switching operation for a certain second-category panel state is detected, it means that the user has confirmed that they want to find a specific processing tool under the corresponding secondary category of the second-category panel. The state of the second-category panel is then switched to the second state. At this time, the second-category panel can display more processing tools at a time, which can facilitate the user to quickly find the specific processing tool, improve the efficiency of the user in finding the specific processing tool, and thus improve the user's processing efficiency of the first media file.

[0058] Based on the above technical solution, the method may optionally include: displaying a second switching option in the second type of panel in response to the second type of panel being in a second state; and switching the display state of the second type of panel to a first state in response to the selection operation of the second switching option.

[0059] The second switching option could be, for example, an option to switch the second type of panel from the second state to the first state.

[0060] The operation of selecting the second switching option can be, for example, an operation indicating that the user wants to switch the second type of panel from the second state to the first state. For example, the operation of selecting the second switching option can include clicking, swiping or dragging the second switching option.

[0061] For example, see Figure 6 The second switching option is the triangle option in the upper right corner of the second category panel corresponding to "Popular". If the user clicks... Figure 6 The second toggle option in the settings, the second category panel corresponding to "Popular" is in the second state (see...). Figure 6 Switch to the first state (see) Figure 5 ).

[0062] By setting the second switching option to be displayed in the second switching panel in response to the second switching option being in the second state, and switching the display state of the second switching panel to the first state in response to the selection of the second switching option, the essence is to meet the user's need to switch the display state of the second switching panel from the second state to the first state so as to view the usage of processing tools under other secondary categories.

[0063] Furthermore, the solution may also include: when the second type panel is in the second state, in response to the processing tool switching operation, updating the second processing tool displayed in the second type panel; the second processing tool displayed in the second type panel before and after the update is not completely the same; and the second processing tool displayed in the second type panel before and after the update belongs to the secondary category corresponding to the second type panel; and keeping the second switching option in the display state.

[0064] The tool switching operation can be, for example, an operation that reflects the user's desire to switch to the second tool displayed in the current second-type panel. For example, the tool switching operation can include a swipe operation along a preset direction, a click, swipe, or drag operation on an option to switch tools, etc.

[0065] "Keep the second switching option visible" could mean, for example, that the second switching option remains visible no matter how the second processing tool displayed in the second type of panel is updated.

[0066] In some cases, the second type of panel can be configured to include a first sub-area and a second sub-area. Within the second type of panel, the first sub-area is positioned above the second sub-area. The second switching option is displayed within the first sub-area, and the second processing tool is displayed within the second sub-area. When the second type of panel is in its second state, in response to a processing tool switching operation, only the second processing tool within the second sub-area is updated, without updating the second switching option within the first sub-area. Essentially, this configuration keeps the second switching option prominently displayed and ensures it remains visible throughout the updating process of the second processing tool, allowing users to quickly and easily switch the display state of the second type of panel, thus improving the convenience of switching display states.

[0067] For example, suppose the "Popular" subcategory contains 100 filter tools, i.e., Filter 1 to Filter 100. The second panel corresponding to the "Popular" subcategory can display a maximum of 31 second-level filters at a time in the second state. See [link / reference] Figure 6The second type of panel is in a second state, comprising a first sub-area and a second sub-area. The first sub-area is the first row display area of ​​the second type of panel, which includes the name of the second type of panel, "Popular," and a second toggle option. The area of ​​the second type of panel excluding the first row display area is the second sub-area. The second sub-display area includes an identifier for a second processing tool. At any given time, the second processing tools displayed in the second sub-area of ​​the second type of panel include filters 1-31. Figure 6 Based on this, if a user's upward swipe operation is detected, it is regarded as a detection of a processing tool switching operation. The content displayed in the second sub-area of ​​the second type panel is updated. After the update, the second type panel displays filters 8-39, keeping the first sub-area and the displayed content unchanged. That is, before, after and during the update of the content displayed in the second sub-area, the name of the second type panel "Hot" and the second switching option are always displayed.

[0068] By setting the second processing tool displayed in the second processing panel to be updated in response to the processing tool switching operation when the second type panel is in the second state, the second switching option is kept in the display state. This satisfies the user's need to view other second processing tools under the corresponding second category of the second type panel, and also satisfies the user's need to quickly switch the display state of the second type panel.

[0069] Based on the above technical solutions, the second type of panel may optionally include a restore option; the method may further include: in response to the selection operation of the restore option, removing the effect of the first processing tool on the first media file to obtain the updated first media file; displaying the updated first media file in the preview area; and stopping the display of the identifier of the first processing tool in the first type of panel.

[0070] The restore option could be, for example, an option to remove the effects of the first processing tool on the first media file. Removing the effects of the first processing tool on the first media file means no longer using the first processing tool on the first media file.

[0071] In some cases, you can configure the system to remove all effects of the first processing tool on the first media file in response to the selection of the restore option. In other cases, you can configure the system to remove some of the effects of the first processing tool on the first media file in response to the selection of the restore option.

[0072] In practice, the restore option can be displayed in either the first type of panel or the second type of panel. Optionally, the restore option is displayed in the first icon display position of the first second type of panel in the second icon display area. This placement makes the restore option more prominent and allows users to quickly find it.

[0073] For example, see Figure 6 The "Original Image" option in the second panel is the restore option. Figure 6 Since the first panel displays Filter 2 and Filter b, it means that Filter 2 and Filter b have been applied to Image 1 (i.e., the first media file). Image 1 displayed in the preview area includes the effects of applying Filter 2 and Filter b. If the user clicks the "Original Image" option, removing the effects of Filter 2 and Filter b on Image 1, an updated Image 1 is obtained. The updated Image 1 does not include the effects of Filter 2 and Filter b. The updated Image 1 is displayed in the preview area. Furthermore, since Filter 2 and Filter b are no longer applied to Image 1 after removal, the identifiers for Filter 2 and Filter b are no longer displayed in the first panel.

[0074] By configuring the system to respond to the selection of the restore option, the effects of the first processing tool on the first media file are removed, resulting in an updated first media file. The updated first media file is then displayed in the preview area, and the identifier of the first processing tool is no longer displayed in the first category panel. This satisfies the user's need to quickly undo the processing effects applied by the first processing tool to the first media file.

[0075] In some cases, optionally, in response to a deletion operation on any first processing tool in the first type panel, the effect of the deleted first processing tool on the first media file is removed, resulting in an updated first media file; the updated first media file is displayed in the preview area; and the identifier of the deleted first processing tool is stopped from being displayed in the first type panel.

[0076] The deletion operation of the first processing tool can be, for example, stopping the application of the first processing tool to the first media file.

[0077] For example, see Figure 6 The first panel includes icons for filter 2 and filter b. If the user clicks the filter 2 icon in the first panel, a delete option associated with filter 2 is displayed. If the user continues to click on delete options associated with filter 2, it is considered that a delete operation on filter 2 has been detected, removing the effect of filter 2 on image 1, resulting in an updated first media file. The updated first media file does not include the effect of filter 2, but it does include the effect of filter b. The updated first media file is displayed in the preview area. Furthermore, the filter 2 icon is no longer displayed in the first panel, but the filter b icon is displayed.

[0078] By setting a response to the deletion operation of any first processing tool in the first type panel, the effect of the deleted first processing tool on the first media file is removed, resulting in an updated first media file; the updated first media file is displayed in the preview area; and the identifier of the deleted first processing tool is stopped from being displayed in the first type panel. Essentially, this provides an interactive solution that allows users to remove a specific first processing tool of the current application, thereby improving the flexibility and freedom of media file processing.

[0079] Based on the above technical solution, the method may optionally include: in response to the selection operation of the second processing tool in the second type panel, applying the second processing tool to the first media file to obtain an updated first media file; displaying the updated first media file in the preview area; displaying a first adjustment option in the second type panel; the first adjustment option is used to adjust the intensity of the effect of the second processing tool on the first media file; and displaying the second processing tool in the first type panel.

[0080] The selection of a second processing tool can be, for example, an action reflecting the user's desire to apply the selected second processing tool to the first media file. Exemplarily, the selection of a second processing tool can include clicking, swiping, or dragging an identifier of the second processing tool.

[0081] After applying the second processing tool to the first media file, the resulting updated first media file is a first media file that has the effect of the second processing tool.

[0082] The first adjustment option can be implemented as an interactive control such as a slider, knob, or numerical input box. Users can dynamically adjust the intensity of the second processing tool by operating this option. When a user selects a second processing tool, it means that the second processing tool is used as the first processing tool, and therefore the second processing tool is displayed in the first type of panel.

[0083] For example, in Figure 6 Based on this, if a user clicks on "Filter 6" in the second category panel corresponding to the "Popular" subcategory, it is considered as a detected selection of the second processing tool (i.e., Filter 6) in the second category panel. See [link to relevant documentation]. Figure 7 Applying filter 6 to image 1 (i.e., the first media file) displays the image after filter 6 has been applied to image 1 in the preview area. The label "Filter 6" is displayed in the first type of panel. In this second type of panel, a first adjustment option corresponding to filter 6 is displayed; this first adjustment option is implemented as a combination of a slider and a lever. Adjusting the position of the slider relative to the lever will change the intensity of filter 6's effect on image 1.

[0084] Optionally, the display position of the first adjustment option is adjacent to the display position of the identifier of the second processing tool corresponding to the first adjustment option, so that users can quickly understand the correspondence between the first adjustment option and the second processing tool.

[0085] By setting a response to the selection of a second processing tool in the second panel, the second processing tool is applied to the first media file, resulting in an updated first media file. The updated first media file is then displayed in the preview area. A first adjustment option is displayed in the second panel, used to adjust the intensity of the second processing tool's effect on the first media file. Displaying the second processing tool in the first panel essentially allows users to select a second processing tool from the second panel to apply to the first media file, and to display the effect of the selected second processing tool on the first media file in real time. It also allows users to adjust the emphasis of the second processing tool's effect. This helps users quickly apply the second processing tool, thereby helping them find the processing tool that matches their needs from a large number of options, improving the efficiency of processing the first media file.

[0086] Based on the above technical solution, the method may optionally include: in response to the selection operation of the first processing tool in the first type panel, displaying a reference second type panel in the second identification display area; the reference second type panel corresponds to the secondary category to which the first processing tool belongs; the reference second type panel includes the first processing tool; and displaying a second adjustment option in the reference second type panel; the second adjustment option is used to adjust the intensity of the effect of the first processing tool on the first media file.

[0087] The selection of a first processing tool can be, for example, an operation that reflects the user's desire to adjust the intensity of the first processing tool's effect. For instance, the selection of a first processing tool can include clicking, swiping, or dragging an icon of the first processing tool in a first-type panel.

[0088] The second adjustment option can be implemented as an interactive control such as a slider, knob, or numerical input box. By operating this option, the user can dynamically adjust the intensity of the first processing tool.

[0089] For example, in Figure 6 Based on this, if a user clicks on "Filter 2" in the first category panel, it is considered a detected selection of the first processing tool (i.e., Filter 2) in the first category panel. Since Filter 2 is a processing tool under the second-level category "Popular" according to the two-level classification method, the second category panel corresponding to this second-level category is the reference second category panel. See also... Figure 8The second identification display area shows a reference to the second category panel (i.e., the second category panel corresponding to the "Popular" subcategory), and within this reference panel, a second adjustment option is displayed. This second adjustment option is implemented as a combination of a slider and a lever. Adjusting the position of the slider relative to the lever will change the intensity of the effect of filter 2 on image 1.

[0090] Optionally, the display position of the second adjustment option is adjacent to the display position of the identifier of the second processing tool corresponding to the second adjustment option in the reference second type panel, so that users can quickly understand the correspondence between the second adjustment option and the second processing tool.

[0091] By setting a response to the selection of a first processing tool in the first type of panel, a reference second type of panel is displayed in the second identification display area. The reference second type of panel corresponds to the secondary category to which the first processing tool belongs. The reference second type of panel includes the first processing tool. Within the reference second type of panel, a second adjustment option is displayed. This second adjustment option is used to adjust the intensity of the first processing tool's effect on the first media file. Essentially, this provides an interactive link that allows the user to adjust the intensity of the first processing tool's effect even after the user has applied it to the first media file, thus meeting the user's actual usage needs.

[0092] Based on the above technical solution, the method may optionally include: adding the first processing tool to a favorites list in response to a first favorite operation on the first type of panel; and / or adding the second processing tool to a favorites list in response to a second favorite operation on the second type of panel; and displaying the processing tools in the favorites list in response to a display operation on the favorites list.

[0093] A favorites folder could be a central folder for storing users' favorite processing tools.

[0094] The first save operation for a first processing tool may, for example, reflect a user's desire to save the first processing tool. Exemplarily, the first save operation for a first processing tool includes clicking, swiping, or dragging a save option corresponding to the first processing tool. Similarly, the second save operation for a second processing tool may, for example, reflect a user's desire to save the second processing tool. Exemplarily, the second save operation for a second processing tool includes clicking, swiping, or dragging a save option corresponding to the second processing tool.

[0095] For example, in response to a mouse hovering over a first processing tool identifier in a first type of panel, a first favorites option corresponding to the first processing tool is displayed; in response to a click on the first favorites option, the first processing tool is added to the favorites. Similarly, in response to a mouse hovering over a second processing tool identifier in a second type of panel, a second favorites option corresponding to the second processing tool is displayed; in response to a click on the second favorites option, the second processing tool is added to the favorites.

[0096] The actions taken to display a bookmarks list can be, for example, actions that reflect a user's desire to view the processing tools within the bookmarks list. For instance, actions taken to display a bookmarks list could include clicking, swiping, or dragging an icon representing the bookmarks list.

[0097] By setting a response to a first collection operation on a first processing tool in a first type of panel, the first processing tool is added to the collection; and / or, in response to a second collection operation on a second processing tool in a second type of panel, the second processing tool is added to the collection; and in response to a display operation on the collection, the processing tools in the collection are displayed. Essentially, this allows users to directly collect processing tools from either the first or second type of panel, satisfying their need to collect processing tools.

[0098] It should be noted that, for the sake of simplicity, the aforementioned method examples are all described as a series of actions. However, those skilled in the art should understand that the methods described herein are not limited by the order of the actions, as some steps may be performed in other orders or simultaneously, depending on the content of this document. Furthermore, those skilled in the art should also understand that the examples described in the specification are preferred examples, and the actions and modules involved are not necessarily essential to this document.

[0099] Figure 9 This is a schematic diagram of an interactive device provided in this paper. The interactive device described herein can be configured on a client side or a server side. See also... Figure 9 The interactive device specifically includes: The first display module 310 is used to display a first page, which includes a preview area, a first identifier display area, and a second identifier display area. The preview area is used to display a first media file. The first identifier display area includes a primary category identifier. The primary category identifier is used to refer to a primary category. The primary category includes at least one secondary category. The secondary category includes at least one processing tool. The processing tool is used to process the first media file. The second display module 320 is used to display a first type panel and a second type panel in the second identifier display area in response to the selection operation of the first primary category; the first type panel is used to display the identifier of the first processing tool; the first processing tool is the processing tool currently being applied to the first media file; the second type panel corresponds to the secondary category and is used to display the identifier of the second processing tool; the second processing tool is the processing tool under the secondary category corresponding to the second type panel.

[0100] Further, the display states of the second type of panel include a first state and a second state; in the first state, the maximum number of second processing tools that the second type of panel can accommodate is a first value; in the second state, the maximum number of second processing tools that the second type of panel can accommodate is a second value; the first value is less than the second value; the second display module 320 is used for: In response to the selection operation of the primary category identifier, and the number of the second processing tools included in the secondary category is greater than the first value, the second category panel is displayed in the first state in the second identifier display area; the second category panel includes a first switching option; In response to the selection of the first switching option, the display state of the second type of panel is switched to the second state.

[0101] Furthermore, the second display module 320 is used for: In response to the second type of panel being in the second state, a second switching option is displayed in the second type of panel; In response to the selection of the second switching option, the display state of the second type of panel is switched to the first state.

[0102] Furthermore, the second display module 320 is used for: When the second type panel is in the second state, in response to the processing tool switching operation, the second processing tool displayed in the second type panel is updated; the second processing tool displayed in the second type panel before and after the update is not completely the same; and the second processing tool displayed in the second type panel before and after the update belongs to the second-level category corresponding to the second type panel; Keep the second toggle option displayed.

[0103] Furthermore, the second type of panel also includes a restore option; the device also includes a removal module, which is used for: In response to the selection of the restore option, the effect of the first processing tool on the first media file is removed, resulting in an updated first media file; The updated first media file is displayed in the preview area; Stop displaying the logo of the first processing tool in the first type of panel.

[0104] Furthermore, the device also includes a first application module, which is used for: In response to the selection operation of the second processing tool in the second type of panel, the second processing tool is applied to the first media file to obtain an updated first media file; The updated first media file is displayed in the preview area; In the second type of panel, a first adjustment option is displayed; the first adjustment option is used to adjust the intensity of the effect of the second processing tool on the first media file; The second processing tool is displayed in the first type of panel.

[0105] Furthermore, the device also includes an adjustment module, which is used for: In response to the selection operation of the first processing tool in the first type panel, a reference second type panel is displayed in the second identification display area; the reference second type panel corresponds to the secondary category to which the first processing tool belongs; the reference second type panel includes the first processing tool; In the reference second type panel, a second adjustment option is displayed; the second adjustment option is used to adjust the intensity of the effect of the first processing tool on the first media file.

[0106] Furthermore, the device also includes a storage module, which is used for: In response to a first collection operation on the first processing tool in the first type of panel, the first processing tool is added to the collection; and / or, in response to a second collection operation on the second processing tool in the second type of panel, the second processing tool is added to the collection; In response to the operation of displaying the favorites, the processing tools in the favorites are displayed.

[0107] The interactive device provided in this paper can execute the steps in the interactive method provided in this paper and has the same or corresponding beneficial effects as the interactive method, which will not be elaborated here.

[0108] The following is a detailed reference. Figure 10The diagram illustrates a structural schematic of an electronic device 1000 suitable for implementing the methods described herein. The electronic device described herein may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (Portable Application Devices), PMPs (Portable Media Players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital televisions, desktop computers, or servers. Figure 10 The electronic device shown is merely an example and should not impose any limitations on the functionality and scope of this article.

[0109] like Figure 10 As shown, electronic device 1000 may include a processor (e.g., central processing unit, graphics processor, etc.) 1001, which can perform various appropriate actions and processes according to a program stored in read-only memory (ROM) 1002 or a program loaded from storage device 1008 into random access memory (RAM) 1003 to implement the interaction method described herein. Various programs and information required for the operation of electronic device 1000 are also stored in RAM 1003. Processor 1001, ROM 1002, and RAM 1003 are interconnected via bus 1004. Input / output (I / O) interface 1005 is also connected to bus 1004.

[0110] Typically, the following devices can be connected to the I / O interface 1005: input devices 1006 including, for example, a touchscreen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 1007 including, for example, a liquid crystal display (LCD), speaker, vibrator, etc.; storage devices 1008 including, for example, magnetic tape, hard disk, etc.; and communication devices 1009. Communication device 1009 allows electronic device 1000 to exchange information with other devices wirelessly or via wired communication. Although Figure 10 An electronic device 1000 with various devices is shown; however, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.

[0111] Since the processor of the electronic device provided in this paper executes the computer program in the storage device, it can realize the interaction method provided in this paper, which has the same or corresponding beneficial effects as the interaction method, which will not be elaborated here.

[0112] Specifically, the process described in the flowchart above can be implemented as a computer software program. Based on this, this document also provides a computer program product, including a computer program that, when executed by a processor, implements the interactive method provided herein. In some use cases, the computer program can be hosted on a computer-readable storage medium. The computer program contains program code for performing the interactive method described herein. The computer program can be downloaded and installed from a network via communication device 1009, or installed from storage device 1008, or installed from ROM 1002. When the computer program is executed by processor 1001, it performs the functions defined in the method described herein.

[0113] Computer program code for performing the methods provided herein can be written in one or more programming languages ​​or a combination thereof. These programming languages ​​include, but are not limited to, object-oriented programming languages ​​such as Java, Smalltalk, and C++, as well as conventional procedural programming languages ​​such as C or similar languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0114] Since the computer program of this computer program product can implement the interaction method described above when executed by the processor, and has the same or corresponding beneficial effects as the interaction method, it will not be elaborated here.

[0115] It should be noted that the computer-readable medium mentioned above can be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this document, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in conjunction with an interactive system, apparatus, or device. In this document, a computer-readable signal medium can include information signals propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated information signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an interactive system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0116] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0117] This document also provides a computer-readable storage medium on which a computer program is stored, which, when executed by a processor, implements the interactive method provided herein.

[0118] Since the computer program stored in the aforementioned computer-readable storage medium can implement the interactive method provided herein when executed by a processor, it has the same or corresponding beneficial effects as the interactive method, which will not be elaborated here.

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

[0120] The units or modules described herein can be implemented in software or hardware. The names of the units or modules do not, in certain circumstances, constitute a limitation on the unit or module itself.

[0121] The functions described above in this document can be performed at least in part by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), system-on-a-chip (SoCs), complex programmable logic devices (CPLDs), and so on.

[0122] It should be noted that, in this document, relational terms such as "first" and "second" are used merely to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0123] The above descriptions are merely specific embodiments of the present invention, enabling those skilled in the art to understand or implement the technical solutions herein. Various modifications to these examples will be readily apparent to those skilled in the art, and the general principles defined herein may be implemented in other examples without departing from the spirit or scope of this document. Therefore, this document is not intended to be limited to the examples described herein, but rather to be accorded the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. An interaction method, comprising: The first page is displayed, which includes a preview area, a first logo display area, and a second logo display area. The preview area is used to display the first media file; The first identification display area includes a primary category identifier; the primary category identifier is used to refer to the primary category; the primary category includes at least one secondary category; the secondary category includes at least one processing tool; the processing tool is used to process the first media file; In response to the selection operation of the primary category, a first type panel and a second type panel are displayed in the second identifier display area; the first type panel is used to display the identifier of the first processing tool; the first processing tool is the processing tool currently being applied to the first media file; the second type panel corresponds to the secondary category and is used to display the identifier of the second processing tool; the second processing tool is the processing tool under the secondary category corresponding to the second type panel.

2. The method according to claim 1, wherein the display state of the second type of panel includes a first state and a second state; in the first state, the maximum number of the second processing tools that the second type of panel can accommodate is a first value; in the second state, the maximum number of the second processing tools that the second type of panel can accommodate is a second value; The first value is less than the second value; The step of displaying a second category panel in the second identifier display area in response to the selection operation of the primary category identifier includes: In response to the selection operation of the primary category identifier, and the number of the second processing tools included in the secondary category is greater than the first value, the second category panel is displayed in the first state in the second identifier display area; the second category panel includes a first switching option; In response to the selection of the first switching option, the display state of the second type of panel is switched to the second state.

3. The method according to claim 2, further comprising: In response to the second type of panel being in the second state, a second switching option is displayed in the second type of panel; In response to the selection of the second switching option, the display state of the second type of panel is switched to the first state.

4. The method according to claim 3, further comprising: When the second type panel is in the second state, in response to the processing tool switching operation, the second processing tool displayed in the second type panel is updated; the second processing tool displayed in the second type panel before and after the update is not completely the same; and the second processing tool displayed in the second type panel before and after the update belongs to the second-level category corresponding to the second type panel; Keep the second toggle option displayed.

5. The method according to claim 1, wherein the second type of panel further includes a restore option; The method further includes: In response to the selection of the restore option, the effect of the first processing tool on the first media file is removed, resulting in an updated first media file; The updated first media file is displayed in the preview area; Stop displaying the logo of the first processing tool in the first type of panel.

6. The method according to claim 1, further comprising: In response to the selection operation of the second processing tool in the second type of panel, the second processing tool is applied to the first media file to obtain an updated first media file; The updated first media file is displayed in the preview area; The first adjustment option is displayed in the second type of panel; The first adjustment option is used to adjust the intensity of the effect of the second processing tool on the first media file; The second processing tool is displayed in the first type of panel.

7. The method according to claim 1, further comprising: In response to the selection operation of the first processing tool in the first type panel, a reference second type panel is displayed in the second identification display area; The reference second type panel corresponds to the secondary category to which the first processing tool belongs; The reference second type panel includes the first processing tool; The second adjustment option is displayed in the reference second type panel; The second adjustment option is used to adjust the intensity of the effect of the first processing tool on the first media file.

8. The method according to claim 1, further comprising: In response to a first favorite operation on the first processing tool in the first type of panel, the first processing tool is added to the favorites; And / or, in response to a second favorite operation on the second processing tool in the second type panel, add the second processing tool to the favorites; In response to the operation of displaying the favorites, the processing tools in the favorites are displayed.

9. An interactive device, comprising: The first display module is used to display the first page, which includes a preview area, a first logo display area, and a second logo display area. The preview area is used to display the first media file; The first identification display area includes a primary category identifier; the primary category identifier is used to refer to the primary category; the primary category includes at least one secondary category; the secondary category includes at least one processing tool; the processing tool is used to process the first media file; The second display module is used to display a first type panel and a second type panel in the second identifier display area in response to the selection operation of the first primary category; the first type panel is used to display the identifier of the first processing tool; the first processing tool is the processing tool currently being applied to the first media file; the second type panel corresponds to the secondary category and is used to display the identifier of the second processing tool; the second processing tool is the processing tool under the secondary category corresponding to the second type panel.

10. An electronic device, the electronic device comprising: A storage device on which computer programs are stored; A processor for executing the computer program in the storage device to implement the steps of the interactive method according to any one of claims 1-8.

11. A computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the interactive method as described in any one of claims 1-8.

Images