@eluvio/elv-player-js 1.0.70 → 1.0.73

package/package-lock.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eluvio/elv-player-js",
-  "version": "1.0.70",
+  "version": "1.0.73",
   "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

@@ -97,7 +97,9 @@ const DefaultParameters = {
       playoutType: undefined,
       context: undefined,
       hlsjsProfile: true,
-      authorizationToken: undefined
+      authorizationToken: undefined,
+      clipStart: undefined,
+      clipEnd: undefined
     }
   },
   playerOptions: {
@@ -107,6 +109,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 +248,10 @@ export class EluvioPlayer {
   }
 
   async PosterUrl() {
+    if(this.playerOptions.posterUrl) {
+      return this.playerOptions.posterUrl;
+    }
+
     const client = await this.Client();
 
     try {
@@ -277,7 +284,15 @@ export class EluvioPlayer {
   async PlayoutOptions() {
     const client = await this.Client();
 
-    let offeringURI;
+    let offeringURI, options = {};
+    if(this.sourceOptions.playoutParameters.clipStart || this.sourceOptions.playoutParameters.clipEnd) {
+      options.clip_start = parseFloat(this.sourceOptions.playoutParameters.clipStart || 0);
+
+      if(this.sourceOptions.playoutParameters.clipEnd) {
+        options.clip_end = parseFloat(this.sourceOptions.playoutParameters.clipEnd);
+      }
+    }
+
     if(this.sourceOptions.playoutParameters.directLink) {
       const availableOfferings = await client.AvailableOfferings({
         objectId: this.sourceOptions.playoutParameters.objectId,
@@ -297,7 +312,8 @@ export class EluvioPlayer {
 
       if(!this.sourceOptions.playoutOptions) {
         this.sourceOptions.playoutOptions = await client.PlayoutOptions({
-          offeringURI
+          offeringURI,
+          options
         });
 
         window.playoutOptions = this.sourceOptions.playoutOptions;
@@ -305,7 +321,8 @@ export class EluvioPlayer {
     } else {
       if(!this.sourceOptions.playoutOptions) {
         this.sourceOptions.playoutOptions = await client.PlayoutOptions({
-          ...this.sourceOptions.playoutParameters
+          ...this.sourceOptions.playoutParameters,
+          options
         });
 
         window.playoutOptions = this.sourceOptions.playoutOptions;
@@ -610,12 +627,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
           });