@eluvio/elv-player-js 1.0.92 → 1.0.94

package/package.json

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

package/src/PlayerControls.js

@@ -607,9 +607,13 @@ class PlayerControls {
         }
 
         this.progressHidden = true;
-      } else if(this.progressHidden) {
-        this.progressHidden = false;
-        controls.classList.remove("eluvio-player__controls-no-progress");
+      } else {
+        progressSlider.step = Math.min(1 / (this.video.duration / 5), 0.01).toFixed(4);
+
+        if(this.progressHidden) {
+          this.progressHidden = false;
+          controls.classList.remove("eluvio-player__controls-no-progress");
+        }
       }
 
       totalTime.innerHTML = Time(this.video.duration, this.video.duration);

package/src/index.js

@@ -809,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
           }
@@ -923,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;
   }