tplayer.js/src/helpers/parseConfigs.js

Flexible and easy Dash/HLS/DRM integration for HTML5 video.

import dashjs from "dashjs";
import Hls from "hls.js";

export default function parseConfigs(configurations) {
  if (!configurations.playerElem) {
    throw new Error("No player element found");
  }

  let source = "",
    sourcetype = "normal",
    drm = null;

  if (!configurations.source.dash && !configurations.source.hls) {
    throw new Error("No source found");
  }

  // check #1: browser support
  const support = {
    hls: Hls.isSupported(),
    dash: dashjs.supportsMediaSource(),
  };

  // check #2: DRM
  // check which drm is supported
  if (configurations.drm) {
    if (!configurations.drm.widevine && !configurations.drm.playready)
      throw new Error(
        "No DRM found, please check your configuration or {drm: null}"
      );

    source = configurations.source.dash;
    sourcetype = "dash";
    drm = configurations.drm;
  } else {
    if (support.hls && configurations.source.hls) {
      source = configurations.source.hls;
      sourcetype = "hls";
    } else if (support.dash && configurations.source.dash) {
      source = configurations.source.dash;
      sourcetype = "dash";
    } else {
      throw new Error("Provider not supported");
    }
  }

  if (configurations.captions) {
    // test if this format match [{label: "", src: "", language: ""}]
    if (Array.isArray(configurations.captions)) {
      configurations.captions.forEach((caption) => {
        if (!caption.label || !caption.src || !caption.language) {
          throw new Error("Caption format is not correct");
        }
      });
    } else {
      configurations.captions = [];
    }
  }

  return {
    refId: configurations.id || "tplayer",
    playerElem: configurations.playerElem,
    source,
    sourcetype, // dash | hls
    drm,
    ui: {
      mainColor: configurations.ui?.mainColor || "#00b3ff", // The primary UI color.
    },
    sourceHeaders: {
      dash: configurations.sourceHeaders?.dash || null,
      hls: configurations.sourceHeaders?.hls || null,
    },
    captions: configurations.captions || [],
  };
}