fix: Add new parameters to thumbnails in order to work with cast proxy (#8554)

Author: avelad

externs/shaka/player.js

@@ -2892,6 +2892,8 @@ shaka.extern.LanguageRole;
  *   startTime: number,
  *   duration: number,
  *   uris: !Array<string>,
+ *   startByte: number,
+ *   endByte: ?number,
  *   width: number,
  *   sprite: boolean,
  *   mimeType: ?string,
@@ -2919,6 +2921,12 @@ shaka.extern.LanguageRole;
  * @property {!Array<string>} uris
  *   An array of URIs to attempt.  They will be tried in the order they are
  *   given.
+ * @property {number} startByte
+ *   The offset from the start of the uri resource.
+ * @property {?number} endByte
+ *   The offset from the start of the resource to the end of the segment,
+ *   inclusive.  A value of null indicates that the segment extends to the end
+ *   of the resource.
  * @property {number} width
  *    The thumbnail width in px.
  * @property {boolean} sprite

lib/player.js

@@ -5448,6 +5448,8 @@ shaka.Player = class extends shaka.util.FakeEventTarget {
       startTime: thumbnailTime,
       duration: thumbnailDuration,
       uris: reference.getUris(),
+      startByte: reference.getStartByte(),
+      endByte: reference.getEndByte(),
       width: width,
       sprite: sprite,
       mimeType: reference.mimeType || imageStream.mimeType,

ui/seek_bar.js

@@ -586,10 +586,8 @@ shaka.ui.SeekBar = class extends shaka.ui.RangeElement {
     let uri = thumbnail.uris[0].split('#xywh=')[0];
     if (!this.lastThumbnail_ ||
         uri !== this.lastThumbnail_.uris[0].split('#xywh=')[0] ||
-        thumbnail.segment.getStartByte() !=
-            this.lastThumbnail_.segment.getStartByte() ||
-        thumbnail.segment.getEndByte() !=
-            this.lastThumbnail_.segment.getEndByte()) {
+        thumbnail.startByte != this.lastThumbnail_.startByte ||
+        thumbnail.endByte != this.lastThumbnail_.endByte) {
       this.lastThumbnail_ = thumbnail;
       if (this.lastThumbnailPendingRequest_) {
         this.lastThumbnailPendingRequest_.abort();
@@ -602,9 +600,9 @@ shaka.ui.SeekBar = class extends shaka.ui.RangeElement {
           const type =
               shaka.net.NetworkingEngine.AdvancedRequestType.MEDIA_SEGMENT;
           const request = shaka.util.Networking.createSegmentRequest(
-              thumbnail.segment.getUris(),
-              thumbnail.segment.getStartByte(),
-              thumbnail.segment.getEndByte(),
+              thumbnail.uris,
+              thumbnail.startByte,
+              thumbnail.endByte,
               this.player.getConfiguration().streaming.retryParameters);
           this.lastThumbnailPendingRequest_ = this.player.getNetworkingEngine()
               .request(requestType, request, {type});