Minimal adaptation for images in annotations

- read all body to find images
- show both FragmentSelector and SVG Selector

src/components/AnnotationsOverlayVideo.js

@@ -417,13 +417,14 @@ export class AnnotationsOverlayVideo extends Component {
     return { height: 0, width: 0 };
   }
 
-  /** @private */
+  /** @private - Returns the first Image body */
   getResourceImage(resource) {
-    let imageSource;
-    if (resource.body && resource.body.length > 0 && resource.body[0].type === 'Image') {
-      const src = resource.body[0].id;
+    const imageSource = [];
+
+    for (const body of resource.body.filter(b => b.type === 'Image')) {
+      const src = body.id;
       if (this.imagesReady[src]) {
-        imageSource = this.imagesReady[src];
+        imageSource.push(this.imagesReady[src]);
       } else if (!this.imagesLoading.includes(src)) {
         this.imagesLoading.push(src);
         const img = new Image();
@@ -433,7 +434,8 @@ export class AnnotationsOverlayVideo extends Component {
         img.src = src;
       }
     }
-    return imageSource;
+
+    return imageSource[0];
   }
 
   /** @private */

src/lib/CanvasAnnotationDisplay.js

@@ -22,7 +22,8 @@ export default class CanvasAnnotationDisplay {
     this.context = context;
     if (this.resource.svgSelector) {
       this.svgContext();
-    } else if (this.resource.fragmentSelector) {
+    }
+    if (this.resource.fragmentSelector) {
       this.fragmentContext();
     }
   }