rx-player 3.29.0-dev.2022091600 → 3.29.0-dev.2022103100

package/src/default_config.ts

@@ -395,6 +395,18 @@ const DEFAULT_CONFIG = {
      */
   DEFAULT_MAX_MANIFEST_REQUEST_RETRY: 4,
 
+  /**
+   * Default delay, in seconds, during which a CDN will be "downgraded".
+   *
+   * For example in case of media content being available on multiple CDNs, the
+   * RxPlayer may decide that a CDN is less reliable (for example, it returned a
+   * server error) and should thus be avoided, at least for some time
+   *
+   * This value is the amount of time this CDN will be "less considered" than the
+   * alternatives.
+   */
+  DEFAULT_CDN_DOWNGRADE_TIME: 60,
+
     /**
      * The default number of times a segment request will be re-performed when
      * on error which justify a retry.

package/src/experimental/tools/VideoThumbnailLoader/video_thumbnail_loader.ts

@@ -170,6 +170,7 @@ export default class VideoThumbnailLoader {
       const segmentFetcher = createSegmentFetcher(
         "video",
         loader.video,
+        null,
         // We don't care about the SegmentFetcher's lifecycle events
         {},
         { baseDelay: 0,

package/src/manifest/manifest.ts

@@ -23,6 +23,7 @@ import {
 import arrayFind from "../utils/array_find";
 import EventEmitter from "../utils/event_emitter";
 import idGenerator from "../utils/id_generator";
+import { getFilenameIndexInUrl } from "../utils/resolve_url";
 import warnOnce from "../utils/warn_once";
 import Adaptation from "./adaptation";
 import Period, {
@@ -612,14 +613,18 @@ export default class Manifest extends EventEmitter<IManifestEvents> {
     const newImageTracks = _imageTracks.map(({ mimeType, url }) => {
       const adaptationID = "gen-image-ada-" + generateSupplementaryTrackID();
       const representationID = "gen-image-rep-" + generateSupplementaryTrackID();
+      const indexOfFilename = getFilenameIndexInUrl(url);
+      const cdnUrl = url.substring(0, indexOfFilename);
+      const filename = url.substring(indexOfFilename);
       const newAdaptation = new Adaptation({ id: adaptationID,
                                              type: "image",
                                              representations: [{
                                                bitrate: 0,
+                                               cdnMetadata: [ { baseUrl: cdnUrl } ],
                                                id: representationID,
                                                mimeType,
                                                index: new StaticRepresentationIndex({
-                                                 media: url,
+                                                 media: filename,
                                                }) }] },
                                            { isManuallyAdded: true });
       if (newAdaptation.representations.length > 0 && !newAdaptation.isSupported) {
@@ -664,6 +669,9 @@ export default class Manifest extends EventEmitter<IManifestEvents> {
                                       languages != null ? languages :
                                                           [];
 
+      const indexOfFilename = getFilenameIndexInUrl(url);
+      const cdnUrl = url.substring(0, indexOfFilename);
+      const filename = url.substring(indexOfFilename);
       return allSubs.concat(langsToMapOn.map((_language) => {
         const adaptationID = "gen-text-ada-" + generateSupplementaryTrackID();
         const representationID = "gen-text-rep-" + generateSupplementaryTrackID();
@@ -673,11 +681,12 @@ export default class Manifest extends EventEmitter<IManifestEvents> {
                                                closedCaption,
                                                representations: [{
                                                  bitrate: 0,
+                                                 cdnMetadata: [{ baseUrl: cdnUrl }],
                                                  id: representationID,
                                                  mimeType,
                                                  codecs,
                                                  index: new StaticRepresentationIndex({
-                                                   media: url,
+                                                   media: filename,
                                                  }) }] },
                                              { isManuallyAdded: true });
         if (newAdaptation.representations.length > 0 && !newAdaptation.isSupported) {

package/src/manifest/representation.ts

@@ -17,6 +17,7 @@
 import { isCodecSupported } from "../compat";
 import log from "../log";
 import {
+  ICdnMetadata,
   IContentProtections,
   IParsedRepresentation,
 } from "../parsers/manifest";
@@ -41,6 +42,18 @@ class Representation {
    */
   public index : IRepresentationIndex;
 
+  /**
+   * Information on the CDN(s) on which requests should be done to request this
+   * Representation's initialization and media segments.
+   *
+   * `null` if there's no CDN involved here (e.g. resources are not requested
+   * through the network).
+   *
+   * An empty array means that no CDN are left to request the resource. As such,
+   * no resource can be loaded in that situation.
+   */
+  public cdnMetadata : ICdnMetadata[] | null;
+
   /** Bitrate this Representation is in, in bits per seconds. */
   public bitrate : number;
 
@@ -129,6 +142,8 @@ class Representation {
       this.hdrInfo = args.hdrInfo;
     }
 
+    this.cdnMetadata = args.cdnMetadata;
+
     this.index = args.index;
     this.isSupported = opts.type === "audio" ||
                        opts.type === "video" ?

package/src/manifest/representation_index/__tests__/static.test.ts

@@ -34,7 +34,7 @@ describe("manifest - StaticRepresentationIndex", () => {
                                               end: Number.MAX_VALUE,
                                               timescale: 1,
                                               privateInfos: {},
-                                              mediaURLs: ["foo"] }]);
+                                              url: "foo" }]);
   });
 
   it("should return no first position", () => {

package/src/manifest/representation_index/static.ts

@@ -28,13 +28,13 @@ export interface IStaticRepresentationIndexInfos { media: string }
  */
 export default class StaticRepresentationIndex implements IRepresentationIndex {
   /** URL at which the content is available. */
-  private readonly _mediaURLs: string;
+  private readonly _url : string;
 
   /**
    * @param {Object} infos
    */
   constructor(infos : IStaticRepresentationIndexInfos) {
-    this._mediaURLs = infos.media;
+    this._url = infos.media;
   }
 
   /**
@@ -54,7 +54,7 @@ export default class StaticRepresentationIndex implements IRepresentationIndex {
     return [{ id: "0",
               isInit: false,
               number: 0,
-              mediaURLs: [this._mediaURLs],
+              url: this._url,
               time: 0,
               end: Number.MAX_VALUE,
               duration: Number.MAX_VALUE,

package/src/manifest/representation_index/types.ts

@@ -50,7 +50,7 @@ export interface ISmoothInitSegmentPrivateInfos {
  * Supplementary information specific to Smooth media segments (that is, every
  * segments but the initialization segment).
  */
-export interface ISmoothSegmentPrivateInfos {
+export interface ISmoothMediaSegmentPrivateInfos {
   /**
    * Start time of the segment as announced in the Manifest, in the same
    * timescale than the one indicated through `ISmoothInitSegmentPrivateInfos`.
@@ -113,28 +113,28 @@ export interface ILocalManifestSegmentPrivateInfos {
  */
 export interface IPrivateInfos {
   /** Smooth-specific information allowing to generate an initialization segment. */
-  smoothInitSegment? : ISmoothInitSegmentPrivateInfos | undefined;
+  smoothInitSegment? : ISmoothInitSegmentPrivateInfos;
 
   /** Smooth-specific information linked to all Smooth media segments. */
-  smoothMediaSegment? : ISmoothSegmentPrivateInfos | undefined;
+  smoothMediaSegment? : ISmoothMediaSegmentPrivateInfos;
 
   /** Information that should be present on all MetaPlaylist segments. */
-  metaplaylistInfos? : IMetaPlaylistPrivateInfos | undefined;
+  metaplaylistInfos? : IMetaPlaylistPrivateInfos;
 
   /**
    * Local Manifest-specific information allowing to request the
    * initialization segment.
    */
-  localManifestInitSegment? : ILocalManifestInitSegmentPrivateInfos | undefined;
+  localManifestInitSegment? : ILocalManifestInitSegmentPrivateInfos;
 
   /** Local Manifest-specific information allowing to request any media segment. */
-  localManifestSegment? : ILocalManifestSegmentPrivateInfos | undefined;
+  localManifestSegment? : ILocalManifestSegmentPrivateInfos;
 
   /**
    * Function allowing to know if a given emsg's event name has been
    * explicitely authorized.
    */
-  isEMSGWhitelisted? : ((evt: IEMSG) => boolean) | undefined;
+  isEMSGWhitelisted? : ((evt: IEMSG) => boolean);
 }
 
 /** Represent a single Segment from a Representation. */
@@ -160,15 +160,10 @@ export interface ISegment {
    */
   isInit : boolean;
   /**
-   * URLs where this segment is available. From the most to least prioritary.
-   * `null` if no URL exists.
+   * Store supplementary information on a segment that can be later exploited by
+   * the transport logic.
    */
-  mediaURLs : string[]|null;
-  /**
-   * Allows to store supplementary information on a segment that can be later
-   * exploited by the transport logic.
-   */
-  privateInfos : IPrivateInfos | undefined;
+  privateInfos : IPrivateInfos;
   /**
    * Estimated time, in seconds, at which the concerned segment should be
    * offseted when decoded.
@@ -230,6 +225,29 @@ export interface ISegment {
    * generated.
    */
   complete : boolean;
+  /**
+   * Optional relative or absolute URL to load the resource.
+   *
+   * If the URL is absolute (it contains the scheme at the beginning), it is the
+   * complete URL on which the resource should be requested.
+   *
+   * If the URL is relative (it does not contain a scheme at the beginning), it
+   * should be relative to the chosen CDN that should be recuperated through
+   * another mean
+   *
+   * If `null`, it means either:
+   *
+   *   - that there is no way to reach the resource through a URL.
+   *
+   *   - that there may be an URL, but is already communicated through another
+   *     mean, like the currently chosen CDN.
+   *
+   * An empty string is equivalent to indicating that the chosen CDN's URL
+   * should be directly requested instead.
+   * In that way, it is equivalent to setting it to `null`.
+   */
+  url : string | null;
+
   /**
    * Optional byte range to retrieve the Segment from its URL(s).
    * TODO this should probably moved to `privateInfos` as this is

package/src/manifest/update_period_in_place.ts

@@ -59,6 +59,7 @@ export default function updatePeriodInPlace(oldPeriod : Period,
           log.warn(`Manifest: Representation "${oldRepresentations[k].id}" ` +
                    "not found when merging.");
         } else {
+          oldRepresentation.cdnMetadata = newRepresentation.cdnMetadata;
           if (updateType === MANIFEST_UPDATE_TYPE.Full) {
             oldRepresentation.index._replace(newRepresentation.index);
           } else {

package/src/parsers/manifest/dash/common/indexes/base.ts

@@ -26,10 +26,9 @@ import {
   IIndexSegment,
   toIndexTime,
 } from "../../../utils/index_helpers";
-import { IResolvedBaseUrl } from "../resolve_base_urls";
 import getInitSegment from "./get_init_segment";
 import getSegmentsFromTimeline from "./get_segments_from_timeline";
-import { createIndexURLs } from "./tokens";
+import { constructRepresentationUrl } from "./tokens";
 
 /**
  * Index property defined for a SegmentBase RepresentationIndex
@@ -53,17 +52,21 @@ export interface IBaseIndex {
    */
   indexTimeOffset : number;
   /** Information on the initialization segment. */
-  initialization? : {
-    /** URLs to access the initialization segment. */
-    mediaURLs: string[] | null;
+  initialization : {
+    /**
+     * URL path, to add to the wanted CDN, to access the initialization segment.
+     * `null` if no URL exists.
+     */
+    url: string | null;
     /** possible byte range to request it. */
     range?: [number, number] | undefined;
   } | undefined;
   /**
-   * Base URL(s) to access any segment. Can contain tokens to replace to convert
-   * it to real URLs.
+   * URL base to access any segment.
+   * Can contain token to replace to convert it to real URLs.
+   * `null` if no URL exists.
    */
-  mediaURLs : string[] | null;
+  segmentUrlTemplate : string | null;
   /** Number from which the first segments in this index starts with. */
   startNumber? : number | undefined;
   /** Every segments defined in this index. */
@@ -110,8 +113,6 @@ export interface IBaseIndexContextArgument {
   periodStart : number;
   /** End of the period concerned by this RepresentationIndex, in seconds. */
   periodEnd : number|undefined;
-  /** Base URL for the Representation concerned. */
-  representationBaseURLs : IResolvedBaseUrl[];
   /** ID of the Representation concerned. */
   representationId? : string | undefined;
   /** Bitrate of the Representation concerned. */
@@ -185,7 +186,6 @@ export default class BaseRepresentationIndex implements IRepresentationIndex {
   constructor(index : IBaseIndexIndexArgument, context : IBaseIndexContextArgument) {
     const { periodStart,
             periodEnd,
-            representationBaseURLs,
             representationId,
             representationBitrate,
             isEMSGWhitelisted } = context;
@@ -196,13 +196,15 @@ export default class BaseRepresentationIndex implements IRepresentationIndex {
 
     const indexTimeOffset = presentationTimeOffset - periodStart * timescale;
 
-    const urlSources : string[] = representationBaseURLs.map(b => b.url);
-    const mediaURLs = createIndexURLs(urlSources,
-                                     index.initialization !== undefined ?
-                                       index.initialization.media :
-                                       undefined,
-                                      representationId,
-                                      representationBitrate);
+    const initializationUrl = index.initialization?.media === undefined ?
+      null :
+      constructRepresentationUrl(index.initialization.media,
+                                 representationId,
+                                 representationBitrate);
+
+    const segmentUrlTemplate = index.media === undefined ?
+      null :
+      constructRepresentationUrl(index.media, representationId, representationBitrate);
 
     // TODO If indexRange is either undefined or behind the initialization segment
     // the following logic will not work.
@@ -217,11 +219,8 @@ export default class BaseRepresentationIndex implements IRepresentationIndex {
 
     this._index = { indexRange: index.indexRange,
                     indexTimeOffset,
-                    initialization: { mediaURLs, range },
-                    mediaURLs: createIndexURLs(urlSources,
-                                               index.media,
-                                               representationId,
-                                               representationBitrate),
+                    initialization: { url: initializationUrl, range },
+                    segmentUrlTemplate,
                     startNumber: index.startNumber,
                     timeline: index.timeline ?? [],
                     timescale };

package/src/parsers/manifest/dash/common/indexes/get_init_segment.ts

@@ -15,6 +15,7 @@
  */
 
 import { ISegment } from "../../../../../manifest";
+import { IPrivateInfos } from "../../../../../manifest/representation_index/types";
 import { IEMSG } from "../../../../containers/isobmff";
 
 /**
@@ -25,7 +26,7 @@ import { IEMSG } from "../../../../containers/isobmff";
  */
 export default function getInitSegment(
   index: { timescale: number;
-           initialization?: { mediaURLs: string[] | null;
+           initialization?: { url: string | null;
                               range?: [number, number] | undefined; } |
                             undefined;
            indexRange?: [number, number] | undefined;
@@ -33,10 +34,11 @@ export default function getInitSegment(
   isEMSGWhitelisted?: (inbandEvent: IEMSG) => boolean
 ) : ISegment {
   const { initialization } = index;
-  let privateInfos;
+  const privateInfos : IPrivateInfos = {};
   if (isEMSGWhitelisted !== undefined) {
-    privateInfos = { isEMSGWhitelisted };
+    privateInfos.isEMSGWhitelisted = isEMSGWhitelisted;
   }
+
   return { id: "init",
            isInit: true,
            time: 0,
@@ -46,7 +48,7 @@ export default function getInitSegment(
            range: initialization != null ? initialization.range :
                                            undefined,
            indexRange: index.indexRange,
-           mediaURLs: initialization?.mediaURLs ?? null,
+           url: initialization?.url ?? null,
            complete: true,
            privateInfos,
            timestampOffset: -(index.indexTimeOffset / index.timescale) };

package/src/parsers/manifest/dash/common/indexes/get_segments_from_timeline.ts

@@ -53,7 +53,7 @@ function getWantedRepeatIndex(
  */
 export default function getSegmentsFromTimeline(
   index : { availabilityTimeComplete? : boolean | undefined;
-            mediaURLs : string[] | null;
+            segmentUrlTemplate : string | null;
             startNumber? : number | undefined;
             timeline : IIndexSegment[];
             timescale : number;
@@ -65,7 +65,7 @@ export default function getSegmentsFromTimeline(
 ) : ISegment[] {
   const scaledUp = toIndexTime(from, index);
   const scaledTo = toIndexTime(from + durationWanted, index);
-  const { timeline, timescale, mediaURLs, startNumber } = index;
+  const { timeline, timescale, segmentUrlTemplate, startNumber } = index;
 
   let currentNumber = startNumber ?? 1;
   const segments : ISegment[] = [];
@@ -85,9 +85,9 @@ export default function getSegmentsFromTimeline(
     while (segmentTime < scaledTo && segmentNumberInCurrentRange <= repeat) {
       const segmentNumber = currentNumber + segmentNumberInCurrentRange;
 
-      const detokenizedURLs = mediaURLs === null ?
+      const detokenizedURL = segmentUrlTemplate === null ?
         null :
-        mediaURLs.map(createDashUrlDetokenizer(segmentTime, segmentNumber));
+        createDashUrlDetokenizer(segmentTime, segmentNumber)(segmentUrlTemplate);
 
       let time = segmentTime - index.indexTimeOffset;
       let realDuration = duration;
@@ -103,7 +103,7 @@ export default function getSegmentsFromTimeline(
                         isInit: false,
                         range,
                         timescale: 1 as const,
-                        mediaURLs: detokenizedURLs,
+                        url: detokenizedURL,
                         number: segmentNumber,
                         timestampOffset: -(index.indexTimeOffset / timescale),
                         complete,

package/src/parsers/manifest/dash/common/indexes/list.ts

@@ -21,9 +21,8 @@ import {
 } from "../../../../../manifest";
 import { IEMSG } from "../../../../containers/isobmff";
 import { getTimescaledRange } from "../../../utils/index_helpers";
-import { IResolvedBaseUrl } from "../resolve_base_urls";
 import getInitSegment from "./get_init_segment";
-import { createIndexURLs } from "./tokens";
+import { constructRepresentationUrl } from "./tokens";
 
 /**
  * Index property defined for a SegmentList RepresentationIndex
@@ -53,18 +52,21 @@ export interface IListIndex {
   indexTimeOffset : number;
   /** Information on the initialization segment. */
   initialization? : {
-    /** URLs to access the initialization segment. */
-    mediaURLs: string[] | null;
+    /**
+     * URL path, to add to the wanted CDN, to access the initialization segment.
+     * `null` if no URL exists.
+     */
+    url: string | null;
     /** possible byte range to request it. */
     range?: [number, number] | undefined;
   } | undefined;
   /** Information on the list of segments for this index. */
   list: Array<{
     /**
-     * URLs of the segment.
+     * URL path, to add to the wanted CDN, to access this media segment.
      * `null` if no URL exists.
      */
-    mediaURLs : string[] | null;
+    url : string | null;
     /** Possible byte-range of the segment. */
     mediaRange? : [number, number] | undefined;
   }>;
@@ -111,8 +113,6 @@ export interface IListIndexContextArgument {
   periodStart : number;
   /** End of the period concerned by this RepresentationIndex, in seconds. */
   periodEnd : number | undefined;
-  /** Base URL for the Representation concerned. */
-  representationBaseURLs : IResolvedBaseUrl[];
   /** ID of the Representation concerned. */
   representationId? : string | undefined;
   /** Bitrate of the Representation concerned. */
@@ -142,7 +142,6 @@ export default class ListRepresentationIndex implements IRepresentationIndex {
 
     const { periodStart,
             periodEnd,
-            representationBaseURLs,
             representationId,
             representationBitrate,
             isEMSGWhitelisted } = context;
@@ -155,12 +154,15 @@ export default class ListRepresentationIndex implements IRepresentationIndex {
     const timescale = index.timescale ?? 1;
     const indexTimeOffset = presentationTimeOffset - periodStart * timescale;
 
-    const urlSources : string[] = representationBaseURLs.map(b => b.url);
-    const list = index.list.map((lItem) => ({
-      mediaURLs: createIndexURLs(urlSources,
-                                 lItem.media,
+    const initializationUrl = index.initialization?.media === undefined ?
+      null :
+      constructRepresentationUrl(index.initialization.media,
                                  representationId,
-                                 representationBitrate),
+                                 representationBitrate);
+    const list = index.list.map((lItem) => ({
+      url: lItem.media === undefined ?
+        null :
+        constructRepresentationUrl(lItem.media, representationId, representationBitrate),
       mediaRange: lItem.mediaRange }));
     this._index = { list,
                     timescale,
@@ -169,10 +171,7 @@ export default class ListRepresentationIndex implements IRepresentationIndex {
                     indexRange: index.indexRange,
                     initialization: index.initialization == null ?
                       undefined :
-                      { mediaURLs: createIndexURLs(urlSources,
-                                                   index.initialization.media,
-                                                   representationId,
-                                                   representationBitrate),
+                      { url: initializationUrl,
                         range: index.initialization.range } };
   }
 
@@ -206,7 +205,7 @@ export default class ListRepresentationIndex implements IRepresentationIndex {
     let i = Math.floor(up / duration);
     while (i <= length) {
       const range = list[i].mediaRange;
-      const mediaURLs = list[i].mediaURLs;
+      const url = list[i].url;
       const time = i * durationInSeconds + this._periodStart;
       const segment =
         { id: String(i),
@@ -216,7 +215,7 @@ export default class ListRepresentationIndex implements IRepresentationIndex {
           duration: durationInSeconds,
           timescale: 1 as const,
           end: time + durationInSeconds,
-          mediaURLs,
+          url,
           timestampOffset: -(index.indexTimeOffset / timescale),
           complete: true,
           privateInfos: { isEMSGWhitelisted:

package/src/parsers/manifest/dash/common/indexes/template.ts

@@ -22,11 +22,10 @@ import {
 import assert from "../../../../../utils/assert";
 import { IEMSG } from "../../../../containers/isobmff";
 import ManifestBoundsCalculator from "../manifest_bounds_calculator";
-import { IResolvedBaseUrl } from "../resolve_base_urls";
 import getInitSegment from "./get_init_segment";
 import {
   createDashUrlDetokenizer,
-  createIndexURLs,
+  constructRepresentationUrl,
 } from "./tokens";
 import { getSegmentTimeRoundingError } from "./utils";
 
@@ -52,8 +51,10 @@ export interface ITemplateIndex {
   indexRange?: [number, number] | undefined;
   /** Information on the initialization segment. */
   initialization? : {
-    /** URLs to access the initialization segment. */
-    mediaURLs: string[] | null;
+    /**
+     * URL path, to add to the wanted CDN, to access the initialization segment.
+     */
+    url: string | null;
     /** possible byte range to request it. */
     range?: [number, number] | undefined;
   } | undefined;
@@ -62,7 +63,7 @@ export interface ITemplateIndex {
    * Can contain token to replace to convert it to real URLs.
    * `null` if no URL exists.
    */
-  mediaURLs : string[] | null;
+  url : string | null;
   /**
    * Temporal offset, in the current timescale (see timescale), to add to the
    * presentation time (time a segment has at decoding time) to obtain the
@@ -124,8 +125,6 @@ export interface ITemplateIndexContextArgument {
   periodEnd : number|undefined;
   /** Whether the corresponding Manifest can be updated and changed. */
   isDynamic : boolean;
-  /** Base URL for the Representation concerned. */
-  representationBaseURLs : IResolvedBaseUrl[];
   /** ID of the Representation concerned. */
   representationId? : string | undefined;
   /** Bitrate of the Representation concerned. */
@@ -174,18 +173,12 @@ export default class TemplateRepresentationIndex implements IRepresentationIndex
             isDynamic,
             periodEnd,
             periodStart,
-            representationBaseURLs,
             representationId,
             representationBitrate,
             isEMSGWhitelisted } = context;
     const timescale = index.timescale ?? 1;
 
-    const minBaseUrlAto = representationBaseURLs.length === 0 ?
-      0 :
-      representationBaseURLs.reduce((acc, rbu) => {
-        return Math.min(acc, rbu.availabilityTimeOffset);
-      }, Infinity);
-    this._availabilityTimeOffset = availabilityTimeOffset + minBaseUrlAto;
+    this._availabilityTimeOffset = availabilityTimeOffset;
 
     this._manifestBoundsCalculator = manifestBoundsCalculator;
     this._aggressiveMode = aggressiveMode;
@@ -200,22 +193,25 @@ export default class TemplateRepresentationIndex implements IRepresentationIndex
       throw new Error("Invalid SegmentTemplate: no duration");
     }
 
-    const urlSources : string[] = representationBaseURLs.map(b => b.url);
+    const initializationUrl = index.initialization?.media === undefined ?
+      null :
+      constructRepresentationUrl(index.initialization.media,
+                                 representationId,
+                                 representationBitrate);
+
+    const segmentUrlTemplate = index.media === undefined ?
+      null :
+      constructRepresentationUrl(index.media, representationId, representationBitrate);
+
     this._index = { duration: index.duration,
                     timescale,
                     indexRange: index.indexRange,
                     indexTimeOffset,
                     initialization: index.initialization == null ?
                       undefined :
-                      { mediaURLs: createIndexURLs(urlSources,
-                                                   index.initialization.media,
-                                                   representationId,
-                                                   representationBitrate),
+                      { url: initializationUrl,
                         range: index.initialization.range },
-                    mediaURLs: createIndexURLs(urlSources,
-                                               index.media,
-                                               representationId,
-                                               representationBitrate),
+                    url: segmentUrlTemplate,
                     presentationTimeOffset,
                     startNumber: index.startNumber };
     this._isDynamic = isDynamic;
@@ -244,7 +240,7 @@ export default class TemplateRepresentationIndex implements IRepresentationIndex
     const { duration,
             startNumber,
             timescale,
-            mediaURLs } = index;
+            url } = index;
 
     const scaledStart = this._periodStart * timescale;
     const scaledEnd = this._scaledRelativePeriodEnd;
@@ -288,9 +284,9 @@ export default class TemplateRepresentationIndex implements IRepresentationIndex
       const realTime = timeFromPeriodStart + scaledStart;
       const manifestTime = timeFromPeriodStart + this._index.presentationTimeOffset;
 
-      const detokenizedURLs = mediaURLs === null ?
+      const detokenizedURL = url === null ?
         null :
-        mediaURLs.map(createDashUrlDetokenizer(manifestTime, realNumber));
+        createDashUrlDetokenizer(manifestTime, realNumber)(url);
 
       const args = { id: String(realNumber),
                      number: realNumber,
@@ -300,7 +296,7 @@ export default class TemplateRepresentationIndex implements IRepresentationIndex
                      timescale: 1 as const,
                      isInit: false,
                      scaledDuration: realDuration / timescale,
-                     mediaURLs: detokenizedURLs,
+                     url: detokenizedURL,
                      timestampOffset: -(index.indexTimeOffset / timescale),
                      complete: true,
                      privateInfos: {