WEBINAR Fine-Tuning Llama 3: Adapting LLMs for Specialized Domains 🚀

TimelineLabels

Use the TimelineLabels tag to classify video frames. This can be a single frame or a span of frames.

First, select a label and then click once to annotate a single frame. Click and drag to annotate multiple frames.

To move forward and backward in the timeline without labeling, ensure that no labels are selected before you click.

Screenshot of video with frame classification

Use with the <Video> control tag.

Tip

You can increase the height of the timeline using the timelineHeight parameter on the <Video> tag.

Parameters

Param Type Description
name string Name of the element
toName string Name of the video element

Sample Results JSON

Name Type Description
value Object
value.ranges Array.<object> Array of ranges, each range is an object with start and end properties. One range per region.
[value.timelinelabels] Array.<string> Regions are created by TimelineLabels, and the corresponding label is listed here.

Example JSON

{
  "value": {
    "ranges": [{"start": 3, "end": 5}],
    "timelinelabels": ["Moving"]
  }
}

Example

<View>
  <Header>Label timeline spans:</Header>
  <Video name="video" value="$video" />
  <TimelineLabels name="timelineLabels" toName="video">
    <Label value="Nothing" background="#944BFF"/>
    <Label value="Movement" background="#98C84E"/>
  </TimelineLabels>
</View>
Unlock more with Enterprise Get a Demo