bigscreen-player 8.2.0 → 8.2.2

package/dist/esm/{imscsubtitles-119375e3.js → imscsubtitles-1ade53b5.js}

@@ -1,5 +1,5 @@
 import { fromXML, generateISD, renderHTML } from 'smp-imsc';
-import { f as findSegmentTemplate, L as LoadUrl, a as DebugToolInstance, P as Plugins, U as Utils, D as DOMHelpers } from './main-3159416c.js';
+import { f as findSegmentTemplate, L as LoadUrl, a as DebugToolInstance, P as Plugins, U as Utils, D as DOMHelpers } from './main-98c741f8.js';
 
 const SEGMENTS_BUFFER_SIZE = 3;
 const LOAD_ERROR_COUNT_MAX = 3;

package/dist/esm/{legacysubtitles-6de060f9.js → legacysubtitles-c0af01e0.js}

@@ -1,4 +1,4 @@
-import { D as DOMHelpers, a as DebugToolInstance, P as Plugins, L as LoadUrl, T as TransportControlPosition } from './main-3159416c.js';
+import { D as DOMHelpers, a as DebugToolInstance, P as Plugins, L as LoadUrl, T as TransportControlPosition } from './main-98c741f8.js';
 
 /**
  * Safely checks if an attribute exists on an element.

package/dist/esm/{main-3159416c.js → main-98c741f8.js}

@@ -903,8 +903,7 @@ function DebugTool() {
         chronicle.setCurrentElementTime(seconds);
     }
     function apicall(functionName, functionArgs = []) {
-        const argsPart = functionArgs.length === 0 ? "" : ` with args [${functionArgs.join(", ")}]`;
-        debug(`Called '${functionName}${argsPart}'`);
+        chronicle.trace("apicall", { functionName, functionArgs });
     }
     function buffered(kind, buffered) {
         chronicle.trace("buffered-ranges", { kind, buffered });
@@ -1118,6 +1117,8 @@ function LegacyPlayerAdapter(mediaSources, windowType, playbackElement, isUHD, p
   }
 
   function onTimeUpdate(event) {
+    DebugToolInstance.updateElementTime(event.currentTime);
+
     isPaused = false;
 
     // Note: Multiple consecutive CDN failover logic
@@ -1130,6 +1131,7 @@ function LegacyPlayerAdapter(mediaSources, windowType, playbackElement, isUHD, p
     // Must publish this time update before checkSeekSucceded - which could cause a pause event
     // This is a device specific event ordering issue.
     publishTimeUpdate();
+
     if ((handleErrorOnExitingSeek || delayPauseOnExitSeek) && exitingSeek) {
       checkSeekSucceeded(event.seekableRange.start, event.currentTime);
     }
@@ -5679,14 +5681,16 @@ function BasicStrategy(mediaSources, windowType, mediaKind, playbackElement) {
   }
 
   function load(_mimeType, startTime) {
-    if (!mediaElement) {
+    if (mediaElement == null) {
       setUpMediaElement(startTime);
       setUpMediaListeners();
-    } else {
-      mediaElement.src = mediaSources.currentSource();
-      setStartTime(startTime);
-      mediaElement.load();
+
+      return
     }
+
+    mediaElement.src = mediaSources.currentSource();
+    setStartTime(startTime);
+    mediaElement.load();
   }
 
   function setUpMediaElement(startTime) {
@@ -5756,6 +5760,8 @@ function BasicStrategy(mediaSources, windowType, mediaKind, playbackElement) {
   }
 
   function onTimeUpdate() {
+    DebugToolInstance.updateElementTime(mediaElement.currentTime);
+
     publishTimeUpdate();
   }
 
@@ -5928,7 +5934,7 @@ BasicStrategy.getLiveSupport = () => LiveSupport.SEEKABLE;
 function StrategyPicker() {
   return new Promise((resolve, reject) => {
     if (window.bigscreenPlayer.playbackStrategy === PlaybackStrategy.MSE) {
-      return import('./msestrategy-01ed7ba0.js')
+      return import('./msestrategy-9bfd05cd.js')
         .then(({ default: MSEStrategy }) => resolve(MSEStrategy))
         .catch(() => {
           reject({ error: "strategyDynamicLoadError" });
@@ -6375,7 +6381,7 @@ function CallCallbacks(callbacks, data) {
     }
 }
 
-var Version = "8.2.0";
+var Version = "8.2.2";
 
 var sourceList;
 var source;
@@ -7726,7 +7732,7 @@ function Subtitles(mediaPlayer, autoStart, playbackElement, defaultStyleOpts, me
 
   if (available()) {
     if (useLegacySubs) {
-      import('./legacysubtitles-6de060f9.js')
+      import('./legacysubtitles-c0af01e0.js')
         .then(({ default: LegacySubtitles }) => {
           subtitlesContainer = LegacySubtitles(mediaPlayer, autoStart, playbackElement, mediaSources, defaultStyleOpts);
           callback(subtitlesEnabled);
@@ -7735,7 +7741,7 @@ function Subtitles(mediaPlayer, autoStart, playbackElement, defaultStyleOpts, me
           Plugins.interface.onSubtitlesDynamicLoadError();
         });
     } else {
-      import('./imscsubtitles-119375e3.js')
+      import('./imscsubtitles-1ade53b5.js')
         .then(({ default: IMSCSubtitles }) => {
           subtitlesContainer = IMSCSubtitles(mediaPlayer, autoStart, playbackElement, mediaSources, defaultStyleOpts);
           callback(subtitlesEnabled);
@@ -8000,10 +8006,10 @@ function BigscreenPlayer() {
      * @function
      * @name init
      * @param {HTMLDivElement} playbackElement - The Div element where content elements should be rendered
-     * @param {import("./types").InitData} bigscreenPlayerData
+     * @param {InitData} bigscreenPlayerData
      * @param {WindowTypes} newWindowType
      * @param {boolean} enableSubtitles - Enable subtitles on initialisation
-     * @param {import("./types").InitCallbacks} callbacks
+     * @param {InitCallbacks} callbacks
      */
     init: (newPlaybackElement, bigscreenPlayerData, newWindowType, enableSubtitles, callbacks = {}) => {
       playbackElement = newPlaybackElement;
@@ -8327,7 +8333,7 @@ function BigscreenPlayer() {
     /**
      * Customise the rendered subitles style
      *
-     * @param {import("./types").SubtitlesCustomisationOptions} styleOpts
+     * @param {SubtitlesCustomisationOptions} styleOpts
      */
     customiseSubtitles: (styleOpts) => {
       if (subtitles) {
@@ -8339,7 +8345,7 @@ function BigscreenPlayer() {
      * Render an example subtitles string with a given style and location
      *
      * @param {string} xmlString - EBU-TT-D compliant XML String
-     * @param {import("./types").SubtitlesCustomisationOptions} styleOpts
+     * @param {SubtitlesCustomisationOptions} styleOpts
      * @param {DOMRect} safePosition
      */
     renderSubtitleExample: (xmlString, styleOpts, safePosition) => {

package/dist/esm/main.d.ts

@@ -73,10 +73,10 @@ declare function BigscreenPlayer(): {
      * @function
      * @name init
      * @param {HTMLDivElement} playbackElement - The Div element where content elements should be rendered
-     * @param {import("./types").InitData} bigscreenPlayerData
+     * @param {InitData} bigscreenPlayerData
      * @param {WindowTypes} newWindowType
      * @param {boolean} enableSubtitles - Enable subtitles on initialisation
-     * @param {import("./types").InitCallbacks} callbacks
+     * @param {InitCallbacks} callbacks
      */
     init: (newPlaybackElement: any, bigscreenPlayerData: InitData, newWindowType: WindowTypes, enableSubtitles: boolean, callbacks?: InitCallbacks) => void;
     /**
@@ -244,14 +244,14 @@ declare function BigscreenPlayer(): {
     /**
      * Customise the rendered subitles style
      *
-     * @param {import("./types").SubtitlesCustomisationOptions} styleOpts
+     * @param {SubtitlesCustomisationOptions} styleOpts
      */
     customiseSubtitles: (styleOpts: SubtitlesCustomisationOptions) => void;
     /**
      * Render an example subtitles string with a given style and location
      *
      * @param {string} xmlString - EBU-TT-D compliant XML String
-     * @param {import("./types").SubtitlesCustomisationOptions} styleOpts
+     * @param {SubtitlesCustomisationOptions} styleOpts
      * @param {DOMRect} safePosition
      */
     renderSubtitleExample: (xmlString: string, styleOpts: SubtitlesCustomisationOptions, safePosition: DOMRect) => void;
@@ -481,6 +481,7 @@ type FramesDropped = CreateMetric<"frames-dropped", number>;
 type InitialPlaybackTime = CreateMetric<"initial-playback-time", number>;
 type MediaElementEnded = CreateMetric<"ended", HTMLMediaElement["ended"]>;
 type MediaElementPaused = CreateMetric<"paused", HTMLMediaElement["paused"]>;
+type MediaElementPlaybackRate = CreateMetric<"playback-rate", HTMLMediaElement["playbackRate"]>;
 type MediaElementReadyState = CreateMetric<"ready-state", HTMLMediaElement["readyState"]>;
 type MediaElementSeeking = CreateMetric<"seeking", HTMLMediaElement["seeking"]>;
 type PlaybackStrategy = CreateMetric<"strategy", string>;
@@ -490,7 +491,7 @@ type SeekableRange = CreateMetric<"seekable-range", [start: number, end: number]
 type SubtitleCDNsAvailable = CreateMetric<"subtitle-cdns-available", string[]>;
 type SubtitleCurrentUrl = CreateMetric<"subtitle-current-url", string>;
 type Version = CreateMetric<"version", string>;
-type Metric = AutoResume | BitRate | BufferLength | CDNsAvailable | CurrentUrl | Duration | FramesDropped | InitialPlaybackTime | MediaElementEnded | MediaElementPaused | MediaElementReadyState | MediaElementSeeking | PlaybackStrategy | RepresentationAudio | RepresentationVideo | SeekableRange | SubtitleCDNsAvailable | SubtitleCurrentUrl | Version;
+type Metric = AutoResume | BitRate | BufferLength | CDNsAvailable | CurrentUrl | Duration | FramesDropped | InitialPlaybackTime | MediaElementEnded | MediaElementPaused | MediaElementPlaybackRate | MediaElementReadyState | MediaElementSeeking | PlaybackStrategy | RepresentationAudio | RepresentationVideo | SeekableRange | SubtitleCDNsAvailable | SubtitleCurrentUrl | Version;
 type MetricKind = Metric["kind"];
 type MetricForKind<Kind extends MetricKind> = Extract<Metric, {
     kind: Kind;
@@ -501,6 +502,10 @@ type CreateTrace<Kind extends string, Data extends Primitives | Record<string, P
     kind: Kind;
     data: Data;
 };
+type ApiCall = CreateTrace<"apicall", {
+    functionName: string;
+    functionArgs: any[];
+}>;
 type BufferedRanges = CreateTrace<"buffered-ranges", {
     kind: MediaKinds;
     buffered: [start: number, end: number][];
@@ -524,7 +529,7 @@ type QuotaExceeded = CreateTrace<"quota-exceeded", {
 type SessionStart = CreateTrace<"session-start", number>;
 type SessionEnd = CreateTrace<"session-end", number>;
 type StateChange = CreateTrace<"state-change", MediaState>;
-type Trace = BufferedRanges | Error | Event | Gap | QuotaExceeded | SessionStart | SessionEnd | StateChange;
+type Trace = ApiCall | BufferedRanges | Error | Event | Gap | QuotaExceeded | SessionStart | SessionEnd | StateChange;
 type TraceKind = Trace["kind"];
 type TraceForKind<Kind extends TraceKind> = Extract<Trace, {
     kind: Kind;
@@ -576,8 +581,8 @@ declare const DebugToolInstance: {
     info: (...parts: any[]) => void;
     statechange: (value: MediaState) => void;
     warn: (...parts: any[]) => void;
-    dynamicMetric: <Kind extends "auto-resume" | "bitrate" | "buffer-length" | "cdns-available" | "current-url" | "duration" | "frames-dropped" | "initial-playback-time" | "ended" | "paused" | "ready-state" | "seeking" | "strategy" | "representation-audio" | "representation-video" | "seekable-range" | "subtitle-cdns-available" | "subtitle-current-url" | "version">(kind: Kind, data: MetricForKind<Kind>["data"]) => void;
-    staticMetric: <Kind_1 extends "auto-resume" | "bitrate" | "buffer-length" | "cdns-available" | "current-url" | "duration" | "frames-dropped" | "initial-playback-time" | "ended" | "paused" | "ready-state" | "seeking" | "strategy" | "representation-audio" | "representation-video" | "seekable-range" | "subtitle-cdns-available" | "subtitle-current-url" | "version">(kind: Kind_1, data: MetricForKind<Kind_1>["data"]) => void;
+    dynamicMetric: <Kind extends "auto-resume" | "bitrate" | "buffer-length" | "cdns-available" | "current-url" | "duration" | "frames-dropped" | "initial-playback-time" | "ended" | "paused" | "playback-rate" | "ready-state" | "seeking" | "strategy" | "representation-audio" | "representation-video" | "seekable-range" | "subtitle-cdns-available" | "subtitle-current-url" | "version">(kind: Kind, data: MetricForKind<Kind>["data"]) => void;
+    staticMetric: <Kind_1 extends "auto-resume" | "bitrate" | "buffer-length" | "cdns-available" | "current-url" | "duration" | "frames-dropped" | "initial-playback-time" | "ended" | "paused" | "playback-rate" | "ready-state" | "seeking" | "strategy" | "representation-audio" | "representation-video" | "seekable-range" | "subtitle-cdns-available" | "subtitle-current-url" | "version">(kind: Kind_1, data: MetricForKind<Kind_1>["data"]) => void;
     hide: () => void;
     show: () => void;
     setRootElement: (element: HTMLElement) => void;

package/dist/esm/main.js

@@ -1 +1 @@
-export { B as BigscreenPlayer, a as DebugTool, E as EntryCategory, b as LiveSupport, c as MediaKinds, M as MediaState, g as MockBigscreenPlayer, h as PauseTriggers, i as PlaybackStrategy, j as TransferFormat, T as TransportControlPosition, W as WindowTypes, k as isMessage, l as isMetric, m as isTrace } from './main-3159416c.js';
+export { B as BigscreenPlayer, a as DebugTool, E as EntryCategory, b as LiveSupport, c as MediaKinds, M as MediaState, g as MockBigscreenPlayer, h as PauseTriggers, i as PlaybackStrategy, j as TransferFormat, T as TransportControlPosition, W as WindowTypes, k as isMessage, l as isMetric, m as isTrace } from './main-98c741f8.js';

package/dist/esm/{msestrategy-01ed7ba0.js → msestrategy-9bfd05cd.js}

@@ -1,5 +1,5 @@
 import { MediaPlayer } from 'dashjs/index_mediaplayerOnly';
-import { W as WindowTypes, U as Utils, D as DOMHelpers, b as LiveSupport, a as DebugToolInstance, M as MediaState, P as Plugins, c as MediaKinds, d as TimeUtils, e as DynamicWindowUtils } from './main-3159416c.js';
+import { W as WindowTypes, U as Utils, D as DOMHelpers, b as LiveSupport, a as DebugToolInstance, M as MediaState, P as Plugins, c as MediaKinds, d as TimeUtils, e as DynamicWindowUtils } from './main-98c741f8.js';
 
 function filter(manifest, representationOptions) {
   const constantFps = representationOptions.constantFps;
@@ -325,13 +325,6 @@ function MSEStrategy(mediaSources, windowType, mediaKind, playbackElement, isUHD
     onBuffering();
   }
 
-  function onStalled() {
-    DebugToolInstance.event("stalled", "MediaElement");
-    DebugToolInstance.dynamicMetric("ready-state", mediaElement.readyState);
-
-    getBufferedRanges().map(({ kind, buffered }) => DebugToolInstance.buffered(kind, buffered));
-  }
-
   function onEnded() {
     DebugToolInstance.event("ended", "MediaElement");
     DebugToolInstance.dynamicMetric("ended", mediaElement.ended);
@@ -341,7 +334,13 @@ function MSEStrategy(mediaSources, windowType, mediaKind, playbackElement, isUHD
     publishMediaState(MediaState.ENDED);
   }
 
+  function onRateChange() {
+    DebugToolInstance.dynamicMetric("playback-rate", mediaElement.playbackRate);
+  }
+
   function onTimeUpdate() {
+    DebugToolInstance.updateElementTime(mediaElement.currentTime);
+
     const currentMpdTimeSeconds =
       windowType === WindowTypes.SLIDING
         ? mediaPlayer.getDashMetrics().getCurrentDVRInfo(mediaKind)?.time
@@ -368,7 +367,8 @@ function MSEStrategy(mediaSources, windowType, mediaKind, playbackElement, isUHD
     }
 
     if (event.error && event.error.message) {
-      DebugToolInstance.info(`MSE Error: ${event.error.message} Code: ${event.error.code}`);
+      DebugToolInstance.error(`${event.error.message} (code: ${event.error.code})`);
+
       lastError = event.error;
 
       // Don't raise an error on fragment download error
@@ -648,6 +648,7 @@ function MSEStrategy(mediaSources, windowType, mediaKind, playbackElement, isUHD
   function setUpMediaListeners() {
     DebugToolInstance.dynamicMetric("ended", mediaElement.ended);
     DebugToolInstance.dynamicMetric("paused", mediaElement.paused);
+    DebugToolInstance.dynamicMetric("playback-rate", mediaElement.playbackRate);
     DebugToolInstance.dynamicMetric("ready-state", mediaElement.readyState);
     DebugToolInstance.dynamicMetric("seeking", mediaElement.seeking);
 
@@ -661,7 +662,7 @@ function MSEStrategy(mediaSources, windowType, mediaKind, playbackElement, isUHD
     mediaElement.addEventListener("seeking", onSeeking);
     mediaElement.addEventListener("seeked", onSeeked);
     mediaElement.addEventListener("ended", onEnded);
-    mediaElement.addEventListener("stalled", onStalled);
+    mediaElement.addEventListener("ratechange", onRateChange);
     mediaPlayer.on(DashJSEvents.ERROR, onError);
     mediaPlayer.on(DashJSEvents.MANIFEST_LOADED, onManifestLoaded);
     mediaPlayer.on(DashJSEvents.STREAM_INITIALIZED, onStreamInitialised);
@@ -793,7 +794,7 @@ function MSEStrategy(mediaSources, windowType, mediaKind, playbackElement, isUHD
       mediaElement.removeEventListener("seeking", onSeeking);
       mediaElement.removeEventListener("seeked", onSeeked);
       mediaElement.removeEventListener("ended", onEnded);
-      mediaElement.removeEventListener("stalled", onStalled);
+      mediaElement.removeEventListener("ratechange", onRateChange);
       mediaPlayer.off(DashJSEvents.ERROR, onError);
       mediaPlayer.off(DashJSEvents.MANIFEST_LOADED, onManifestLoaded);
       mediaPlayer.off(DashJSEvents.MANIFEST_VALIDITY_CHANGED, onManifestValidityChange);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bigscreen-player",
-  "version": "8.2.0",
+  "version": "8.2.2",
   "type": "module",
   "description": "Simplified media playback for bigscreen devices.",
   "main": "dist/esm/main.js",