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

Abstract

The present disclosure relates to a page interaction method and device, electronic equipment, storage medium and program product, which comprises displaying a content interaction area on a target page and displaying a timeline in the content interaction area; in the case that any position of the timeline is triggered, at least one media material corresponding to a target time is received and displayed, the target time being the time corresponding to the triggered position in the timeline; in the case that a media content generation instruction is received on the target page, a media content generation result is displayed, the media content generation result being the execution result of performing a media content generation operation based on the target time and the at least one media material corresponding to the target time. The present disclosure can significantly improve the interaction efficiency, reduce the difficulty of media content creation, and improve the accuracy of creation.

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] In related technologies, users can import media materials into media content creation applications, then trigger these applications to create media content based on the imported media materials and output the created media content.

[0003] However, in these types of applications, users find it difficult to precisely control the creation of media content based on media assets. Taking video generation as an example, it's hard to control the keyframes of the video affected by each media asset, which reduces interactive efficiency, increases the difficulty of media content creation, and also affects the accuracy of the creation. Summary of the Invention

[0004] This disclosure provides a page interaction method, apparatus, electronic device, storage medium, and program product to at least solve 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: Display an interactive content area on the target page, and display a timeline within the interactive content area; When triggered at any position on the timeline, at least one media material corresponding to a target time is received and displayed, where the target time is the time on the timeline corresponding to the triggered position. When the target page receives a media content generation instruction, the media content generation result is displayed. The media content generation result is the execution result of the media content generation operation performed based on the target time and the at least one media material corresponding to the target time.

[0005] In one exemplary implementation, receiving and displaying at least one media clip corresponding to a target time when triggered at any position on the timeline includes: If the focus of operation stays at any position on the timeline for a duration exceeding a first duration, a material addition control is displayed at the target position, where the focus of operation stays at the position where the duration exceeds the first duration, and the target time is the time corresponding to the target position on the timeline. When the material addition control is triggered, the at least one media material is received; the at least one media material is displayed at the target location.

[0006] In one exemplary implementation, receiving and displaying the at least one media material when the material addition control is triggered includes: Display at least one of the following media import controls: a first media import control for importing the media media from a preset device or a preset media library; a second media import control for importing the media media from existing media in an input box; the input box is a control in the content interaction area used to display received media; and a third media import control for importing the media media from the media import history. When any of the media import controls is triggered, the imported media material is received and displayed.

[0007] In one exemplary embodiment, after receiving and displaying at least one media material corresponding to the target time, the method further includes: The input box in the content interaction area displays tag information corresponding to the target time, the tag information indicating the target time, and the at least one media material corresponding to the target time.

[0008] In one exemplary embodiment, in the input box, each of the label information is associated with a corresponding prompt word input area, and the method further includes: In response to an interactive operation on the prompt word input area corresponding to the tag information, prompt information corresponding to the target time is input in the prompt word input area. The prompt information includes at least one of text material and media content generation instructions for a time period associated with the target time. The media content generation result is the execution result of the media content generation operation based on the target time, the at least one media material corresponding to the target time, and the media content generation instruction of the time period associated with the target time.

[0009] In one exemplary embodiment, the method further includes: If the target position is adjusted, at least one media material is displayed at the adjusted target position, and the target time in the corresponding tag information is modified. or, If the target time in the tag information is modified, the corresponding target position on the timeline is adjusted, and the at least one media material is displayed at the adjusted target position.

[0010] In one exemplary embodiment, the method further includes: If the media material corresponding to the target position on the timeline is modified, modify the media material in the corresponding tag information; or, If the media material in the tag information is modified, modify the media material corresponding to the target position on the timeline.

[0011] In one exemplary embodiment, the method further includes: If the target position on the timeline is deleted, or if all media materials corresponding to the target position are deleted, delete the corresponding tag information. or, If the tag information is deleted, delete the target position on the timeline and all media materials corresponding to the target position.

[0012] In one exemplary embodiment, the step of inputting prompt information corresponding to the target time in the prompt input area in response to an interactive operation on the prompt word input area corresponding to the label information includes: If the focus remains on the input area of ​​the prompt word for more than a second duration, a recommended prompt word is displayed. The recommended prompt word is recommended based on at least one media material corresponding to the target time. The recommended prompt word includes at least one of text material prompt words and media content generation instruction prompt words. In response to the interaction with the recommended prompt, the prompt information corresponding to the target time is entered in the prompt input area.

[0013] In one exemplary embodiment, there are multiple recommended prompt words, and the step of inputting prompt information corresponding to the target time in the prompt word input area in response to the interaction with the recommended prompt words includes: When any of the recommended prompt words are triggered, the triggered recommended prompt word is added to the prompt word input area as the prompt information corresponding to the target time.

[0014] In one exemplary embodiment, adding the triggered recommended prompt word to the prompt word input area as prompt information corresponding to the target time further includes: When any of the added recommended prompts is triggered, a modification operation on the added recommended prompt is received, and the modification result is used as the prompt information corresponding to the target time.

[0015] In one exemplary embodiment, the prompt information further includes time control information, and the method further includes: When time control information is received in the prompt input area, the time indicated by the time control information is taken as the target time; wherein, the time accuracy corresponding to the time control information is higher than the time accuracy of the target time determined on the time axis based on the target position.

[0016] According to a second aspect of the present disclosure, a page interaction device is provided, comprising: The interactive area display module is configured to display a content interactive area on the target page and display a timeline in the content interactive area; The interaction module is configured to receive and display at least one media material corresponding to a target time when it is triggered at any position on the timeline, wherein the target time is the time on the timeline corresponding to the triggered position; When the target page receives a media content generation instruction, the media content generation result is displayed. The media content generation result is the execution result of the media content generation operation performed based on the target time and the at least one media material corresponding to the target time.

[0017] In one exemplary implementation, the interaction module is configured to execute: If the focus of operation stays at any position on the timeline for a duration exceeding a first duration, a material addition control is displayed at the target position, where the focus of operation stays at the position where the duration exceeds the first duration, and the target time is the time corresponding to the target position on the timeline. When the material addition control is triggered, the at least one media material is received; the at least one media material is displayed at the target location.

[0018] In one exemplary implementation, the interaction module is configured to execute: Display at least one of the following media import controls: a first media import control for importing the media media from a preset device or a preset media library; a second media import control for importing the media media from existing media in an input box; the input box is a control in the content interaction area used to display received media; and a third media import control for importing the media media from the media import history. When any of the media import controls is triggered, the imported media material is received and displayed.

[0019] In one exemplary implementation, the interaction module is configured to execute: The input box in the content interaction area displays tag information corresponding to the target time, the tag information indicating the target time, and the at least one media material corresponding to the target time.

[0020] In one exemplary implementation, in the input box, each piece of label information is associated with a corresponding prompt word input area, and the interaction module is configured to execute: In response to an interactive operation on the prompt word input area corresponding to the tag information, prompt information corresponding to the target time is input in the prompt word input area. The prompt information includes at least one of text material and media content generation instructions for a time period associated with the target time. The media content generation result is the execution result of the media content generation operation based on the target time, the at least one media material corresponding to the target time, and the media content generation instruction of the time period associated with the target time.

[0021] In one exemplary implementation, the interaction module is configured to execute: If the target position is adjusted, at least one media material is displayed at the adjusted target position, and the target time in the corresponding tag information is modified. or, If the target time in the tag information is modified, the corresponding target position on the timeline is adjusted, and the at least one media material is displayed at the adjusted target position.

[0022] In one exemplary implementation, the interaction module is configured to execute: If the media material corresponding to the target position on the timeline is modified, modify the media material in the corresponding tag information; or, If the media material in the tag information is modified, modify the media material corresponding to the target position on the timeline.

[0023] In one exemplary implementation, the interaction module is configured to execute: If the target position on the timeline is deleted, or if all media materials corresponding to the target position are deleted, delete the corresponding tag information. or, If the tag information is deleted, delete the target position on the timeline and all media materials corresponding to the target position.

[0024] In one exemplary implementation, the interaction module is configured to execute: If the focus remains on the input area of ​​the prompt word for more than a second duration, a recommended prompt word is displayed. The recommended prompt word is recommended based on at least one media material corresponding to the target time. The recommended prompt word includes at least one of text material prompt words and media content generation instruction prompt words. In response to the interaction with the recommended prompt, the prompt information corresponding to the target time is entered in the prompt input area.

[0025] In one exemplary implementation, there are multiple recommended prompts, and the interaction module is configured to execute: When any of the recommended prompt words are triggered, the triggered recommended prompt word is added to the prompt word input area as the prompt information corresponding to the target time.

[0026] In one exemplary implementation, the interaction module is configured to execute: When any of the added recommended prompts is triggered, a modification operation on the added recommended prompt is received, and the modification result is used as the prompt information corresponding to the target time.

[0027] In one exemplary embodiment, the prompt information further includes time control information, and the interaction module is configured to execute: When time control information is received in the prompt input area, the time indicated by the time control information is taken as the target time; wherein, the time accuracy corresponding to the time control information is higher than the time accuracy of the target time determined on the time axis based on the target position.

[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 as 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 bring at least the following beneficial effects: This disclosure relates to page interaction methods, devices, electronic devices, storage media, and program products. The page interaction method is applied to a target page, which is a page in an application that receives media materials and performs media content generation operations to output created media content.

[0032] This disclosure first displays an interactive content area on the target page, within which a timeline is shown. Placing the timeline, used to identify time dimensions, within the interactive area allows users to intuitively complete time-series-related creative preparation operations. Then, when triggered at any position on the timeline, at least one media clip corresponding to a target time is received and displayed. The target time is the time on the timeline corresponding to the triggered position. Users can quickly bind media clips to the corresponding target time simply by directly triggering the corresponding position on the timeline, thereby transforming abstract time positions into visual nodes that can be associated with media clips, reducing the operational cost for users to bind media clips to target times.

[0033] When the target page receives a media content generation instruction, the time node (target time) configured by the user on the timeline and the bound media material are used as the generation input to perform the media content generation operation. This ensures that the content at the target time in the generated media content can be aligned with the corresponding media material, achieving precise control in timing.

[0034] This interactive solution enables the visual binding of timeline markers and media materials, allowing users to intuitively configure materials at different time points. This solves the problem of accurately matching time points and materials in traditional time-series creation. The visual timeline lowers the operational barrier to long-form media creation, making it suitable for creation scenarios like long videos that require precise timing. It can significantly improve the interactive efficiency of such applications, reduce the difficulty of media content creation, and enhance the accuracy of creation.

[0035] 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

[0036] 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.

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

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

[0039] Figure 3 This is a schematic diagram illustrating a page interaction process according to an exemplary embodiment.

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

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

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

[0043] 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.

[0044] 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.

[0045] 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.

[0046] 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 a server 120, which can communicate with each other via a network.

[0047] Specifically, the page interaction terminal 110 interacts with the user through interaction with the server 120. Specifically, the page interaction terminal 110 can display a content interaction area on the target page, and display a timeline within the content interaction area; when triggered at any position on the timeline, it receives and displays at least one media material corresponding to a target time, where the target time is the time on the timeline corresponding to the triggered position; when the target page receives a media content generation instruction, it displays the media content generation result, which is the execution result of the media content generation operation based on the target time and the at least one media material corresponding to the target time.

[0048] The page interaction terminal 110 can communicate with the 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.

[0049] Server 120 and page interaction terminal 110 can establish and display communication connections through wired or wireless means. 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.

[0050] 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 area on the target page, and display a timeline in the content interaction area.

[0051] In this disclosure, the target page can be a page provided in an application for media content creation. This target page displays an interactive content area, which serves as an entry point for users to input, edit, and view media materials. These media materials can be the materials required by the application for media content generation. These materials can cover one or more types of media materials. This disclosure does not limit the type of media materials, including text, audio, images, video, or other forms.

[0052] The interactive content area displays a timeline, which serves as the core visual carrier for all subsequent time-based creative operations. It transforms the abstract time dimension into an intuitive and interactive linear operation bar, providing users with a clear operational foundation for binding media materials and configuring creative requirements at different time points. This makes the temporal logic of the entire creative interaction process intuitive and perceptible, helping users quickly establish an overall understanding of the entire creative timeline.

[0053] S220. When triggered at any position on the timeline, receive and display at least one media material corresponding to a target time, wherein the target time is the time on the timeline corresponding to the triggered position.

[0054] The timeline is an interactive medium used in this disclosure to visually identify the temporal dimension, with each position corresponding to a different point in the timeline. This disclosure does not limit the triggering method for any position on the timeline; for example, users can select any node on the timeline by clicking, long-pressing, or hovering, and this position can be freely chosen by the user according to their creative needs.

[0055] The target time is the time corresponding to the triggered position on the timeline. There can be one or more target times, which is common in video creation scenarios. By setting multiple target times, precise segmented control of video generation can be achieved. For example, if a user wants to create a 1-minute travel vlog and wants to show the departure scene from 0s to 20s, the sightseeing from 20s to 45s, and the return summary from 45s to 60s, they can trigger the 0s, 20s, and 45s positions on the timeline in sequence to obtain three target times.

[0056] After determining the target time, the user uploads or selects media materials matching that target time. This disclosure can directly display the materials in the corresponding location upon receipt, allowing the user to intuitively see the materials associated with that time point. Continuing with the previous example, departure scene materials, scenic spot materials, and return trip materials can be imported and displayed for the aforementioned three target times respectively.

[0057] S230. When the target page receives a media content generation instruction, the media content generation result is displayed. The media content generation result is the execution result of the media content generation operation performed based on the target time and the at least one media material corresponding to the target time.

[0058] The system uses the target time and corresponding media materials bound by the user's timeline as input to ensure that the generated content strictly matches the user's preset time segmentation requirements. Following the previous example of creating a 1-minute travel vlog, after the user completes the binding of materials for the three target times, clicking the "Generate" button on the page triggers the media content generation command. At this point, based on the three time periods divided by the three target times, corresponding segmented content is generated by combining the media materials bound at the starting point of each time period: 0s-20s generates a video clip matching the departure scene style based on departure scene materials; 20s-45s generates a video clip corresponding to the scenic spot scenes based on scenic spot check-in materials; and 45s-60s generates a video clip corresponding to the return trip summary based on return trip materials. Finally, the three segmented clips are spliced ​​together to form a complete 1-minute travel vlog. This integrated complete video is the generated media content result, ultimately displayed on the target page for the user to view.

[0059] This disclosure first displays an interactive content area on the target page, within which a timeline is shown. Placing the timeline, used to identify time dimensions, within the interactive area allows users to intuitively complete time-series-related creative preparation operations. Then, when triggered at any position on the timeline, at least one media clip corresponding to a target time is received and displayed. The target time is the time on the timeline corresponding to the triggered position. Users can quickly bind media clips to the corresponding target time simply by directly triggering the corresponding position on the timeline, thereby transforming abstract time positions into visual nodes that can be associated with media clips, reducing the operational cost for users to bind media clips to target times.

[0060] When the target page receives a media content generation instruction, the time node (target time) configured by the user on the timeline and the bound media material are used as the generation input to perform the media content generation operation. This ensures that the content at the target time in the generated media content can be aligned with the corresponding media material, achieving precise control in timing.

[0061] This interactive solution enables the visual binding of timeline markers and media materials, allowing users to intuitively configure materials at different time points. This solves the problem of accurately matching time points and materials in traditional time-series creation. The visual timeline lowers the operational barrier to long-form media creation, making it suitable for creation scenarios like long videos that require precise timing. It can significantly improve the interactive efficiency of such applications, reduce the difficulty of media content creation, and enhance the accuracy of creation.

[0062] In one exemplary implementation, receiving and displaying at least one media clip corresponding to a target time when triggered at any position on the timeline includes: If the focus of operation stays at any position on the timeline for a duration exceeding a first duration, a material addition control is displayed at the target position, where the focus of operation stays at the position where the duration exceeds the first duration, and the target time is the time corresponding to the target position on the timeline. When the material addition control is triggered, the at least one media material is received; the at least one media material is displayed at the target location.

[0063] The operation focus is the location of the cursor or touch point corresponding to the current user interaction operation. It is the core identifier for electronic devices to identify the user's current operation intention. In desktop devices, the operation focus generally corresponds to the position where the mouse cursor is located. In touch-enabled mobile devices, the operation focus generally corresponds to the position where the user's finger touches and presses. This disclosure triggers the material addition control by using the condition of the duration of the operation focus stay. Essentially, it distinguishes between the user's accidental touch and the intention to actively add materials, and avoids the user accidentally triggering the material addition pop-up when scrolling through the timeline.

[0064] The first duration is the preset threshold for judgment, which can generally be set to several hundred milliseconds. This ensures that the system can accurately identify the user's request to add materials without causing a noticeable delay for the user. Using the example of creating a 1-minute travel vlog, when a user moves the mouse cursor to add departure scene material at position 0s, if the cursor stays at position 0s on the timeline for a duration exceeding the preset first duration, such as 300 milliseconds, it can be determined that the user wants to add material at that position. In this case, the material addition control will be displayed directly at the target position 0s, where 0s is the target time. If the user simply slides the cursor quickly across position 0s without staying for the first duration, the material addition control will not be triggered, preventing accidental interruptions to the user's browsing experience.

[0065] Once a user sees the media add control that pops up at the target location, if they confirm that they want to add media material at that target time, they can trigger the operation on this control. The triggering method can be different on different devices and interaction scenarios. On desktop, it can be clicking the control, while on mobile, it can be clicking or pressing the control to complete the trigger. After receiving the trigger instruction, the corresponding media selection entry can be displayed, waiting for the user to select or upload the media material that needs to be bound to the target time.

[0066] Once the media material selected by the user is received, it can be directly displayed at the target position on the timeline, allowing the user to see at a glance the material status of all time nodes on the timeline, clearly grasp the temporal material configuration of the entire creation, and reduce the operation cost.

[0067] This disclosure determines the user's operational intent by observing the duration of focus on the screen, accurately distinguishing between browsing and adding materials, effectively avoiding accidental touches, reducing unnecessary pop-up interference, and optimizing the interactive experience. It automatically matches the target time based on the focus position, eliminating the need for users to manually input time parameters, simplifying the material binding process, and lowering the operational threshold for timing configuration. It displays material addition controls as needed without occupying additional page space, ensuring a clean and intuitive interface that balances interactive accuracy and ease of use, better adapting to the interactive needs of long-term media creation.

[0068] In one exemplary implementation, receiving and displaying the at least one media material when the material addition control is triggered includes: Display at least one of the following media import controls: a first media import control for importing the media media from a preset device or a preset media library; a second media import control for importing the media media from existing media in an input box; the input box is a control in the content interaction area used to display received media; and a third media import control for importing the media media from the media import history. When any of the media import controls is triggered, the imported media material is received and displayed.

[0069] After triggering the material addition control, multiple material import entry points can be provided to cover the material acquisition needs of users in different scenarios. There is no need to jump to other pages to find materials. Material selection can be completed directly in the current interaction flow, simplifying the material import operation path and allowing users to choose the most convenient import method according to their material storage location, thereby improving the efficiency of material binding.

[0070] Using the travel vlog creation example from before, after the user triggers the addition control for the footage at position 0s, the page can directly pop up a list of controls containing different import options, allowing the user to choose the import channel independently.

[0071] The first material import control is the entry point for importing materials from local storage or the platform's material library, covering the most common material acquisition scenarios for users: if the user's reference materials are saved on the local device in advance, they can select this control to select from the local album or folder; if the user has not prepared materials in advance, they can also use this control to search for and select suitable reference materials from the built-in material library.

[0072] The second material import control is for existing materials that have already been imported into the current input box. It is suitable for scenarios where users reuse existing materials, avoid repeatedly uploading the same materials, and save operation time and storage space.

[0073] The third material import control is for users' historical import records. It is suitable for scenarios where users can reuse recently imported materials without having to search from the original storage path again. They can quickly select and call them directly from the history.

[0074] This solution provides multiple channels for importing materials, covering different storage scenarios and material acquisition scenarios with different usage needs. It can adapt to users' diverse creative habits and improve the efficiency of material configuration. The clearly categorized import options also allow users to quickly find the corresponding import path, reducing the operational cost of users searching for materials, optimizing the overall interactive experience, and better adapting to the needs of time-series media creation in multiple scenarios.

[0075] In one exemplary embodiment, after receiving and displaying at least one media material corresponding to the target time, the method further includes: The input box in the content interaction area displays tag information corresponding to the target time, the tag information indicating the target time, and the at least one media material corresponding to the target time.

[0076] In this embodiment, the time-material binding configurations completed by the user can be summarized and displayed in the input box using clear labels, making it convenient for users to view and manage all configured content in a unified manner. A dedicated input box is set up in the entire content interaction area. This input box can be used to uniformly store and display all bound configurations, complementing the node display on the timeline. The timeline focuses on displaying the node positions from a chronological perspective, while the labels in the input box focus on clearly listing the core information of each node, allowing users to quickly view all completed configurations without having to click on each timeline node individually.

[0077] Using the previous example of creating a 1-minute travel vlog, after the user completes the binding and display of the corresponding media materials at the three target times of 0s, 20s, and 45s, the input box in the content interaction area will generate tag information for the three target times respectively. Each tag will simultaneously indicate the corresponding target time node and the media material bound to that node, such as displaying "0s: Image 1", "20s: Image 2", and "45s: Image 3". Users can clearly understand the overall configuration at a glance and can quickly check for any omissions or errors in binding.

[0078] By summarizing and displaying the tag information corresponding to time and materials in the input box, users can quickly check the overall configuration, promptly identify and adjust incorrect binding content, and avoid generating media content that does not meet the requirements. It also makes the overall configuration information clearer and more organized, preventing the page from becoming cluttered due to too many timeline nodes and optimizing the cleanliness of the page layout. For new users unfamiliar with the operation, the tag-based summary display also lowers the threshold for understanding the configuration content, further improving the interactive efficiency and user experience of time-series media creation.

[0079] In one exemplary embodiment, in the input box, each of the label information is associated with a corresponding prompt word input area, and the method further includes: In response to an interactive operation on the prompt word input area corresponding to the tag information, prompt information corresponding to the target time is input in the prompt word input area. The prompt information includes at least one of text material and media content generation instructions for a time period associated with the target time. The media content generation result is the execution result of the media content generation operation based on the target time, the at least one media material corresponding to the target time, and the media content generation instruction of the time period associated with the target time.

[0080] In this implementation, a dedicated prompt input area can be matched to each generated tag in the input box. Users can input customized prompts for each segment's creative needs, making the generated content more aligned with the specific style and content requirements of that segment. This design of matching an input area separately for each tag can meet the differentiated creative needs of different segments, allowing users to more precisely control the details of each segment's generated content.

[0081] Using the previous example of creating a 1-minute travel vlog, the three tags correspond to three target times: 0s, 20s, and 45s. Each tag has a blank prompt input area on the right. Users can directly interact with the prompt input area of ​​the corresponding tag. For example, clicking the input area will bring up the input cursor and enter the editable state.

[0082] The prompts can be supplementary text materials or specific generation instructions for that segment. Continuing with the travel vlog example, users can input "Add upbeat background music, sunrise transition effect, 16:9 aspect ratio" in the prompt area for the 0s departure scene; "Add filter, insert a slideshow effect for the check-in photos, and add captions introducing the attractions" in the prompt area for the 20s attraction check-in scene; and "Add soothing background music, insert group photos of the trip's attractions, and fade-in / fade-out ending" in the prompt area for the 45s return trip summary. These are all specific prompts for different segments.

[0083] When generating media content, the prompts for each target time are also included in the generation criteria. The target time, corresponding media materials, and prompts are combined to generate corresponding segmented content. Using the previous example, in the final 1-minute vlog, the 0s-20s departure segment will be updated with upbeat background music and a sunrise transition based on the user's input prompts; the 20s-45s scenic spot segment will have filters and slideshow effects added as prompted; and the 45s-60s ending segment will meet the requirements for a smooth fade-in / fade-out. Finally, a complete vlog perfectly matching the user's customized requirements is generated and displayed on the target page for the user to view.

[0084] This design, which sets up a separate input area for each tag, allows users to input customized prompts for different time segments, accurately meeting users' personalized creative needs for segmentation and improving the matching degree between generated content and user needs. The logic of the separately matched input area is clear, making it convenient for users to modify and adjust the requirements of individual segments, thus optimizing the creative interaction experience. At the same time, it also enriches the dimensions of the generation basis, allowing users to finely control the generated results at the time segmentation level, and better adapt to the complex long-time-series media creation needs.

[0085] In one exemplary embodiment, the method further includes: If the target position is adjusted, at least one media material is displayed at the adjusted target position, and the target time in the corresponding tag information is modified. or, If the target time in the tag information is modified, the corresponding target position on the timeline is adjusted, and the at least one media material is displayed at the adjusted target position.

[0086] In this implementation, regardless of whether the user modifies the material position from the timeline end or the label time information from the input box end, the other end will automatically update synchronously, without the user having to manually modify it again, ensuring that the information in both places is always consistent. This two-way synchronous adjustment logic fits different user modification habits and is not limited by a fixed adjustment path.

[0087] Using the example of creating a 1-minute travel vlog, suppose the user initially binds the departure scene footage to the 0s position, and the input box also generates a corresponding label "0s: Departure Scene Footage". If the user wants to postpone the departure scene to 5s, they can simply drag the footage to the adjusted target position of 5s on the timeline, and the target time of the corresponding label in the input box will be automatically changed to "5s: Image 1", completing two-way synchronization. Conversely, if the user directly modifies the target time in the label of the input box, after the modification, the corresponding footage on the timeline will automatically move to the position corresponding to 5s and be displayed, without the user having to repeat the operation twice.

[0088] This two-way synchronous adjustment design greatly improves the flexibility of adjusting the time position of the material, satisfying both the user's need for quick drag-and-drop adjustments and the need for precise modification of time parameters, adapting to the operating habits of different users; at the same time, automatic synchronization avoids the inconsistency of information caused by manual modification, optimizes the interactive experience of time-series media creation, and improves the overall creation efficiency.

[0089] In one exemplary embodiment, the method further includes: If the media material corresponding to the target position on the timeline is modified, modify the media material in the corresponding tag information; or, If the media material in the tag information is modified, modify the media material corresponding to the target position on the timeline.

[0090] This implementation continues the design logic of two-way synchronization. Regardless of whether the user directly modifies the bound media material on the timeline or modifies the material information from the label in the input box, the content in the other place will be automatically updated synchronously. It can adapt to different user modification habits, and users can freely choose the more convenient modification position without being restricted by a fixed operation process.

[0091] Using the example of creating a 1-minute travel vlog, the user initially binds a photo of the scenic spot to the 20-second timeline position, and the input box also generates a corresponding tag "20s: Image 2". If the user later feels that the photo is not satisfactory, they can directly replace it with a new photo at the 20-second position on the timeline. After the replacement is completed, the material information of the corresponding tag in the input box will be automatically updated to the new material name, without the user needing to manually open the tag to edit it. Conversely, if the user directly clicks on the corresponding tag in the input box to modify the bound material, after the modification is completed, the material displayed at the 20-second position on the timeline will also be automatically replaced with the newly selected material, without the user needing to manually make secondary adjustments throughout the process.

[0092] This design, which allows for bidirectional synchronous modification of material information, enhances the flexibility of time-series material configuration. It not only adapts to users' modification needs in different scenarios but also fundamentally avoids material information errors caused by asynchronous manual modifications. It optimizes the interactive experience of time-series media creation, improves the overall efficiency of creative adjustments, and can also adapt to the frequent adjustment needs in long-series, multi-material creation.

[0093] In one exemplary embodiment, the method further includes: If the target position on the timeline is deleted, or if all media materials corresponding to the target position are deleted, delete the corresponding tag information. or, If the tag information is deleted, delete the target position on the timeline and all media materials corresponding to the target position.

[0094] This implementation method enables synchronized deletion of timeline nodes and input box labels. Regardless of whether the user performs a deletion operation from the timeline or deletes label information from the input box, the corresponding content in the other location will be automatically deleted, adapting to deletion needs and user operating habits in different scenarios.

[0095] Using the example of creating a 1-minute travel vlog, the user originally bound extra footage to the 30-second timeline, and the input box correspondingly generated the tag "30s: Mid-trip Footage". If the user wants to delete this extra segment configuration, they can simply select all footage at the 30-second position on the timeline and delete it, or directly delete the target position node for the 30-second timeline. The corresponding "30s: Mid-trip Footage" tag in the input box will be automatically deleted synchronously, without the user needing to manually delete the tag in the input box. Conversely, if the user deletes the corresponding tag, the target position for the 30-second timeline and all footage bound to that position will also be automatically deleted synchronously, without the user needing to perform a deletion operation on the timeline again.

[0096] This two-way synchronous deletion design gives users more operational options, adapts to deletion needs in different scenarios, and improves overall creation efficiency.

[0097] In one exemplary embodiment, the step of inputting prompt information corresponding to the target time in the prompt input area in response to an interactive operation on the prompt word input area corresponding to the label information includes: If the focus remains on the input area of ​​the prompt word for more than a second duration, a recommended prompt word is displayed. The recommended prompt word is recommended based on at least one media material corresponding to the target time. The recommended prompt word includes at least one of text material prompt words and media content generation instruction prompt words. In response to the interaction with the recommended prompt, the prompt information corresponding to the target time is entered in the prompt input area.

[0098] In this implementation, when a user keeps the focus on the corresponding prompt word input area for more than a preset second time, the system can automatically push matching recommended prompt words based on the media material bound to that time point. This helps the user complete the prompt information input faster, reduces the cost for the user to come up with input prompts, and the recommended content will match the material itself and fit the creative needs of that point, so that the user does not have to organize the text from scratch.

[0099] Using the 1-minute travel vlog example again, the user has already bound the actual footage of the train station departure scene at position 0s. Next, they need to enter the creation requirements in the corresponding prompt word input area. If the user clicks to activate the input box and the cursor stays in the input area, after the stay time exceeds the preset second duration, such as 3 seconds, the recommended prompt word panel will be automatically brought up, displaying recommended content that matches the departure scene footage at that node.

[0100] These recommended prompts cover users' common creative requirements. They can be supplementary text prompts or directly usable generation command prompts. For example, for 0-second departure scene footage, prompts like "add upbeat background music," "add sunrise transition effects," and "match dynamic station entry captions" can be pushed. For 20-second scenic spot check-in footage, matching prompts like "add Instagram-style filters," "create photo carousel effects," and "insert scenic spot name captions" can be pushed.

[0101] This design, which uses intelligent matching of materials to recommend prompts, greatly lowers the barrier for users to input prompts, helps users quickly complete the prompt information, and shortens the overall creation process time. For new users who are not familiar with AI-generated prompts, the recommended content can also provide effective reference, preventing users from generating unexpected content due to not knowing how to write prompts, thus improving the interactive efficiency of the prompt input process and further optimizing the overall creation experience.

[0102] In one exemplary embodiment, there are multiple recommended prompt words, and the step of inputting prompt information corresponding to the target time in the prompt word input area in response to the interaction with the recommended prompt words includes: When any of the recommended prompt words are triggered, the triggered recommended prompt word is added to the prompt word input area as the prompt information corresponding to the target time.

[0103] The same suggestion input area can recommend multiple suggestions that match the current material and creative scenario, instead of just outputting a single suggestion. This covers more common creative needs of users and gives them ample choice. As soon as the user triggers any suggestion, the selected suggestion will be automatically added to the current suggestion input area, directly becoming the suggestion content corresponding to the target time, without requiring the user to manually copy or re-enter it.

[0104] This click-triggered automatic addition design features a simple and clear operation path. Users only need to click to select and complete the input of the prompt information, which further reduces the input threshold, improves the efficiency of prompt filling, and makes the entire creation process smoother.

[0105] In one exemplary embodiment, adding the triggered recommended prompt word to the prompt word input area as prompt information corresponding to the target time further includes: When any of the added recommended prompts is triggered, a modification operation on the added recommended prompt is received, and the modification result is used as the prompt information corresponding to the target time.

[0106] Even if a user selects recommended keywords, they can still customize the added content; they are not restricted to using only preset recommended content. The user's modified content will ultimately be the notification message that takes effect at that time.

[0107] This modifiable recommendation design balances the convenience of intelligent recommendations with the personalized needs of creation. It not only solves the difficulty for new users in writing prompts, but also leaves room for adjustment for users with advanced needs. It can further improve the matching degree between prompt information and user needs, making the overall creation process smoother and effectively improving creation efficiency and user satisfaction.

[0108] In one exemplary embodiment, the prompt information further includes time control information, and the method further includes: When time control information is received in the prompt input area, the time indicated by the time control information is taken as the target time; wherein, the time accuracy corresponding to the time control information is higher than the time accuracy of the target time determined on the time axis based on the target position.

[0109] In addition to the creative requirements, the content entered by the user in the prompt input area can also include time control information specifically for adjusting the time. When time control information is detected in the prompt input area, the time marked in this time control information can be directly identified as the target time for that node, replacing the original target time obtained from the timeline position. This time control information supports higher time precision, meeting the needs for more refined time settings than the coarse click positioning based on the timeline. For example, the target time based on the timeline positioning may only be accurate to the second, but the time control information can be accurate to the millisecond.

[0110] For example, when creating a travel vlog, if a user originally clicked to add material at the 15-second mark on the timeline, they only need to enter "Time control: 14.5 seconds, add fade-out transition" in the corresponding prompt input area, and the target time of that node will be automatically adjusted to 14.5 seconds, thus significantly improving the accuracy of time control.

[0111] This design, which supports writing high-precision time control information into prompts, meets the needs of professional creators for precise time positioning. It solves the pain point that manually dragging the timeline cannot achieve the required precision, allowing users to obtain the desired time position without repeated adjustments. This improves the accuracy of time positioning, reduces repeated adjustment steps, and lowers the operational cost of fine-tuning time. It also provides more adaptable time setting methods for users with different needs. Ordinary users can quickly position the time by dragging, while professional users can directly input high-precision time, catering to the needs of different creative scenarios and further improving creative efficiency and the final presentation of the content.

[0112] Please refer to Figure 3 This illustration shows a schematic diagram of a page interaction process according to an exemplary embodiment of this disclosure. Figure 3 In Figure (a), a content interaction area 320 can be displayed on the target page 310. The content interaction area 320 includes a timeline 330 with a long bar control. When the cursor / touch operation focus stays on any point on the axis for more than a first duration, a material addition control automatically pops up at that point. For example, the material addition control may include a first import control 340 for importing from local storage and a second import control 350 for importing from historical materials.

[0113] Please refer to Figure 3 In Figure (b), if the user enters some materials 360 in the input box of the content interaction area 320, these materials can also be reflected in the material addition control.

[0114] If a user selects any material, the added material will be displayed at the corresponding position on the timeline, such as... Figure 3 As shown in Figure (c).

[0115] Please refer to Figure 3 In diagram (d), if a user adds material at the corresponding position on the timeline, an automatically associated tag can be displayed in the input box of the content interaction area 320. This tag shows the effective time of the material and also the material itself. The tag is accompanied by an editable input area, which can be used to input further information, control the scope of the effective time, and the media content generation method based on the corresponding material. The tag, the material on the timeline, and the material's position on the timeline are all linked; modifications to one will adjust the other accordingly.

[0116] Users can also click the command trigger button, which will generate media content based on the uploaded material and its corresponding effective time, and output the generated result.

[0117] Figure 4 This is a block diagram illustrating a page interaction device according to an exemplary embodiment. (Refer to...) Figure 4 The device includes: The interactive area display module 410 is configured to display a content interactive area on the target page and display a timeline in the content interactive area. The interaction module 420 is configured to receive and display at least one media material corresponding to a target time when it is triggered at any position on the timeline, wherein the target time is the time on the timeline corresponding to the triggered position. When the target page receives a media content generation instruction, the media content generation result is displayed. The media content generation result is the execution result of the media content generation operation performed based on the target time and the at least one media material corresponding to the target time.

[0118] In one exemplary implementation, the interaction module 420 is configured to perform: If the focus of operation stays at any position on the timeline for a duration exceeding a first duration, a material addition control is displayed at the target position, where the focus of operation stays at the position where the duration exceeds the first duration, and the target time is the time corresponding to the target position on the timeline. When the material addition control is triggered, the at least one media material is received; the at least one media material is displayed at the target location.

[0119] In one exemplary implementation, the interaction module 420 is configured to perform: Display at least one of the following media import controls: a first media import control for importing the media media from a preset device or a preset media library; a second media import control for importing the media media from existing media in an input box; the input box is a control in the content interaction area used to display received media; and a third media import control for importing the media media from the media import history. When any of the media import controls is triggered, the imported media material is received and displayed.

[0120] In one exemplary implementation, the interaction module 420 is configured to perform: The input box in the content interaction area displays tag information corresponding to the target time, the tag information indicating the target time, and the at least one media material corresponding to the target time.

[0121] In one exemplary embodiment, in the input box, each of the label information is associated with a corresponding prompt word input area, and the interaction module 420 is configured to execute: In response to an interactive operation on the prompt word input area corresponding to the tag information, prompt information corresponding to the target time is input in the prompt word input area. The prompt information includes at least one of text material and media content generation instructions for a time period associated with the target time. The media content generation result is the execution result of the media content generation operation based on the target time, the at least one media material corresponding to the target time, and the media content generation instruction of the time period associated with the target time.

[0122] In one exemplary implementation, the interaction module 420 is configured to perform: If the target position is adjusted, at least one media material is displayed at the adjusted target position, and the target time in the corresponding tag information is modified. or, If the target time in the tag information is modified, the corresponding target position on the timeline is adjusted, and the at least one media material is displayed at the adjusted target position.

[0123] In one exemplary implementation, the interaction module 420 is configured to perform: If the media material corresponding to the target position on the timeline is modified, modify the media material in the corresponding tag information; or, If the media material in the tag information is modified, modify the media material corresponding to the target position on the timeline.

[0124] In one exemplary implementation, the interaction module 420 is configured to perform: If the target position on the timeline is deleted, or if all media materials corresponding to the target position are deleted, delete the corresponding tag information. or, If the tag information is deleted, delete the target position on the timeline and all media materials corresponding to the target position.

[0125] In one exemplary implementation, the interaction module 420 is configured to perform: If the focus remains on the input area of ​​the prompt word for more than a second duration, a recommended prompt word is displayed. The recommended prompt word is recommended based on at least one media material corresponding to the target time. The recommended prompt word includes at least one of text material prompt words and media content generation instruction prompt words. In response to the interaction with the recommended prompt, the prompt information corresponding to the target time is entered in the prompt input area.

[0126] In one exemplary implementation, there are multiple recommended prompts, and the interaction module 420 is configured to execute: When any of the recommended prompt words are triggered, the triggered recommended prompt word is added to the prompt word input area as the prompt information corresponding to the target time.

[0127] In one exemplary implementation, the interaction module 420 is configured to perform: When any of the added recommended prompts is triggered, a modification operation on the added recommended prompt is received, and the modification result is used as the prompt information corresponding to the target time.

[0128] In one exemplary embodiment, the prompt information further includes time control information, and the interaction module 420 is configured to execute: When time control information is received in the prompt input area, the time indicated by the time control information is taken as the target time; wherein, the time accuracy corresponding to the time control information is higher than the time accuracy of the target time determined on the time axis based on the target position.

[0129] 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 further here.

[0130] 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.

[0131] 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.

[0132] Figure 5 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 5 As shown, the device may include an RF (Radio Frequency) circuit 510, a memory 520 including one or more computer-readable storage media, an input unit 530, a display unit 540, a sensor 580, an audio circuit 560, a WiFi (Wireless Fidelity) module 570, a processor 580 including one or more processing cores, and a power supply 590, among other components. Those skilled in the art will understand that... Figure 5 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: RF circuit 510 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 580 for processing; additionally, it transmits uplink data to the base station. Typically, RF circuit 510 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, RF circuit 510 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.

[0133] The memory 520 can be used to store software programs and modules. The processor 580 executes various functional applications and data processing by running the software programs and modules stored in the memory 520. The memory 520 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 520 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 520 may also include a memory controller to provide access to the memory 520 for the processor 580 and the input unit 530.

[0134] The input unit 530 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 530 may include a touch-sensitive surface 531 and other input devices 532. The touch-sensitive surface 531, 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 531), and drive the corresponding connection device according to a pre-set program. Optionally, the touch-sensitive surface 531 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, sends it to the processor 580, and can receive and execute commands sent by the processor 580. In addition, the touch-sensitive surface 531 can be implemented using various types such as resistive, capacitive, infrared, and surface acoustic wave. In addition to the touch-sensitive surface 531, the input unit 530 may also include other input devices 532. Specifically, other input devices 532 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. The display unit 540 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 540 may include a display panel 541, which may optionally be configured as an LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), or similar display panel 541. Further, a touch-sensitive surface 531 may cover the display panel 541. When the touch-sensitive surface 531 detects a touch operation on or near it, it transmits the information to the processor 580 to determine the type of touch event. Subsequently, the processor 580 provides corresponding visual output on the display panel 541 according to the type of touch event. The touch-sensitive surface 531 and the display panel 541 can be two independent components to implement input and output functions. However, in some embodiments, the touch-sensitive surface 531 and the display panel 541 can be integrated to achieve both input and output functions.

[0135] The terminal may also include at least one sensor 580, 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 541 according to the ambient light level, and the proximity sensor can turn off the display panel 541 and / or 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.

[0136] Audio circuitry 560, speaker 561, and microphone 562 provide an audio interface between the user and the terminal. Audio circuitry 560 converts received audio data into electrical signals, which are then transmitted to speaker 561, where they are converted into sound signals for output. Conversely, microphone 562 converts collected sound signals into electrical signals, which are received by audio circuitry 560, converted back into audio data, and then processed by processor 580 before being transmitted via RF circuitry 510 to, for example, another terminal, or output to memory 520 for further processing. Audio circuitry 560 may also include an earphone jack to facilitate communication between a peripheral headset and the terminal.

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

[0138] The processor 580 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 520, and calls data stored in the memory 520 to perform various functions and process data, thereby enabling overall monitoring of the terminal. Optionally, the processor 580 may include one or more processing cores; preferably, the processor 580 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 580.

[0139] The terminal also includes a power supply 590 (such as a battery) to power various components. Preferably, the power supply can be logically connected to the processor 580 through a power management system, thereby enabling functions such as charging, discharging, and power consumption management through the power management system. The power supply 590 may also include one or more DC or AC power supplies, recharging systems, power fault detection circuits, power converters or inverters, power status indicators, and other arbitrary components.

[0140] 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.

[0141] Please refer to Figure 6 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 600 includes a central processing unit (CPU) 601, a system memory 604 including random access memory (RAM) 602 and read-only memory (ROM) 603, and a system bus 605 connecting the system memory 604 and the CPU 601. Computer device 600 also includes a basic input / output system (I / O system) 606 that facilitates information transfer between various devices within the computer, and a mass storage device 607 for storing the operating system 613, application programs 614, and other program modules 611.

[0142] The basic input / output system 606 includes a display 608 for displaying information and an input device 609 for user input, such as a mouse or keyboard. Both the display 608 and the input device 609 are connected to the central processing unit 601 via an input / output controller 160 connected to the system bus 605. The basic input / output system 606 may also include the input / output controller 160 for receiving and processing input from multiple other devices such as a keyboard, mouse, or electronic stylus. Similarly, the input / output controller 160 also provides output to a display screen, printer, or other types of output devices.

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

[0144] 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 604 and mass storage device 607 described above can be collectively referred to as memory.

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

[0146] 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.

[0147] 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.

[0148] 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).

[0149] 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.

[0150] 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.

[0151] 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.

[0152] 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: Display an interactive content area on the target page, and display a timeline within the interactive content area; When triggered at any position on the timeline, at least one media material corresponding to a target time is received and displayed, where the target time is the time on the timeline corresponding to the triggered position. When the target page receives a media content generation instruction, the media content generation result is displayed. The media content generation result is the execution result of the media content generation operation performed based on the target time and the at least one media material corresponding to the target time.

2. The page interaction method according to claim 1, characterized in that, When triggered at any position on the timeline, receiving and displaying at least one media material corresponding to the target time includes: If the focus of operation stays at any position on the timeline for a duration exceeding a first duration, a material addition control is displayed at the target position, where the focus of operation stays at the position where the duration exceeds the first duration, and the target time is the time corresponding to the target position on the timeline. When the material addition control is triggered, the at least one media material is received; the at least one media material is displayed at the target location.

3. The page interaction method according to claim 2, characterized in that, When the media addition control is triggered, receiving and displaying the at least one media material includes: Display at least one of the following media import controls: a first media import control for importing the media media from a preset device or a preset media library; a second media import control for importing the media media from existing media in an input box; the input box is a control in the content interaction area used to display received media; and a third media import control for importing the media media from the media import history. When any of the media import controls is triggered, the imported media material is received and displayed.

4. The page interaction method according to claim 2, characterized in that, After receiving and displaying at least one media material corresponding to the target time, the method further includes: The input box in the content interaction area displays tag information corresponding to the target time, the tag information indicating the target time, and the at least one media material corresponding to the target time.

5. A page interaction method according to claim 4, characterized in that, In the input box, each of the label information is associated with a corresponding prompt word input area, and the method further includes: In response to an interactive operation on the prompt word input area corresponding to the tag information, prompt information corresponding to the target time is input in the prompt word input area. The prompt information includes at least one of text material and media content generation instructions for a time period associated with the target time. The media content generation result is the execution result of the media content generation operation based on the target time, the at least one media material corresponding to the target time, and the media content generation instruction of the time period associated with the target time.

6. A page interaction method according to claim 4 or 5, characterized in that, The method further includes: If the target position is adjusted, at least one media material is displayed at the adjusted target position, and the target time in the corresponding tag information is modified. or, If the target time in the tag information is modified, the corresponding target position on the timeline is adjusted, and the at least one media material is displayed at the adjusted target position.

7. A page interaction method according to claim 4 or 5, characterized in that, The method further includes: If the media material corresponding to the target position on the timeline is modified, modify the media material in the corresponding tag information; or, If the media material in the tag information is modified, modify the media material corresponding to the target position on the timeline.

8. A page interaction method according to claim 4 or 5, characterized in that, The method further includes: If the target position on the timeline is deleted, or if all media materials corresponding to the target position are deleted, delete the corresponding tag information. or, If the tag information is deleted, delete the target position on the timeline and all media materials corresponding to the target position.

9. A page interaction method according to claim 5, characterized in that, The step of responding to an interactive operation on the prompt word input area corresponding to the tag information, and inputting prompt information corresponding to the target time in the prompt word input area, includes: If the focus remains on the input area of ​​the prompt word for more than a second duration, a recommended prompt word is displayed. The recommended prompt word is recommended based on at least one media material corresponding to the target time. The recommended prompt word includes at least one of text material prompt words and media content generation instruction prompt words. In response to the interaction with the recommended prompt, the prompt information corresponding to the target time is entered in the prompt input area.

10. A page interaction method according to claim 9, characterized in that, There are multiple recommended prompts. In response to an interaction with the recommended prompts, the prompt information corresponding to the target time is input in the prompt input area, including: When any of the recommended prompt words are triggered, the triggered recommended prompt word is added to the prompt word input area as the prompt information corresponding to the target time.

11. A page interaction method according to claim 10, characterized in that, The step of adding the recommended prompt word to be triggered to the prompt word input area as prompt information corresponding to the target time also includes: When any of the added recommended prompts is triggered, a modification operation on the added recommended prompt is received, and the modification result is used as the prompt information corresponding to the target time.

12. A page interaction method according to claim 5, characterized in that, The prompt information also includes time control information, and the method further includes: When time control information is received in the prompt input area, the time indicated by the time control information is taken as the target time; wherein, the time accuracy corresponding to the time control information is higher than the time accuracy of the target time determined on the time axis based on the target position.

13. A page interaction device, characterized in that, The device includes: The interactive area display module is configured to display a content interactive area on the target page and display a timeline in the content interactive area; The interaction module is configured to receive and display at least one media material corresponding to a target time when it is triggered at any position on the timeline, wherein the target time is the time on the timeline corresponding to the triggered position; When the target page receives a media content generation instruction, the media content generation result is displayed. The media content generation result is the execution result of the media content generation operation performed based on the target time and the at least one media material corresponding to the target time.

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 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