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.
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>