@eluvio/elv-player-js 1.0.71 → 1.0.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eluvio/elv-player-js",
-  "version": "1.0.71",
+  "version": "1.0.74",
   "description": "![Eluvio Logo](src/static/images/Logo.png \"Eluvio Logo\")",
   "main": "src/index.js",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "hls.js": "^1.0.4",
     "lodash": "^4.17.21",
     "resize-observer-polyfill": "^1.5.1",
-    "urijs": "^1.19.7",
+    "urijs": "^1.19.11",
     "url-join": "^4.0.1"
   },
   "devDependencies": {
@@ -72,20 +72,20 @@
     "html-webpack-inline-source-plugin": "0.0.10",
     "html-webpack-plugin": "^3.2.0",
     "image-webpack-loader": "^4.6.0",
-    "node-sass": "^4.13.1",
     "postcss-loader": "^3.0.0",
     "pre-commit": "^1.2.2",
     "raw-loader": "^0.5.1",
     "regenerator-runtime": "^0.12.1",
+    "sass": "^1.51.0",
     "sass-lint": "^1.12.1",
     "sass-lint-auto-fix": "^0.21.0",
-    "sass-loader": "^7.1.0",
+    "sass-loader": "^10.2.1",
     "source-map-loader": "^0.2.4",
     "style-loader": "^0.22.1",
     "svg-inline-loader": "^0.8.0",
     "svg-inline-react": "^3.1.0",
     "uuid": "^7.0.2",
-    "webpack": "^4.29.6",
+    "webpack": "^4.46.0",
     "webpack-bundle-analyzer": "^3.3.2",
     "webpack-cli": "^3.3.0",
     "webpack-dev-server": "^3.11.2"

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: {
@@ -282,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,
@@ -302,7 +312,8 @@ export class EluvioPlayer {
 
       if(!this.sourceOptions.playoutOptions) {
         this.sourceOptions.playoutOptions = await client.PlayoutOptions({
-          offeringURI
+          offeringURI,
+          options
         });
 
         window.playoutOptions = this.sourceOptions.playoutOptions;
@@ -310,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;
@@ -615,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
           });