Search and display assets

[elv-haoyu]

Tasks:

1. config search API to search image assets, and modify App search logic accordingly.
2. display image results.
3. modify DB tags search rating/feedback/retrieve function to adapt to image assets.

[elv-zenia]

To set the poster image for the player, set posterUrl with the value of the image URL within playerOptions, i.e.,

new EluvioPlayer(element, {
        clientOptions: {
          ...
        },
        sourceOptions: {
          ...
        },
        playerOptions: {
          posterUrl: <image_url.png>
        }
});

[elv-haoyu]

@elv-nickB Below is an example of assets tags stored on fabric. lib: ilib3srN4FM5iPQp8nf4wNvbjH9qScvD id: iq__zcXKEgGS8Xt5cH7AnByMCNzZLh8

{
  "assets": {
    "3FhOzR66xsJSpyydeQm5.tif": {
      "asset_type": "Image",
      "attachment_content_type": "image/tiff",
      "attachment_file_name": "MGM_0117269__07_XX.tif",
      "attachment_file_size": 16227536,
      "attachment_updated_at": "2012-06-11T14:02:02-07:00",
      "c_id": null,
      "comment": "",
      "content_id": 117269,
      "copyright_notice": null,
      "document_type_id": 6,
      "file": {
        ".": {
          "auto_update": {
            "tag": "latest"
          },
          "container": "hq__2kjCQWnPYvRhTyeTixNDru2QV9DZ7kjK5q5LEWG7HdAadZZ3pLsTxFfSmZkGhiHZPYDnMno9na"
        },
        "/": "./files/assets/3FhOzR66xsJSpyydeQm5.tif"
      },
      "geography": null,
      "id": 33437,
      "image": {
        "height": 3299,
        "orientation": "portrait",
        "width": 2135
      },
      "image_tags": {
        "celebrity_detection": {},
        "landmark_recognition": {},
        "logo_detection": {},
        "object_detection": {
          "tags": [
            {
              "box": {
                "x1": 0.4057,
                "x2": 0.7601,
                "y1": 0.3462,
                "y2": 0.6237
              },
              "confidence": 0.5735,
              "text": "Human face"
            },
            {
              "box": {
                "x1": 0.3249,
                "x2": 0.9127,
                "y1": 0.222,
                "y2": 0.645
              },
              "confidence": 0.6514,
              "text": "Swim cap"
            }
          ]
        },
        "optical_character_recognition": {}
      },
      "lang": null,
      "mgm_uuid": "MediaPeers/240ROBR1/3FhOzR66xsJSpyydeQm5.tif",
      "original_access": 400,
      "photo_caption": "",
      "photo_color_code": "Color",
      "script_format": "",
      "synopsis": null,
      "talent_in_image": "Mark Harmon",
      "title": "5024427 rescanned.tif",
      "type": null,
      "uuid": "644cf040-d291-11ea-9470-0a580a3fed18",
      "version_uuid": "644d7650-d291-11ea-9470-0a580a3fed18"
    },...
}

[elv-haoyu]

@elv-zhounan Could you please refer to the above content object and the code snippet to implement image display function?