Labelbox

Asset Information Overlay

Overlay asset metadata in the labeling interface

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.

Including Asset Info During Dataset Import

[
  {
    "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 API

Adding Text Asset Info to a Datarow

mutation addAssetInfo {
  createAssetMetadata(
    data: {
      dataRowId:"<DATAROW-ID>",
      metaValue:"This is textual asset information.",
      metaType: TEXT,
    }
  ) {
    id
  }
}

Adding Image Asset Info to a Datarow

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 Datarow

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