@eluvio/elv-player-js 1.0.128 → 1.0.130

package/package.json

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

package/src/index.js

@@ -22,6 +22,7 @@ export const EluvioPlayerParameters = {
   playerProfile: {
     DEFAULT: "default",
     LOW_LATENCY: "low_latency",
+    ULTRA_LOW_LATENCY: "ultra_low_latency",
     CUSTOM: "custom"
   },
   drms: {
@@ -147,6 +148,20 @@ const PlayerProfiles = {
     label: "Low Latency",
     hlsSettings: Utils.LiveHLSJSSettings({lowLatency: true})
   },
+  ultra_low_latency: {
+    label: "Ultra Low Latency",
+    hlsSettings: {
+      "capLevelToPlayerSize": false,
+      "enableWorker": true,
+      "lowLatencyMode": true,
+      "maxBufferLength": 4,
+      "backBufferLength": 4,
+      "liveSyncDuration": 4,
+      "liveMaxLatencyDuration": 5,
+      "liveDurationInfinity": false,
+      "highBufferWatchdogPeriod": 1
+    }
+  },
   custom: {
     label: "Custom",
     hlsSettings: {}
@@ -166,7 +181,7 @@ export class EluvioPlayer {
         this.customHLSOptions = parameters.playerOptions.hlsjsOptions;
         parameters.playerOptions.playerProfile = EluvioPlayerParameters.playerProfile.CUSTOM;
       }
-    } catch(error) {
+    } catch (error) {
       this.Log(error, true);
     }
 
@@ -1136,6 +1151,13 @@ export class EluvioPlayer {
   }
 
   UpdateTextTracks({dashPlayer}={}) {
+    const tracks = dashPlayer ?
+      dashPlayer.getTracksFor("text") : Array.from(this.video.textTracks);
+
+    if(!tracks || tracks.length === 0) {
+      return;
+    }
+
     this.controls.SetTextTrackControls({
       GetTextTracks: () => {
         const activeTrackIndex = dashPlayer ?

package/src/static/stylesheets/player.scss

@@ -440,11 +440,6 @@ $button-height: 35px;
 
       button {
         border: 1px solid transparent;
-
-        &.eluvio-player__controls__settings-menu__close {
-          border: 1.5px solid $button-color;
-          border-radius: 100%;
-        }
       }
 
       &__close {
@@ -452,6 +447,7 @@ $button-height: 35px;
         display: none;
         height: 20px;
         justify-content: center;
+        padding: 0;
         position: absolute;
         right: 20px;
         top: 20px;
@@ -482,7 +478,9 @@ $button-height: 35px;
         }
 
         &-back__icon {
-          height: 15px;
+          align-items: center;
+          display: flex;
+          height: 100%;
           left: 20px;
           margin-right: 5px;
           position: absolute;