Page interaction method and device, electronic equipment, storage medium and program product

Abstract

This disclosure relates to page interaction methods, devices, electronic devices, storage media, and program products, including a content interaction page for receiving and displaying first media content and second media content generated based on the first media content; responding to a first interactive operation, displaying a first sorting result of multiple first target media content, both the multiple first target media content and the first sorting result being associated with the first interactive operation; responding to a second interactive operation, displaying a media editor; and displaying media clips of multiple first target media content according to the first sorting result on the media editing track in the media editor. This disclosure allows creators to select media in a familiar creative environment and automatically determine the arrangement order of these media based on the first interactive operation, directly converting them into the playback order of the media editing track without other operations or secondary sorting, thus continuing the creator's creative flow and significantly improving creative efficiency.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and in particular to a page interaction method, apparatus, electronic device, storage medium, and program product. Background Technology

[0002] With the development of AI-generated content technology, creators can use canvases to generate and preview media content. They can quickly try to generate various types of content and conceive narrative logic on the canvas. However, after generating media content using the canvas, if a complete work needs to be constructed, it is necessary to leave the canvas and enter the material editing stage. This process cannot directly reuse the creative ideas on the canvas.

[0003] Moreover, this process cannot achieve a seamless connection between the creative process on the canvas and the material editing stage, which will interrupt the creative flow and result in low creative efficiency. Summary of the Invention

[0004] This disclosure provides a page interaction method, apparatus, electronic device, storage medium, and program product to solve at least one of the aforementioned technical problems. The technical solution of this disclosure is as follows: According to a first aspect of the present disclosure, a page interaction method is provided, comprising: A content interaction page is provided, which is used to receive and display first media content, and to display second media content generated based on the first media content; In response to a first interactive operation on the content interaction page, a first sorting result of multiple first target media content is displayed. The multiple first target media content and the first sorting result are both associated with the first interactive operation. The first target media content belongs to the first media content or the second media content. In response to a second interactive operation on the content interaction page, the material editor is displayed; On the media editing track in the media editor, media clips of the plurality of first target media content are displayed according to the first sorting result.

[0005] In one exemplary implementation, the interactive content display page includes: Show the material editor mentioned above; In response to a third interactive operation on the material editor, the content interaction page is displayed.

[0006] In one exemplary implementation, the first interactive operation is an operation of sequentially selecting first target media content, and the step of displaying a first sorting result of multiple first target media content in response to the first interactive operation on the content interaction page includes: The media content collection area is displayed on the content interaction page; In the media content collection area, thumbnails corresponding to each of the first target media contents are displayed in the order of selection of the first interactive operation.

[0007] In one exemplary implementation, the first interactive operation is an operation of sequentially selecting first target media content, and the step of displaying a first sorting result of multiple first target media content in response to the first interactive operation on the content interaction page includes: For the first target media content selected in the content interaction page, a corresponding number is displayed, which indicates the order in which the corresponding first target media content was selected in the first interaction operation.

[0008] In one exemplary implementation, the first interactive operation is an operation of selecting multiple first target media contents by range selection, and the step of displaying a first sorting result of the multiple first target media contents in response to the first interactive operation on the content interaction page includes: The media content collection area is displayed on the content interaction page; In the media content collection area, thumbnails corresponding to each of the first target media contents are displayed according to the spatial sorting order of the multiple first target media contents within the selected range.

[0009] In one exemplary implementation, the first interactive operation is an operation of selecting multiple first target media contents by range selection, and the step of displaying a first sorting result of the multiple first target media contents in response to the first interactive operation on the content interaction page includes: For each selected first target media content, a corresponding number is displayed, which indicates the order of the corresponding first target media content in the spatial sorting order of multiple first target media content within the selected range.

[0010] In one exemplary implementation, the first interactive operation is a drag-and-drop operation, and the step of displaying a first sorting result of multiple first target media contents in response to the first interactive operation on the content interaction page includes: Demonstrates a simulated material editing track; By dragging each of the first target media contents to the target position of the simulated material editing track, the multiple first target media contents are displayed according to the order of the target positions.

[0011] In one exemplary embodiment, the plurality of first target media contents are video editing materials, the material editor is a video editor, and the material editing track includes a video editing track; The method of displaying material fragments of the plurality of first target media content according to the first sorting result on the material editing track in the material editor includes: On the video editing track in the video editor, material clips of the plurality of first target media content are displayed according to the first sorting result.

[0012] In one exemplary embodiment, the material editing track includes an audio editing track, and the method further includes: In response to a fourth interactive operation on the content interaction page, a second sorting result of multiple second target media content is displayed. Both the multiple second target media content and the second sorting result are associated with the fourth interactive operation. The second target media content belongs to the first media content or the second media content. On the audio editing track in the video editor, clips of the plurality of second target media content are displayed according to the second sorting result.

[0013] In one exemplary embodiment, the method further includes: The media editor displays video generation controls; When the video generation control is triggered, the target video generated by sequentially splicing the clips in the material editing track is displayed.

[0014] In one exemplary implementation, the first ranking result of displaying multiple first target media contents includes: In the media content collection area of ​​the content interaction page, thumbnails corresponding to each of the first target media contents are displayed according to the first sorting result; In response to a drag operation on any of the thumbnails in the media content collection area, the first sorting result is updated by adjusting the order of the thumbnails in the media content collection area.

[0015] In one exemplary implementation, the first ranking result of displaying multiple first target media contents includes: In the media content collection area of ​​the content interaction page, thumbnails corresponding to each of the first target media contents are displayed according to the first sorting result; By dragging and dropping the third media content in the content interaction page between any two thumbnails, an updated first sorting result is obtained; according to the updated first sorting result, the thumbnails corresponding to each of the first target media content and the third media content are displayed.

[0016] According to a second aspect of the present disclosure, a page interaction device is provided, comprising: The display module is configured to execute a content interaction page, which is used to receive and display first media content, and to display second media content generated based on the first media content; An interaction module is configured to perform a first interactive operation in response to a content interaction page, displaying a first sorting result of multiple first target media contents, wherein both the multiple first target media contents and the first sorting result are associated with the first interactive operation, and the first target media contents belong to either the first media content or the second media content; in response to a second interactive operation on the content interaction page, displaying a media editor; and displaying media clips of the multiple first target media contents according to the first sorting result on a media editing track in the media editor.

[0017] In one exemplary implementation, the display module is configured to perform: Show the material editor mentioned above; In response to a third interactive operation on the material editor, the content interaction page is displayed.

[0018] In one exemplary implementation, the first interactive operation is the operation of sequentially selecting a first target media content, and the interactive module is configured to execute: The media content collection area is displayed on the content interaction page; In the media content collection area, thumbnails corresponding to each of the first target media contents are displayed in the order of selection of the first interactive operation.

[0019] In one exemplary implementation, the first interactive operation is the operation of sequentially selecting a first target media content, and the interactive module is configured to execute: For the first target media content selected in the content interaction page, a corresponding number is displayed, which indicates the order in which the corresponding first target media content was selected in the first interaction operation.

[0020] In one exemplary implementation, the first interactive operation is an operation of selecting multiple first target media contents by range selection, and the interactive module is configured to perform: The media content collection area is displayed on the content interaction page; In the media content collection area, thumbnails corresponding to each of the first target media contents are displayed according to the spatial sorting order of the multiple first target media contents within the selected range.

[0021] In one exemplary implementation, the first interactive operation is an operation of selecting multiple first target media contents by range selection, and the interactive module is configured to perform: For each selected first target media content, a corresponding number is displayed, which indicates the order of the corresponding first target media content in the spatial sorting order of multiple first target media content within the selected range.

[0022] In one exemplary implementation, the first interactive operation is a drag-and-drop operation, and the interactive module is configured to execute: Demonstrates a simulated material editing track; By dragging each of the first target media contents to the target position of the simulated material editing track, the multiple first target media contents are displayed according to the order of the target positions.

[0023] In one exemplary embodiment, the plurality of first target media contents are video editing materials, the material editor is a video editor, and the material editing track includes a video editing track; The interaction module is configured to execute: On the video editing track in the video editor, material clips of the plurality of first target media content are displayed according to the first sorting result.

[0024] In one exemplary embodiment, the material editing track includes an audio editing track, and the interaction module is configured to perform: In response to a fourth interactive operation on the content interaction page, a second sorting result of multiple second target media content is displayed. Both the multiple second target media content and the second sorting result are associated with the fourth interactive operation. The second target media content belongs to the first media content or the second media content. On the audio editing track in the video editor, clips of the plurality of second target media content are displayed according to the second sorting result.

[0025] In one exemplary implementation, the interaction module is configured to execute: The media editor displays video generation controls; When the video generation control is triggered, the target video generated by sequentially splicing the clips in the material editing track is displayed.

[0026] In one exemplary implementation, the interaction module is configured to execute: In the media content collection area of ​​the content interaction page, thumbnails corresponding to each of the first target media contents are displayed according to the first sorting result; In response to a drag operation on any of the thumbnails in the media content collection area, the first sorting result is updated by adjusting the order of the thumbnails in the media content collection area.

[0027] In one exemplary implementation, the interaction module is configured to execute: In the media content collection area of ​​the content interaction page, thumbnails corresponding to each of the first target media contents are displayed according to the first sorting result; By dragging and dropping the third media content in the content interaction page between any two thumbnails, an updated first sorting result is obtained; according to the updated first sorting result, the thumbnails corresponding to each of the first target media content and the third media content are displayed.

[0028] According to a third aspect of the present disclosure, an electronic device is provided, comprising: a processor; and a memory for storing processor-executable instructions; wherein the processor is configured to execute the instructions to implement the page interaction method described above.

[0029] According to a fourth aspect of the present disclosure, a computer-readable storage medium is provided that, when instructions in the computer-readable storage medium are executed by a processor of an electronic device, enables the electronic device to perform the page interaction method as described above.

[0030] According to a fifth aspect of the present disclosure, a computer program product is provided, the computer program product including a computer program stored in a readable storage medium, wherein at least one processor of a computer device reads from the readable storage medium and executes the computer program, causing the device to perform the page interaction method described above.

[0031] The technical solutions provided by the embodiments of this disclosure have at least the following beneficial effects: This disclosure provides a page interaction method, apparatus, electronic device, storage medium, and program product. The page interaction method can perform a first interaction operation in a content interaction page (canvas), thereby automatically determining multiple first target media contents and a first sorting result corresponding to these first target media contents at one time based on the first interaction operation. Based on the first sorting result, material fragments of multiple first target media contents are displayed in the material editing track of the material editor so that the material editor can edit the materials in sequence.

[0032] This solution preserves the visual context of the canvas, allowing creators to select primary target media content within a familiar creative environment. It automatically determines the linear arrangement of this primary target media content based on the first interactive operation, enabling creators to automatically determine the narrative logic (which to edit first, which to edit later) through interaction with the canvas. This can be directly converted into the playback order of materials in the material editor's editing track, without any intermediate operations or secondary manual sorting. This maintains the creator's flow state, significantly improving creative efficiency. Creators complete the "layout" process simultaneously by selecting "which materials to use," greatly reducing operational steps and allowing even creators without editing experience to quickly produce finished products.

[0033] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description

[0034] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure, and are not intended to unduly limit this disclosure.

[0035] Figure 1 This is a schematic diagram of an implementation environment according to an exemplary embodiment.

[0036] Figure 2 This is a flowchart illustrating a page interaction method according to an exemplary embodiment.

[0037] Figure 3 This is a schematic diagram of a content interaction page according to an exemplary embodiment. Figure 1 .

[0038] Figure 4 This is a schematic diagram of a material editor according to an exemplary embodiment.

[0039] Figure 5 This is a schematic diagram of a content interaction page according to an exemplary embodiment. Figure 2 .

[0040] Figure 6 This is a schematic diagram of a page interaction page according to an exemplary embodiment. Figure 3 .

[0041] Figure 7 This is a block diagram of a page interaction device according to an exemplary embodiment.

[0042] Figure 8 This is a block diagram illustrating an electronic device for page interaction according to an exemplary embodiment.

[0043] Figure 9This is another block diagram illustrating an electronic device for page interaction according to an exemplary embodiment. Detailed Implementation

[0044] To enable those skilled in the art to better understand the technical solutions of this disclosure, the technical solutions in the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings.

[0045] It should be noted that the terms "first," "second," etc., used in the specification, claims, and accompanying drawings of this disclosure are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this disclosure described herein can be implemented in orders other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this disclosure. Rather, they are merely examples of apparatuses and methods consistent with some aspects of this disclosure as detailed in the appended claims.

[0046] It should 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 used for display, data used for analysis, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

[0047] With the development of AI-generated content technology, many AIGC applications have emerged. AIGC is an abbreviation for "AIGenerated Content". AIGC applications can receive and display media content through an infinitely expandable canvas, as well as display other media content created based on this media content, thereby realizing the continuous creation of media content. As the creation process progresses, more and more media content can be displayed on the canvas.

[0048] However, the AIGC application does not directly provide a solution for building a complete artwork. Related technologies allow the use of a media editor to edit media and generate a complete artwork. This means that to generate a complete artwork, creators need to manually select the media content from the canvas used to obtain the media clips, manually import this media content into the media library or asset library, and then access these libraries or asset libraries in the media editor to manually import batches of media in sequence. However, by default, these imported media are randomly tiled in the media editing track according to file creation time / name. Creators need to manually sort them a second time and then generate the complete artwork based on the sorted media.

[0049] Clearly, this solution cannot achieve a seamless connection between the canvas creation process and the material editing process. It requires secondary sorting and intermediate operations, which leads to problems such as inefficient filtering, the secondary sorting process being out of context with the media content on the canvas, and interruptions to the creative flow. As a result, the creation efficiency is low and the creation difficulty is high.

[0050] To address these issues, this disclosure provides a page interaction method that solves the problem of secondary sorting required after importing materials into the editor. This method allows creators to automatically determine the order of materials on the material editing track while selecting materials on the canvas, eliminating the need for secondary sorting after automatic import. Furthermore, this method solves the problems of low material selection efficiency and high creation difficulty caused by media content context outside the canvas. It allows creators to select materials directly on the canvas without entering the asset library, improving selection efficiency and reducing creation difficulty by utilizing the media content context of the canvas.

[0051] Please see Figure 1 The illustration shows an implementation environment provided by an embodiment of the present disclosure. The implementation environment may include at least one page interaction terminal 110 and an information acquisition server 120, wherein the page interaction terminal 110 and the information acquisition server 120 can communicate with each other via a network.

[0052] Specifically, the page interaction terminal 110 interacts with the user through interaction with the information acquisition server 120. Specifically, the page interaction terminal 110 can display a content interaction page, which is used to receive and display first media content, and to display second media content generated based on the first media content; in response to a first interaction operation on the content interaction page, it displays a first sorting result of multiple first target media content, wherein both the multiple first target media content and the first sorting result are associated with the first interaction operation, and the first target media content belongs to either the first media content or the second media content; in response to a second interaction operation on the content interaction page, it displays a material editor; and on the material editing track in the material editor, it displays material fragments of the multiple first target media content according to the first sorting result.

[0053] The page interaction terminal 110 can communicate with the information acquisition server 120 based on a browser / server (B / S) mode or a client / server (C / S) mode. The page interaction terminal 110 may include physical devices such as smartphones, tablets, laptops, digital assistants, smart wearable devices, in-vehicle terminals, and servers, and may also include software running on the physical device, such as applications. The operating system running on the page interaction terminal 110 in this embodiment may include, but is not limited to, Android, iOS, Linux, and Windows.

[0054] The information acquisition server 120 and the page interaction terminal 110 can establish and display a communication connection through wired or wireless means. The information acquisition server 120 may include a stand-alone server, a distributed server, or a server cluster composed of multiple servers, wherein the server may be a cloud server.

[0055] Please refer to Figure 2 The diagram illustrates a page interaction method flowchart in an exemplary embodiment of this disclosure. The execution subject of this method can be the aforementioned page interaction terminal. Please refer to [link / reference] for details. Figure 2 The method may include: S210. Display a content interaction page, the content interaction page being used to receive and display first media content, and to display second media content generated based on the first media content.

[0056] This interactive content page can be understood as a page in the AIGC application used to display a canvas that can be infinitely expanded.

[0057] The primary media content can refer to the original media content actively input or uploaded by the user, and can include various forms such as text descriptions, reference images, audio clips, or video files. This content serves as the initial input that triggers the AIGC application to generate content, providing the AIGC application with creative direction, style references, or content constraints. For example, the user may input text prompts describing the desired image scene, or upload a sketch as a structural reference for image generation.

[0058] Secondary media content is a derivative media output based on primary media content processed by the AIGC application. This content has a clear generative dependency on the primary media content and may manifest as an image generated from a text description, a new image based on style transfer from a reference image, a finished image refined from a sketch, or an extended image-to-video conversion. Secondary media content is directly presented on the content interaction page, constituting the core output of the user's interaction with the AIGC application. The AIGC application can continue to create other media content using the primary media content, the current secondary media content, or a combination thereof. Newly created media content can be new secondary media content, and the number of created secondary media content can increase as the creation process continues.

[0059] The interactive content page not only displays various media content but also the media content context in which this content is formed. The media content context refers to the collection of all existing media content on the current page and their spatial relationships. This environment has a dynamic, cumulative characteristic and is a visual representation of the creator's creative flow.

[0060] Please refer to Figure 3 This illustrates a content interaction page from this disclosure. Figure 1 .exist Figure 3 (a) includes text a, images a1-a4, images b1-b4, text b, and video a. These are media content in the canvas of the content interaction page, belonging to the first media content or the second media content.

[0061] Figure 3 (a) also shows that text a creates images a1-a4 and images b1-b4 through “text-to-image”, and uses images a4, images b4, and text b to create video a through “image-to-video”. These reflect the creator’s creative process and creative flow, which belong to the media content context of the canvas.

[0062] S220. In response to a first interactive operation on the content interaction page, a first sorting result of a plurality of first target media contents is displayed, wherein the plurality of first target media contents and the first sorting result are both associated with the first interactive operation, and the first target media contents belong to the first media content or the second media content.

[0063] This disclosure allows for the direct determination and display of a first ranking result of multiple first target media contents on the canvas, while maintaining the creative flow and creative mindset, through a first interactive operation on the content interaction page. The first target media contents are, in fact, the media content selected by the creator from the media content already displayed on the canvas (including first media content or second media content). This first ranking result is, in fact, the editing order or playback order of the material fragments when subsequently using material fragments obtained based on the first target media contents to construct a work.

[0064] As can be seen, through S220, creators can directly use the media content context information of the canvas to complete the source selection and sorting of material fragments in one go in the canvas environment, realizing a quick import mechanism based on direct canvas selection. This mechanism skips the traditional "asset library search" step, retains the media content context of the canvas, and allows creators to complete the source selection and sorting of material fragments in a familiar creative environment, greatly improving the efficiency of selection and sorting and reducing the difficulty of creating a complete work.

[0065] S230. In response to a second interactive operation on the content interaction page, display the material editor.

[0066] The material editor can be a standalone program not belonging to the AIGC application containing the aforementioned canvas, or it can be a functional module integrated within the AIGC application. The material editor can be directly invoked through the second interactive operation on the content interaction page. This material editor can be a video editor; if a creator has created a complete video work, they can perform the second interactive operation on the content interaction page to invoke and display the video editor.

[0067] For example, the second interactive operation can be a trigger operation on a preset editing entry control in the content interaction page. For instance, a "Enter Video Editing" button is set in the top toolbar area or sidebar area of ​​the content interaction page, and the creator can trigger the video editor's launch process by clicking this button.

[0068] For example, the second interactive operation can also be a gesture operation or a shortcut key operation on the content interaction page. For instance, a creator's gesture of pinching and unfolding two fingers on a touch device, or pressing a specific combination of keys simultaneously on a keyboard, can be recognized by the AIGC application, which then directly invokes and displays the video editor, achieving seamless switching between the canvas environment and the video editing environment.

[0069] For example, the second interactive operation can also be a recognition response to a voice command. When the voice recognition function on the content interaction page is active, the creator can speak a preset voice wake-up word and editing command, such as "Start editing video," to automatically display the video editor. This voice interaction method is particularly suitable for scenarios where the creator's hands are busy with other operations or where efficient interaction is desired.

[0070] S240. On the material editing track in the material editor, display material fragments of the plurality of first target media content according to the first sorting result.

[0071] The media editing track is a horizontal or vertical visual area arranged in chronological order, used to carry and present the temporal relationship of various media materials. Each primary target media content corresponds to an independent clip on the track, the length of which intuitively reflects the duration of the content. The media editor splices together the relevant clips according to the temporal relationship indicated by the media editing track to obtain the complete work.

[0072] Taking this material editor as an example, it can include multiple tracks such as the main video track, audio track, subtitle track, and effects track. The timing relationship between the clips in these tracks and the clips can be determined by performing the aforementioned interactive operations on the canvas.

[0073] This embodiment of the disclosure can select and determine multiple media contents on the canvas of the AIGC application, obtain the material fragments corresponding to these media contents, and automatically import these material fragments into the material editing track of the material editor. This allows the material editor to automatically arrange the corresponding material fragments end to end and from left to right on the track according to the sorting result of these media contents. This allows the narrative logic of the creator on the canvas to be directly converted into the playback order of the track without the need for secondary manual sorting, while continuing the creator's creative thinking.

[0074] This solution preserves the visual context of the canvas, allowing creators to select primary target media content within a familiar creative environment. It automatically determines the linear arrangement of this primary target media content based on the first interactive operation, enabling creators to automatically determine the narrative logic (which to edit first, which to edit later) through interaction with the canvas. This can be directly converted into the playback order of materials in the material editor's editing track, without any intermediate operations or secondary manual sorting. This maintains the creator's flow state, significantly improving creative efficiency. Creators complete the "layout" process simultaneously by selecting "which materials to use," greatly reducing operational steps and allowing even creators without editing experience to quickly produce finished products.

[0075] In one exemplary embodiment, the content interaction page includes: displaying the material editor; and displaying the content interaction page in response to a third interactive operation on the material editor.

[0076] In one exemplary embodiment, the third interactive operation may include a user triggering a preset entry control in the material editor interface, such as clicking a relevant button, icon, or shortcut combination located in the toolbar or sidebar of the material editor. When this triggering operation is detected, the display of the content interaction page is activated, thereby realizing a reverse jump from the track editing environment to the canvas creation environment.

[0077] Please refer to Figure 4 This illustrates a schematic diagram of the material editor in this disclosure. Figure 4 The media editor (video editor) in (a) includes two controls: "Import from Canvas" and "Import from Assets". When the creator clicks the "Import from Canvas" control, the aforementioned content interaction page is displayed. The creator can select multiple first target media contents and determine their linear arrangement order by performing the aforementioned first interaction operation, and then display the media clips corresponding to these first target media contents in the media editing track of the media editor according to the linear sorting order by performing the second interaction operation.

[0078] When a creator clicks the "Import from Assets" control, an asset library is displayed. This library can store previously imported materials, historical project materials, or template materials. Creators can browse, search, and select the desired materials in the asset library. After selecting the materials, they can then sort them to determine their order and add them to the material editing track. Compared to "Import from Canvas," "Import from Assets" is compatible with traditional solutions in related technologies. The two methods complement each other and meet the material acquisition needs in different scenarios.

[0079] Figure 4 (b) The "Import" control can also be displayed on the page containing the media editing track (video editing track) in the media editor (video editor). This "Import" control supports importing from the canvas or from assets, which will not be elaborated further. After importing media into the media editing track, these media are laid out on the track in sequence.

[0080] This disclosure creates a complete two-way closed loop by using a design that invokes the canvas from the material editor side, in conjunction with the forward flow of importing material clips from the canvas to the track. Specifically, when a creator is working in the material editor, they can directly access the content interaction page instantly through a third interactive operation, importing multiple material clips of the primary target media content without leaving the material editor, and then continue creating without interrupting their creative flow through cumbersome interface switching. When a creator is generating media content using an AIGC application, if they need to create a work after the generation process is complete, they can directly import multiple material clips of the primary media content into the material editor through first and second interactive operations, and then directly create the complete work within the displayed material editor. This two-way closed loop allows creators to maintain a continuous creative state at all times.

[0081] In one exemplary embodiment, the first interactive operation is an operation of sequentially selecting first target media content. The step of displaying a first sorting result of multiple first target media content in response to the first interactive operation on the content interactive page includes: displaying a media content collection area on the content interactive page; and displaying thumbnails corresponding to each first target media content in the media content collection area according to the selection order of the first interactive operation.

[0082] This disclosure does not limit the location of the media content collection area in this embodiment. For example, the media content collection area can be set in the bottom area, sidebar area, or floating panel area of ​​the content interaction page. The specific layout can be flexibly configured according to the overall interface design requirements of the content interaction page. When the creator selects multiple first target media contents in sequence through the first interactive operation, the timing information of each selection operation can be captured in real time, and thumbnail elements corresponding to each first target media content can be dynamically generated in the media content collection area.

[0083] The generation logic of this thumbnail element follows the selection order, meaning the thumbnails corresponding to the first selected target media content are arranged first, and those selected later are appended sequentially, forming a clear and visually appealing first order result. Specific presentation formats of the thumbnails include, but are not limited to, static image previews, dynamic video first frames, audio waveforms, or document cover images. Their size can be adaptively adjusted according to the media content type to ensure optimal information density within a limited collection area.

[0084] Furthermore, creators can perform secondary editing operations on the generated thumbnails, including but not limited to dragging to adjust the arrangement order, long-pressing to delete specific items, double-clicking to zoom in on details, or clicking to confirm the final import. Once the creator confirms the initial sorting result, multiple clips of the primary target media content can be automatically imported into the media editor in batches, and these clips will be arranged in an orderly manner on the timeline of the media editing track according to the initial sorting result, thus achieving a seamless transition from content selection to creation.

[0085] In this implementation, the visual selection order feedback allows creators to intuitively confirm the order of imported material fragments, avoiding confusion caused by misoperation. At the same time, the real-time presentation of thumbnails facilitates creators to quickly check the selected content, improving the accuracy and efficiency of batch importing materials.

[0086] Please refer to Figure 3 (a) The creator selected five primary target media contents in sequence, and the thumbnails of these primary target media contents were displayed in the media content collection area 310 in order.

[0087] In one exemplary implementation, the number of selected items can also be updated in real time in the media content collection area, allowing users to visually see the selected materials, their order, and the total number of items selected.

[0088] This disclosure does not limit the technical implementation of this embodiment. In one exemplary embodiment, user actions can be captured through click event listening. Specifically, a unique identifier (ID) is first bound to each media content in the canvas, and an event handler for the click event is set. When the creator clicks on a media content on the canvas, the event handler extracts its important metadata information, such as the unique identifier (ID) and the corresponding media reference address (such as a local file path or cloud resource address). It may also include other metadata information, such as duration, resolution, frame rate, creation timestamp, and keyframe positions marked by the creator during the preview stage.

[0089] This data is then encapsulated into structured elements and appended to the tail of the ordered queue Selected_Assets_Queue according to the order in which clicks occurred. This queue can be implemented using an array or linked list data structure to ensure the elements are ordered and traversable. The index order of the queue directly maps to the playback order on the timeline in the media editor.

[0090] Specifically, each click event updates the Selected_Assets_Queue and triggers a re-render of the media content collection area view. During the re-render, the Selected_Assets_Queue can be traversed, the corresponding thumbnail can be extracted for each element, and these thumbnails can be displayed horizontally or vertically within the media content collection area according to the queue index order.

[0091] Please refer to Figure 3 (a) Display the first control 320 and the second control 330 in the media content collection area 310. The text corresponding to the first control 320 and the second control 330 is "Add to Editor" and "Exit". Clicking the first control 320 will trigger the aforementioned second interactive operation. Clicking the second control 330 will clear Selected_Assets_Queue and close the media content collection area, allowing the creator to continue creating on the canvas.

[0092] Clicking the first control 320 will trigger the aforementioned second interactive operation, which will display the material editor; and on the material editing track in the material editor, material fragments of the multiple first target media content will be displayed according to the first sorting result.

[0093] Specifically, the AIGC application can be triggered to pass the Selected_Assets_Queue completely and without loss to the media editor. Taking an NLE editor as an example, the NLE editor can initialize its corresponding engine, which then automatically arranges the tracks. An NLE editor is a professional video editing tool that allows creators to access and edit media in any order. After receiving the Selected_Assets_Queue, the NLE editor's engine parses the metadata of each element in the queue and displays the corresponding media clips on the media editing track according to the index order of the Selected_Assets_Queue. The default arrangement of each media clip on the track follows a chronological sequence, meaning the end time of the previous clip precisely aligns with the start time of the next clip, forming a continuous timeline layout. Users can then perform rough cuts based on this, and further refinement is also possible.

[0094] Please refer to Figure 3 (b) directly demonstrates Figure 3After the first control 320 in (a) is triggered, the displayed media editor (video editor) clearly loads multiple media clips of the first target media content in the order of selection on the video editing track of the video editor. These are the media clips corresponding to images a3, a4, b3, b4, and video a, i.e., media clips 1-5. Users can directly export them as a complete video or exit the editor.

[0095] In one exemplary implementation, the NLE editor's engine can read the length of the Selected_Assets_Queue to determine the total amount of footage, then initialize and set a time offset accumulated_time to zero. This variable is used to dynamically track the cumulative duration on the current track. For each element at index i in the queue, the engine performs the following sequence of operations: The metadata parsing module is invoked to extract metadata information such as media type, resolution, frame rate, and original duration (duration_i). Based on this information, a Clip object instance is created, and the track identifier of this instance is bound to the main video track (usually Video Track 1). During the temporal attribute assignment phase, the Clip object's start timestamp (start_time_i) is set to the current value of accumulated_time, while the end timestamp (end_time_i) is determined by the arithmetic sum of start_time_i and duration_i, i.e., end_time_i = start_time_i + duration_i. After completing the temporal positioning of the current Clip object, accumulated_time is then updated to the value of end_time_i, which serves as the starting reference for the next clip, forming a recursive calculation chain.

[0096] At the track visualization level, each instantiated Clip object synchronously generates a corresponding TrackBlock. Its horizontal width is proportional to the duration of the clip, and its horizontal position strictly corresponds to the timeline coordinates. The first clip starts at the zero point of the timeline (00:00:00:00), and subsequent clips extend sequentially to the right. There are no time gaps or overlapping areas between clips, forming a visually continuous block sequence. This allows users to obtain a rough-cut timeline that can be previewed immediately upon entering the video editor, enabling direct playback and significantly shortening the production path from clip selection to the initial final cut.

[0097] In one exemplary implementation, the first interactive operation is an operation of sequentially selecting first target media content. The step of displaying a first sorting result of multiple first target media content in response to the first interactive operation on the content interactive page includes: displaying a corresponding number for the first target media content selected on the content interactive page, wherein the number indicates the order in which the corresponding first target media content was selected in the first interactive operation.

[0098] When a creator selects multiple media items sequentially on the content interaction page, the time of each selection event is captured in real time, and a unique sequence number is assigned to each selected first target media item based on that time. This number is displayed as a visual label directly overlaid or adjacent to the thumbnail, card, or list item of the corresponding media item, allowing users to instantly perceive the cumulative number of currently selected materials and their respective selection order. This numbering mechanism has a strict mapping relationship with the subsequently automatically generated timeline arrangement—material numbered 1 corresponds to the earliest segment starting on the timeline, and the incrementing numbers correspond to the sequential arrangement order extending to the right on the timeline.

[0099] Please refer to Figure 5 It shows a schematic diagram of the content interaction page of this disclosure. Figure 2 The diagram illustrates a content interaction page displaying multiple media items, including text a, images a1-a4, images b1-b4, text b, and video a. When the creator sequentially selects image b1, image a1, and video a, a sequential number is immediately generated and displayed in the upper right corner of the corresponding media item. Specifically, image b1 displays marker 1 in the upper right corner, image a1 displays marker 2, and video a displays marker 3, while other unselected media items remain unnumbered. This marking can also employ a high-contrast color scheme to ensure good visual recognition across media content with different background tones.

[0100] In this implementation, a dynamic numbering mechanism effectively avoids temporal discontinuities, ensuring that creators can always accurately predict the final generated track arrangement order. This WYSIWYG interactive paradigm significantly reduces the mental burden on creators during the material organization stage, allowing them to complete initial temporal planning without switching to a dedicated track editing interface. Through visual sequence number feedback, users can accurately grasp the intermediate state of multi-selection operations without relying on memory, effectively reducing the risk of temporal disorder. The direct correspondence between the numbering and the final track arrangement establishes an intuitive mental model of "selection order equals temporal order," eliminating the cognitive disconnect of "selecting materials first and then manually sorting" in the traditional editing process. This makes the rapid rough cutting of batch materials predictable and deterministic, improving operational efficiency and user experience smoothness in batch processing scenarios.

[0101] In one exemplary embodiment, the first interactive operation is an operation of selecting multiple first target media content by range selection. The step of displaying a first sorting result of multiple first target media content in response to the first interactive operation on the content interactive page includes: displaying a media content collection area on the content interactive page; and displaying a thumbnail corresponding to each first target media content in the media content collection area according to the spatial sorting order of the multiple first target media content within the selected range.

[0102] In this implementation, the selection area boundary formed when the user performs a box selection or circle selection operation in the media content collection area can be captured, all first target media content within the coverage area of ​​the selection area can be identified, and the first target media content can be automatically sorted according to the layout relationship of these first target media content on the canvas to obtain the spatial sorting order.

[0103] This disclosure does not limit the mapping method from layout relationships to spatial order. For example, based on human visual cognition, vertical layering can be performed to group media content in the same horizontal area into the same visual level; within the same level, horizontal sorting can be performed from left to right according to the horizontal coordinate, thereby constructing a spatial order. This order can be directly mapped to the playback order on the timeline, so that the visual scanning trajectory from left to right and from top to bottom on the canvas is highly consistent with the final generated linear playback sequence.

[0104] Please refer to Figure 6 It shows a schematic diagram of the content interaction page of this disclosure. Figure 3 .like Figure 6 As shown, the content interaction page displays multiple media content items, including text a, images a1-a4, images b1-b4, text b, and video a. The page includes a media content collection area where users can drag and drop to create a selection area 600, which covers images a2-a4 and b2-b4. Images a2-a4 and b2-b4 are sorted according to their spatial position on the canvas: first, images a2-a4 are identified as being in the same upper horizontal area and sorted from left to right according to their horizontal coordinates as a2, a3, a4; then, images b2-b4 are identified as being in the lower horizontal area and similarly sorted from left to right according to their horizontal coordinates as b2, b3, b4. The final spatial order is image a2 → image a3 → image a4 → image b2 → image b3 → image b4, which directly maps to the playback order on the timeline. Thumbnails of images a2-a4 and b2-b4 are then displayed sequentially in the media content collection area.

[0105] In this implementation, the spatial-temporal mapping mechanism makes full use of users' inherent visual spatial cognition habits, transforming abstract temporal arrangement into intuitive spatial layout operations. By selecting multiple primary target media content at once through range selection, the interaction efficiency is significantly improved. Multiple media content can be selected in batches and their order determined at once through a single range selection action.

[0106] In one exemplary implementation, the first interactive operation is an operation of selecting multiple first target media content by range selection. The step of displaying a first sorting result of the multiple first target media content in response to the first interactive operation on the content interaction page includes: displaying a corresponding number for each selected first target media content, wherein the number indicates the order of the corresponding first target media content in the spatial sorting order of the multiple first target media content within the selected range.

[0107] When a user performs a range selection operation, all primary target media content within the selected area is identified in real time, and the spatial order of each media content is determined based on the aforementioned spatial-temporal mapping mechanism. Furthermore, a corresponding number is dynamically generated and displayed for each selected media content; this number directly reflects the spatial order of the media content within the current batch selection range.

[0108] In this implementation, the numbering mechanism provides users with immediate and clear sequential feedback, enabling them to accurately grasp the temporal relationship of batch-selected content without relying on memory or secondary confirmation, thus significantly reducing cognitive load.

[0109] In one exemplary implementation, the first interactive operation is a drag-and-drop operation, and the step of displaying a first sorting result of multiple first target media contents in response to the first interactive operation on the content interaction page includes: Demonstrates a simulated material editing track; By dragging each of the first target media contents to the target position of the simulated material editing track, the multiple first target media contents are displayed according to the order of the target positions.

[0110] In this implementation, the selected media content is transformed into a visual track editing experience. A simulated media editing track can be expanded at the bottom or side of the content interaction page. This simulated media editing track is presented in the form of a timeline or sequence axis. The target position refers to any position on the simulated media editing track. Users can drag the selected first target media content to the target position on the simulated media editing track. The simulated media editing track responds to the dragging action in real time and dynamically adjusts the order of each first target media content.

[0111] In this implementation, the combination of drag-and-drop operation and simulated material editing track transforms the abstract sorting logic into a concrete spatial operation. Users can define the temporal relationship of media content through intuitive physical displacement, which is consistent with the user's mental model of operation based on physical editing tools (such as video editing software and audio workstations), significantly reducing the learning cost. The real-time feedback mechanism during the drag-and-drop process allows users to instantly perceive the effect of sorting adjustments, improving the smoothness of operation and decision-making efficiency of batch content organization.

[0112] In one exemplary embodiment, the plurality of first target media contents are video editing materials, the material editor is a video editor, and the material editing track includes a video editing track; The method of displaying material fragments of the plurality of first target media content according to the first sorting result on the material editing track in the material editor includes: On the video editing track in the video editor, material clips of the plurality of first target media content are displayed according to the first sorting result.

[0113] In this embodiment, the video editor can provide users with a video editing track, on which material clips obtained based on each first target media content are automatically laid out and arranged in a first sorting order. After confirming the sorting, the creator can directly use the video editing track to create a complete video work.

[0114] In this embodiment, based on determining multiple first target media and a first sorting order through the first interactive operation, a complete video work can be created directly on the video editing track without any other intermediate operations, thus achieving rapid creation of video works.

[0115] In one exemplary embodiment, the material editing track includes an audio editing track, and the method further includes: In response to a fourth interactive operation on the content interaction page, a second sorting result of multiple second target media content is displayed. Both the multiple second target media content and the second sorting result are associated with the fourth interactive operation. The second target media content belongs to the first media content or the second media content. On the audio editing track in the video editor, clips of the plurality of second target media content are displayed according to the second sorting result.

[0116] In this embodiment, the process of determining the plurality of second target media contents and the second sorting result based on the fourth interactive operation is based on the same inventive concept as the aforementioned process of determining the plurality of first target media contents and the first sorting result based on the first interactive operation, and will not be elaborated here.

[0117] In this embodiment, the process of displaying material fragments of the plurality of second target media content according to the second sorting result is based on the same inventive concept as the aforementioned process of displaying material fragments of the plurality of first target media content according to the first sorting result, and will not be elaborated here.

[0118] In this implementation, audio content (second target media content) on the canvas can be selected, and a second sorting result can be generated. After determining the second sorting result, multiple second target media contents are automatically converted into material clips and loaded into the audio editing track, thereby achieving rapid audio production. Furthermore, the video editor can read the timeline information of existing material clips in the video editing track, including the start and end times, duration, and keyframe positions of each material clip, and then calculate the optimal embedding position of the audio material clips. Of course, if the audio material clips themselves carry time stamp information, they can be directly synchronized with the corresponding video material clips based on this stamp, thereby achieving rapid video production.

[0119] In one exemplary embodiment, the method further includes: displaying a video generation control in the media editor; and, when the video generation control is triggered, displaying a target video generated by sequentially splicing media clips in the media editing track.

[0120] In this implementation, the target video can be generated with a single click by directly triggering the video generation control. The entire process only requires determining the first sorting result through the first interactive operation and then activating the video editor through the second interaction. No other operations are required. This compresses the path from using the media content in the canvas to generating the complete video work to the shortest possible time, significantly improving video creation efficiency.

[0121] In one exemplary implementation, the first ranking result of displaying multiple first target media contents includes: In the media content collection area of ​​the content interaction page, thumbnails corresponding to each of the first target media contents are displayed according to the first sorting result; In response to a drag operation on any of the thumbnails in the media content collection area, the first sorting result is updated by adjusting the order of the thumbnails in the media content collection area.

[0122] In this implementation, users can adjust the display order of thumbnails through intuitive drag-and-drop operations. Specifically, when a user long-presses or clicks and drags a thumbnail, the thumbnail moves in real time with the touch point or cursor position, and the remaining thumbnails are automatically rearranged according to the current drag position to reserve insertion space. When the user releases the touch or clicks to confirm, the thumbnail is fixed to the new order position, and the first sorting result is updated synchronously based on the adjusted order.

[0123] This interactive method transforms abstract sorting logic into a visual spatial relationship, allowing users to adjust the order simply by intuitively dragging and dropping, significantly lowering the cognitive barrier to operation. At the same time, the real-time dynamic feedback of the thumbnails allows users to preview the adjustment effect instantly, avoiding repeated modifications due to accidental operations, and further improving the efficiency and accuracy of sorting adjustments.

[0124] In one exemplary implementation, the first ranking result of displaying multiple first target media contents includes: In the media content collection area of ​​the content interaction page, thumbnails corresponding to each of the first target media contents are displayed according to the first sorting result; By dragging and dropping the third media content in the content interaction page between any two thumbnails, an updated first sorting result is obtained; according to the updated first sorting result, the thumbnails corresponding to each of the first target media content and the third media content are displayed.

[0125] In this implementation, creators can long-press or tap and drag the third-media content. During the dragging process, when the content moves to the gap between any two existing thumbnails, the gap area can provide visual feedback through highlighting, magnification, or dynamic dividing lines, indicating that this is a suitable insertion location. The remaining thumbnails automatically shift to the sides to expand the insertion space, forming a clear target area for distribution. When the creator releases the touch or taps to confirm, the thumbnail corresponding to the third-media content is inserted into the gap. The overall order is recalculated based on the order of the insertion points, generating an updated first sorting result. All thumbnails are then displayed in the media content collection area according to the updated first sorting result.

[0126] This interactive method allows for precise control over the insertion position, updating the sorting results through insertion, enhancing sorting flexibility, and effectively improving the smoothness and efficiency of media content selection, organization, and arrangement.

[0127] Figure 7 This is a block diagram illustrating a page interaction device according to an exemplary embodiment. (Refer to...) Figure 7 The device includes: The display module 710 is configured to execute a content interaction page, which is used to receive and display first media content, and to display second media content generated based on the first media content; The interaction module 720 is configured to perform a first interactive operation in response to the content interaction page, displaying a first sorting result of a plurality of first target media content, wherein the plurality of first target media content and the first sorting result are both associated with the first interactive operation, and the first target media content belongs to the first media content or the second media content; in response to a second interactive operation on the content interaction page, displaying a material editor; and displaying material fragments of the plurality of first target media content according to the first sorting result on the material editing track in the material editor.

[0128] In one exemplary embodiment, the display module 710 is configured to perform: Show the material editor mentioned above; In response to a third interactive operation on the material editor, the content interaction page is displayed.

[0129] In one exemplary embodiment, the first interactive operation is the operation of sequentially selecting a first target media content, and the interactive module 720 is configured to perform: The media content collection area is displayed on the content interaction page; In the media content collection area, thumbnails corresponding to each of the first target media contents are displayed in the order of selection of the first interactive operation.

[0130] In one exemplary embodiment, the first interactive operation is the operation of sequentially selecting a first target media content, and the interactive module 720 is configured to perform: For the first target media content selected in the content interaction page, a corresponding number is displayed, which indicates the order in which the corresponding first target media content was selected in the first interaction operation.

[0131] In one exemplary embodiment, the first interactive operation is an operation of selecting multiple first target media contents by range selection, and the interactive module 720 is configured to perform: The media content collection area is displayed on the content interaction page; In the media content collection area, thumbnails corresponding to each of the first target media contents are displayed according to the spatial sorting order of the multiple first target media contents within the selected range.

[0132] In one exemplary embodiment, the first interactive operation is an operation of selecting multiple first target media contents by range selection, and the interactive module 720 is configured to perform: For each selected first target media content, a corresponding number is displayed, which indicates the order of the corresponding first target media content in the spatial sorting order of multiple first target media content within the selected range.

[0133] In one exemplary embodiment, the first interaction operation is a drag-and-drop operation, and the interaction module 720 is configured to perform: Demonstrates a simulated material editing track; By dragging each of the first target media contents to the target position of the simulated material editing track, the multiple first target media contents are displayed according to the order of the target positions.

[0134] In one exemplary embodiment, the plurality of first target media contents are video editing materials, the material editor is a video editor, and the material editing track includes a video editing track; The interaction module 720 is configured to execute: On the video editing track in the video editor, material clips of the plurality of first target media content are displayed according to the first sorting result.

[0135] In one exemplary embodiment, the material editing track includes an audio editing track, and the interaction module 720 is configured to perform: In response to a fourth interactive operation on the content interaction page, a second sorting result of multiple second target media content is displayed. Both the multiple second target media content and the second sorting result are associated with the fourth interactive operation. The second target media content belongs to the first media content or the second media content. On the audio editing track in the video editor, clips of the plurality of second target media content are displayed according to the second sorting result.

[0136] In one exemplary implementation, the interaction module 720 is configured to perform: The media editor displays video generation controls; When the video generation control is triggered, the target video generated by sequentially splicing the clips in the material editing track is displayed.

[0137] In one exemplary implementation, the interaction module 720 is configured to perform: In the media content collection area of ​​the content interaction page, thumbnails corresponding to each of the first target media contents are displayed according to the first sorting result; In response to a drag operation on any of the thumbnails in the media content collection area, the first sorting result is updated by adjusting the order of the thumbnails in the media content collection area.

[0138] In one exemplary implementation, the interaction module 720 is configured to perform: In the media content collection area of ​​the content interaction page, thumbnails corresponding to each of the first target media contents are displayed according to the first sorting result; By dragging and dropping the third media content in the content interaction page between any two thumbnails, an updated first sorting result is obtained; according to the updated first sorting result, the thumbnails corresponding to each of the first target media content and the third media content are displayed.

[0139] Regarding the apparatus in the above embodiments, the specific manner in which each module performs its operation has been described in detail in the embodiments related to the method, and will not be elaborated upon here.

[0140] In an exemplary embodiment, a computer-readable storage medium including instructions is also provided. Optionally, the computer-readable storage medium may be a ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, and optical data storage device, etc. When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is able to perform any of the methods described above.

[0141] In an exemplary embodiment, a computer program product is also provided, the computer program product including a computer program stored in a readable storage medium, wherein at least one processor of a computer device reads from the readable storage medium and executes the computer program, causing the device to perform any of the methods described above.

[0142] Figure 8 This is a block diagram illustrating an electronic device for page interaction according to an exemplary embodiment. The electronic device may be a terminal, and its internal structure diagram may be as follows: Figure 8As shown, the device may include an RF (Radio Frequency) circuit 810, a memory 820 including one or more computer-readable storage media, an input unit 830, a display unit 840, a sensor 850, an audio circuit 860, a WiFi (Wireless Fidelity) module 870, a processor 880 including one or more processing cores, and a power supply 890, among other components. Those skilled in the art will understand that... Figure 8 The terminal structure shown does not constitute a limitation on the terminal and may include more or fewer components than shown, or combine certain components, or have different component arrangements. Wherein: The RF circuit 810 can be used for receiving and transmitting signals during information transmission or calls. Specifically, it receives downlink information from the base station and hands it over to one or more processors 880 for processing; additionally, it transmits uplink data to the base station. Typically, the RF circuit 810 includes, but is not limited to, an antenna, at least one amplifier, a tuner, one or more oscillators, a Subscriber Identity Module (SIM) card, a transceiver, a coupler, an LNA (Low Noise Amplifier), a duplexer, etc. Furthermore, the RF circuit 810 can also communicate wirelessly with networks and other terminals. Wireless communication can use any communication standard or protocol, including but not limited to GSM (Global System for Mobile communication), GPRS (General Packet Radio Service), CDMA (Code Division Multiple Access), WCDMA (Wideband Code Division Multiple Access), LTE (Long Term Evolution), email, SMS (Short Messaging Service), etc.

[0143] The memory 820 can be used to store software programs and modules. The processor 880 executes various functional applications and data processing by running the software programs and modules stored in the memory 820. The memory 820 may mainly include a program storage area and a data storage area. The program storage area may store the operating system, application programs required for the functions, etc.; the data storage area may store data created according to the use of the terminal, etc. In addition, the memory 820 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device. Accordingly, the memory 820 may also include a memory controller to provide access to the memory 820 for the processor 880 and the input unit 830.

[0144] The input unit 830 can be used to receive input digital or character information, and to generate keyboard, mouse, joystick, optical, or trackball signal inputs related to user settings and function control. Specifically, the input unit 830 may include a touch-sensitive surface 831 and other input devices 832. The touch-sensitive surface 831, also known as a touch display screen or touchpad, can collect touch operations performed by the user on or near it (such as operations performed by the user using a finger, stylus, or any suitable object or accessory on or near the touch-sensitive surface 831), and drive the corresponding connected devices according to a pre-set program. Optionally, the touch-sensitive surface 831 may include two parts: a touch detection device and a touch controller. The touch detection device detects the user's touch position and the signal generated by the touch operation, and transmits the signal to the touch controller; the touch controller receives touch information from the touch detection device, converts it into touch point coordinates, and sends it to the processor 880, and can also receive and execute commands sent by the processor 880. In addition, the touch-sensitive surface 831 can be implemented using various types such as resistive, capacitive, infrared, and surface acoustic wave. In addition to the touch-sensitive surface 831, the input unit 830 may also include other input devices 832. Specifically, other input devices 832 may include, but are not limited to, one or more of the following: physical keyboard, function keys (such as volume control buttons, power buttons, etc.), trackball, mouse, joystick, etc.

[0145] The display unit 840 can be used to display information input by the user or information provided to the user, as well as various graphical user interfaces of the terminal. These graphical user interfaces can be composed of graphics, text, icons, video, and any combination thereof. The display unit 840 may include a display panel 841, which may optionally be configured as an LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), or similar display panel 841. Further, a touch-sensitive surface 831 may cover the display panel 841. When the touch-sensitive surface 831 detects a touch operation on or near it, it transmits the information to the processor 880 to determine the type of touch event. Subsequently, the processor 880 provides corresponding visual output on the display panel 841 according to the type of touch event. The touch-sensitive surface 831 and the display panel 841 can be two independent components to implement input and output functions. However, in some embodiments, the touch-sensitive surface 831 and the display panel 841 can be integrated to achieve input and output functions.

[0146] The terminal may also include at least one sensor 850, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor. The ambient light sensor can adjust the brightness of the display panel 841 according to the ambient light level, and the proximity sensor can turn off the display panel 841 and / or the backlight when the terminal is moved to the ear. As a type of motion sensor, a gravity acceleration sensor can detect the magnitude of acceleration in various directions (generally three axes). When stationary, it can detect the magnitude and direction of gravity and can be used for applications that identify the terminal's posture (such as landscape / portrait switching, related games, magnetometer posture calibration), vibration recognition-related functions (such as pedometer, tapping), etc. Other sensors that may be configured on the terminal, such as gyroscopes, barometers, hygrometers, thermometers, and infrared sensors, will not be described in detail here.

[0147] Audio circuitry 860, speaker 861, and microphone 862 provide an audio interface between the user and the terminal. Audio circuitry 860 converts received audio data into electrical signals, which are then transmitted to speaker 861, where they are converted into sound signals for output. Conversely, microphone 862 collects sound signals, converts them into electrical signals, which are then received by audio circuitry 860, converted back into audio data, processed by processor 880, and transmitted via RF circuitry 810 to, for example, another terminal, or output to memory 820 for further processing. Audio circuitry 860 may also include an earphone jack to facilitate communication between a peripheral headset and the terminal.

[0148] WiFi is a short-range wireless transmission technology. This terminal, through the WiFi module 870, can help users send and receive emails, browse web pages, and access streaming media, providing users with wireless broadband internet access. Although Figure 8 WiFi module 870 is shown, but it is understood that it is not a necessary component of the terminal and can be omitted as needed without changing the nature of the invention.

[0149] The processor 880 is the control center of the terminal, connecting various parts of the terminal through various interfaces and lines. It executes software programs and / or modules stored in the memory 820, and calls data stored in the memory 820 to perform various functions and process data, thereby enabling overall monitoring of the terminal. Optionally, the processor 880 may include one or more processing cores; preferably, the processor 880 may integrate an application processor and a modem processor, wherein the application processor mainly handles the operating system, user interaction area, and applications, while the modem processor mainly handles wireless communication. It is understood that the modem processor may not be integrated into the processor 880.

[0150] The terminal also includes a power supply 890 (such as a battery) to power various components. Preferably, the power supply can be logically connected to the processor 880 through a power management system, thereby enabling functions such as charging, discharging, and power consumption management through the power management system. The power supply 890 may also include one or more DC or AC power supplies, a recharging system, a power fault detection circuit, a power converter or inverter, a power status indicator, and other arbitrary components.

[0151] Although not shown, the terminal may also include a camera, Bluetooth module, etc., which will not be described in detail here. Specifically, in this embodiment, the display unit of the terminal is a touch screen display, and the terminal also includes a memory and one or more programs, wherein one or more programs are stored in the memory and configured to be executed by one or more processors of the instructions in the method embodiment of the present invention.

[0152] Please refer to Figure 9 This illustration shows another block diagram of an electronic device for page interaction provided in another exemplary embodiment of this disclosure. The computer device may be a server for performing the page interaction method described above. Specifically: Computer device 900 includes a Central Processing Unit (CPU) 901, a system memory 904 including Random Access Memory (RAM) 902 and Read Only Memory (ROM) 903, and a system bus 905 connecting the system memory 904 and the CPU 901. Computer device 900 also includes a basic input / output system (I / O system) 906 that facilitates information transfer between various devices within the computer, and a mass storage device 907 for storing the operating system 913, application programs 914, and other program modules 911.

[0153] The basic input / output system 906 includes a display 908 for displaying information and an input device 909 for user input, such as a mouse or keyboard. Both the display 908 and the input device 909 are connected to the central processing unit 901 via an input / output controller 190 connected to the system bus 905. The basic input / output system 906 may also include the input / output controller 190 for receiving and processing input from multiple other devices such as a keyboard, mouse, or electronic stylus. Similarly, the input / output controller 190 also provides output to a display screen, printer, or other types of output devices.

[0154] Mass storage device 907 is connected to central processing unit 901 via a mass storage controller (not shown) connected to system bus 905. Mass storage device 907 and its associated computer-readable media provide non-volatile storage for computer device 900. That is, mass storage device 907 may include computer-readable media (not shown) such as hard disk or CD-ROM (CompactDisc Read-Only Memory) drive.

[0155] Without loss of generality, computer-readable media can include computer storage media and communication media. Computer storage media includes volatile and non-volatile, removable and non-removable media implemented using any method or technology for storing information such as computer-readable instructions, data structures, program modules, or other data. Computer storage media includes RAM, ROM, EPROM (Erasable Programmable Read Only Memory), EEPROM (Electrically Erasable Programmable Read Only Memory), flash memory or other solid-state storage technologies, CD-ROM, DVD (Digital Video Disc) or other optical storage, magnetic tape cassettes, magnetic tape, disk storage, or other magnetic storage devices. Of course, those skilled in the art will recognize that computer storage media are not limited to the above-mentioned types. The system memory 904 and mass storage device 907 described above can be collectively referred to as memory.

[0156] According to various embodiments of this disclosure, the computer device 900 can also be connected to a remote computer on a network, such as the Internet. That is, the computer device 900 can be connected to a network 912 via a network interface unit 911 connected to a system bus 905, or the network interface unit 911 can be used to connect to other types of networks or remote computer systems (not shown).

[0157] The aforementioned memory also includes a computer program stored in the memory and configured to be executed by one or more processors to implement the aforementioned page interaction method.

[0158] In an exemplary embodiment, a computer-readable storage medium is also provided, which stores at least one instruction, at least one program, code set, or instruction set, wherein the at least one instruction, at least one program, code set, or instruction set is executed by a processor to implement the page interaction method.

[0159] Optionally, the computer-readable storage medium may include: ROM (Read Only Memory), RAM (Random Access Memory), SSD (Solid State Drives), or optical disc, etc. The random access memory may include ReRAM (Resistance Random Access Memory) and DRAM (Dynamic Random Access Memory).

[0160] In an exemplary embodiment, a computer-readable storage medium including program code is also provided, such as a memory including program code, which can be executed by a processor to complete the page interaction method described above. Optionally, the computer-readable storage medium may be read-only memory (ROM), random access memory (RAM), compact-disc read-only memory (CD-ROM), magnetic tape, floppy disk, and optical data storage device, etc.

[0161] In an exemplary embodiment, a computer program product is also provided, including a computer program that, when executed by a processor, implements the page interaction method described above.

[0162] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the following claims.

[0163] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.

Claims

1. A page interaction method, characterized in that, The method includes: A content interaction page is provided, which is used to receive and display first media content, and to display second media content generated based on the first media content; In response to a first interactive operation on the content interaction page, a first sorting result of multiple first target media content is displayed. The multiple first target media content and the first sorting result are both associated with the first interactive operation. The first target media content belongs to the first media content or the second media content. In response to a second interactive operation on the content interaction page, the material editor is displayed; On the media editing track in the media editor, media clips of the plurality of first target media content are displayed according to the first sorting result.

2. The page interaction method according to claim 1, characterized in that, The interactive page displaying the content includes: Show the material editor mentioned above; In response to a third interactive operation on the material editor, the content interaction page is displayed.

3. A page interaction method according to claim 1 or 2, characterized in that, The first interactive operation is the operation of sequentially selecting first target media content. The step of responding to the first interactive operation on the content interaction page by displaying a first sorting result of multiple first target media contents includes: The media content collection area is displayed on the content interaction page; In the media content collection area, thumbnails corresponding to each of the first target media contents are displayed in the order of selection of the first interactive operation.

4. A page interaction method according to claim 1 or 2, characterized in that, The first interactive operation is the operation of sequentially selecting first target media content. The step of responding to the first interactive operation on the content interaction page by displaying a first sorting result of multiple first target media contents includes: For the first target media content selected in the content interaction page, a corresponding number is displayed, which indicates the order in which the corresponding first target media content was selected in the first interaction operation.

5. A page interaction method according to claim 1 or 2, characterized in that, The first interactive operation is to select multiple first target media contents by range selection. The step of responding to the first interactive operation on the content interaction page by displaying a first sorting result of the multiple first target media contents includes: The media content collection area is displayed on the content interaction page; In the media content collection area, thumbnails corresponding to each of the first target media contents are displayed according to the spatial sorting order of the multiple first target media contents within the selected range.

6. A page interaction method according to claim 1 or 2, characterized in that, The first interactive operation is to select multiple first target media contents by range selection. The step of responding to the first interactive operation on the content interaction page by displaying a first sorting result of the multiple first target media contents includes: For each selected first target media content, a corresponding number is displayed, which indicates the order of the corresponding first target media content in the spatial sorting order of multiple first target media content within the selected range.

7. A page interaction method according to claim 1 or 2, characterized in that, The first interactive operation is a drag-and-drop operation. The step of responding to the first interactive operation on the content interaction page by displaying a first sorting result of multiple first target media contents includes: Demonstrates a simulated material editing track; By dragging each of the first target media contents to the target position of the simulated material editing track, the multiple first target media contents are displayed according to the order of the target positions.

8. A page interaction method according to claim 1 or 2, characterized in that, The plurality of first target media contents are video editing materials, the material editor is a video editor, and the material editing track includes a video editing track; The method of displaying material fragments of the plurality of first target media content according to the first sorting result on the material editing track in the material editor includes: On the video editing track in the video editor, material clips of the plurality of first target media content are displayed according to the first sorting result.

9. A page interaction method according to claim 8, characterized in that, The material editing track includes an audio editing track, and the method further includes: In response to a fourth interactive operation on the content interaction page, a second sorting result of multiple second target media content is displayed. Both the multiple second target media content and the second sorting result are associated with the fourth interactive operation. The second target media content belongs to the first media content or the second media content. On the audio editing track in the video editor, clips of the plurality of second target media content are displayed according to the second sorting result.

10. A page interaction method according to claim 1, characterized in that, The method further includes: The media editor displays video generation controls; When the video generation control is triggered, the target video generated by sequentially splicing the clips in the material editing track is displayed.

11. A page interaction method according to claim 1, characterized in that, The first ranking result for displaying multiple first target media contents includes: In the media content collection area of ​​the content interaction page, thumbnails corresponding to each of the first target media contents are displayed according to the first sorting result; In response to a drag operation on any of the thumbnails in the media content collection area, the first sorting result is updated by adjusting the order of the thumbnails in the media content collection area.

12. A page interaction method according to claim 1, characterized in that, The first ranking result for displaying multiple first target media contents includes: In the media content collection area of ​​the content interaction page, thumbnails corresponding to each of the first target media contents are displayed according to the first sorting result; By dragging and dropping the third media content in the content interaction page between any two thumbnails, an updated first sorting result is obtained; according to the updated first sorting result, the thumbnails corresponding to each of the first target media content and the third media content are displayed.

13. A page interaction device, characterized in that, The device includes: The display module is configured to execute a content interaction page, which is used to receive and display first media content, and to display second media content generated based on the first media content; An interaction module is configured to perform a first interactive operation in response to a content interaction page, displaying a first sorting result of multiple first target media contents, wherein both the multiple first target media contents and the first sorting result are associated with the first interactive operation, and the first target media contents belong to either the first media content or the second media content; in response to a second interactive operation on the content interaction page, displaying a media editor; and displaying media clips of the multiple first target media contents according to the first sorting result on a media editing track in the media editor.

14. An electronic device, characterized in that, include: processor; Memory used to store the processor's executable instructions; The processor is configured to execute the instructions to implement the page interaction method as described in any one of claims 1 to 12.

15. A computer-readable storage medium, characterized in that, When the instructions in the computer-readable storage medium are executed by the processor of the electronic device, the electronic device is enabled to perform the page interaction method as described in any one of claims 1 to 12.

16. A computer program product, characterized in that, The computer program product includes a computer program stored in a readable storage medium, wherein at least one processor of a computer device reads from the readable storage medium and executes the computer program, causing the device to perform the page interaction method as described in any one of claims 1 to 12.

Images