Playback Speed & Fades
Video, audio, GIF, and Lottie clips can be slowed down or sped up. Video and audio clips additionally support pitch preservation and volume fades.
Playback Speed
videoClip.setPlaybackSpeed(2); // twice as fast
audioClip.setPlaybackSpeed(0.5); // half speed
lottieClip.setPlaybackSpeed(3);
gifClip.setPlaybackSpeed(1.5);setPlaybackSpeed is available on VideoClip, AudioClip, GifClip, and LottieClip, the clip types with their own playback timeline.
The supported speed range is [0.25, 4]. On Safari it is limited to [0.25, 2] because of a platform bug that affects higher speeds.
Preserve Bounds
The second and third arguments control what stays constant:
videoClip.setPlaybackSpeed(2, true, false);
// true: preserve the left bound (startTime + leftTrim stays the same)
// false: do not preserve trimmed duration (the visible range will change)This is useful when a user scrubs the playback speed inside the UI: you typically want the left edge of the clip to stay anchored.
Preserve Pitch
By default, audio is pitch-shifted along with the speed change. To keep the original pitch (useful for voiceovers):
videoClip.setPreservePitch(true);
audioClip.setPreservePitch(true);Volume Fade
Video and audio clips expose fade in and fade out controls that work independently of any animation or keyframe:
import { FadeCurveEnum } from "@rendley/sdk";
videoClip.setVolumeFadeInDuration(1);
videoClip.setVolumeFadeInCurve(FadeCurveEnum.LINEAR);
videoClip.setVolumeFadeOutDuration(2);
videoClip.setVolumeFadeOutCurve(FadeCurveEnum.EXPONENTIAL);Supported curves include linear, quarter sine, half sine, exponential, logarithmic, quadratic, cubic, and more. See FadeCurveEnum for the full list.
Freezing a Video Frame
Video clips can be frozen on a specific frame for the rest of the clip duration with setFreezeTime:
videoClip.setFreezeTime(2); // freeze on second 2
videoClip.setFreezeTime(); // unfreezeFreeze is useful for keeping a poster frame after the media ends, or for extending a clip without duplicating it.