@eluvio/elv-player-js 1.0.89 → 1.0.91

package/package.json

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

package/src/PlayerControls.js

@@ -108,10 +108,25 @@ const Time = (time, total) => {
 };
 
 class PlayerControls {
-  constructor(target, video, playerOptions, posterUrl, className) {
+  constructor({target, video, playerOptions, posterUrl, className}) {
     this.target = target;
     this.video = video;
     this.playerOptions = playerOptions;
+    this.timeouts = {};
+    this.played = false;
+    this.controlsHover = false;
+    this.progressHidden = false;
+
+    if(posterUrl) {
+      this.SetPosterUrl(posterUrl);
+    }
+
+    this.InitializeControls(className);
+  }
+
+  SetPosterUrl(posterUrl) {
+    if(!posterUrl) { return; }
+
     this.posterUrl = posterUrl;
 
     if(posterUrl) {
@@ -122,13 +137,6 @@ class PlayerControls {
         this.video.poster = posterUrl;
       };
     }
-
-    this.timeouts = {};
-    this.played = false;
-    this.controlsHover = false;
-    this.progressHidden = false;
-
-    this.InitializeControls(className);
   }
 
   FadeOut(key, elements, delay=250, callback) {

package/src/index.js

@@ -541,50 +541,51 @@ export class EluvioPlayer {
       if(this.clientOptions.promptTicket && !this.clientOptions.ticketCode) {
         if(!this.clientOptions.tenantId) { throw Error("ELUVIO PLAYER: Tenant ID must be provided if ticket code is needed."); }
 
-        controlsPromise.then(() =>
-          this.controls.InitializeTicketPrompt(async (code) => {
-            code = (code || "").trim();
-            let subject = this.clientOptions.ticketSubject;
-            if(code.includes(":")) {
-              subject = code.split(":")[0];
-              code = code.split(":")[1];
-            }
+        this.controls.InitializeTicketPrompt(async (code) => {
+          code = (code || "").trim();
+          let subject = this.clientOptions.ticketSubject;
+          if(code.includes(":")) {
+            subject = code.split(":")[0];
+            code = code.split(":")[1];
+          }
 
-            await this.clientOptions.client.RedeemCode({
-              tenantId: this.clientOptions.tenantId,
-              ntpId: this.clientOptions.ntpId,
-              code,
-              email: subject
-            });
+          await this.clientOptions.client.RedeemCode({
+            tenantId: this.clientOptions.tenantId,
+            ntpId: this.clientOptions.ntpId,
+            code,
+            email: subject
+          });
 
-            this.ticketInitialized = true;
-            this.clientOptions.ticketCode = code;
-            this.originalParameters.clientOptions.client = this.clientOptions.client;
-            this.originalParameters.clientOptions.ticketCode = code;
+          this.ticketInitialized = true;
+          this.clientOptions.ticketCode = code;
+          this.originalParameters.clientOptions.client = this.clientOptions.client;
+          this.originalParameters.clientOptions.ticketCode = code;
 
-            this.Initialize(this.target);
-          })
-        );
+          this.Initialize(this.target);
+        });
 
         return;
       }
 
       let { protocol, drm, playoutUrl, drms, multiviewOptions } = await playoutOptionsPromise;
 
-      let controlsPromise;
       if(["fairplay", "sample-aes"].includes(drm)) {
         // Switch to default controls if using fairplay or sample aes
         if(this.playerOptions.controls !== EluvioPlayerParameters.controls.OFF) {
           this.playerOptions.controls = EluvioPlayerParameters.controls.DEFAULT;
           this.video.controls = true;
         }
-      } else {
-        controlsPromise = this.PosterUrl().then(posterUrl => {
-          this.posterUrl = posterUrl;
-          this.controls = new PlayerControls(this.target, this.video, this.playerOptions, posterUrl, this.playerOptions.controlsClassName);
-        });
       }
 
+      this.controls = new PlayerControls({
+        target: this.target,
+        video: this.video,
+        playerOptions: this.playerOptions,
+        className: this.playerOptions.controlsClassName
+      });
+
+      this.PosterUrl().then(posterUrl => this.controls.SetPosterUrl(posterUrl));
+
       multiviewOptions.target = this.target;
 
       playoutUrl = URI(playoutUrl);
@@ -593,9 +594,9 @@ export class EluvioPlayer {
         playoutUrl.query(true).authorization;
 
       if(protocol === "hls") {
-        await this.InitializeHLS({playoutUrl, authorizationToken, drm, drms, multiviewOptions, controlsPromise});
+        await this.InitializeHLS({playoutUrl, authorizationToken, drm, drms, multiviewOptions});
       } else {
-        await this.InitializeDash({playoutUrl, authorizationToken, drm, drms, multiviewOptions, controlsPromise});
+        await this.InitializeDash({playoutUrl, authorizationToken, drm, drms, multiviewOptions});
       }
 
       if(this.playerOptions.playerCallback) {
@@ -634,18 +635,22 @@ export class EluvioPlayer {
     }
   }
 
-  async InitializeHLS({playoutUrl, authorizationToken, drm, multiviewOptions, controlsPromise}) {
+  async InitializeHLS({playoutUrl, authorizationToken, drm, multiviewOptions}) {
     const HLSPlayer = (await import("hls-fix")).default;
 
     if(drm === "fairplay") {
       InitializeFairPlayStream({playoutOptions: this.sourceOptions.playoutOptions, video: this.video});
 
-      if(multiviewOptions.enabled) { controlsPromise.then(() => this.controls.InitializeMultiViewControls(multiviewOptions)); }
+      if(multiviewOptions.enabled) {
+        this.controls.InitializeMultiViewControls(multiviewOptions);
+      }
       this.UpdateTextTracks();
     } else if(!HLSPlayer.isSupported() || drm === "sample-aes") {
       this.video.src = playoutUrl.toString();
 
-      if(multiviewOptions.enabled) { controlsPromise.then(() => this.controls.InitializeMultiViewControls(multiviewOptions)); }
+      if(multiviewOptions.enabled) {
+        this.controls.InitializeMultiViewControls(multiviewOptions);
+      }
     } else {
       playoutUrl.removeQuery("authorization");
 
@@ -677,7 +682,7 @@ export class EluvioPlayer {
           hlsPlayer.nextLevel = hlsPlayer.currentLevel;
         };
 
-        controlsPromise.then(() => this.controls.InitializeMultiViewControls(multiviewOptions));
+        this.controls.InitializeMultiViewControls(multiviewOptions);
       }
 
       if(this.controls) {
@@ -785,7 +790,7 @@ export class EluvioPlayer {
     }
   }
 
-  async InitializeDash({playoutUrl, authorizationToken, drm, drms, multiviewOptions, controlsPromise}) {
+  async InitializeDash({playoutUrl, authorizationToken, drm, drms, multiviewOptions}) {
     const DashPlayer = (await import("dashjs")).default;
     const dashPlayer = DashPlayer.MediaPlayer().create();
 
@@ -829,7 +834,9 @@ export class EluvioPlayer {
       this.playerOptions.autoplay === EluvioPlayerParameters.autoplay.ON
     );
 
-    if(multiviewOptions.enabled) { controlsPromise.then(() => this.controls.InitializeMultiViewControls(multiviewOptions)); }
+    if(multiviewOptions.enabled) {
+      this.controls.InitializeMultiViewControls(multiviewOptions);
+    }
 
     const UpdateQualityOptions = () => {
       try {