@eluvio/elv-player-js 1.0.91 → 1.0.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eluvio/elv-player-js",
-  "version": "1.0.91",
+  "version": "1.0.93",
   "description": "![Eluvio Logo](src/static/images/Logo.png \"Eluvio Logo\")",
   "main": "src/index.js",
   "license": "MIT",

package/src/index.js

@@ -119,7 +119,8 @@ const DefaultParameters = {
     dashjsOptions: undefined,
     // eslint-disable-next-line no-unused-vars
     playerCallback: ({player, videoElement, hlsPlayer, dashPlayer, posterUrl}) => {},
-    errorCallback: (error) => {
+    // eslint-disable-next-line no-unused-vars
+    errorCallback: (error, player) => {
       // eslint-disable-next-line no-console
       console.error("ELUVIO PLAYER: Error");
       // eslint-disable-next-line no-console
@@ -333,9 +334,21 @@ export class EluvioPlayer {
     }
 
     let availableDRMs = (await client.AvailableDRMs()).filter(drm => (this.sourceOptions.drms || []).includes(drm));
+    let availableProtocols = this.sourceOptions.protocols;
+
+    let protocol, drm;
+    while(!(protocol && drm)) {
+      protocol = availableProtocols.find(protocol => this.sourceOptions.playoutOptions[protocol]);
+      drm = this.sourceOptions.drms.find(drm => availableDRMs.includes(drm) && this.sourceOptions.playoutOptions[protocol].playoutMethods[drm]);
 
-    const protocol = this.sourceOptions.protocols.find(protocol => this.sourceOptions.playoutOptions[protocol]);
-    const drm = this.sourceOptions.drms.find(drm => availableDRMs.includes(drm) && this.sourceOptions.playoutOptions[protocol].playoutMethods[drm]);
+      if(!drm) {
+        availableProtocols = availableProtocols.filter(p => p !== protocol);
+
+        if(availableProtocols.length === 0) {
+          throw Error("No valid protocol / DRM combination available");
+        }
+      }
+    }
 
     const { playoutUrl, drms } = this.sourceOptions.playoutOptions[protocol].playoutMethods[drm];
 
@@ -627,7 +640,9 @@ export class EluvioPlayer {
         this.Destroy();
       }
     } catch (error) {
-      this.playerOptions.errorCallback(error);
+      if(this.playerOptions.errorCallback) {
+        this.playerOptions.errorCallback(error, this);
+      }
 
       if(error.status === 500) {
         this.HardReload(error, 10000);
@@ -794,10 +809,15 @@ export class EluvioPlayer {
     const DashPlayer = (await import("dashjs")).default;
     const dashPlayer = DashPlayer.MediaPlayer().create();
 
+    dashPlayer.updateSettings({
+      "streaming": {
+        "fastSwitchEnabled": true
+      }
+    });
+
     if(this.playerOptions.capLevelToPlayerSize) {
       dashPlayer.updateSettings({
         "streaming": {
-          "fastSwitchEnabled": true,
           "abr": {
             "limitBitrateByPortal": true
           }
@@ -908,6 +928,16 @@ export class EluvioPlayer {
       this.UpdateTextTracks({dashPlayer});
     });
 
+    // DashJS doesn't automatically handle video track change - Add event listener to handle it
+    this.video.textTracks.addEventListener("change", () => {
+      const dashTracks = dashPlayer.getTracksFor("text");
+      const activeTrack = Array.from(this.video.textTracks).find(track => track.mode === "showing");
+
+      dashPlayer.setTextTrack(
+        !activeTrack ? -1 : dashTracks.findIndex(dashTrack => dashTrack.lang === activeTrack.language || (dashTrack.index || "").toString() === (activeTrack.label || "").toString())
+      );
+    });
+
     this.player = dashPlayer;
     this.dashPlayer = dashPlayer;
   }