feat(FEC-10941): Use In-Stream DASH thumbnails on the timeline (#550)

flow-typed/interfaces/engine.js

@@ -4,6 +4,7 @@ import AudioTrack from '../../src/track/audio-track';
 import TextTrack from '../../src/track/text-track';
 import FakeEventTarget from '../../src/event/fake-event-target';
 import {ThumbnailInfo} from '../../src/thumbnail/thumbnail-info';
+import {ImageTrack} from '../../src/playkit';
 
 declare interface IEngineStatic {
   id: string;
@@ -28,6 +29,7 @@ declare interface IEngine extends FakeEventTarget {
   selectVideoTrack(videoTrack: VideoTrack): void;
   selectAudioTrack(audioTrack: AudioTrack): void;
   selectTextTrack(textTrack: TextTrack): void;
+  selectImageTrack(imageTrack: ImageTrack): void;
   isPictureInPictureSupported(): boolean;
   enterPictureInPicture(): void;
   exitPictureInPicture(): void;

flow-typed/interfaces/media-source-adapter.js

@@ -2,7 +2,7 @@
 import VideoTrack from '../../src/track/video-track';
 import AudioTrack from '../../src/track/audio-track';
 import TextTrack from '../../src/track/text-track';
-import {FakeEventTarget} from '../../src/playkit';
+import {FakeEventTarget, ImageTrack} from '../../src/playkit';
 
 declare interface IMediaSourceAdapterStatic {
   +id: string;
@@ -24,6 +24,7 @@ declare interface IMediaSourceAdapter extends FakeEventTarget {
   selectVideoTrack(videoTrack: VideoTrack): void;
   selectAudioTrack(audioTrack: AudioTrack): void;
   selectTextTrack(textTrack: TextTrack): void;
+  selectImageTrack(imageTrack: ImageTrack): void;
   hideTextTrack(): void;
   enableAdaptiveBitrate(): void;
   isAdaptiveBitrateEnabled(): boolean;

src/engines/html5/html5.js

@@ -7,6 +7,7 @@ import MediaSourceProvider from './media-source/media-source-provider';
 import VideoTrack from '../../track/video-track';
 import AudioTrack from '../../track/audio-track';
 import PKTextTrack from '../../track/text-track';
+import ImageTrack from '../../track/image-track';
 import {Cue} from '../../track/vtt-cue';
 import * as Utils from '../../utils/util';
 import Html5AutoPlayCapability from './capabilities/html5-autoplay';
@@ -392,6 +393,17 @@ export default class Html5 extends FakeEventTarget implements IEngine {
     this._addCueChangeListener();
   }
 
+  /**
+   * Select a new image track.
+   * @param {ImageTrack} imageTrack - The image track object to set.
+   * @returns {void}
+   */
+  selectImageTrack(imageTrack: ImageTrack): void {
+    if (this._mediaSourceAdapter) {
+      this._mediaSourceAdapter.selectImageTrack(imageTrack);
+    }
+  }
+
   /**
    * Hide the text track
    * @function hideTextTrack

src/player.js

@@ -1237,6 +1237,8 @@ export default class Player extends FakeEventTarget {
           this._externalCaptionsHandler.hideTextTrack();
           this._engine.selectTextTrack(track);
         }
+      } else if (track instanceof ImageTrack) {
+        this._engine.selectImageTrack(track);
       }
     }
   }