Asset information overlay

Overlay multi-media metadata on the labeling interface using the Asset Info feature. When asset information is available, it is shown by pressing the i icon in the top right.

Adding asset info via JSON

[
{
"externalId": "ab65d5e99w13",
"imageUrl": "https://storage.googleapis.com/labelbox-example-datasets/tesla/104836109-p100d-review-5.1910x1000.jpeg",
"info": {
"type": "IMAGE",
"value": "https://firebasestorage.googleapis.com/v0/b/labelbox-193903.appspot.com/o/cjhk4p9dyf5va0702liitudpz%2Fd3ffab29-d6be-4d69-b006-89a828679d29%2Fleft_small-pen-test-site_1_1537524039648.jpg?alt=media&token=66e84e55-97e8-46a6-9ab8-685f1e950581"
}
},
{
"externalId": "ljk6s544a7f8",
"imageUrl": "https://storage.googleapis.com/labelbox-example-datasets/tesla/2017-Tesla-Model-3-top-view.jpg",
"info": {
"type": "VIDEO",
"value": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
}
},
{
"externalId": "ljk6s544a7f8",
"imageUrl": "https://storage.googleapis.com/labelbox-example-datasets/tesla/2017-Tesla-Model-3-top-view.jpg",
"info": {
"type": "TEXT",
"value": "In publishing and graphic design, lorem ipsum is a placeholder text used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced"
}
}
]

Adding asset info via the API

Adding text asset info to a Data Row

Run this query

mutation addAssetInfo {
createAssetMetadata(
data: {
dataRowId:"<DATAROW-ID>",
metaValue:"This is textual asset information.",
metaType: TEXT,
}
) {
id
}
}
Adding image asset info to a Data Row

Run this query

mutation addAssetInfo {
createAssetMetadata(
data: {
dataRowId:"<DATAROW-ID>",
metaValue:"https://firebasestorage.googleapis.com/v0/b/labelbox-193903.appspot.com/o/cjhk4p9dyf5va0702liitudpz%2Fd3ffab29-d6be-4d69-b006-89a828679d29%2Fleft_small-pen-test-site_1_1537524039648.jpg?alt=media&token=66e84e55-97e8-46a6-9ab8-685f1e950581",
metaType: IMAGE,
}
) {
id
}
}
Adding video asset info to a Data Row

Run this query

mutation addAssetInfo {
createAssetMetadata(
data: {
dataRowId:"<DATAROW-ID>",
metaValue:"http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
metaType: VIDEO,
}
) {
id
}
}


How did we do?