@mediakind/mkplayer 1.0.10 → 1.0.11

package/src/MKPlayer.ts

@@ -24,7 +24,7 @@ export class MKPlayer {
    */
   constructor(containerElement: HTMLElement, mkPlayerConfiguration: MKPlayerConfiguration) {
     let playerConfig: PlayerConfig = {
-      key: '84dc4716-55f9-43fa-ae8e-6fa334c5189b',
+      key: mkPlayerConfiguration.key,
       playback: {
         autoplay: mkPlayerConfiguration.autoplay,
         muted: mkPlayerConfiguration.muted,
@@ -56,18 +56,42 @@ export class MKPlayer {
       },
     };
 
-    let player = new Player(containerElement, playerConfig);
+    if (mkPlayerConfiguration.ui === false) {
+      playerConfig.ui = false;
+    }
 
-    if (mkPlayerConfiguration.smallScreen) {
-      UIFactory.buildDefaultSmallScreenUI(player);
-    } else {
-      UIFactory.buildDefaultUI(player);
+    if (mkPlayerConfiguration.targetLatency > 0) {
+      playerConfig.live = {
+        lowLatency: {
+          targetLatency: mkPlayerConfiguration.targetLatency,
+          catchup: {
+            playbackRateThreshold: 0.075,
+            seekThreshold: 12,
+            playbackRate: 1.2,
+          },
+          fallback: {
+            playbackRateThreshold: 0.075,
+            seekThreshold: 12,
+            playbackRate: 0.8,
+          },
+        },
+      };
+    }
+
+    let player = new Player(containerElement, playerConfig);
+    if (mkPlayerConfiguration.ui !== false) {
+      if (mkPlayerConfiguration.smallScreen) {
+        UIFactory.buildDefaultSmallScreenUI(player);
+      } else {
+        UIFactory.buildDefaultUI(player);
+      }
     }
 
     if (mkPlayerConfiguration.debug) {
       Logger.enable();
     }
 
+
     this.player = player;
 
     console.log('%c MKPlayer ' + this.version() + ' www.mediakind.com', 'color: blue');
@@ -190,6 +214,22 @@ export class MKPlayer {
     };
   }
 
+  /**
+   * sets the target latency during live playback
+   * @param latency
+   */
+  setTargetLatency(latency: number) {
+    this.player.lowlatency.setTargetLatency(latency);
+  }
+
+  /**
+   * sets the target latency during live playback
+   * @param latency
+   */
+  getLatency(): number {
+    return this.player.lowlatency.getLatency();
+  }
+
   /**
    * mutes the player
    */
@@ -197,6 +237,13 @@ export class MKPlayer {
     this.player.mute();
   }
 
+  /**
+   * gets the current playback speed
+   */
+  playbackSpeed(): number {
+    return this.player.getPlaybackSpeed();
+  }
+
   /**
    * unmute the player
    */
@@ -282,6 +329,12 @@ export class MKPlayer {
       case MKEvent.Unloaded:
         playerEventType = PlayerEvent.SourceUnloaded;
         break;
+      case MKEvent.Metadata:
+        playerEventType = PlayerEvent.Metadata;
+        break;
+      case MKEvent.MetadataParsed:
+        playerEventType = PlayerEvent.MetadataParsed;
+        break;
     }
 
     return playerEventType;

package/src/MKPlayerConfiguration.ts

@@ -21,4 +21,19 @@ export interface MKPlayerConfiguration {
    * Boolean indicating if the player should load the small screen ui
    */
   smallScreen: boolean;
+
+  /**
+   * Boolean to enable / disable ui
+   */
+  ui: boolean;
+
+  /**
+   * number of seconds the player attempts to stay behind the live point
+   */
+  targetLatency: number;
+
+  /**
+   * license key for the video player
+   */
+  key: string;
 }

package/src/events/MKEvent.ts

@@ -13,4 +13,6 @@ export enum MKEvent {
   QualityChanged = 'qualitychanged',
   SegmentPlayback = 'segmentplayback',
   Unloaded = 'unloaded',
+  MetadataParsed = 'metadataparsed',
+  Metadata = 'metadata',
 }