NEW Fine-Tuning OpenAI Models: A Guide 🚀

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.

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