LAYOUT ADJUSTMENT METHOD, DEVICE, EQUIPMENT, STORAGE MEDIUM, AND PROGRAM PRODUCT

Abstract

The present disclosure relates to a layout adjustment method, an apparatus, a device, a storage medium, and a program product, the method including displaying a multimedia editing interface, the multimedia editing interface including a canvas, a material attribute panel, a material presentation area, and a track editing area, the canvas being used to present a multimedia screen corresponding to multimedia data, and adjusting size information and / or position information of the canvas based on the adjustment operation in response to receiving an adjustment operation on the canvas, the canvas being located in a first layer, the material attribute panel, the material presentation area, and the track editing area being located in a second layer, the first layer being located below the second layer, and the second layer being displayed according to a set transparency. In the multimedia editing interface in an embodiment of the present disclosure, a user can adaptively adjust the size and position of the canvas while displaying other areas in a transparent manner, so that the user can always view the multimedia screen presented within the entire canvas.

Description

[Technical Field]

[0001] The present disclosure relates to the technical field of computer processing, and in particular to a layout adjustment method, device, apparatus, storage medium, and program product. [Background technology]

[0002] With the rapid development of computer technology and mobile communication technology, various video platforms based on electronic devices have been widely applied, greatly enriching people's daily lives. In order to obtain high-quality videos, more and more users are enjoying cutting video materials on video cutting platforms.

[0003] How to adjust the video cutting interface is an issue that needs to be resolved quickly. Summary of the Invention [Problem to be solved by the invention]

[0004] To solve the above technical problems, the embodiments of the present disclosure provide a layout adjustment method, device, apparatus, storage medium, and program product that solve the problem of adjusting the layout in a video cutting interface. [Means for solving the problem]

[0005] According to a first aspect, an embodiment of the present disclosure provides a layout adjustment method, comprising: Displaying a multimedia editing interface, the multimedia editing interface including a canvas, a material attribute panel, a material presentation area, and a track editing area, the canvas is used to present a multimedia screen corresponding to multimedia data, the material attribute panel is used to set attributes of materials in the multimedia data in response to a user's operation, the material presentation area is used to present candidate materials and add materials selected by a user to the multimedia data, the track editing area is used to present the multimedia data in a multimedia editing track, the materials in the multimedia data are presented as track clips in the multimedia editing track according to editing information in the multimedia data, and the editing information is used to instruct editing operations on the materials; and in response to receiving an adjustment operation for the canvas, adjusting size information and / or position information of the canvas based on the adjustment operation; Here, the canvas is located in the first layer, the material attribute panel, material presentation area and track editing area are located in the second layer, the first layer is located in a lower layer of the second layer, and the second layer is displayed according to the set transparency.

[0006] According to a second aspect, an embodiment of the present disclosure provides a layout adjustment device, comprising: an interface display module for displaying a multimedia editing interface, the multimedia editing interface including a canvas, a material attribute panel, a material presentation area, and a track editing area, the canvas being used to present a multimedia screen corresponding to multimedia data, the material attribute panel being used to set attributes of materials in the multimedia data in response to a user's operation, the material presentation area being used to present candidate materials and add materials selected by a user to the multimedia data, the track editing area being used to present the multimedia data in a multimedia editing track, the materials in the multimedia data being presented as track clips in the multimedia editing track according to editing information in the multimedia data, and the editing information being used to instruct editing operations on the materials; a canvas adjustment module for, in response to receiving an adjustment operation on the canvas, adjusting size information and / or position information of the canvas based on the adjustment operation; Here, the canvas is located in the first layer, the material attribute panel, material presentation area and track editing area are located in the second layer, the first layer is located in a lower layer of the second layer, and the second layer is displayed according to the set transparency.

[0007] According to a third aspect, an embodiment of the present disclosure provides an electronic device, one or more processors; a storage device for storing one or more programs; When the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the layout adjustment method according to any one of the first aspects described above.

[0008] According to a fourth aspect, an embodiment of the present disclosure provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, realizes the layout adjustment method described in any one of the first aspects above.

[0009] According to a fifth aspect, an embodiment of the present disclosure provides a computer program product, which includes a computer program or instructions that, when executed by a processor, realizes any one of the layout adjustment methods of the first aspect described above. [Effects of the Invention]

[0010] An embodiment of the present disclosure provides a layout adjustment method, an apparatus, a device, a storage medium, and a program product, the method including displaying a multimedia editing interface, the multimedia editing interface including a canvas, a material attribute panel, a material presentation area, and a track editing area, the canvas being used to present a multimedia screen corresponding to multimedia data, the material attribute panel being used to set attributes of materials in the multimedia data in response to a user's operation, the material presentation area being used to present candidate materials and add materials selected by a user to the multimedia data, and the track editing area being used to display a layout adjustment track. The multimedia editing interface of the present disclosure includes: a canvas that is used to present the multimedia data, wherein materials in the multimedia data are presented as track clips in a multimedia editing track according to editing information in the multimedia data, the editing information being used to instruct editing operations on the materials; and, in response to receiving an adjustment operation on the canvas, adjusting size information and / or position information of the canvas based on the adjustment operation, wherein the canvas is located in a first layer, the material attribute panel, material presentation area, and track editing area are located in a second layer, the first layer is located below the second layer, and the second layer is displayed according to a set transparency. In the multimedia editing interface of the present disclosure, a user can adaptively adjust the size and position of the canvas while displaying other areas in a transparent manner, so that the user can always see the multimedia screen presented within the entire canvas. [Brief explanation of the drawings]

[0011] These and other features, advantages, and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic, and that components and elements are not necessarily drawn to scale. [Figure 1] 1 is a flowchart of a layout adjustment method according to an embodiment of the present disclosure. [Figure 2] FIG. 1 is a schematic diagram of a multimedia editing interface in an embodiment of the present disclosure. [Figure 3] 1A is a schematic diagram of a canvas adjustment in an embodiment of the present disclosure; FIG. 1B is a schematic diagram of another canvas adjustment in an embodiment of the present disclosure; and FIG. 1C is a schematic diagram of yet another canvas adjustment in an embodiment of the present disclosure. [Figure 4] 1 is a flowchart of a material attribute panel dragging method according to an embodiment of the present disclosure. [Figure 5] FIG. 10 is a schematic diagram of a material attribute panel drag in an embodiment of the present disclosure. [Figure 6] 1 is a flowchart of a multimedia editing interface adjustment method in an embodiment of the present disclosure. [Figure 7] 10 is a schematic diagram of material presentation area adjustment in an embodiment of the present disclosure. [Figure 8] FIG. 10 is a schematic diagram of track edit area adjustment in an embodiment of the present disclosure. [Figure 9] 1A and 1B are schematic diagrams illustrating overlapping of a track editing area and a canvas in an embodiment of the present disclosure, respectively, and overlapping of a material attribute panel and a canvas in an embodiment of the present disclosure. [Figure 10] 1 is a structural schematic diagram of a layout adjustment device according to an embodiment of the present disclosure; [Figure 11] 1 is a structural schematic diagram of an electronic device according to an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE INVENTION

[0012] The following describes in more detail the embodiments of the present disclosure with reference to the drawings. Although several embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be realized in various forms and should not be construed as being limited to the embodiments described herein, but rather these embodiments are provided to provide a deeper and more complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are used for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0013] It should be understood that the steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel, and that method embodiments may include additional steps and / or omit performing illustrated steps, and the scope of the present disclosure is not limited in this respect.

[0014] As used herein, the term "comprises" and variations thereof are open inclusions, including but not limited to; the term "based on" means "based at least in part on"; the term "in one embodiment" means "at least one embodiment," the term "in another embodiment" means "at least one other embodiment," and the term "in some embodiments" means "at least some embodiments." Relevant definitions of other terms are provided below.

[0015] It should be noted that the concepts of "first", "second", etc. referred to in this disclosure are used only to distinguish different devices, modules or units, and are not intended to limit the order or interdependence of the functions performed by these devices, modules or units.

[0016] It should be noted that the modifications "one" and "multiple" referred to in this disclosure are general rather than limiting, and should be understood as "one or more" unless the context expressly indicates otherwise, as would be understood by one of ordinary skill in the art.

[0017] The names of messages or information interacted between devices in the embodiments of the present disclosure are used for illustrative purposes only and are not intended to limit the scope of these messages or information.

[0018] Before describing the embodiments of the present disclosure in more detail, the nouns and terms related to the embodiments of the present disclosure will be explained, and the nouns and terms related to the embodiments of the present disclosure will be interpreted as follows.

[0019] In response to an operation being used to represent a dependent condition or state, if the dependent condition or state is met, the operation or operations being performed may be in real time or may have a set delay, and unless otherwise specified, there is no restriction on the order in which the operations being performed may be performed.

[0020] Hereinafter, embodiments of the present disclosure will be described in detail with reference to the drawings, in which it should be noted that the same reference numerals in different drawings are used to refer to the same elements already described.

[0021] FIG. 1 is a flowchart of a layout adjustment method in an embodiment of the present disclosure, which is applicable to adjusting an assembly layout in a multimedia editing interface, and the method may be performed by a layout adjustment device, which may be realized in a software and / or hardware manner.

[0022] As shown in FIG. 1, the layout adjustment method according to the embodiment of the present disclosure mainly includes steps S110-S120.

[0023] In S110, a multimedia editing interface is displayed, the multimedia editing interface including a canvas, a material attribute panel, a material presentation area, and a track editing area, the canvas is used to present a multimedia screen corresponding to the multimedia data, the material attribute panel is used to set attributes of the material in the multimedia data in response to a user's operation, the material presentation area is used to present candidate materials and add material selected by the user to the multimedia data, the track editing area is used to present the multimedia data in a multimedia editing track, the material in the multimedia data is presented as a track clip in the multimedia editing track according to editing information in the multimedia data, and the editing information is used to instruct editing operations on the material.

[0024] In one embodiment of the present disclosure, the multimedia editing interface may be understood as an interface provided by a multimedia editing platform that allows a user to edit multimedia data, where the multimedia editing platform may be a video editing app or a web-based video editing program. The multimedia editing platform is not specifically limited in the embodiments of the present disclosure.

[0025] As shown in FIG. 2, a multimedia editing interface 10 according to an embodiment of the present disclosure includes a canvas 11, a material attribute panel 12, a material presentation area 13, and a track editing area 14, where the canvas 11 is used to present a multimedia screen corresponding to multimedia data.

[0026] In the embodiment of the present disclosure, the canvas 11 can adjust the size, ratio, and position in the multimedia interface of the canvas based on the user's adjustment operation. Here, the canvas 11 is used to present a screen corresponding to multimedia data, and candidate materials in the material presentation area may be added to the canvas 11. Furthermore, in response to a selection operation on a material displayed on the canvas, a material attribute panel corresponding to the material may be displayed, and the material attributes may be further set.

[0027] The material attribute panel 12 is used to set material attributes in the multimedia data in response to user operations, and in the embodiment of the present disclosure, the material attribute panel 12 includes a video panel, an audio panel, a sticker panel, a scene change (Transition) panel, a filter panel, an effect panel, a picture material panel, etc.

[0028] The video panels are divided into different attribute panels according to the video type. Attribute panels for main track video with audio include a display parameter panel, a background panel, a matting panel, a video effect panel, a speed panel, and an audio panel. Attribute panels for main track video without audio include a display parameter panel, a background panel, a matting panel, a video effect panel, and a speed panel. Attribute panels for non-main track video with audio include a display parameter panel, a matting panel, a video effect panel, a speed panel, and an audio panel. Attribute panels for non-main track video without audio include a display parameter panel, a matting panel, a video effect panel, and a speed panel.

[0029] Here, the display parameter setting panel supports adjusting the transparency of the video material by adjusting the slider bar or entering a percentage value, adjusting the size of the video material by adjusting the slider bar or entering a percentage value, adjusting the position of the video material by entering X and Y values, and adjusting the tilt angle of the video material by entering an angle.

[0030] Here, the background panel includes color settings, blur settings, and format settings panels. Here, the color settings include history colors, default colors, and a color selection control. Here, the history colors record the user's historically used colors and support selecting a color or not selecting a color. For the default color, multiple commonly used default color options are presented, and the color selection control presents all colors, and a selected state appears when clicked. The blur settings panel presents multiple blur candidate items, and a selected state appears in response to a user clicking on a blur candidate item. The format settings panel presents multiple format candidate items, and a selected state appears in response to a user clicking on a format candidate item. Here, clicking Apply displays a message indicating that the background has been added after successful addition, or a message indicating that the background addition failed and that the user should try again after unsuccessful addition. Here, clicking Global Apply supports applying the set background to all multimedia clips.

[0031] Here, the title displayed on the matting setting panel is "Automatic Matting," the subtitle is "Automatically Identifying Human Figure Matting," and the matting switch control is used to turn on or off the automatic image matting function in response to a user operation.

[0032] Here, the video effect panel includes support for setting scene-entering video effects, scene-leaving video effects, and cycle video effects. The settings for scene-entering video effects, scene-leaving video effects, and cycle video effects are not mutually exclusive and support parallel use. After selecting a scene-entering video effect, the user can continue to select scene-leaving video effects and / or cycle video effects, which are displayed in a selected state. Furthermore, if the material position selected by the user is not the initial screen, when the material already selected by the user re-enters the panel, the interface positions the selected material. The video duration can be set. Here, the video duration is determined based on the duration of the material track. For example, if the duration of some text occupying the track is 6 seconds, the total time length adjustment is 6 seconds. When there is only a scene-entering video effect, the scene-entering video duration is at most the total element duration; when there is a scene-entering video effect and a scene-leaving video effect, the sum of the durations of these two parts is at most the total element duration; when there is a cycle video effect, the cycle video effect duration is increased and adjusted, and the sum of the durations of the three parts is at most the total element duration.

[0033] The audio panel supports adjusting the volume using a slider or entering a percentage, adjusting the audio scene entry duration and scene retention duration using a slider or entering a percentage, supporting noise reduction settings; turning on the noise reduction switch to perform noise reduction on the audio; displaying a notification indicating successful noise reduction if noise reduction is successful; or displaying a notification indicating failed noise reduction and please try again if noise reduction is unsuccessful; supporting audio status settings; displaying multiple audio sources; displaying the selection status after selection; clicking the selected audio will automatically position the audio to the start of the selected source and begin playback, with the playback duration equal to the duration of the source.

[0034] Here, the speed panel supports adjusting the video playback speed by adjusting the slider bar or entering a percentage value, adjusting the video duration by adjusting the slider bar or entering a number, and turning the volume on and off with a switch.

[0035] Here, the sticker panel includes a sticker video effect setting panel and a sticker parameter setting panel, where the sticker video effect setting includes support for setting scene-entering video effects, scene-leaving video effects, and cycle video effects. Here, the scene-entering video effects, scene-leaving video effects, and cycle video effects are not mutually exclusive and support parallel settings. After selecting a scene-entering video effect, the user can continue to select scene-leaving video effects and / or cycle video effects, which are displayed in a selected state. Furthermore, if the position of the material selected by the user is not the initial screen, when the material already selected by the user re-enters the panel, the interface positions the selected material. The video duration can be set. Here, the video duration is determined based on the duration of the material track. For example, if the duration of some text occupying the track is 6 seconds, the total time length adjustment is 6 seconds. When there is only a scene-entering video effect, the scene-entering video duration is at most the total element duration; when there is a scene-entering video effect and a scene-leaving video effect, the sum of the durations of these two parts is at most the total element duration; when there is a cycle video effect, the cycle video effect duration is increased and adjusted, and the sum of the durations of the three parts is at most the total element duration.

[0036] Here, the scene change panel can support adjusting the scene change time by adjusting a slide bar or inputting a percentage value.

[0037] Here, the filter panel can support adjusting the strength of the filter by adjusting a slide bar or inputting a percentage value.

[0038] Here, the effect panel supports adjusting the aperture attributes of each effect, and the aperture attributes include name, blur, horizontal chromatic aberration, etc.

[0039] The picture material panel includes an image parameter setting panel, a matting setting panel, and a slide effect setting panel. The image parameter setting panel supports adjusting the transparency of the image material by adjusting the slider and entering a percentage value, adjusting the image size by adjusting the slider and entering a percentage value, adjusting the image position by entering X and Y values, and adjusting the image tilt angle by entering an angle. Furthermore, the user can adjust or scale the material / video by directly dragging on the canvas, and the parameters in the image parameter setting panel change accordingly. The matting setting panel displays the title "Automatic Matting" and the subtitle "Automatically Identifying People Matting" and a matting switch control. The matting switch control is used to enable or disable the automatic image matting function in response to user operation. The slide effect setting panel supports settings for scene-in video effects, scene-out video effects, and cycle video effects. The settings for scene-in video effects, scene-out video effects, and cycle video effects are not mutually exclusive and support parallel use. After selecting a scene-entering effect, the user can continue to select a scene-leaving effect and / or a cycling effect, which are displayed in the selected state. Furthermore, if the position of the material selected by the user is not the initial screen, the interface will position the selected material when the material previously selected by the user re-enters the panel. The animation duration can be set. Here, the animation duration is determined based on the duration of the material in the track. For example, if the duration of a portion of text occupies a track is 6 seconds, the total time length adjustment is 6 seconds. When there is only a scene-entering effect, the animation duration is at most the total element duration. When there is a scene-entering effect and a scene-leaving effect, the sum of the animation durations of these two parts is at most the total element duration. When there is a cycling effect, the cycling effect duration is increased and adjusted, and the sum of the animation durations of the three parts is at most the total element duration.

[0040] The material presentation area 13 is used to present candidate materials and add the materials selected by the user to the multimedia data. The material presentation area 13 includes materials to be selected, such as videos, images, music, and text, and supports material search and automatic adaptation. The material presented in the material presentation area 13 can be added to the multimedia data.

[0041] The track editing area 14 is used to present the multimedia data in a multimedia editing track, and material in the multimedia data is presented as track clips in the multimedia editing track according to editing information in the multimedia data, and the editing information is used to direct editing operations on the material.

[0042] The track editing area 14 includes at least a video track, an audio track, a text track, and an effect track, where the video track is used to carry video clips, the text track is used to carry alphabetic text clips, the audio track is used to carry audio clips, and the effect track is used to carry material setting effects. A user can perform editing operations on the materials carried on each track in the track editing area, where editing operations include deleting materials, adjusting the position of materials on the timeline, and adding materials from the material presentation area.

[0043] At S120, in response to receiving an adjustment operation for the canvas, size information and / or position information of the canvas is adjusted based on the adjustment operation.

[0044] In an embodiment of the present disclosure, the adjustment operation on the canvas includes a first adjustment operation on the canvas and a second adjustment operation on the canvas, where the first adjustment operation is mainly used to adjust size information of the canvas, and the second adjustment operation is mainly used to adjust position information of the canvas.

[0045] In one embodiment of the present disclosure, adjusting size information of the canvas based on an adjustment operation in response to receiving an adjustment operation on the canvas includes zooming the size information of the canvas based on a zoom ratio corresponding to the first adjustment operation in response to receiving a first adjustment operation on the canvas, wherein the first adjustment operation includes at least one of a user inputting a zoom ratio, a user selecting a preset zoom ratio, and a user sliding operation on a first physical button, and the sliding operation has an association relationship with the zoom ratio.

[0046] In an embodiment of the present disclosure, zooming the size information of the canvas means enlarging or reducing the size of the entire canvas according to a ratio. For example, if the original canvas size is 1080 x 1920 and the reduction ratio is 50%, the size of the reduced canvas is 504 x 960, and if the enlargement ratio is 50%, the size of the enlarged canvas is 1620 x 2880.

[0047] In one embodiment of the present disclosure, as shown in Figure 3a, after a first adjustment operation is performed on the canvas, a reduction operation is performed on the canvas according to a ratio corresponding to the first adjustment operation, and as shown in Figure 3b, after a second adjustment operation is performed on the canvas, an enlargement operation is performed on the canvas according to a ratio corresponding to the first adjustment operation.

[0048] In one embodiment of the present disclosure, the multimedia editing interface shown in Figure 2 includes a canvas size ratio adjustment control, and in response to a trigger operation on the canvas size ratio adjustment control, a zoom ratio selection panel is presented, a zoom ratio of the canvas is selected in the zoom ratio selection panel, and the canvas is zoomed based on the selected zoom ratio, where a plurality of preset ratios are presented in the zoom ratio selection panel, and the preset ratios include 50%, 100%, 200%, and an adaptive ratio, where the adaptive ratio is to fit the canvas to the current browser size based on the long side.

[0049] In one embodiment of the present disclosure, in response to a trigger operation on the canvas size ratio adjustment control, a canvas size ratio input box is presented in the multimedia editing interface shown in FIG. 2 , and in response to an input operation on the canvas size ratio input box, an input ratio corresponding to the input operation is obtained, and the canvas is zoomed and displayed based on the input ratio.

[0050] In one embodiment of the present disclosure, the multimedia editing interface shown in FIG. 2 includes a canvas adjustment mode control. In response to a trigger operation on the canvas adjustment mode control, the canvas enters a resizable mode. At this time, in response to a sliding operation on a first physical button, a zoom ratio of the canvas is determined based on a sliding direction and a sliding distance corresponding to the sliding operation. Specifically, the sliding direction and the zoom ratio of the canvas have a correlation relationship. For example, an upward sliding corresponds to a zoom ratio of the canvas, and a downward sliding corresponds to a zoom ratio of the canvas. The sliding distance and the zoom ratio of the canvas have a correlation relationship. For example, a sliding distance of 1 mm corresponds to a zoom ratio of 10%. It should be noted that the correlation relationship between the sliding direction and the zoom ratio of the canvas, and the correlation relationship between the sliding distance and the zoom ratio of the canvas can be set according to actual circumstances and are not specifically limited in the embodiments of the present disclosure. Here, the first physical button may be a touchpad or a mouse wheel, and are not specifically limited in the embodiments of the present disclosure.

[0051] In one embodiment of the present disclosure, when the multimedia editing interface is first loaded, the canvas size is proportionally zoomed to fit the current browser size, and the canvas size is zoomed based on the long side during the proportional zoom process. Furthermore, after the first loading is completed, the canvas size will not change when the user resizes the browser.

[0052] In one embodiment of the present disclosure, adjusting the position information of the canvas in the multimedia editing interface in response to a second adjustment operation on the canvas includes switching the canvas mode to a drag mode in response to a switch operation to the canvas mode, and when the canvas mode is in the drag mode, moving the canvas to a target position corresponding to the slide operation in response to receiving a slide operation of a second physical button from a user.

[0053] In one embodiment of the present disclosure, the canvas can be dragged from a current position to a target position in response to a second adjustment operation on the canvas, as shown in FIG. 3c.

[0054] In one embodiment of the present disclosure, when the canvas is in drag mode, a drag operation can be performed using the left mouse button, and for example, in response to a slide operation performed simultaneously when the user presses and holds the mouse, the drag direction and drag distance of the canvas drag are determined based on the slide direction and slide distance corresponding to the slide operation, and in response to a release operation on the mouse, the canvas drag is stopped and the position of the canvas at the time of stopping is displayed.

[0055] In one embodiment of the present disclosure, in response to a slide operation on the touch board, a drag direction and a drag distance of the canvas are determined based on a slide direction and a slide distance corresponding to the slide operation, where the slide direction and the drag direction have a correlation, and the slide distance and the drag distance have a correlation.

[0056] In one embodiment of the present disclosure, in response to a slide operation using a shortcut key and a mouse wheel, a drag direction and a drag distance of the canvas are determined based on a slide direction and a slide distance corresponding to the slide operation. In response to a scroll operation using the mouse wheel, the canvas is dragged vertically, and after a trigger operation using the shift button, the canvas is dragged horizontally in response to a scroll operation using the mouse wheel.

[0057] In one embodiment of the present disclosure, in response to receiving a third adjustment operation on the canvas, the canvas ratio of the canvas is adjusted to a target canvas ratio based on a target canvas ratio corresponding to the third adjustment operation.

[0058] In an embodiment of the present disclosure, the canvas ratio is the ratio between the width and height of the canvas. For example, the canvas ratio may be 4:3, 16:9, etc. In an embodiment of the present disclosure, in response to a trigger operation on the canvas ratio control, a canvas ratio selection panel is presented, a canvas ratio is selected in the canvas ratio selection panel, and a ratio adjustment is performed on the canvas based on the selected canvas ratio. Here, a plurality of preset ratios are presented in the canvas ratio selection panel, and the preset ratios include 4:3, 16:9, etc.

[0059] In one embodiment of the present disclosure, the method further includes, in response to receiving a canvas adjustment command, temporarily stopping playback of a multimedia screen corresponding to the multimedia data and marking the point of the temporary stop, and, in response to receiving a canvas adjustment end command, continuing playback of a multimedia screen corresponding to the multimedia data from the point of the temporary stop.

[0060] In an embodiment of the present disclosure, when zooming and dragging the canvas, video playback is temporarily stopped, and when zooming and dragging is stopped, video playback continues. If the canvas is playing a video corresponding to multimedia data, video playback is temporarily stopped in response to a canvas adjustment operation performed by a user. After the canvas adjustment is completed, video playback continues. Canvas adjustment includes one or more of zoom ratio adjustment, position drag, and canvas ratio adjustment.

[0061] In one embodiment of the present disclosure, after switching and adapting the current resolution to 9:16, the font size changes along with the canvas and becomes unreadable. After maintaining the switch, the canvas fills according to the actual ratio and the font size remains unchanged.

[0062] In an embodiment of the present disclosure, adjusting the size of the default font of the new text includes adjusting the size of the default font to a first set font size in a horizontal screen ratio, and adjusting the size of the default font to a second set font size in a vertical screen ratio.

[0063] In one embodiment of the present disclosure, a method for adjusting a material attribute panel is provided based on the above embodiment. As shown in FIG. 4, the layout adjustment method according to the embodiment of the present disclosure mainly includes steps S210-S220.

[0064] In S210, a multimedia editing interface is presented, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material presentation area, and a track editing area, the canvas is used to present a multimedia screen corresponding to the multimedia data, the material attribute panel is used to set attributes of the material in the multimedia data in response to a user's operation, the material presentation area is used to present candidate materials and add material selected by the user to the multimedia data, the track editing area is used to present the multimedia data in a multimedia editing track, the material in the multimedia data is presented as a track clip in the multimedia editing track according to editing information in the multimedia data, and the editing information is used to instruct editing operations on the material.

[0065] Step S310 according to the embodiment of the present disclosure and step S110 according to the above embodiment have the same execution flow, so please refer to the description in the above embodiment for details, and no further description will be given in the embodiment of the present disclosure.

[0066] At S220, in response to a drag operation on the material attribute panel, the material attribute panel is moved to a target position corresponding to the drag operation.

[0067] In an embodiment of the present disclosure, as shown in FIG. 5, the material attribute panel is displayed movably based on the user's drag operation, and the layer on which the material attribute panel is located is located at the top layer in the multimedia editing interface.

[0068] In one embodiment of the present disclosure, when a user switches attribute labels or switches selected elements, the position of the material attribute panel remains unchanged. In one editing of the same multimedia data, the position of the material attribute panel is memorized and restored to the default after the next opening, and after switching the multimedia data or reopening the multimedia data, the position of the material attribute panel is restored to the default.

[0069] In one embodiment of the present disclosure, in response to a trigger operation on the material attribute control, the material attribute panel is displayed on the multimedia editing interface. In an embodiment of the present disclosure, multiple material attribute controls can be presented on the multimedia editing interface, and in response to a trigger operation on the material attribute control, a material attribute panel corresponding to the trigger operation is displayed, and the attribute content presented on the material attribute panel is related to the control corresponding to the trigger operation.

[0070] In an embodiment of the present disclosure, if no material is selected / added, the material attribute panel is not displayed by default.

[0071] In one embodiment of the present disclosure, in response to a material addition operation, the material attribute panel corresponding to the added material is displayed on the multimedia editing interface.

[0072] In the embodiment of the present disclosure, after adding any material that has an attribute panel, the corresponding material attribute panel will be displayed and the top panel will be expanded by default.

[0073] In an embodiment of the present disclosure, if the user does not perform an operation to close the material attribute panel, the material attribute panel remains expanded, and when the user single-clicks on a material on any screen / adds a new material, the material attribute panel automatically switches to the top label of the corresponding material.

[0074] In one embodiment of the present disclosure, the user can turn off the material attribute panel by single-clicking the off button in the top right corner of the material attribute panel or by clicking the selected item in the first-class label again.

[0075] In one embodiment of the present disclosure, when a user manually turns off the material attribute panel, there are two ways to re-invoke the panel: single-clicking an attribute column control on the right side will invoke the material attribute panel corresponding to the corresponding control; double-clicking a material on the canvas will invoke the material attribute panel corresponding to the material.

[0076] In one embodiment of the present disclosure, during the material loading process, the material attribute controls are not clickable and the material attribute panel is not expanded.

[0077] In one embodiment of the present disclosure, when the height of the attribute content in the material attribute panel is greater than the height of the material attribute panel, the attribute content in the material attribute panel is scrolled in response to a slide operation in the material attribute panel.

[0078] In an embodiment of the present disclosure, the material attribute panel content height overflows, supports scrolling, and has a title at the top.

[0079] In one embodiment of the present disclosure, the height of the material attribute panel is changed in accordance with the height of the attribute content in the material attribute panel.

[0080] In the embodiment of the present disclosure, the height of the material attribute panel is adaptively adjusted according to the height of the attribute content in the material attribute panel. That is, when the height ratio of the attribute content is relatively high, the height of the material attribute panel is adjusted accordingly to be higher, and when the height ratio of the attribute content is relatively low, the height of the material attribute panel is adjusted accordingly to be lower. That is, the attribute content adaptively fills all the material attribute panels.

[0081] Based on the above embodiment, the layout adjustment method in the embodiment of the present disclosure is further optimized. As shown in FIG. 6, the layout adjustment method in the embodiment of the present disclosure mainly includes steps S310-S330.

[0082] In S310, a multimedia editing interface is presented, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material presentation area, and a track editing area, wherein the canvas is used to present a multimedia screen corresponding to the multimedia data, the material attribute panel is used to set attributes of the material in the multimedia data in response to a user's operation, the material presentation area is used to present candidate materials and add material selected by the user to the multimedia data, the track editing area is used to present the multimedia data in a multimedia editing track, the material in the multimedia data is presented as a track clip in the multimedia editing track according to editing information in the multimedia data, and the editing information is used to instruct editing operations on the material.

[0083] Step S310 according to the embodiment of the present disclosure and step S110 according to the above embodiment have the same execution flow, so please refer to the description in the above embodiment for details, and no further description will be given in the embodiment of the present disclosure.

[0084] In S320, in response to a drag operation on a first frame in the material presentation area, the material presentation area is zoomed and displayed.

[0085] In an embodiment of the present disclosure, the first frame is a frame close to the canvas area, and as shown in Fig. 7, the material presentation area 13 is zoomed in response to a drag operation on the first frame. Furthermore, as shown in Fig. 7, when the first frame is dragged to the right, the material presentation area is enlarged, where enlarged display of the material presentation area means that the height of the material presentation area remains unchanged and only the width is enlarged. Furthermore, when the first frame is dragged to the left, the material presentation area is reduced, where reduced display of the material presentation area means that the height of the material presentation area remains unchanged and only the width is enlarged.

[0086] In an embodiment of the present disclosure, in the process of zooming the material presentation area, the material cards in the material presentation area are zoomed and displayed so as to follow the material presentation area.

[0087] In an embodiment of the present disclosure, in a process of zooming a material presentation area, material cards presented in the material presentation area are adaptively zoomed. Specifically, in a process of enlarging the material presentation area, when the width of the material presentation area reaches a set value, a row of material presentation cards is added and new material cards are added to the bottom of the material presentation area. In a process of enlarging the material presentation area, when the width of the material presentation area decreases and reaches a set value, a row of material presentation cards is removed.

[0088] In S330, in response to a drag operation on a second frame in the track editing area, the track editing area is zoomed in and displayed.

[0089] In an embodiment of the present disclosure, the second frame is a frame close to the canvas area of ​​the track editing area, and as shown in Fig. 8, the track editing area 14 is zoomed in response to a drag operation on the second frame. Furthermore, as shown in Fig. 8, when the second frame is dragged upward, the track editing area is enlarged, where enlarging the track editing area means that the width of the material presentation area remains unchanged and only the height is enlarged. Furthermore, when the second frame is dragged downward, the track editing area is reduced, where reducing the track editing area means that the width of the track editing area remains unchanged and only the height is reduced.

[0090] It should be noted that there is no pre- and post-dependency relationship between step S320 and step S330, and one of the two steps may be selected and executed, or only one of the two steps may be executed.

[0091] In one embodiment of the present disclosure, the canvas is located in a first layer, the material attribute panel, material presentation area, and track editing area are located in a second layer, the first layer is located in a lower layer of the second layer, and the second layer is displayed according to a set transparency.

[0092] In the embodiments of the present disclosure, a layer presents an area or panel on a higher layer of the canvas according to a certain transparency, thereby allowing the user to intuitively view the screen contents within the canvas, making it easy for the user to perform editing operations, no matter how large the canvas size is.

[0093] In one embodiment of the present disclosure, when an overlapping area exists between the canvas and the setting area, the overlapping area is displayed according to a set transparency, and the setting area includes at least one of the material attribute panel, the material presentation area, or the track editing area.

[0094] In the embodiment of the present disclosure, as shown in Fig. 9a, when there is an overlapping area between the canvas 11 and the track editing area 14 during the process of enlarging or moving the canvas, the track editing area 14 is displayed according to a set transparency, where the set transparency can be set according to actual circumstances.

[0095] In the embodiment of the present disclosure, as shown in Fig. 9b, when there is an overlapping area between the canvas 11 and the material attribute panel 12 during the process of enlarging or moving the canvas or dragging the material attribute panel 12, the material attribute panel 12 is displayed according to a set transparency, where the set transparency can be set according to actual circumstances.

[0096] FIG. 10 is a structural schematic diagram of a layout adjustment device in an embodiment of the present disclosure, which is applicable to adjusting assembly layout in a multimedia editing interface, and the layout adjustment device may be implemented in software and / or hardware.

[0097] As shown in FIG. 10, the layout adjustment device according to the embodiment of the present disclosure mainly includes an interface display module 101 and a canvas adjustment module 102.

[0098] the interface display module 101 is used to display a multimedia editing interface, the multimedia editing interface including a canvas, a material attribute panel, a material presentation area, and a track editing area, the canvas is used to present a multimedia screen corresponding to multimedia data, the material attribute panel is used to set attributes of materials in the multimedia data in response to user operations, the material presentation area is used to present candidate materials and add materials selected by the user to the multimedia data, the track editing area is used to present the multimedia data in a multimedia editing track, the materials in the multimedia data are presented as track clips in the multimedia editing track according to editing information in the multimedia data, and the editing information is used to instruct editing operations on the materials; a canvas adjustment module 102 adapted to, in response to receiving an adjustment operation for the canvas, adjust size information and / or position information of the canvas based on the adjustment operation; Here, the canvas is located in the first layer, the material attribute panel, material presentation area and track editing area are located in the second layer, the first layer is located in a lower layer of the second layer, and the second layer is displayed according to the set transparency.

[0099] In one embodiment of the present disclosure, the device further includes an overlap area display module for displaying an overlap area between the canvas and a setting area according to a set transparency when the overlap area exists, wherein the setting area includes at least one of the material attribute panel, the material presentation area, and / or the track editing area.

[0100] In one embodiment of the present disclosure, the device further includes a video playback module for temporarily stopping playback of a multimedia screen corresponding to the multimedia data in response to receiving a canvas adjustment command and marking the point of the temporary stop, and for continuing playback of a multimedia screen corresponding to the multimedia data from the point of the temporary stop in response to receiving a canvas adjustment end command.

[0101] In one embodiment of the present disclosure, the material attribute panel is presented in the form of a floating layer, and the device further includes a material attribute panel adjustment module for, in response to a drag operation on the material attribute panel, moving the material attribute panel to a target position corresponding to the drag operation.

[0102] In one embodiment of the present disclosure, the device further includes a material attribute panel display module for displaying the material attribute panel in the multimedia editing interface in response to a trigger operation on the material attribute control, or for displaying the material attribute panel corresponding to the added material in the multimedia editing interface in response to a material addition operation.

[0103] In one embodiment of the present disclosure, the material attribute panel adjustment module is used to scroll the attribute content in the material attribute panel in response to a slide operation in the material attribute panel when the height of the attribute content in the material attribute panel is greater than the height of the material attribute panel, or to change the size of the material attribute panel to follow the size of the attribute content in the material attribute panel.

[0104] In one embodiment of the present disclosure, the device further includes an area zoom module for controlling the material presentation area to be zoomed in response to a drag operation on a first frame in the material presentation area, or for controlling the track editing area to be zoomed in response to a drag operation on a second frame in the track editing area.

[0105] In one embodiment of the present disclosure, the device further includes a material card adjustment module that controls the material cards in the material presentation area to be zoomed in and displayed in accordance with the material presentation area during the process of zooming in on the material presentation area.

[0106] The layout adjustment apparatus according to the embodiments of the present disclosure can perform the steps performed in the layout adjustment method according to the embodiments of the present disclosure, and has the performing steps and beneficial effects, which will not be further described herein.

[0107] FIG. 11 is a structural schematic diagram of an electronic device according to an embodiment of the present disclosure. Hereinafter, with specific reference to FIG. 11 , a structural schematic diagram suitable for realizing an electronic device 1100 according to an embodiment of the present disclosure is shown. The electronic device 1100 according to an embodiment of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (PDAs), tablet computers (PADs), portable multimedia players (PMPs), in-vehicle terminals (e.g., in-vehicle navigation terminals), and wearable terminals, as well as fixed terminals such as digital TVs, desktop computers, and smart home devices. The electronic device shown in FIG. 11 is merely an example and does not impose any limitations on the functionality and scope of use of the embodiment of the present disclosure.

[0108] 11, the electronic device 1100 may include a processing unit (e.g., a central processor, a graphics processor, etc.) 1101, which can implement the layout adjustment method of the embodiments described in the present disclosure by performing various appropriate operations and processes based on a program stored in a read-only memory (ROM) 1102 or loaded from a storage device 1108 into a random access memory (RAM) 1103. The RAM 1103 further stores various programs and data required for the operation of the terminal device 1100. The processing unit 1101, the ROM 1102, and the RAM 1103 are connected to each other via a bus 1104. An input / output (I / O) interface 1105 is also connected to the bus 1104.

[0109] Generally, the following devices may be connected to the I / O interface 1105: input devices 1106 including, for example, a touch screen, touch board, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 1107 including, for example, a liquid crystal display (LCD), speaker, vibrator, etc.; storage devices 1108 including, for example, a magnetic tape, hard disk, etc.; and communication devices 1109. The communication devices 1109 may enable the terminal device 1100 to communicate wirelessly or via wires to exchange data with other devices. While FIG. 11 shows the terminal device 1100 having various devices, it should be understood that it need not implement or include all of the devices shown. Alternatively, more or fewer devices may be implemented or included.

[0110] In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program stored on a non-transitory computer-readable medium, the computer program including program code for executing the method illustrated in the flowcharts, thereby implementing the layout adjustment method described above. In such an embodiment, the computer program may be downloaded and installed from a network via the communication device 1109, or may be installed from the storage device 1108, or may be installed from the ROM 1102. When the computer program is executed by the processing device 1101, it performs the functions defined by the methods of the embodiments of the present disclosure.

[0111] It should be noted that the computer-readable medium of the present disclosure may be a computer-readable signal medium, a computer-readable storage medium, or any combination of the above. The computer-readable storage medium may be, for example, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of the computer-readable storage medium may include, but are not limited to, an electrical connection having one or more conductors, a portable computer magnetic disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact magnetic disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, the computer-readable storage medium may be any tangible medium that contains or stores a program, which may be used by or in combination with an instruction execution system, apparatus, or device. In the present disclosure, the computer-readable signal medium may include a propagating data signal, in baseband or as part of a carrier, bearing computer-readable program code. Such propagated data signals may take various forms, including, but not limited to, electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may be any computer-readable medium other than a computer-readable storage medium, which is capable of transmitting, propagating, or transmitting a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied in a computer-readable medium may be transmitted over any suitable medium, including, but not limited to, wire, cable, RF (radio frequency), etc., or any suitable combination of the above.

[0112] In some embodiments, clients and servers may communicate using any network protocol now known or later developed, such as, for example, HTTP (HyperText Transfer Protocol), and may interconnect via any form or medium of digital data communication (e.g., a communications network). Examples of communications networks include local area networks ("LANs"), wide area networks ("WANs"), extranets (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), and any networks now known or later developed.

[0113] The computer-readable medium may be included in the electronic device, or may exist separately from the electronic device.

[0114] One or more programs are stored on the computer-readable medium, and when the one or more programs are executed by the terminal device, a multimedia editing interface is displayed on the terminal device, the multimedia editing interface including a canvas, a material attribute panel, a material presentation area, and a track editing area, the canvas is used to present a multimedia screen corresponding to multimedia data, the material attribute panel is used to set attributes of material in the multimedia data in response to user operations, the material presentation area is used to present candidate materials and add material selected by the user to the multimedia data, the track editing area is used to present the multimedia data in a multimedia editing track, the material in the multimedia data is presented as track clips in the multimedia editing track according to editing information in the multimedia data, and the editing information is used to instruct editing operations on the material, wherein the canvas is located in a first layer, the material attribute panel, the material presentation area, and the track editing area are located in a second layer, the first layer is located in a lower layer of the second layer, and the second layer is displayed according to a set transparency.

[0115] Optionally, when the one or more programs are executed by the terminal device, the terminal device may perform other steps described in the above embodiments.

[0116] Computer program code for carrying out the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, Java, Smalltalk, and C++ object-oriented programming languages, as well as general procedural programming languages ​​such as "C" or similar. The program code may run entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. When referring to a remote computer, the remote computer may be connected to the user's computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet through an Internet Service Provider).

[0117] The flowcharts and block diagrams in the figures illustrate possible system architectures, functions, and operations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowcharts or block diagrams may represent a module, program segment, or portion of code, which includes one or more executable instructions for implementing the specified logical function(s). It should be noted that in some alternative implementations, the functions marked in the blocks may occur in a different order than the order marked in the figures. For example, two successively depicted blocks may actually be executed essentially in parallel, or may be executed in the reverse order, depending on the functionality. It should be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented in a dedicated hardware-based system that performs the specified functions or operations, or may be implemented in a combination of dedicated hardware and computer instructions.

[0118] The units described in the embodiments of the present disclosure may be implemented in a software or hardware manner, and the names of the units may not necessarily be used to limit the units themselves.

[0119] The functionality described herein may be implemented, at least in part, in one or more hardware logic components, including, but not limited to, exemplary types of hardware logic components that may be used include field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), etc.

[0120] In the context of this disclosure, a machine-readable medium may be a tangible medium, and may contain or store a program for use by or in connection with an instruction execution system, device, or apparatus. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or apparatus, or any suitable combination of the above. More specific examples of machine-readable storage media include one or more wire-based electrical connections, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above.

[0121] The above description merely describes the preferred embodiments of the present disclosure and the technical principles used. It should be understood by those skilled in the art that the scope of the present disclosure is not limited to the technical solution of the specific combination of the above technical features, but also encompasses other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the concept of the above disclosure, such as, for example, a technical solution formed by replacing the above features with technical features having similar functions disclosed in the present disclosure (but not limited to these).

[0122] It should be noted that although operations are illustrated using a particular sequence, this should not be understood as requiring that these operations be performed in the particular sequence or order illustrated. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although the above discussion includes some specific implementation details, these should not be construed as limitations on the scope of the present disclosure. Some features that are described in the context of individual embodiments may also be implemented in combination in a single embodiment. Rather, various features that are described in the context of a single embodiment may be implemented in multiple embodiments alone or in any suitable subcombination.

[0123] Although the present subject matter has been described using language specific to structural features and / or methodological logical operations, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or operations described above. Rather, the specific features and operations described above are merely example forms of implementing the claims.

Claims

1. Displaying a multimedia editing interface, the multimedia editing interface including a canvas, a material attribute panel, a material presentation area, and a track editing area, the canvas is used to present a multimedia screen corresponding to multimedia data, the material attribute panel is used to set attributes of materials in the multimedia data in response to a user's operation, the material presentation area is used to present candidate materials and add materials selected by a user to the multimedia data, the track editing area is used to present the multimedia data in a multimedia editing track, the materials in the multimedia data are presented as track clips in the multimedia editing track according to editing information in the multimedia data, and the editing information is used to instruct editing operations on the materials; and in response to receiving an adjustment operation for the canvas, adjusting size information and / or position information for the canvas based on the adjustment operation; the canvas is located in a first layer, the material attribute panel, material presentation area, and track editing area are located in a second layer, the first layer is located in a lower layer of the second layer, and the second layer is displayed according to a set transparency; A layout adjustment method characterized by controlling the scrolling of attribute contents in a material attribute panel in response to a slide operation in the material attribute panel when the height of attribute contents in the material attribute panel is greater than the height of the material attribute panel.

2. If an overlapping area exists between the canvas and the setting area, the overlapping area is displayed according to a set transparency; 2. The layout adjustment method according to claim 1, wherein the setting area includes at least one of the material attribute panel, the material presentation area, and / or the track editing area.

3. In response to receiving a canvas adjustment command, temporarily stopping playback of a multimedia screen corresponding to the multimedia data and marking a point in time at which the temporary stopping occurred; 2. The layout adjustment method according to claim 1, further comprising: in response to receiving a canvas adjustment end command, continuing playback of the multimedia screen corresponding to the multimedia data from the point at which playback was temporarily stopped.

4. the material attribute panel is presented in the form of a floating layer; 2. The layout adjustment method according to claim 1, further comprising: in response to a drag operation on the material attribute panel, moving the material attribute panel to a target position corresponding to the drag operation.

5. Displaying the material attribute panel in the multimedia editing interface in response to a trigger operation on a material attribute control; or 5. The layout adjustment method according to claim 4, further comprising displaying the material attribute panel corresponding to the added material on the multimedia editing interface in response to a material addition operation.

6. A layout adjustment method as described in Claim 5, further comprising controlling the height of the material attribute panel to change in accordance with the height of the attribute content within the material attribute panel.

7. Controlling the material presentation area so as to zoom in and display the material presentation area in response to a drag operation on a first frame in the material presentation area; or 2. The layout adjustment method according to claim 1, further comprising controlling the track editing area to be zoomed in response to a drag operation on a second frame in the track editing area.

8. The method according to claim 7, further comprising the step of zooming the material presentation area by zooming in on the material cards in the material presentation area so that the material cards follow the material presentation area.

9. an interface display module for displaying a multimedia editing interface, the multimedia editing interface including a canvas, a material attribute panel, a material presentation area, and a track editing area, the canvas being used to present a multimedia screen corresponding to multimedia data, the material attribute panel being used to set attributes of materials in the multimedia data in response to a user's operation, the material presentation area being used to present candidate materials and add materials selected by a user to the multimedia data, and the track editing area being used to present the multimedia data in a multimedia editing track, the materials in the multimedia data being presented as track clips in the multimedia editing track according to editing information in the multimedia data, and the editing information being used to instruct editing operations on the materials; a canvas adjustment module for, in response to receiving an adjustment operation on the canvas, adjusting size information and / or position information of the canvas based on the adjustment operation; the canvas is located in a first layer, the material attribute panel, material presentation area, and track editing area are located in a second layer, the first layer is located in a lower layer of the second layer, and the second layer is displayed according to a set transparency; A layout adjustment device characterized by controlling the scroll display of the attribute contents in the material attribute panel in response to a slide operation in the material attribute panel when the height of the attribute contents in the material attribute panel is greater than the height of the material attribute panel.

10. one or more processors; a storage device for storing one or more programs; 9. An electronic device, characterized in that, when the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the method according to any one of claims 1 to 8.

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

12. A computer program comprising computer programs or instructions which, when executed by a processor, implement the method of any one of claims 1 to 8.

Images