@eluvio/elv-player-js 1.0.127 → 1.0.129

package/package.json

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

package/src/PlayerControls.js

@@ -918,7 +918,7 @@ class PlayerControls {
     submit.addEventListener("click", () => {
       try {
         SetPlayerProfile({
-          profile: "custom",
+          profile: EluvioPlayerParameters.playerProfile.CUSTOM,
           customHLSOptions: JSON.parse(options)
         });
 

package/src/index.js

@@ -21,7 +21,8 @@ export const EluvioPlayerParameters = {
   },
   playerProfile: {
     DEFAULT: "default",
-    LOW_LATENCY: "low_latency"
+    LOW_LATENCY: "low_latency",
+    CUSTOM: "custom"
   },
   drms: {
     FAIRPLAY: "fairplay",
@@ -157,6 +158,18 @@ export class EluvioPlayer {
     this.warnings = false;
     this.reloads = [];
 
+    try {
+      if(
+        parameters.playerOptions.hlsjsOptions &&
+        Object.keys(parameters.playerOptions.hlsjsOptions).length > 0
+      ) {
+        this.customHLSOptions = parameters.playerOptions.hlsjsOptions;
+        parameters.playerOptions.playerProfile = EluvioPlayerParameters.playerProfile.CUSTOM;
+      }
+    } catch (error) {
+      this.Log(error, true);
+    }
+
     this.DetectRemoval = this.DetectRemoval.bind(this);
 
     this.Initialize(target, parameters);
@@ -802,12 +815,11 @@ export class EluvioPlayer {
       playoutUrl.searchParams.delete("authorization");
 
       const profileSettings = (PlayerProfiles[this.playerOptions.playerProfile] || {}).hlsSettings || {};
-      const customProfileSettings = this.playerOptions.playerProfile === "custom" ? this.customHLSOptions : {};
+      const customProfileSettings = this.playerOptions.playerProfile === EluvioPlayerParameters.playerProfile.CUSTOM ? this.customHLSOptions : {};
 
       this.hlsOptions = {
         capLevelToPlayerSize: this.playerOptions.capLevelToPlayerSize,
         ...profileSettings,
-        ...(this.playerOptions.hlsjsOptions || {}),
         ...customProfileSettings
       };
 
@@ -933,7 +945,7 @@ export class EluvioPlayer {
               }
             };
 
-            if(key === "custom") {
+            if(key === EluvioPlayerParameters.playerProfile.CUSTOM) {
               this.controls.ShowHLSOptionsForm({
                 hlsOptions: this.hlsOptions,
                 SetPlayerProfile,
@@ -1124,6 +1136,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;