Layout adjustment method and device, equipment, storage medium and program product

Abstract

The invention relates to a layout adjustment method and device, equipment, a storage medium and a program product, and the method comprises the steps that a multimedia editing interface is displayed, the multimedia editing interface comprises canvas, a material attribute panel, a material display area and a track editing area, and the canvas is used for displaying a multimedia picture corresponding to multimedia data; in response to the received adjustment operation for the canvas, adjusting the size information and / or position information of the canvas based on the adjustment operation; wherein the canvas is located on the first layer, the material attribute panel, the material display area and the track editing area are located on the second layer, the first layer is located on the lower layer of the second layer, and the second layer is displayed according to set transparency. In the multimedia editing interface in the embodiment of the invention, a user can adaptively adjust the size and the position of the canvas, and other areas are displayed in a transparent manner, so that the user can watch a multimedia picture displayed in the whole range of the canvas at any time.

Description

Technical Field

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

[0002] With the rapid development of computer technology and mobile communication technology, various video platforms based on electronic devices have been widely used, greatly enriching people's daily life. More and more users are willing to edit video materials on video editing platforms to obtain high-quality videos.

[0003] How to adjust the video editing interface is an urgent problem to be solved. Summary of the invention

[0004] In order to solve the above technical problems, the embodiments of the present disclosure provide a layout adjustment method, apparatus, device, storage medium and program product, which solve the problem of adjusting the layout in a video editing interface.

[0005] In a first aspect, an embodiment of the present disclosure provides a layout adjustment method, including:

[0006] Displaying a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area, the canvas is used to display a multimedia screen corresponding to the multimedia data, the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation, the material display area is used to display candidate materials and add the material selected by the user to the multimedia data, the track editing area is used to display the multimedia data on a multimedia editing track, the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data, and the editing information is used to indicate the editing operation on the material;

[0007] 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;

[0008] Among them, the canvas is located in the first layer, the material property panel, material display area and track editing area are located in the second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency.

[0009] In a second aspect, an embodiment of the present disclosure provides a layout adjustment device, including:

[0010] An interface display module, used for displaying a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area and a track editing area, the canvas is used for displaying a multimedia screen corresponding to multimedia data, the material attribute panel is used for setting the attributes of the material in the multimedia data in response to the user's operation, the material display area is used for displaying candidate materials and adding the material selected by the user to the multimedia data, the track editing area is used for displaying the multimedia data on a multimedia editing track, the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data, and the editing information is used for indicating the editing operation on the material;

[0011] A canvas adjustment module, configured 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;

[0012] Among them, the canvas is located in the first layer, the material property panel, material display area and track editing area are located in the second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency.

[0013] In a third aspect, an embodiment of the present disclosure provides an electronic device, the electronic device comprising:

[0014] one or more processors;

[0015] A storage device for storing one or more programs;

[0016] When the one or more programs are executed by the one or more processors, the one or more processors implement the layout adjustment method as described in any one of the first aspects above.

[0017] In 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, implements the layout adjustment method as described in any one of the above-mentioned first aspects.

[0018] In a fifth aspect, an embodiment of the present disclosure provides a computer program product, which includes a computer program or instructions, and when the computer program or instructions are executed by a processor, the layout adjustment method as described in any one of the first aspects above is implemented.

[0019] The disclosed embodiments provide a layout adjustment method, apparatus, device, storage medium and program product, the method comprising: displaying a multimedia editing interface, wherein the multimedia editing interface comprises a canvas, a material attribute panel, a material display area and a track editing area, the canvas is used to display a multimedia screen corresponding to multimedia data, the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation, the material display area is used to display candidate materials and add the material selected by the user to the multimedia data, the track editing area is used to display the multimedia data on a multimedia editing track, the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data, and the editing information is used to indicate the editing operation on the material; in response to receiving an adjustment operation on the canvas, adjusting the 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, the material display 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 the set transparency. In the multimedia editing interface of the embodiment of the present disclosure, the user can adaptively adjust the size and position of the canvas, and display other areas in a transparent manner, so that the user can view the multimedia screen displayed within the entire range of the canvas at any time. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The above 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 accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

[0021] Figure 1 is a flow chart of a layout adjustment method according to an embodiment of the present disclosure;

[0022] Figure 2 is a schematic diagram of a multimedia editing interface in an embodiment of the present disclosure;

[0023] Figure 3a is a schematic diagram of canvas adjustment in an embodiment of the present disclosure;

[0024] Figure 3b is another schematic diagram of canvas adjustment in an embodiment of the present disclosure;

[0025] Figure 3c is another schematic diagram of canvas adjustment in an embodiment of the present disclosure;

[0026] Figure 4 It is a flowchart of the material attribute panel dragging method in the embodiment of the present disclosure;

[0027] Figure 5 This is a schematic diagram of dragging the material attribute panel in an embodiment of the present disclosure;

[0028] Figure 6 It is a flowchart of a multimedia editing interface adjustment method in an embodiment of the present disclosure;

[0029] Figure 7 A schematic diagram of adjusting a material display area in an embodiment of the present disclosure;

[0030] Figure 8 A schematic diagram of adjusting a track editing area in an embodiment of the present disclosure;

[0031] Figure 9a A schematic diagram of a track editing area overlapping a canvas in an embodiment of the present disclosure;

[0032] Figure 9b It is a schematic diagram of a material property panel overlapping with a canvas in an embodiment of the present disclosure;

[0033] Fig.10 is a structural schematic diagram of a layout adjustment device in an embodiment of the present disclosure;

[0034] Fig.11 It is a structural schematic diagram of an electronic device in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0035] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0036] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0037] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0038] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0039] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

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

[0041] Before further describing the embodiments of the present disclosure in detail, the nouns and terms involved in the embodiments of the present disclosure are described. The nouns and terms involved in the embodiments of the present disclosure are subject to the following interpretations.

[0042] In response, it is used to indicate the conditions or states on which the executed operations depend. When the dependent conditions or states are met, one or more operations executed can be in real time or have a set delay. Unless otherwise specified, there is no restriction on the order of execution of the multiple operations executed.

[0043] Hereinafter, embodiments of the present disclosure will be described in detail with reference to the accompanying drawings. It should be noted that the same reference numerals in different drawings will be used to refer to the same elements that have been described.

[0044] Figure 1 This is a flow chart of a layout adjustment method in an embodiment of the present disclosure. This embodiment is applicable to the case of adjusting the component layout in a multimedia editing interface. The method can be executed by a layout adjustment device, and the layout adjustment device can be implemented in software and / or hardware.

[0045] like Figure 1 As shown, the layout adjustment method provided by the embodiment of the present disclosure mainly includes steps S110 - S120 .

[0046] S110. Display a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area, the canvas is used to display a multimedia screen corresponding to the multimedia data, the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation, the material display area is used to display candidate materials and add the material selected by the user to the multimedia data, the track editing area is used to display the multimedia data on a multimedia editing track, the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data, and the editing information is used to indicate the editing operation on the material.

[0047] In one embodiment of the present disclosure, the multimedia editing interface can be understood as an interface provided by a multimedia editing platform that allows users to edit multimedia data, wherein the multimedia editing platform can be a video editing APP or a video editing program on a web terminal. The multimedia editing platform is not specifically limited in the embodiments of the present disclosure.

[0048] like Figure 2 As shown, the multimedia editing interface 10 provided in the embodiment of the present disclosure includes a canvas 11, a material attribute panel 12, a material display area 13 and a track editing area 14, wherein the canvas 11 is used to display a multimedia screen corresponding to the multimedia data.

[0049] In the embodiment of the present disclosure, the canvas 11 can adjust the size, proportion and position of the canvas in the multimedia interface according to the user's adjustment operation. The canvas 11 is used to display the screen corresponding to the multimedia data, and the candidate materials in the material display area can also be added to the canvas 11. Furthermore, in response to the selection operation of the material displayed in the canvas, the material property panel corresponding to the material can be displayed, and the properties of the material can be set.

[0050] The material attribute panel 12 is used to set the attributes of the material in the multimedia data in response to the user's operation. In the embodiment of the present disclosure, the material attribute panel 12 includes a video panel, an audio panel, a sticker panel, a transition panel, a filter panel, a special effect panel, a picture material panel, etc.

[0051] The video panel has different attribute panels according to different video types. The attribute panels of the main track video with sound include: display parameter panel, background panel, cutout panel, animation effect panel, speed panel, and audio panel. The attribute panels of the main track video without sound include: display parameter panel, background panel, cutout panel, animation effect panel, and speed panel. The attribute panels of the non-main track video with sound include: display parameter panel, cutout panel, animation effect panel, speed panel, and audio panel. The attribute panels of the non-main track video without sound include: display parameter panel, cutout panel, animation effect panel, and speed panel.

[0052] Among them, the display parameter setting panel supports slider adjustment and percentage value input to adjust the transparency of the video material; supports slider adjustment and percentage value input to adjust the size of the video; supports input of X, Y input values ​​to adjust the position of the video material; supports angle input to adjust the tilt angle of the video material.

[0053] Among them, the background panel includes color settings, blur settings and format settings panels. Among them, the color settings include historical colors, default colors and color selection controls, among which the historical colors record the user's historical colors, support color selection and support unselection; the default color displays a selection of multiple commonly used default colors, and the color selection control displays all colors, and the selected state appears after clicking. The blur setting panel displays multiple blur candidates, and in response to the user's click operation on the blur candidate, the selected state is displayed. The format setting panel displays multiple candidate format items, and in response to the user's click operation on the candidate format item, the selected state is displayed. Among them, after clicking Apply, if the addition is successful, it will prompt that the background has been added. If the addition fails, it will prompt that the background addition failed, please try again. Among them, after clicking Global Apply, it supports applying the set background to all multimedia clips.

[0054] Among them, the title displayed in the cutout setting panel is automatic cutout, the subtitle is automatic recognition of portrait cutout, and the cutout switch control is used to respond to the user's operation to determine whether to turn on the automatic cutout function of the image.

[0055] Among them, the animation effect panel includes support for entry animation effect, exit animation effect and loop animation setting. Among them, the settings of entry animation effect, exit animation effect and loop animation effect support parallel, not mutually exclusive. The user can select the entry animation effect and then continue to select the exit animation effect and / or loop animation effect, which will be presented as selected. Further, if the position of the material selected by the user is not the first screen, when the user has selected the material and enters the panel again, the interface is positioned to the position of the selected material. The animation duration can be set. Among them, the animation duration will be determined according to the length of the material in the track. For example, if a piece of text occupies 6s of the track length, the total length of the duration adjustment is 6s. When there is only an entry animation effect, the maximum entry animation duration is the total element duration. If there are entry animation effects and exit animation effects, the sum of the two animation durations is the maximum element duration. If there is a loop animation effect, the loop animation effect duration is adjusted, and the sum of the three animation durations is the maximum element duration.

[0056] The audio panel supports slider adjustment and percentage value input to adjust the volume; supports slider adjustment and percentage value input to adjust the duration of the audio entry and stand duration; supports noise reduction settings, and turns on the noise reduction switch to perform noise reduction processing on the audio. If the noise reduction is successful, a prompt message will be displayed: Noise reduction successful; if the noise reduction fails, a prompt message will be displayed: Noise reduction failed, please try again. Supports audio status settings, displays multiple audio materials, and displays the selected state after selection. After clicking the selected audio, it will automatically locate to the beginning of the selected material and start playing; the playback time is equal to the material time.

[0057] Among them, the speed panel supports slider adjustment and inputting percentage values ​​to adjust the video playback speed; supports sliding adjustment and inputting values ​​to adjust the duration of the video; supports switching on or off the pitch.

[0058] Among them, the sticker panel includes a sticker animation effect setting panel and a sticker parameter setting panel, wherein the sticker animation effect setting includes support for entry animation effect, exit animation effect and loop animation setting. Among them, the settings of entry animation effect, exit animation effect and loop animation effect support parallelism, rather than mutual exclusion. The user can select the entry animation effect and then continue to select the exit animation effect and / or loop animation effect, and they will all be presented as selected. Furthermore, if the location of the material selected by the user is not the first screen, when the user has selected the material and enters the panel again, the interface will be positioned to the location of the selected material. The animation duration can be set. Among them, the animation duration will be determined according to the duration of the material on the track. For example, if a piece of text occupies 6s of the track duration, the total length of the duration adjustment is 6s. When there is only an entrance animation effect, the longest duration of the entrance animation is the total duration of the element. If there are entrance and exit animation effects, the sum of the two animation durations is the longest duration of the element. If there is a looping animation effect, the duration of the looping animation effect is adjusted, and the sum of the three animation durations is the longest duration of the element.

[0059] The transition panel can support adjustment by a slider and input of a percentage value to adjust the transition time.

[0060] The filter panel may support adjustment by a slider or by inputting a percentage value to adjust the intensity of the filter.

[0061] The special effects panel supports the adjustment of open attributes of each special effect, and the open attributes include name, blur, horizontal color difference, etc.

[0062] The picture material panel includes an image parameter setting panel, a cutout setting panel, and a sliding effect setting panel. The image parameter setting panel supports adjusting the transparency of the image material by adjusting the slider and inputting a percentage value; supports adjusting the size of the image by adjusting the slider and inputting a percentage value; supports inputting X and Y input values ​​to adjust the position of the image; and supports angle input to adjust the tilt angle of the image. Further, the user directly drags the canvas to adjust the position of the material / video, or scales the size, and the parameters in the image parameter setting panel will change accordingly. The cutout setting panel displays the title of automatic cutout, the subtitle of automatic recognition of portrait cutout, and the cutout switch control, which is used to respond to the user's operation to turn on the automatic cutout function of the image. The sliding effect setting panel supports the settings of entry animation effect, exit animation effect, and loop animation. The settings of entry animation effect, exit animation effect, and loop animation effect support parallel operation, not mutual exclusion. After selecting the entry animation effect, the user can continue to select the exit animation effect and / or loop animation effect, and they will all be displayed as selected. Furthermore, if the location of the material selected by the user is not the first screen, when the user enters the panel again after selecting the material, the interface will be positioned to the location of the selected material. The animation duration can be set. Among them, the animation duration will be determined according to the duration of the material on the track. For example, if a piece of text occupies 6s of the track, the total length of the duration adjustment is 6s. When there is only an entry animation effect, the maximum length of the entry animation is the total length of the element. If there is an entry animation effect and an exit animation effect, the sum of the two parts of the animation is the total length of the element. If there is a looping animation effect, the length of the looping animation effect will be adjusted, and the sum of the three parts of the animation is the total length of the element.

[0063] The material display area 13 is used to display candidate materials and add the materials selected by the user to the multimedia data. The material display area 13 includes videos, images, music, and text waiting for selection, and supports the search and automatic adaptation of materials. It supports adding the materials displayed in the material display area 13 to the multimedia data.

[0064] The track editing area 14 is used to display the multimedia data on a multimedia editing track. The material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data. The editing information is used to indicate the editing operation on the material.

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

[0066] S120: In response to receiving an adjustment operation on the canvas, adjust size information and / or position information of the canvas based on the adjustment operation.

[0067] In the 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, wherein the first adjustment operation is mainly used to adjust the size information of the canvas, and the second adjustment operation is mainly used to adjust the position information of the canvas.

[0068] In one embodiment of the present disclosure, in response to receiving an adjustment operation on the canvas, adjusting the size information of the canvas based on the adjustment operation includes: in response to receiving a first adjustment operation on the canvas, scaling the size information of the canvas based on a scaling ratio corresponding to the first adjustment operation; wherein the first adjustment operation includes at least one of the following: an operation of a user inputting a scaling ratio; an operation of a user selecting a preset scaling ratio; and a user sliding an operation on a first physical button, the sliding operation being associated with the scaling ratio.

[0069] In the embodiment of the present disclosure, scaling the size information of the canvas means that the size of the entire canvas is enlarged or reduced in proportion. For example, if the original canvas size is 1080×1920 and the reduction ratio is 50%, the size of the canvas after reduction is 504×960; if the enlargement ratio is 50%, the size of the canvas after enlargement is 1620×2880.

[0070] In one embodiment of the present disclosure, Figure 3a As shown, after the first adjustment operation is performed on the canvas, the canvas is reduced in size according to the ratio corresponding to the first adjustment operation. Figure 3b As shown, after the second adjustment operation is performed on the canvas, the canvas is enlarged according to the ratio corresponding to the first adjustment operation.

[0071] In one embodiment of the present disclosure, Figure 2The multimedia editing interface shown includes a canvas size ratio adjustment control. In response to a trigger operation on the canvas size ratio adjustment control, a zoom ratio selection panel is displayed. The zoom ratio of the canvas is selected in the zoom ratio selection panel, and the canvas is scaled according to the selected zoom ratio. The zoom ratio selection panel displays multiple preset ratios, including: 50%, 100%, 200%, and adaptive ratio, wherein the adaptive ratio refers to using the long side of the canvas as a reference to match the size of the current browser.

[0072] In one embodiment of the present disclosure, in response to a trigger operation on the canvas size ratio adjustment control, in the Figure 2 The multimedia editing interface shown shows a canvas size ratio input box. 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 scaled and displayed according to the input ratio.

[0073] In one embodiment of the present disclosure, Figure 2 The multimedia editing interface shown includes a canvas adjustment mode control. In response to a trigger operation on the canvas adjustment mode control, the canvas is in a size-adjustable mode. At this time, in response to a sliding operation on the first physical button, the zoom ratio of the canvas is determined based on the sliding direction and sliding distance corresponding to the sliding operation. Specifically, there is an association between the sliding direction and the reduction and enlargement of the canvas. For example, sliding upward corresponds to canvas reduction, and sliding downward corresponds to canvas enlargement. There is an association between the sliding distance and the zoom ratio of the canvas. For example, a sliding distance of 1 mm corresponds to a zoom ratio of 10%. It should be noted that the association between the sliding direction and the reduction and enlargement of the canvas, as well as the association between the sliding distance and the zoom ratio of the canvas, can be set according to actual conditions, and are not specifically limited in the embodiments of the present disclosure. Among them, the first physical button can be a touchpad or a mouse wheel, which is not specifically limited in the embodiments of the present disclosure.

[0074] In one embodiment of the present disclosure, when the multimedia editing interface is initially loaded, the size of the canvas is scaled proportionally to match the size of the current browser, and further, during the process of scaling the size of the canvas proportionally, the scaling is performed based on the long side. Further, after the initial loading is completed, when the user adjusts the size of the browser again, the size of the canvas remains unchanged.

[0075] In one embodiment of the present disclosure, in response to a second adjustment operation on the canvas, the position information of the canvas in the multimedia editing interface is adjusted, including: in response to a switching operation on the canvas mode, switching the canvas mode to a drag mode; when the canvas mode is the drag mode, in response to receiving a sliding operation on a second physical button by the user, moving the canvas to a target position corresponding to the sliding operation.

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

[0077] In one embodiment of the present disclosure, when the canvas is in drag mode, the drag operation can be implemented by the left button of the mouse, for example: in response to a sliding operation performed by the user while long pressing the mouse, the dragging direction and the dragging distance of the canvas are determined according to the sliding direction and the sliding distance corresponding to the sliding operation, and in response to the release operation of the mouse, the canvas dragging is stopped, and the position of the canvas when it stops is displayed.

[0078] In one embodiment of the present disclosure, in response to a sliding operation on the touch panel, the dragging direction and dragging distance of the canvas are determined based on the sliding direction and sliding distance corresponding to the sliding operation, wherein the sliding direction and the dragging direction are associated, and the sliding distance and the dragging distance are associated.

[0079] In one embodiment of the present disclosure, in response to a sliding operation on a shortcut key and a mouse wheel, the drag direction and drag distance of the canvas are determined based on the sliding direction and sliding distance corresponding to the sliding operation. In response to a rolling operation on the mouse wheel, the canvas is dragged in the vertical direction, and in response to a triggering operation on the shift key, the canvas is dragged in the horizontal direction by rolling the mouse wheel.

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

[0081] In the embodiment of the present disclosure, the canvas ratio refers to the ratio between the width and height of the canvas. For example, the canvas ratio can be 4:3, 16:9, etc. In the embodiment of the present disclosure, in response to a trigger operation on the canvas ratio control, a canvas ratio selection panel is displayed, a canvas ratio is selected in the canvas ratio selection panel, and the canvas is proportionally adjusted according to the selected canvas ratio. Among them, the canvas ratio selection panel displays multiple preset ratios, and the preset ratios include 4:3, 16:9, etc.

[0082] In one embodiment of the present disclosure, the method further includes: in response to receiving a canvas adjustment instruction, pausing the playback of the multimedia screen corresponding to the multimedia data and marking the pause time point; in response to receiving a canvas adjustment end instruction, continuing to play the multimedia screen corresponding to the multimedia data from the pause time point.

[0083] In the disclosed embodiment, when the canvas is scaled and dragged, the video is paused, and when the scaling and dragging stop, the video continues to be played. When the canvas is playing a video corresponding to multimedia data, if the canvas is adjusted by the user at this time, the video is paused. After the canvas adjustment is completed, the video is resumed. The adjustment of the canvas includes one or more of the scaling ratio adjustment, position dragging, and canvas ratio adjustment.

[0084] In one embodiment of the present disclosure, after the resolution is switched between adaptive and 9:16, the font size will change with the canvas and will be unreadable. After the switch is maintained, the canvas is filled according to the actual ratio and the font size remains unchanged.

[0085] In the disclosed embodiment, the default font size adjustment for newly created text includes: adjusting the default font size to a first set font size in a horizontal screen ratio, and adjusting the default font size to a second set font size in a vertical screen ratio.

[0086] In one embodiment of the present disclosure, based on the above embodiment, a method for adjusting a material attribute panel is provided, such as Figure 4 As shown, the layout adjustment method provided by the embodiment of the present disclosure mainly includes steps S210-S220.

[0087] S210. Display a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area; the canvas is used to display a multimedia screen corresponding to the multimedia data; the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation; the material display area is used to display candidate materials and add the material selected by the user to the multimedia data; the track editing area is used to display the multimedia data on a multimedia editing track; the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data; and the editing information is used to indicate the editing operation on the material.

[0088] The execution process of step S310 provided in the embodiment of the present disclosure is the same as that of step S110 provided in the above embodiment. For details, please refer to the description in the above embodiment, which will not be repeated in the embodiment of the present disclosure.

[0089] S220: In response to a drag operation on the material property panel, move the material property panel to a target position corresponding to the drag operation.

[0090] In the embodiment of the present disclosure, the material attribute panel can be moved and displayed according to the user's drag operation, and the layer where the material attribute panel is located is located at the top layer in the multimedia editing interface. Figure 5 As shown,

[0091] In one embodiment of the present disclosure, when the user switches the property label or switches the selected element, the position of the material property panel does not change. In a single edit of the same multimedia data, the position of the material property panel is memorized and restored to the default after the next opening; after switching multimedia data or reopening multimedia data, the position of the material property panel is restored to the default.

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

[0093] In the embodiment of the present disclosure, when no material is selected / added, the material property panel is not displayed by default.

[0094] In one embodiment of the present disclosure, in response to a material adding operation, the material property panel corresponding to the added material is displayed in the multimedia editing interface.

[0095] In the embodiment of the present disclosure, after adding any material with a property panel, the corresponding material property panel is displayed, and the topmost panel is expanded by default.

[0096] In the disclosed embodiment, if the user does not close the material property panel, the material property panel remains expanded, and when the user clicks on material / add new material on any screen, the material property panel automatically switches to the top tab of the corresponding material.

[0097] In one embodiment of the present disclosure, the user can close the material property panel by clicking the close button in the upper right corner of the material property panel, or clicking the selected item in the primary tab again.

[0098] In one embodiment of the present disclosure, if the user manually closes the material property panel, there are two ways to re-call the panel: click the property bar control on the right to call up the material property panel corresponding to the corresponding control; double-click the material on the canvas to call up the material property panel corresponding to the material.

[0099] In one embodiment of the present disclosure, during the material loading process, the material property control is not clickable and the material property panel is not expanded.

[0100] 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, in response to a sliding operation in the material attribute panel, the attribute content in the material attribute panel is scrolled and displayed.

[0101] In the disclosed embodiment, the content height overflow of the material property panel supports scrolling, and the title is fixed to the top.

[0102] In one implementation of the present disclosure, the height of the material property panel follows the height change of the property content in the material property panel.

[0103] In the disclosed embodiment, the height of the material attribute panel changes adaptively with the height of the attribute content in the material attribute panel. That is, when the height of the attribute content is relatively high, the height of the material attribute panel is adjusted accordingly, and when the height of the attribute content is relatively low, the height of the material attribute panel is adjusted accordingly. In other words, the attribute content adaptively fills the entire material attribute panel.

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

[0105] S310. Display a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area; the canvas is used to display a multimedia screen corresponding to the multimedia data; the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation; the material display area is used to display candidate materials and add the material selected by the user to the multimedia data; the track editing area is used to display the multimedia data on a multimedia editing track; the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data; and the editing information is used to indicate the editing operation on the material.

[0106] The execution process of step S310 provided in the embodiment of the present disclosure is the same as that of step S110 provided in the above embodiment. For details, please refer to the description in the above embodiment, which will not be repeated in the embodiment of the present disclosure.

[0107] S320: In response to a drag operation on a first border in the material display area, the material display area is zoomed and displayed.

[0108] In the embodiment of the present disclosure, the first frame refers to a frame close to the canvas area, such as Figure 7 As shown, in response to the drag operation on the first frame, the material display area 13 is zoomed and displayed. Figure 7 As shown, dragging the first frame to the right will enlarge the material display area, wherein the material display area enlarged display means that the height of the material display area remains unchanged, and only the width direction is enlarged. Further, dragging the first frame to the left will reduce the material display area, wherein the material display area reduced display means that the height of the material display area remains unchanged, and only the width direction is reduced.

[0109] In the embodiment of the present disclosure, during the process of zooming in and out of the material display area, the material cards in the material display area are zoomed in and out along with the material display area.

[0110] In the disclosed embodiment, during the zooming process of the material display area, the material cards displayed in the material display area are adaptively zoomed. Specifically, during the zooming process of the material display area, if the width in the material display area reaches a set value, a column of material display cards is added, and a new material card is added at the bottom of the material display area. During the zooming process of the material display area, if the width in the material display area is reduced to a set value, a column of material display cards is reduced.

[0111] S330. In response to a drag operation on a second border in the track editing area, the track editing area is displayed in zoomed form.

[0112] In the embodiment of the present disclosure, the second border refers to the border of the track editing area close to the canvas area, such as Figure 8 As shown, in response to the drag operation on the second frame, the track editing area 14 is zoomed and displayed. Figure 8 As shown, dragging the second frame upward will enlarge the track editing area, wherein the enlarged display of the track editing area means that the width of the material display area remains unchanged, and only the height direction is enlarged. Further, dragging the second frame downward will reduce the track editing area, wherein the reduced display of the track editing area means that the width of the track editing area remains unchanged, and only the height direction is reduced.

[0113] It should be noted that there is no sequential dependency between step S320 and step S330. Either step can be executed first, or only one of the two steps can be executed.

[0114] In one embodiment of the present disclosure, the canvas is located in a first layer, the material property panel, the material display area and the 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 the set transparency.

[0115] In the disclosed embodiment, the area or panel of the layer on the canvas is displayed with a certain transparency so that no matter how large the canvas size is, the user can intuitively see the content of the canvas, which facilitates the user's editing operations.

[0116] In one embodiment of the present disclosure, when there is an overlapping area between the canvas and a set area, the overlapping area is displayed according to the set transparency, wherein the set area includes at least one of the following: the material property panel, the material display area or the track editing area.

[0117] In the embodiments of the present disclosure, Figure 9a As shown, when the canvas 11 and the track editing area 14 overlap in the process of zooming in or moving the canvas, the track editing area 14 is displayed according to the set transparency. The set transparency can be set according to actual conditions.

[0118] In the embodiments of the present disclosure, Figure 9b As shown, when the canvas 11 is enlarged or moved, or when the material attribute panel 12 is dragged, if there is an overlapping area between the canvas 11 and the material attribute panel 12, the material attribute panel 12 is displayed according to the set transparency. The set transparency can be set according to actual conditions.

[0119] Fig.10 This is a structural diagram of a layout adjustment device in an embodiment of the present disclosure. This embodiment is applicable to the case of adjusting the component layout in a multimedia editing interface. The layout adjustment device can be implemented in software and / or hardware.

[0120] like Fig.10 As shown, the layout adjustment device provided by the embodiment of the present disclosure mainly includes: an interface display module 101 and a canvas adjustment module 102 .

[0121] The interface display module 101 is used to display a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area and a track editing area, the canvas is used to display a multimedia screen corresponding to the multimedia data, the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation, the material display area is used to display candidate materials and add the material selected by the user to the multimedia data, the track editing area is used to display the multimedia data on the multimedia editing track, the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data, and the editing information is used to indicate the editing operation on the material;

[0122] A canvas adjustment module 102, configured 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;

[0123] Among them, the canvas is located in the first layer, the material property panel, material display area and track editing area are located in the second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency.

[0124] In one embodiment of the present disclosure, the device also includes: an overlapping area display module, which is used to display the overlapping area according to the set transparency when there is an overlapping area between the canvas and the set area, wherein the set area includes at least one of the following: the material property panel, the material display area and / or the track editing area.

[0125] In one embodiment of the present disclosure, the device also includes: a video playback module, which is used to pause the playback of the multimedia screen corresponding to the multimedia data in response to receiving a canvas adjustment instruction and mark the pause time point; in response to receiving a canvas adjustment end instruction, continue to play the multimedia screen corresponding to the multimedia data from the pause time point.

[0126] In one embodiment of the present disclosure, the material attribute panel is displayed in a floating layer form, and the device further includes: a material attribute panel adjustment module, which is used to move the material attribute panel to a target position corresponding to the drag operation in response to a drag operation on the material attribute panel.

[0127] In one embodiment of the present disclosure, the device also includes: a material attribute panel display module, which is used to display the material attribute panel in the multimedia editing interface in response to a trigger operation on the material attribute control; or in response to a material adding operation, display the material attribute panel corresponding to the added material in the multimedia editing interface.

[0128] In one embodiment of the present disclosure, the material attribute panel adjustment module is specifically used to scroll the attribute content in the material attribute panel in response to a sliding 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, the size of the material attribute panel follows the size change of the attribute content in the material attribute panel.

[0129] In one embodiment of the present disclosure, the device also includes: an area zoom module, which is used to control the material display area to be zoomed and displayed in response to a drag operation on the first border in the material display area; or; in response to a drag operation on the second border in the track editing area, control the track editing area to be zoomed and displayed.

[0130] In one embodiment of the present disclosure, the device further includes: a material card adjustment module, which is used to control the material cards in the material display area to be displayed in a zoomed manner following the material display area during the zooming process of the material display area.

[0131] The layout adjustment device provided in the embodiment of the present disclosure can execute the steps executed in the layout adjustment method provided in the method embodiment of the present disclosure, and the execution steps and beneficial effects are no longer repeated here.

[0132] Fig.11 Schematic diagram of the structure of an electronic device in the embodiment of the present disclosure. Fig.11 , which shows a schematic diagram of the structure of an electronic device 1100 suitable for implementing the embodiment of the present disclosure. The electronic device 1100 in the embodiment of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle terminals (such as vehicle navigation terminals), wearable terminal devices, etc., and fixed terminals such as digital TVs, desktop computers, smart home devices, etc. Fig.11 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0133] like Fig.11As shown, the electronic device 1100 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 1101, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1102 or a program loaded from a storage device 1108 to a random access memory (RAM) 1103 to implement the layout adjustment method of the embodiment described in the present disclosure. In the RAM 1103, various programs and data required for the operation of the terminal device 1100 are also stored. The processing device 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.

[0134] Typically, the following devices may be connected to the I / O interface 1105: an input device 1106 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 1107 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1108 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1109. The communication device 1109 may allow the terminal device 1100 to communicate with other devices wirelessly or by wire to exchange data. Although Fig.11 The terminal device 1100 is shown to have various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0135] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can 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 carried on a non-transitory computer-readable medium, and the computer program contains a program code for executing the method shown in the flowchart, thereby implementing the layout adjustment method as described above. In such an embodiment, the computer program can be downloaded and installed from a network through a communication device 1109, or installed from a storage device 1108, or installed from a ROM 1102. When the computer program is executed by the processing device 1101, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0136] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, 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 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, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0137] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0138] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0139] The computer-readable medium carries one or more programs. When the one or more programs are executed by the terminal device, the terminal device: displays a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area and a track editing area, the canvas is used to display a multimedia screen corresponding to the multimedia data, the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation, the material display area is used to display candidate materials and add the material selected by the user to the multimedia data, the track editing area is used to display the multimedia data on a multimedia editing track, the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data, and the editing information is used to indicate the editing operation on the material; wherein the canvas is located in a first layer, the material attribute panel, the material display 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 the set transparency.

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

[0141] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed 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. In cases involving a remote computer, the remote computer may be connected to the user's computer through 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., through the Internet using an Internet service provider).

[0142] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0143] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware, wherein the name of a unit does not, in some cases, limit the unit itself.

[0144] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, 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), and the like.

[0145] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, 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 disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0146] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.

[0147] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

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

Claims

1. A layout adjustment method, characterized in that: include: Displaying a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area, the canvas is used to display a multimedia screen corresponding to the multimedia data, the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation, the material display area is used to display candidate materials and add the material selected by the user to the multimedia data, the track editing area is used to display the multimedia data on a multimedia editing track, the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data, and the editing information is used to indicate the editing operation on the material; 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; Among them, the canvas is located in the first layer, the material property panel, material display area and track editing area are located in the second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency.

2. The layout adjustment method according to claim 1, characterized in that: The method further comprises: In the case where there is an overlapping area between the canvas and the set area, the overlapping area is displayed according to the set transparency, wherein the set area includes at least one of the following: the material property panel, the material display area and / or the track editing area.

3. The layout adjustment method according to claim 1, characterized in that: The method further comprises: In response to receiving the canvas adjustment instruction, pausing the playing of the multimedia picture corresponding to the multimedia data, and marking the pause time point; In response to receiving the canvas adjustment end instruction, the multimedia picture corresponding to the multimedia data continues to be played from the pause time point.

4. The layout adjustment method according to claim 1, characterized in that: The material attribute panel is displayed in a floating layer form, and the method further includes: In response to a drag operation on the material property panel, the material property panel is moved to a target position corresponding to the drag operation.

5. The layout adjustment method according to claim 4, characterized in that: The method further comprises: In response to a triggering operation on the material property control, displaying the material property panel in the multimedia editing interface; or In response to a material adding operation, the material attribute panel corresponding to the added material is displayed in the multimedia editing interface.

6. The layout adjustment method according to claim 5, characterized in that: The method further comprises: When the height of the attribute content in the material attribute panel is greater than the height of the material attribute panel, in response to a sliding operation in the material attribute panel, controlling the attribute content in the material attribute panel to scroll and display; or The height of the material property panel is controlled to follow the height change of the property content in the material property panel.

7. The layout adjustment method according to claim 1, characterized in that: The method further comprises: In response to a drag operation on a first frame in the material display area, controlling the material display area to be zoomed in and out; or; In response to a drag operation on a second border in the track editing area, the track editing area is controlled to be zoomed and displayed.

8. The method according to claim 7, characterized in that The method further comprises: During the zooming process of the material display area, the material cards in the material display area are zoomed and displayed along with the material display area.

9. A layout adjustment device, characterized in that: include: An interface display module, used for displaying a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area and a track editing area, the canvas is used for displaying a multimedia screen corresponding to multimedia data, the material attribute panel is used for setting the attributes of the material in the multimedia data in response to the user's operation, the material display area is used for displaying candidate materials and adding the material selected by the user to the multimedia data, the track editing area is used for displaying the multimedia data on a multimedia editing track, the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data, and the editing information is used for indicating the editing operation on the material; A canvas adjustment module, configured 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; Among them, the canvas is located in the first layer, the material property panel, material display area and track editing area are located in the second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency.

10. An electronic device, characterized in that: The electronic device comprises: 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 implement the method according to any one of claims 1 to 8.

11. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method according to any one of claims 1 to 8 is implemented.

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

Images