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

package/src/parsers/manifest/types.ts

@@ -80,10 +80,36 @@ export interface IContentProtections {
   initData : IContentProtectionInitData[];
 }
 
+/** Represents metadata of a CDN which can serve resources. */
+export interface ICdnMetadata {
+  /**
+   * The base URL on which resources can be requested though this CDN.
+   * In most transports, you will want to add the wanted media resource's URL
+   * to that one to request it.
+   */
+  baseUrl : string;
+
+  /**
+   * Identifier that might be re-used in other documents.
+   */
+  id? : string | undefined;
+}
+
 /** Representation of a "quality" available in an Adaptation. */
 export interface IParsedRepresentation {
   /** Maximum bitrate the Representation is available in, in bits per seconds. */
   bitrate : number;
+  /**
+   * 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.
+   */
+  cdnMetadata : ICdnMetadata[] | null;
   /**
    * Interface to get information about segments associated with this
    * Representation,
@@ -352,4 +378,3 @@ export interface IParsedManifest {
   /** URIs where the manifest can be refreshed by order of importance. */
   uris? : string[] | undefined;
 }
-

package/src/parsers/manifest/utils/__tests__/get_first_time_from_adaptations.test.ts

@@ -49,12 +49,15 @@ describe("parsers utils - getFirstPositionFromAdaptation", function() {
   it("should return the first position if a single representation is present", () => {
     const representation1 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(37) };
     const representation2 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(undefined) };
     const representation3 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(null) };
     expect(getFirstPositionFromAdaptation({ id: "0",
                                             type: "audio",
@@ -75,12 +78,15 @@ describe("parsers utils - getFirstPositionFromAdaptation", function() {
   /* eslint-enable max-len */
     const representation1 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(37) };
     const representation2 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(137) };
     const representation3 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(57) };
     expect(getFirstPositionFromAdaptation({ id: "0",
                                             type: "audio",
@@ -93,12 +99,15 @@ describe("parsers utils - getFirstPositionFromAdaptation", function() {
   it("should return undefined if one of the first position is", () => {
     const representation1 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(37) };
     const representation2 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(137) };
     const representation3 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(undefined) };
     expect(getFirstPositionFromAdaptation({ id: "0",
                                             type: "audio",
@@ -111,12 +120,15 @@ describe("parsers utils - getFirstPositionFromAdaptation", function() {
   it("should not consider null first positions if not all of them have one", () => {
     const representation1 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(37) };
     const representation2 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(137) };
     const representation3 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(null) };
     expect(getFirstPositionFromAdaptation({ id: "0",
                                             type: "audio",
@@ -129,12 +141,15 @@ describe("parsers utils - getFirstPositionFromAdaptation", function() {
   it("should return null if every first positions are", () => {
     const representation1 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(null) };
     const representation2 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(null) };
     const representation3 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(null) };
     expect(getFirstPositionFromAdaptation({ id: "0",
                                             type: "audio",

package/src/parsers/manifest/utils/__tests__/get_last_time_from_adaptation.test.ts

@@ -49,12 +49,15 @@ describe("parsers utils - getLastPositionFromAdaptation", function() {
   it("should return the last position if a single representation is present", () => {
     const representation1 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(37) };
     const representation2 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(undefined) };
     const representation3 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(null) };
     expect(getLastPositionFromAdaptation({ id: "0",
                                            type: "audio",
@@ -75,12 +78,15 @@ describe("parsers utils - getLastPositionFromAdaptation", function() {
   /* eslint-enable max-len */
     const representation1 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(37) };
     const representation2 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(137) };
     const representation3 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(57) };
     expect(getLastPositionFromAdaptation({ id: "0",
                                            type: "audio",
@@ -93,12 +99,15 @@ describe("parsers utils - getLastPositionFromAdaptation", function() {
   it("should return undefined if one of the first position is", () => {
     const representation1 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(37) };
     const representation2 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(137) };
     const representation3 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(undefined) };
     expect(getLastPositionFromAdaptation({ id: "0",
                                            type: "audio",
@@ -111,12 +120,15 @@ describe("parsers utils - getLastPositionFromAdaptation", function() {
   it("should not consider null first positions if not all of them have one", () => {
     const representation1 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(37) };
     const representation2 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(137) };
     const representation3 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(null) };
     expect(getLastPositionFromAdaptation({ id: "0",
                                            type: "audio",
@@ -129,12 +141,15 @@ describe("parsers utils - getLastPositionFromAdaptation", function() {
   it("should return null if every first positions are", () => {
     const representation1 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(null) };
     const representation2 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(null) };
     const representation3 = { id: "1",
                               bitrate: 12,
+                              cdnMetadata: [],
                               index: generateRepresentationIndex(null) };
     expect(getLastPositionFromAdaptation({ id: "0",
                                            type: "audio",

package/src/parsers/texttracks/ttml/html/apply_extent.ts

@@ -54,7 +54,14 @@ export default function applyExtent(
         secondExtent[2] === "%" ||
         secondExtent[2] === "em")
     {
-      element.style.height = secondExtent[1] + secondExtent[2];
+      const toNum = Number(secondExtent[1]);
+      if (secondExtent[2] === "%" && !isNaN(toNum) &&
+          (toNum < 0 || toNum > 100))
+      {
+        element.style.width = "80%";
+      } else {
+        element.style.height = secondExtent[1] + secondExtent[2];
+      }
     } else if (secondExtent[2] === "c") {
       addClassName(element, "proportional-style");
       element.setAttribute("data-proportional-height", secondExtent[1]);

package/src/parsers/texttracks/ttml/html/apply_origin.ts

@@ -53,7 +53,15 @@ export default function applyOrigin(
         secondOrigin[2] === "%" ||
         secondOrigin[2] === "em")
     {
-      element.style.top = secondOrigin[1] + secondOrigin[2];
+      const toNum = Number(secondOrigin[1]);
+      if (secondOrigin[2] === "%" && !isNaN(toNum) &&
+          (toNum < 0 || toNum > 100))
+      {
+        element.style.bottom = "5%";
+        element.style.left = "10%";
+      } else {
+        element.style.top = secondOrigin[1] + secondOrigin[2];
+      }
     } else if (secondOrigin[2] === "c") {
       addClassName(element, "proportional-style");
       element.setAttribute("data-proportional-top", secondOrigin[1]);

package/src/parsers/texttracks/ttml/html/create_element.ts

@@ -361,7 +361,6 @@ function createTextElement(
   shouldTrimWhiteSpace : boolean
 ) : HTMLElement {
   const textElement = document.createElement("span");
-
   let textContent = el.textContent === null ? "" :
                                               el.textContent;
 
@@ -373,7 +372,8 @@ function createTextElement(
     textContent = trimmed;
   }
 
-  textElement.innerHTML = textContent;
+  const textNode = document.createTextNode(textContent);
+  textElement.appendChild(textNode);
   textElement.className = "rxp-texttrack-span";
 
   applyTextStyle(textElement, style, shouldTrimWhiteSpace);

package/src/transports/dash/construct_segment_url.ts

@@ -0,0 +1,28 @@
+/**
+ * Copyright 2015 CANAL+ Group
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ISegment } from "../../manifest";
+import { ICdnMetadata } from "../../parsers/manifest";
+import resolveURL from "../../utils/resolve_url";
+
+export default function constructSegmentUrl(
+  wantedCdn : ICdnMetadata | null,
+  segment : ISegment
+) : string | null {
+  return wantedCdn === null   ? null :
+         segment.url === null ? wantedCdn.baseUrl :
+                                resolveURL(wantedCdn.baseUrl, segment.url);
+}

package/src/transports/dash/image_pipelines.ts

@@ -15,6 +15,7 @@
  */
 
 import features from "../../features";
+import { ICdnMetadata } from "../../parsers/manifest";
 import request from "../../utils/request";
 import takeFirstSet from "../../utils/take_first_set";
 import { CancellationSignal } from "../../utils/task_canceller";
@@ -29,10 +30,11 @@ import {
   ISegmentParserParsedInitChunk,
   ISegmentParserParsedMediaChunk,
 } from "../types";
+import constructSegmentUrl from "./construct_segment_url";
 
 /**
  * Loads an image segment.
- * @param {string|null} url
+ * @param {Object|null} wantedCdn
  * @param {Object} content
  * @param {Object} options
  * @param {Object} cancelSignal
@@ -40,7 +42,7 @@ import {
  * @returns {Promise}
  */
 export async function imageLoader(
-  url : string | null,
+  wantedCdn : ICdnMetadata | null,
   content : ISegmentContext,
   options : ISegmentLoaderOptions,
   cancelSignal : CancellationSignal,
@@ -49,6 +51,7 @@ export async function imageLoader(
             ISegmentLoaderResultSegmentCreated<ILoadedImageSegmentFormat>>
 {
   const { segment } = content;
+  const url = constructSegmentUrl(wantedCdn, segment);
   if (segment.isInit || url === null) {
     return { resultType: "segment-created",
              resultData: null };

package/src/transports/dash/segment_loader.ts

@@ -15,6 +15,7 @@
  */
 
 import { CustomLoaderError } from "../../errors";
+import { ICdnMetadata } from "../../parsers/manifest";
 import { ISegmentLoader as ICustomSegmentLoader } from "../../public_types";
 import request, {
   fetchIsSupported,
@@ -37,6 +38,7 @@ import {
 import byteRange from "../utils/byte_range";
 import inferSegmentContainer from "../utils/infer_segment_container";
 import addSegmentIntegrityChecks from "./add_segment_integrity_checks_to_loader";
+import constructSegmentUrl from "./construct_segment_url";
 import initSegmentLoader from "./init_segment_loader";
 import lowLatencySegmentLoader from "./low_latency_segment_loader";
 
@@ -104,11 +106,11 @@ export default function generateSegmentLoader(
                                                addSegmentIntegrityChecks(segmentLoader);
 
   /**
-   * @param {Object} content
+   * @param {Object|null} wantedCdn
    * @returns {Observable}
    */
   function segmentLoader(
-    url : string | null,
+    wantedCdn : ICdnMetadata | null,
     content : ISegmentContext,
     options : ISegmentLoaderOptions,
     cancelSignal : CancellationSignal,
@@ -117,6 +119,7 @@ export default function generateSegmentLoader(
               ISegmentLoaderResultSegmentCreated<ILoadedAudioVideoSegmentFormat> |
               ISegmentLoaderResultChunkedComplete>
   {
+    const url = constructSegmentUrl(wantedCdn, content.segment);
     if (url == null) {
       return Promise.resolve({ resultType: "segment-created",
                                resultData: null });

package/src/transports/dash/text_loader.ts

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 
+import { ICdnMetadata } from "../../parsers/manifest";
 import request, {
   fetchIsSupported,
 } from "../../utils/request";
@@ -32,6 +33,7 @@ import {
 import byteRange from "../utils/byte_range";
 import inferSegmentContainer from "../utils/infer_segment_container";
 import addSegmentIntegrityChecks from "./add_segment_integrity_checks_to_loader";
+import constructSegmentUrl from "./construct_segment_url";
 import initSegmentLoader from "./init_segment_loader";
 import lowLatencySegmentLoader from "./low_latency_segment_loader";
 
@@ -49,7 +51,7 @@ export default function generateTextTrackLoader(
                                                addSegmentIntegrityChecks(textTrackLoader);
 
   /**
-   * @param {string|null} url
+   * @param {Object|null} wantedCdn
    * @param {Object} content
    * @param {Object} options
    * @param {Object} cancelSignal
@@ -57,7 +59,7 @@ export default function generateTextTrackLoader(
    * @returns {Promise}
    */
   function textTrackLoader(
-    url : string | null,
+    wantedCdn : ICdnMetadata | null,
     content : ISegmentContext,
     options : ISegmentLoaderOptions,
     cancelSignal : CancellationSignal,
@@ -69,6 +71,7 @@ export default function generateTextTrackLoader(
     const { adaptation, representation, segment } = content;
     const { range } = segment;
 
+    const url = constructSegmentUrl(wantedCdn, segment);
     if (url === null) {
       return Promise.resolve({ resultType: "segment-created",
                                resultData: null });

package/src/transports/dash/text_parser.ts

@@ -185,7 +185,9 @@ export default function generateTextTrackParser(
                     ITextTrackSegmentData | null > {
   /**
    * Parse TextTrack data.
-   * @param {Object} infos
+   * @param {Object} loadedSegment
+   * @param {Object} content
+   * @param {number|undefined} initTimescale
    * @returns {Observable.<Object>}
    */
   return function textTrackParser(

package/src/transports/local/segment_loader.ts

@@ -15,6 +15,7 @@
  */
 
 import { CustomLoaderError } from "../../errors";
+import { ICdnMetadata } from "../../parsers/manifest";
 import {
   ILocalManifestInitSegmentLoader,
   ILocalManifestSegmentLoader,
@@ -180,14 +181,14 @@ function loadSegment(
 
 /**
  * Generic segment loader for the local Manifest.
- * @param {string | null} _url
+ * @param {string | null} _wantedCdn
  * @param {Object} content
  * @param {Object} cancelSignal
  * @param {Object} _callbacks
  * @returns {Promise}
  */
 export default function segmentLoader(
-  _url : string | null,
+  _wantedCdn : ICdnMetadata | null,
   content : ISegmentContext,
   _loaderOptions : ISegmentLoaderOptions, // TODO use timeout?
   cancelSignal : CancellationSignal,

package/src/transports/metaplaylist/pipelines.ts

@@ -26,7 +26,10 @@ import Manifest, {
 import parseMetaPlaylist, {
   IParserResponse as IMPLParserResponse,
 } from "../../parsers/manifest/metaplaylist";
-import { IParsedManifest } from "../../parsers/manifest/types";
+import {
+  ICdnMetadata,
+  IParsedManifest,
+} from "../../parsers/manifest/types";
 import isNullOrUndefined from "../../utils/is_null_or_undefined";
 import objectAssign from "../../utils/object_assign";
 import { CancellationSignal } from "../../utils/task_canceller";
@@ -248,7 +251,7 @@ export default function(options : ITransportOptions): ITransportPipelines {
 
   const audioPipeline = {
     loadSegment(
-      url : string | null,
+      wantedCdn : ICdnMetadata | null,
       content : ISegmentContext,
       loaderOptions : ISegmentLoaderOptions,
       cancelToken : CancellationSignal,
@@ -260,7 +263,11 @@ export default function(options : ITransportOptions): ITransportPipelines {
       const { segment } = content;
       const { audio } = getTransportPipelinesFromSegment(segment);
       const ogContent = getOriginalContent(segment);
-      return audio.loadSegment(url, ogContent, loaderOptions, cancelToken, callbacks);
+      return audio.loadSegment(wantedCdn,
+                               ogContent,
+                               loaderOptions,
+                               cancelToken,
+                               callbacks);
     },
 
     parseSegment(
@@ -286,7 +293,7 @@ export default function(options : ITransportOptions): ITransportPipelines {
 
   const videoPipeline = {
     loadSegment(
-      url : string | null,
+      wantedCdn : ICdnMetadata | null,
       content : ISegmentContext,
       loaderOptions : ISegmentLoaderOptions,
       cancelToken : CancellationSignal,
@@ -298,7 +305,11 @@ export default function(options : ITransportOptions): ITransportPipelines {
       const { segment } = content;
       const { video } = getTransportPipelinesFromSegment(segment);
       const ogContent = getOriginalContent(segment);
-      return video.loadSegment(url, ogContent, loaderOptions, cancelToken, callbacks);
+      return video.loadSegment(wantedCdn,
+                               ogContent,
+                               loaderOptions,
+                               cancelToken,
+                               callbacks);
     },
 
     parseSegment(
@@ -324,7 +335,7 @@ export default function(options : ITransportOptions): ITransportPipelines {
 
   const textTrackPipeline = {
     loadSegment(
-      url : string | null,
+      wantedCdn : ICdnMetadata | null,
       content : ISegmentContext,
       loaderOptions : ISegmentLoaderOptions,
       cancelToken : CancellationSignal,
@@ -336,7 +347,11 @@ export default function(options : ITransportOptions): ITransportPipelines {
       const { segment } = content;
       const { text } = getTransportPipelinesFromSegment(segment);
       const ogContent = getOriginalContent(segment);
-      return text.loadSegment(url, ogContent, loaderOptions, cancelToken, callbacks);
+      return text.loadSegment(wantedCdn,
+                              ogContent,
+                              loaderOptions,
+                              cancelToken,
+                              callbacks);
     },
 
     parseSegment(
@@ -362,7 +377,7 @@ export default function(options : ITransportOptions): ITransportPipelines {
 
   const imageTrackPipeline = {
     loadSegment(
-      url : string | null,
+      wantedCdn : ICdnMetadata | null,
       content : ISegmentContext,
       loaderOptions : ISegmentLoaderOptions,
       cancelToken : CancellationSignal,
@@ -374,7 +389,11 @@ export default function(options : ITransportOptions): ITransportPipelines {
       const { segment } = content;
       const { image } = getTransportPipelinesFromSegment(segment);
       const ogContent = getOriginalContent(segment);
-      return image.loadSegment(url, ogContent, loaderOptions, cancelToken, callbacks);
+      return image.loadSegment(wantedCdn,
+                               ogContent,
+                               loaderOptions,
+                               cancelToken,
+                               callbacks);
     },
 
     parseSegment(

package/src/transports/smooth/pipelines.ts

@@ -21,6 +21,7 @@ import Manifest, {
   ISegment,
 } from "../../manifest";
 import { getMDAT } from "../../parsers/containers/isobmff";
+import { ICdnMetadata } from "../../parsers/manifest";
 import createSmoothManifestParser, {
   SmoothRepresentationIndex,
 } from "../../parsers/manifest/smooth";
@@ -59,6 +60,7 @@ import extractTimingsInfos, {
 import { patchSegment } from "./isobmff";
 import generateSegmentLoader from "./segment_loader";
 import {
+  constructSegmentUrl,
   extractISML,
   extractToken,
   isMP4EmbeddedTrack,
@@ -167,7 +169,7 @@ export default function(transportOptions : ITransportOptions) : ITransportPipeli
   const audioVideoPipeline = {
     /**
      * Load a Smooth audio/video segment.
-     * @param {string|null} url
+     * @param {Object|null} wantedCdn
      * @param {Object} content
      * @param {Object} loaderOptions
      * @param {Object} cancelSignal
@@ -175,7 +177,7 @@ export default function(transportOptions : ITransportOptions) : ITransportPipeli
      * @returns {Promise}
      */
     loadSegment(
-      url : string | null,
+      wantedCdn : ICdnMetadata | null,
       content : ISegmentContext,
       loaderOptions : ISegmentLoaderOptions,
       cancelSignal : CancellationSignal,
@@ -183,6 +185,7 @@ export default function(transportOptions : ITransportOptions) : ITransportPipeli
     ) : Promise<ISegmentLoaderResultSegmentLoaded<ILoadedAudioVideoSegmentFormat> |
                 ISegmentLoaderResultSegmentCreated<ILoadedAudioVideoSegmentFormat>>
     {
+      const url = constructSegmentUrl(wantedCdn, content.segment);
       return segmentLoader(url, content, loaderOptions, cancelSignal, callbacks);
     },
 
@@ -257,7 +260,7 @@ export default function(transportOptions : ITransportOptions) : ITransportPipeli
 
   const textTrackPipeline = {
     loadSegment(
-      url : string | null,
+      wantedCdn : ICdnMetadata | null,
       content : ISegmentContext,
       loaderOptions : ISegmentLoaderOptions,
       cancelSignal : CancellationSignal,
@@ -265,6 +268,7 @@ export default function(transportOptions : ITransportOptions) : ITransportPipeli
     ) : Promise<ISegmentLoaderResultSegmentLoaded<ILoadedTextSegmentFormat> |
                 ISegmentLoaderResultSegmentCreated<ILoadedTextSegmentFormat>> {
       const { segment, representation } = content;
+      const url = constructSegmentUrl(wantedCdn, segment);
       if (segment.isInit || url === null) {
         return Promise.resolve({ resultType: "segment-created",
                                  resultData: null });
@@ -447,19 +451,21 @@ export default function(transportOptions : ITransportOptions) : ITransportPipeli
 
   const imageTrackPipeline = {
     async loadSegment(
-      url : string | null,
+      wantedCdn : ICdnMetadata | null,
       content : ISegmentContext,
       loaderOptions : ISegmentLoaderOptions,
       cancelSignal : CancellationSignal,
       callbacks : ISegmentLoaderCallbacks<ILoadedImageSegmentFormat>
     ) : Promise<ISegmentLoaderResultSegmentLoaded<ILoadedImageSegmentFormat> |
                 ISegmentLoaderResultSegmentCreated<ILoadedImageSegmentFormat>> {
-      if (content.segment.isInit || url === null) {
+
+      const { segment } = content;
+      const url = constructSegmentUrl(wantedCdn, segment);
+      if (segment.isInit || url === null) {
         // image do not need an init segment. Passthrough directly to the parser
         return { resultType: "segment-created" as const,
                  resultData: null };
       }
-
       const data = await request({ url,
                                    responseType: "arraybuffer",
                                    timeout: loaderOptions.timeout,

package/src/transports/smooth/utils.ts

@@ -14,8 +14,10 @@
  * limitations under the License.
  */
 
-import { Representation } from "../../manifest";
+import { ISegment, Representation } from "../../manifest";
+import { ICdnMetadata } from "../../parsers/manifest";
 import isNonEmptyString from "../../utils/is_non_empty_string";
+import resolveURL from "../../utils/resolve_url";
 import warnOnce from "../../utils/warn_once";
 
 const ISM_REG = /(\.isml?)(\?token=\S+)?$/;
@@ -85,7 +87,17 @@ function isMP4EmbeddedTrack(representation : Representation) : boolean {
          representation.mimeType.indexOf("mp4") >= 0;
 }
 
+function constructSegmentUrl(
+  wantedCdn : ICdnMetadata | null,
+  segment : ISegment
+) : string | null {
+  return wantedCdn === null   ? null :
+         segment.url === null ? wantedCdn.baseUrl :
+                                resolveURL(wantedCdn.baseUrl, segment.url);
+}
+
 export {
+  constructSegmentUrl,
   extractISML,
   extractToken,
   isMP4EmbeddedTrack,