Timeline

The Timeline config allows you to specify the time at which your layer becomes visible by specifying a start attribute. If left unset, the start will default to 0.

Interface

interface Timeline {
  timeline?: {
    // seconds from the start of the video
    // to start the layer. defaults to 0
    start?: number;
  };
}

Configuring Timeline

You can modify a layer's timeline-related settings by passing a configuration object or by calling its setters. You can read the layer's timeline-related settings by calling its getters

Configuration Object

const video = await composition.addVideo(
  "https://editframe.com/docs/layer-configuration/timeline/fire-short.mp4",
  {
    timeline: {
      start: 0.75,
    },
  }
);

Output

Setters

setStart

const video = await composition.addVideo(
  "https://editframe.com/docs/layer-configuration/timeline/fire-short.mp4"
);


video.setStart(0.75);

Output

Getters

video.start; // -> 0.75