Skip to main content
Skip table of contents

Video Effects

While editing a video timeline, some scenarios require one to adjust the graphical elements of the timeline while modifying some of its parameters. The following type of segments can be adjusted using video effects:

  • Video segments

  • Still image segments

VidiEditor allows one to modify the following segment attributes by default (available once per segment):

  • Horizontal Position

  • Vertical Position

  • Scaling

    • Scale while keeping aspect ratio (width and height scale together)

    • Scale width while keeping the height

    • Scale height while keeping the width

  • Rotation

  • Opacity

Additionally, video effects are available that must be added to a segment before being available (these can be used multiple times per segment):

  • Blur (WRE only)

  • Mosaic (WRE only)

The effect functionality must be enabled in the applications configuration as it has impact on the scaling hosting infrastructure. It might be that this feature is disabled in your installation.

Usage of default effects using Settings Pane

To use effects just select one graphical segment in the timeline and click on the settings panel of the Media Management area:

image-20240228-103359.png

Default Effect on a Video Segment

The supported effects are displayed with their default values. It is not needed to add them to a segment. The default values basically have the meaning of using the elements as they are.

It is easy to adjust the parameter using a slider or while entering a value directly in the input field besides the slider. The result will be displayed in the timeline preview player.

image-20240228-103325.png

Effect parameter changed to different value

It is also possible to easily reset the effects to their default values while clicking the reset button besides the input field.

Squeeze or Stretch Media

In some situation it might be of advantage to stretch or squeeze a video / image meaning to scale the height without changing the width or the other way around. This can be achieved using the scale effect and toggling it to “independent scale”.

image-20240228-103654.png

Independent Scale toggle to scale width and height separatley

Clicking the button will extend the view to 2 slider for width and height:

image-20240228-103821.png

Width and Height can be scaled independently

In result the segment can be squeezed or stretched using those 2 sliders.

Please note, when setting height and width independently, and toggling back, the effect will reset to its old value ignoring the independent height and width values.

Adding Additional effects (WRE only)

To add an effect not available by default, go to the VidiEditor effects pane and find the wanted effect:

Simply drag it onto a timeline segment to apply the effect. When this is done an effects icon will show upon the segment and the effect parameters will become available in the settings pane for the selected segment.

Where following options are available:

  • Blur

    • Rename the effect to better organize the work (E.g.: When blurring different persons)

    • Set the blurriness to define how strong the blur should look like

    • Select a mask as rectangle or ellipse to blur only a part of the video

  • Mosaic

    • Rename the effect to better organize the work (E.g.: When pixelating different persons)

    • Set the amount of blocks horizontally and vertically for the visual effect

    • Select a mask as rectangle or ellipse to blur only a part of the video

For Blur as well as for Mosaic, the user can define a mask while selecting it in the settings panes dropdown. The mask will be displayed in the timeline player with a red line that will be ignored on publish. It is only present to help the user better seeing the position.

Following parameters exists for the mask to define where it appears

  • Horizontal Position

  • Vertical Position

  • Width

  • Height

An example using blur and mosaic on a video looks as follows:

Effect Adjustment in Player

Previously it was explained how effects can be changed using the effect settings GUI allowing to modify an effect with slider and other UI elements. This is needed in various scenarios but leaking some convenience for the user on basic adjustments such as scaling or positioning for example.

So it is also possible changing most of the supported effects directly in the Timeline Player while simply doing a drag and drop interaction on the wanted element. To do so following steps are needed:

  • Position timeline playhead on wanted timecode position to see the picture to be adjusted

  • Double click on the element to be adjusted in timeline player

image-20240605-110102.png
  • When doing so a fine border around the affected media is displayed including interaction points

  • Also on hovering the mouse point will indicate the possible interaction

image-20240605-110354.png

Following effect adjustments are possible in this style:

  • Position media while dragging in the center of the media

  • Scaling while keeping the aspect ratio while dragging the corner interaction point

  • Scaling only the height of the media while dragging the center bottom and center top interaction points

  • Scaling only the width of the media while dragging the center left and center right interaction points

  • Rotating the media dragging close to one of the interaction points

  • Position blur/mosaic masks while dragging in the center of a blur/mosaic mask

  • Scale blur/mosaic masks while dragging an interaction point of the mask

Please not that a suitable transcoding preset must be considered when scaling width and height independently and not keeping the aspect ratio constant.

Keyframing video effects (WRE only)

When Web Render Engine is used, all above mentioned video effects and parameters can be adjusted with keyframes also to change the effect over time. Please see Keyframe based Editing View [VE UG] for a detailed explanation on how to use keyframes.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.