@eluvio/elv-player-js 2.0.7 → 2.0.8

package/lib/player/Player.js

@@ -463,14 +463,14 @@ export class EluvioPlayer {
     }
   }
 
-  async __InitializeHLS({playoutUrl, authorizationToken, drm, multiviewOptions}) {
+  async __InitializeHLS({playoutUrl, authorizationToken, drm, drms, multiviewOptions}) {
     this.HLS = (await import("hls.js")).default;
 
-    if(["fairplay", "sample-aes"].includes(drm) || !this.HLS.isSupported()) {
+    if([EluvioPlayerParameters.drms.FAIRPLAY, EluvioPlayerParameters.drms.SAMPLE_AES].includes(drm) || !this.HLS.isSupported()) {
       // HLS JS NOT SUPPORTED - Handle native player
       this.nativeHLS = true;
 
-      if(drm === "fairplay") {
+      if(drm === EluvioPlayerParameters.drms.FAIRPLAY) {
         InitializeFairPlayStream({playoutOptions: this.sourceOptions.playoutOptions, video: this.video});
       } else {
         this.video.src = playoutUrl.toString();
@@ -494,27 +494,40 @@ export class EluvioPlayer {
       // HLS JS
       playoutUrl.searchParams.delete("authorization");
 
+      let drmSettings = {};
+      if (drm === EluvioPlayerParameters.drms.PLAYREADY) {
+        drmSettings = {
+          drmSystems: {
+            "com.microsoft.playready": {
+              licenseUrl: drms[drm].licenseServers[0]
+            },
+          },
+          emeEnabled: true,
+          licenseXhrSetup: (xhr, url) => {
+            xhr.open("POST", url, true);
+            xhr.setRequestHeader("Authorization", `Bearer ${authorizationToken}`);
+          }
+        };
+      }
+
       const profileSettings = (PlayerProfiles[this.playerOptions.playerProfile] || {}).hlsSettings || {};
       const customProfileSettings = this.playerOptions.playerProfile === EluvioPlayerParameters.playerProfile.CUSTOM ? this.customHLSOptions : {};
 
       this.hlsOptions = {
         capLevelToPlayerSize: this.playerOptions.capLevelToPlayerSize,
-        ...profileSettings,
-        ...customProfileSettings
-      };
-
-      const hlsPlayer = new this.HLS({
         xhrSetup: xhr => {
           xhr.setRequestHeader("Authorization", `Bearer ${authorizationToken}`);
-
           if((this.playerOptions.hlsjsOptions || {}).xhrSetup) {
             this.playerOptions.hlsjsOptions.xhrSetup(xhr);
           }
-
           return xhr;
         },
-        ...this.hlsOptions
-      });
+        ...drmSettings,
+        ...profileSettings,
+        ...customProfileSettings
+      };
+
+      const hlsPlayer = new this.HLS(this.hlsOptions);
 
       // Limit playback to maximum bitrate, if specified
       if(this.playerOptions.maxBitrate) {

package/lib/player/PlayerParameters.js

@@ -6,6 +6,7 @@ export const PlayerParameters = {
   networks: {
     MAIN: "https://main.net955305.contentfabric.io/config",
     DEMO: "https://demov3.net955210.contentfabric.io/config",
+    DEMO_LOCAL: "http://localhost:8008/config?qspace=demov3&self",
     TEST: "https://test.net955203.contentfabric.io/config",
     TESTV4: "https://test.net955205.contentfabric.io/config"
   },
@@ -20,7 +21,8 @@ export const PlayerParameters = {
     SAMPLE_AES: "sample-aes",
     AES128: "aes-128",
     WIDEVINE: "widevine",
-    CLEAR: "clear"
+    CLEAR: "clear",
+    PLAYREADY: "playready"
   },
   protocols: {
     HLS: "hls",
@@ -108,7 +110,8 @@ export const DefaultParameters = {
       PlayerParameters.drms.SAMPLE_AES,
       PlayerParameters.drms.AES128,
       PlayerParameters.drms.WIDEVINE,
-      PlayerParameters.drms.CLEAR
+      PlayerParameters.drms.CLEAR,
+      PlayerParameters.drms.PLAYREADY
     ],
     contentInfo: {
       title: undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eluvio/elv-player-js",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "![Eluvio Logo](lib/static/images/Logo.png \"Eluvio Logo\")",
   "main": "lib/index.js",
   "license": "MIT",
@@ -36,10 +36,10 @@
     "package-lock.json"
   ],
   "dependencies": {
-    "@eluvio/elv-client-js": "^4.0.88",
+    "@eluvio/elv-client-js": "^4.0.89",
     "dashjs": "~4.7.0",
     "focus-visible": "^5.2.0",
-    "hls.js": "~1.4.12",
+    "hls.js": "~1.5.12",
     "mux-embed": "^4.30.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -56,6 +56,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
     "jsdoc": "^4.0.0",
+    "sass": "^1.77.6",
     "stylelint": "^16.2.0",
     "stylelint-config-standard": "^36.0.0",
     "stylelint-order": "^6.0.4",