@eluvio/elv-player-js 1.0.69 → 1.0.72

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@eluvio/elv-player-js",
-  "version": "1.0.69",
+  "version": "1.0.72",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package/package.json

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

package/src/PlayerControls.js

@@ -626,7 +626,11 @@ class PlayerControls {
           classes: ["eluvio-player__controls__settings-menu__option"]
         });
 
-        resolutionButton.innerHTML = `Resolution: ${currentLevel.resolution}`;
+        if(currentLevel.audioTrack) {
+          resolutionButton.innerHTML = `Quality: ${currentLevel.bitrate / 1000}kbps`;
+        } else {
+          resolutionButton.innerHTML = `Resolution: ${currentLevel.resolution}`;
+        }
 
         if(this.SetLevel) {
           resolutionButton.addEventListener("click", () => {
@@ -653,7 +657,11 @@ class PlayerControls {
                   classes: ["eluvio-player__controls__settings-menu__option", level.active ? "eluvio-player__controls__settings-menu__option-selected" : ""]
                 });
 
-                levelOption.innerHTML = `${level.resolution} (${(level.bitrate / 1000 / 1000).toFixed(1)}Mbps)`;
+                if(level.audioTrack) {
+                  levelOption.innerHTML = `${level.bitrate / 1000}kbps`;
+                } else {
+                  levelOption.innerHTML = `${level.resolution} (${(level.bitrate / 1000 / 1000).toFixed(1)}Mbps)`;
+                }
 
                 levelOption.addEventListener("click", () => {
                   this.SetLevel(level.index);

package/src/index.js

@@ -107,6 +107,7 @@ const DefaultParameters = {
     loop: EluvioPlayerParameters.loop.OFF,
     watermark: EluvioPlayerParameters.watermark.ON,
     settings: EluvioPlayerParameters.settings.ON,
+    posterUrl: undefined,
     className: undefined,
     hlsjsOptions: undefined,
     dashjsOptions: undefined,
@@ -245,6 +246,10 @@ export class EluvioPlayer {
   }
 
   async PosterUrl() {
+    if(this.playerOptions.posterUrl) {
+      return this.playerOptions.posterUrl;
+    }
+
     const client = await this.Client();
 
     try {
@@ -576,7 +581,6 @@ export class EluvioPlayer {
 
         if(multiviewOptions.enabled) { controlsPromise.then(() => this.controls.InitializeMultiViewControls(multiviewOptions)); }
       } else if(protocol === "hls") {
-
         playoutUrl.removeQuery("authorization");
 
         // Inject
@@ -611,12 +615,14 @@ export class EluvioPlayer {
         }
 
         if(this.controls) {
+          window.hls = hlsPlayer;
           this.controls.SetQualityControls({
             GetLevels: () => hlsPlayer.levels.map((level, index) => ({
               index,
               active: index === hlsPlayer.currentLevel,
               resolution: level.attrs.RESOLUTION,
-              bitrate: level.bitrate
+              bitrate: level.bitrate,
+              audioTrack: !level.videoCodec
             })),
             SetLevel: levelIndex => hlsPlayer.nextLevel = levelIndex
           });
@@ -723,6 +729,11 @@ export class EluvioPlayer {
       }
 
       this.RegisterVisibilityCallback();
+
+      if(this.__destroyed) {
+        // If Destroy was called during the initialization process, ensure that the player is properly destroyed
+        this.Destroy();
+      }
     } catch (error) {
       this.playerOptions.errorCallback(error);