Webpage editor track management method and system based on split story and medium

By adopting a storyboard-based track management method, the problems of difficult narrative structure maintenance and complex operation in existing technologies are solved, achieving an efficient and convenient video editing experience and improving creative efficiency and professionalism.

CN121309874APending Publication Date: 2026-01-09XIAMEN TUZAI NETWORK TECHNOLOGY CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202511354608.9
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2025-09-22
Publication Date
2026-01-09

AI Technical Summary

Technical Problem

Existing web video editors, when processing videos with a clear narrative structure, lack narrative contextual connections between media segments, making it difficult to maintain story logic, resulting in complex and error-prone operations and low creation efficiency.

Method used

It adopts a storyboard-based track management method, which creates storyboard objects containing structured narrative information and generates storyboard composite track groups on the timeline to achieve track management based on storyboards. It supports editing of composite track groups and expanding and editing of sub-tracks, and updates the track group status synchronously.

Benefits of technology

It simplifies the editing process, reduces the probability of errors, improves the integrity of narrative units and editing efficiency, ensures the logical coherence of the story and the convenience of material management, and enhances the professionalism and richness of the creation.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN121309874A_ABST
    Figure CN121309874A_ABST
Patent Text Reader

Abstract

The invention discloses a webpage editor track management method and system based on a split story and a medium. The method comprises the following steps: acquiring and creating a corresponding split object according to at least one split object creation instruction; analyzing each split object, generating a corresponding split composite track group on a time axis based on an analysis result, and displaying the split composite track group on a user interface, the split composite track group comprising a plurality of sub-tracks associated with each other; the sub-tracks at least comprise two of a main vision track, a superposition asset track, a synchronous audio track and a camera parameter track; in response to the composite track group editing instruction, editing the lens splitting composite track group, and updating the current state of the lens splitting composite track group and / or the corresponding lens splitting object; or, in response to a sub-mirror composite track group unfolding instruction, unfolding the sub-mirror composite track group to display each sub-track; and in response to a sub-track editing instruction, editing the selected sub-track and updating the current state of the split composite track group and / or the corresponding split object.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This invention relates to the field of web page editor track management technology based on storyboard narrative, and in particular to a web page editor track management method, system and medium based on storyboard narrative. Background Technology

[0002] In the current field of digital content creation, web-based video editors have become essential tools for online video production, with their core interactive interface being the timeline area. Currently, mainstream video editing software generally adopts a timeline management scheme based on "media footage" as the basic unit. Users drag media clips such as video, audio, and images into the timeline, assembling the content through cutting, splicing, and overlaying. The main function of the timeline is to organize and present the temporal arrangement and synchronization of these media footage.

[0003] However, track management solutions based on "media materials" as the basic unit reveal numerous shortcomings when dealing with the creation of videos with strong storytelling and clear narrative structures (such as animated shorts, micro-dramas, instructional videos, product demonstrations, etc.). Because media segments are isolated from each other and lack structured connections within the narrative context, story logic and material management become difficult; when adjustments to the narrative structure are needed, user operations are complex and it's difficult to maintain synchronization across multiple tracks, easily introducing errors; furthermore, the poor integrity of narrative units limits editing and processing capabilities based on story context.

[0004] Therefore, existing technologies suffer from cumbersome user operation, high error rates, and low creation efficiency. Summary of the Invention

[0005] To address the aforementioned technical problems, this invention provides a webpage editor track management method based on storyboard narratives, comprising the following steps: Obtain and create a corresponding storyboard object based on at least one storyboard object creation instruction. The storyboard object includes structured narrative information; the structured narrative information includes basic information, narrative metadata, media resource links, and camera parameters. Each storyboard object is analyzed, and a corresponding storyboard composite track group is generated on the timeline based on the analysis results and displayed on the user interface. The storyboard composite track group includes multiple interrelated sub-tracks; the sub-tracks include at least two of the following: main visual track, overlay asset track, synchronized audio track, and camera parameter track. In response to the composite track group editing command, edit the storyboard composite track group and update the current state of the storyboard composite track group and / or the corresponding storyboard object; Alternatively, in response to a storyboard composite track group expansion command, expand the storyboard composite track group to display the individual subtracks; in response to a subtrack editing command, edit the selected subtrack and update the current state of the storyboard composite track group and / or the corresponding storyboard object.

[0006] Optionally, the editing commands for composite track groups are drag-and-drop commands, sort commands, copy commands, or delete commands.

[0007] Optionally, in response to the composite track group editing command, when editing the storyboard composite track group, the individual sub-tracks of the storyboard composite track group are edited simultaneously.

[0008] Optional basic information includes a unique ID, storyboard number, and duration; Narrative metadata includes scene information, a list of characters, dialogue text, and action descriptions; Media resource links include the file paths or visual material IDs used in the storyboard, the file paths or audio material IDs used in the audio, and the file paths or overlay asset IDs used in the overlay assets. Camera parameters include the initial state of the virtual camera within the storyboard and keyframe animation data.

[0009] Optionally, the visual track is used to load and display corresponding visual materials based on media resource links; Overlay asset tracks are used to place visual elements related to storyboards in layers; visual elements include at least one of the following: characters, props, UI elements, and subtitles; The synchronized audio track is used to load the audio resources associated with this storyboard; The camera parameter track is used for visualization and editing of keyframes.

[0010] Optionally, the method further includes: In response to the storyboard composite track folding command, the unfolded storyboard composite track is folded.

[0011] Optionally, obtain and create a corresponding storyboard object based on at least one storyboard object creation instruction, including: Provide at least one form for entering narrative information; Based on the narrative information in the input form, generate at least one storyboard object creation instruction; Analyze the creation instructions for each storyboard object, and create and store storyboard objects including structured narrative information based on the analysis results.

[0012] Optionally, edit the selected subtrack and update the current state of the storyboard composite track group and the corresponding storyboard object, including: Based on the sub-track editing instructions, recalculate the rendering data corresponding to the selected sub-track; Update the current state of the storyboard composite track group and / or the corresponding storyboard object based on the recalculation results.

[0013] Corresponding to the aforementioned storyboard-based web page editor track management method, this invention provides a storyboard-based web page editor track management system, which includes: The storyboard object management module is used to obtain and create corresponding storyboard objects based on at least one storyboard object creation instruction. The storyboard object includes structured narrative information; the structured narrative information includes basic information, narrative metadata, media resource links, and camera parameters. The track mapping engine module is used to parse each storyboard object, generate a corresponding storyboard composite track group on the timeline based on the parsing results, and display it on the user interface. The storyboard composite track group includes multiple interrelated sub-tracks; the sub-tracks include at least two of the following: main visual track, overlay asset track, synchronized audio track, and camera parameter track. The interaction module is used to respond to composite track group editing commands, edit the composite track group of storyboards, and update the current state of the composite track group of storyboards and / or the corresponding storyboard objects; or, it is used to respond to composite track group expansion commands, expand the composite track group of storyboards to display each sub-track; and respond to sub-track editing commands, edit the selected sub-track and update the current state of the composite track group of storyboards and / or the corresponding storyboard objects.

[0014] Furthermore, to achieve the above objectives, the present invention also provides a computer-readable storage medium storing a storyboard-based web page editor track management program, wherein when the storyboard-based web page editor track management program is executed by a processor, it implements the steps of the storyboard-based web page editor track management method described above.

[0015] Compared with the prior art, the present invention has the following beneficial effects: (1) By creating storyboard objects containing structured narrative information and generating corresponding storyboard composite track groups on the timeline, track management is performed on a storyboard basis instead of traditional media materials. During editing, the track group status and storyboard objects are updated synchronously in response to editing instructions, or the track group is expanded to edit sub-tracks and update the corresponding content. This effectively solves the problems of isolated materials, difficulty in maintaining story logic, and complexity and error-prone editing in existing technologies, and improves the integrity of narrative units and editing efficiency.

[0016] (2) Users can directly edit the storyboard composite track group as a whole without having to perform tedious operations between multiple tracks, which simplifies the editing process and reduces the probability of errors.

[0017] (3) When responding to editing instructions, the various sub-tracks of the storyboard composite track group are automatically and synchronously edited to ensure that the main visual, overlay assets, synchronized audio and camera parameter tracks are updated synchronously; avoiding the complex operation and possible errors of manual adjustment between multiple tracks, and ensuring the coherence of the story logic and the convenience of material management.

[0018] (4) Basic information ensures the orderly arrangement of storyboards on the timeline, narrative metadata gives the material a narrative context, media resource links facilitate material loading, and camera parameters support fine adjustment of visual effects, all of which together lay a solid foundation for track generation and editing.

[0019] (5) Each sub-track has a clear division of labor, and is responsible for visual material display, visual element overlay, audio synchronization and camera animation editing respectively, enabling users to make specialized edits for different narrative elements, thereby improving the professionalism of editing and the richness of creative effects.

[0020] (6) Allows users to collapse unfolded track groups. In complex projects, the collapse function can optimize the interface layout, reduce screen occupancy, allow users to focus on key editing areas, improve operational convenience, and avoid confusion caused by information overload.

[0021] (7) By providing a form for inputting narrative information, users can easily generate storyboard object creation instructions. The system then creates and stores storyboard objects containing structured narrative information, which simplifies the storyboard object creation process, reduces the tedious manual configuration of parameters by users, and improves creative efficiency.

[0022] (8) When editing a sub-track, recalculate the rendering data according to the editing instructions, and update the state of the storyboard composite track group and the corresponding storyboard object accordingly, so as to ensure that the user's operation can be reflected in the track group as a whole in real time, providing a smooth and reliable editing experience and avoiding inconsistencies in state caused by editing operations. Attached Figure Description

[0023] The accompanying drawings, which are included to provide a further understanding of the invention and form part of this invention, illustrate exemplary embodiments of the invention and are used to explain the invention, but do not constitute an undue limitation of the invention. In the drawings: Figure 1 This is a simplified flowchart of an embodiment of the webpage editor track management method based on storyboarding of the present invention; Figure 2 This is a framework diagram of an embodiment of the web page editor track management system based on storyboard narrative of the present invention; Figure 3 This is a schematic diagram illustrating user-generated drag-and-drop instructions in one embodiment of the webpage editor track management system based on storyboard narrative of the present invention; Figure 4This is a schematic diagram of the unfolding of a composite storyboard track group in one embodiment of the webpage editor track management system based on storyboard narrative of the present invention. Detailed Implementation

[0024] To make the objectives, technical solutions, and advantages of the embodiments of the present invention clearer, the technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, not all embodiments. It should be understood that the specific embodiments described herein are only used to explain the present invention and are not intended to limit the present invention. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the present invention.

[0025] like Figure 1 As shown, the present invention provides a web page editor track management method based on storyboard narrative, which includes the following steps: Obtain and create corresponding storyboard objects based on at least one storyboard object creation instruction. Each storyboard object is a structured data entity, and the storyboard object includes structured narrative information. The structured narrative information includes basic information, narrative metadata, media resource links, and camera parameters. Each storyboard object is analyzed, and a corresponding storyboard composite track group is generated on the timeline based on the analysis results and displayed on the user interface. The storyboard composite track group includes multiple interrelated sub-tracks; the sub-tracks include at least two of the following: main visual track, overlay asset track, synchronized audio track, and camera parameter track. It should be noted that what the user sees on the user interface is a series of storyboard composite track groups arranged on the timeline, representing different storyboards. In response to the composite track group editing command, edit the storyboard composite track group and update the current state of the storyboard composite track group and / or the corresponding storyboard object; Alternatively, in response to a storyboard composite track group expansion command, expand the storyboard composite track group to display the individual subtracks; in response to a subtrack editing command, edit the selected subtrack and update the current state of the storyboard composite track group and / or the corresponding storyboard object.

[0026] This invention creates storyboard objects containing structured narrative information and generates corresponding storyboard composite track groups on the timeline, replacing traditional media material track management with storyboard-based unit management. During editing, the track group status and storyboard objects are updated synchronously in response to editing commands, or the track group can be expanded to edit sub-tracks and update the corresponding content. This effectively solves the problems of isolated materials, difficulty in maintaining story logic, and complex and error-prone editing in existing technologies, achieving improvements in narrative unit integrity and editing efficiency.

[0027] In this embodiment, the editing commands for the composite track group are drag-and-drop commands, sorting commands, copy commands, or delete commands.

[0028] In this embodiment, users can directly edit the entire storyboard composite track group without having to perform tedious operations between multiple tracks, simplifying the editing process and reducing the probability of errors.

[0029] In this embodiment, in response to the composite track group editing command, when editing the storyboard composite track group, the individual sub-tracks of the storyboard composite track group are edited simultaneously.

[0030] In this embodiment, when responding to editing instructions, the various sub-tracks of the storyboard composite track group are automatically and synchronously edited to ensure that the main visual, overlay assets, synchronized audio, and camera parameter tracks are updated synchronously; this avoids the complex operation and possible errors of manually adjusting multiple tracks, and ensures the coherence of the story logic and the convenience of material management.

[0031] In this embodiment, the basic information includes a unique ID, a storyboard number, and a duration. Narrative metadata includes scene information (such as "interior / office / daytime"), a list of characters, dialogue text (which can be associated with characters), and action descriptions; Media resource links include the file paths or visual asset IDs of the visual materials used in the storyboard, the file paths or audio asset IDs of the audio materials, and the file paths or overlay asset IDs of the overlay assets; preferably, the visual materials include videos and / or images, and the overlay assets include character illustrations and / or icons; Camera parameters include the initial state of the virtual camera within the storyboard and keyframe animation data (such as position, scaling, and rotation).

[0032] This invention ensures the orderly arrangement of storyboards on the timeline through basic information, provides narrative context to the material through narrative metadata, facilitates material loading through media resource links, and supports fine-tuning of visual effects through camera parameters, all of which together lay a solid foundation for track generation and editing.

[0033] In this embodiment, the visual track is used to load and display corresponding visual materials based on media resource links; Overlay asset tracks are used to place visual elements related to storyboards in layers; visual elements include at least one of the following: characters, props, UI elements, and subtitles; The synchronized audio track is used to load the audio resources associated with this storyboard; The camera parameter track is used for visualization and editing of keyframes.

[0034] The invention features clearly defined sub-tracks, each responsible for displaying visual materials, overlaying visual elements, synchronizing audio, and editing camera animations. This allows users to perform specialized editing for different narrative elements, enhancing the professionalism of the editing process and the richness of the creative effects.

[0035] In this embodiment, the method further includes: In response to the storyboard composite track folding command, the unfolded storyboard composite track is folded.

[0036] This invention allows users to fold unfolded track groups. In complex projects, the folding function can optimize the interface layout, reduce screen footprint, allow users to focus on key editing areas, improve operational convenience, and avoid confusion caused by information overload.

[0037] In this embodiment, obtaining and creating a corresponding storyboard object according to at least one storyboard object creation instruction includes: Provide at least one form for entering narrative information; Based on the narrative information in the input form, generate at least one storyboard object creation instruction; Analyze the creation instructions for each storyboard object, and create and store storyboard objects including structured narrative information based on the analysis results.

[0038] This invention provides a form for inputting narrative information, allowing users to easily generate storyboard object creation instructions. The system then creates and stores storyboard objects containing structured narrative information, simplifying the storyboard object creation process, reducing the tedious manual parameter configuration by users, and improving creative efficiency.

[0039] In this embodiment, editing the selected sub-track and updating the current state of the storyboard composite track group and the corresponding storyboard object includes: Based on the sub-track editing instructions, recalculate the rendering data corresponding to the selected sub-track; Update the current state of the storyboard composite track group and / or the corresponding storyboard object based on the recalculation results.

[0040] In this embodiment, when editing a sub-track, the rendering data is recalculated based on the editing instructions, and the state of the storyboard composite track group and the corresponding storyboard object are updated accordingly. This ensures that user operations are reflected in the track group as a whole in real time, providing a smooth and reliable editing experience and avoiding inconsistencies in state caused by editing operations.

[0041] like Figure 2 As shown, the present invention also provides a web page editor track management system based on storyboard narrative, which includes: Storyboard object management module 10 is used to obtain and create corresponding storyboard objects according to at least one storyboard object creation instruction. The storyboard object includes structured narrative information; the structured narrative information includes basic information, narrative metadata, media resource links and camera parameters. The track mapping engine module 20 is used to parse each storyboard object, generate a corresponding storyboard composite track group on the timeline based on the parsing results, and display it on the user interface. The storyboard composite track group includes multiple interrelated sub-tracks; the sub-tracks include at least two of the following: main visual track, overlay asset track, synchronized audio track, and camera parameter track. The interaction module 30 is used to respond to the composite track group editing command, edit the storyboard composite track group, and update the current state of the storyboard composite track group and / or the corresponding storyboard object; or, it is used to respond to the storyboard composite track group expansion command, expand the storyboard composite track group to display each sub-track; and respond to the sub-track editing command, edit the selected sub-track and update the current state of the storyboard composite track group and / or the corresponding storyboard object.

[0042] Preferably, the interaction module 30 is also used to respond to the storyboard composite track group folding command and fold the unfolded storyboard composite track group.

[0043] To facilitate a better understanding of the present invention, a specific example is provided for illustration: The user plans to create a short film titled "Xiaoming meets Xiaohong in the park and greets her." In the editor's user interface, the user creates two storyboards. For the first storyboard, the user enters the following narrative information through a form provided by the user interface: Scene information: Park / Daytime; Character: Xiaoming; Action description: Xiaoming walks into the frame from the left; Camera initial settings: medium shot, fixed position; At the same time, the user associated specific media resource links for the first storyboard, including using the "park background.jpg" file as visual material, the "Xiaoming walking.webm" overlay asset file as character animation material, and the "footsteps sound.mp3" file as audio material.

[0044] Based on the narrative information from the input form, at least one storyboard object creation instruction is generated; each storyboard object creation instruction is analyzed, and a storyboard object including structured narrative information is created and stored based on the analysis results.

[0045] Similarly, the user created a second storyboard object with the narrative content of "Xiao Hong appears, Xiao Ming says hello", and associated it with the corresponding media resources.

[0046] The system analyzes the two storyboard objects and generates two corresponding composite storyboard tracks on the timeline based on the analysis results, which are then displayed on the user interface. Each track group is displayed as a single unit in collapsed mode, allowing users to intuitively see its thumbnail, sequence number, duration, and other basic information.

[0047] Subsequently, the user decided to adjust the narrative order, wanting "Little Red to appear first" (i.e., the content of the second storyboard object plays before the content of the first storyboard object). The user simply needs to drag the storyboard composite track representing the second storyboard object in front of the storyboard composite track representing the first storyboard object, generating a drag command (see reference). Figure 3 It should be noted that 01 and 02 in the figure are only for distinguishing different storyboard composite track groups and do not constitute an improper limitation of the present invention. The system responds to drag commands by editing the corresponding storyboard composite track group, ensuring that all elements within the second storyboard object (all elements of the sub-tracks included in the storyboard composite track group) maintain strict synchronization and move together, thereby updating the current state of the corresponding storyboard composite track group. After this operation is completed, the system can also update the timing information in the involved storyboard objects accordingly.

[0048] Next, the user wants to refine the camera effects of the first storyboard object by adding a zoom-in animation. The user clicks the expand control on the storyboard composite track group corresponding to the first storyboard object, generating an expand command for the composite track group. The system responds to this command, expanding the storyboard composite track group to clearly display all its internal sub-tracks (see reference). Figure 4 This includes: the main visual track (displaying "park background.jpg"), the overlay asset track (displaying "Xiaoming walking.webm"), the synchronized audio track (displaying the waveform of "footsteps.mp3"), and the camera parameter track. It should be noted that the camera parameter track is not shown; it is a special track that may initially be a straight line, indicating that the camera parameters have not changed.

[0049] The user then focuses the editing on the camera parameter track, generating sub-track editing instructions by adding keyframes at 0 and 5 seconds and modifying the scaling parameters of the 5-second keyframe. Based on these sub-track editing instructions, the system recalculates the rendering data corresponding to the selected sub-track, and updates the current state of the storyboard composite track group and / or the corresponding storyboard object based on the recalculation results. The user can immediately observe the zoom-in effect in the preview window.

[0050] This invention also provides a computer-readable storage medium, which may be a computer-readable storage medium included in the memory described in the above embodiments; or it may be a standalone computer-readable storage medium not assembled into a device. The computer-readable storage medium stores at least one instruction, which is loaded and executed by a processor to implement... Figure 1 The illustrated method is a web page editor track management method based on storyboard narrative. The computer-readable storage medium may be a read-only memory, a disk, or an optical disk, etc.

[0051] It should be noted that the various embodiments in this specification are described in a progressive manner, with each embodiment focusing on the differences from other embodiments. Similar or identical parts between embodiments can be referred to interchangeably. For system embodiments and storage medium embodiments, since they are basically similar to method embodiments, the descriptions are relatively simple; relevant parts can be referred to the descriptions in the method embodiments.

[0052] Furthermore, in this document, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0053] The foregoing description illustrates and describes preferred embodiments of the present invention. It should be understood that the present invention is not limited to the forms disclosed herein and should not be construed as excluding other embodiments. It can be used in various other combinations, modifications, and environments, and can be altered within the scope of the inventive concept by means of the foregoing teachings or techniques or knowledge in related fields. Any modifications and variations made by those skilled in the art that do not depart from the spirit and scope of the present invention should be within the protection scope of the appended claims.

Claims

1. A webpage editor track management method based on storyboard narrative, characterized in that, Includes the following steps: Obtain and create a corresponding storyboard object based on at least one storyboard object creation instruction. The storyboard object includes structured narrative information. Structured narrative information includes basic information, narrative metadata, media resource links, and camera parameters; Each storyboard object is analyzed, and a corresponding storyboard composite track group is generated on the timeline based on the analysis results and displayed on the user interface. The storyboard composite track group includes multiple interrelated sub-tracks; the sub-tracks include at least two of the following: main visual track, overlay asset track, synchronized audio track, and camera parameter track. In response to the composite track group editing command, edit the storyboard composite track group and update the current state of the storyboard composite track group and / or the corresponding storyboard object; Alternatively, in response to a storyboard composite track group expansion command, expand the storyboard composite track group to display the individual subtracks; in response to a subtrack editing command, edit the selected subtrack and update the current state of the storyboard composite track group and / or the corresponding storyboard object.

2. The webpage editor track management method based on storyboard narrative as described in claim 1, characterized in that, The commands for editing composite tracks are drag-and-drop, sorting, copying, or deleting.

3. The webpage editor track management method based on storyboard narrative as described in claim 1 or 2, characterized in that, In response to the composite track group editing command, when editing the storyboard composite track group, the individual sub-tracks of the storyboard composite track group are edited simultaneously.

4. The webpage editor track management method based on storyboard narrative as described in claim 1, characterized in that, Basic information includes a unique ID, storyboard number, and duration; Narrative metadata includes scene information, a list of characters, dialogue text, and action descriptions; Media resource links include the file paths or visual material IDs used in the storyboard, the file paths or audio material IDs used in the audio, and the file paths or overlay asset IDs used in the overlay assets. Camera parameters include the initial state of the virtual camera within the storyboard and keyframe animation data.

5. The webpage editor track management method based on storyboard narrative as described in claim 4, characterized in that, The visual track is used to load and display corresponding visual materials based on media resource links; Overlay asset tracks are used to place visual elements related to storyboards in layers; visual elements include at least one of the following: characters, props, UI elements, and subtitles; The synchronized audio track is used to load the audio resources associated with this storyboard; The camera parameter track is used for visualization and editing of keyframes.

6. The webpage editor track management method based on storyboard narrative as described in claim 1, characterized in that, Also includes: In response to the storyboard composite track folding command, the unfolded storyboard composite track is folded.

7. The webpage editor track management method based on storyboard narrative as described in claim 1, characterized in that, Obtain and create the corresponding storyboard object according to at least one storyboard object creation instruction, including: Provide at least one form for entering narrative information; Based on the narrative information in the input form, generate at least one storyboard object creation instruction; Analyze the creation instructions for each storyboard object, and create and store storyboard objects including structured narrative information based on the analysis results.

8. The webpage editor track management method based on storyboard narrative as described in claim 1, characterized in that, Edit the selected subtrack and update the current state of the storyboard composite track group and the corresponding storyboard object, including: Based on the sub-track editing instructions, recalculate the rendering data corresponding to the selected sub-track; Update the current state of the storyboard composite track group and / or the corresponding storyboard object based on the recalculation results.

9. A webpage editor track management system based on storyboard narrative, characterized in that, include: The storyboard object management module is used to obtain and create corresponding storyboard objects according to at least one storyboard object creation instruction. The storyboard objects include structured narrative information. Structured narrative information includes basic information, narrative metadata, media resource links, and camera parameters; The track mapping engine module is used to parse each storyboard object, generate a corresponding storyboard composite track group on the timeline based on the parsing results, and display it on the user interface. The storyboard composite track group includes multiple interrelated sub-tracks; the sub-tracks include at least two of the following: main visual track, overlay asset track, synchronized audio track, and camera parameter track. The interaction module is used to respond to composite track group editing commands, edit the composite track group of storyboards, and update the current state of the composite track group of storyboards and / or the corresponding storyboard objects; or, it is used to respond to composite track group expansion commands, expand the composite track group of storyboards to display each sub-track; and respond to sub-track editing commands, edit the selected sub-track and update the current state of the composite track group of storyboards and / or the corresponding storyboard objects.

10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a storyboard-based web page editor track management program, which, when executed by a processor, implements the steps of the storyboard-based web page editor track management method as described in any one of claims 1 to 8.