bigscreen-player 8.2.1 → 8.2.3

package/dist/esm/{imscsubtitles-5bdbcdb9.js → imscsubtitles-1ea8981b.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-b47cafcf.js';
+import { f as findSegmentTemplate, L as LoadUrl, a as DebugToolInstance, P as Plugins, U as Utils, D as DOMHelpers } from './main-73f2cc27.js';
 
 const SEGMENTS_BUFFER_SIZE = 3;
 const LOAD_ERROR_COUNT_MAX = 3;

package/dist/esm/{legacysubtitles-9a2eaf33.js → legacysubtitles-01c656c7.js}

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

package/dist/esm/{main-b47cafcf.js → main-73f2cc27.js}

@@ -722,8 +722,6 @@ class DebugViewController {
             case EntryCategory.TRACE:
                 formattedData = this.serialiseTrace(entry);
                 break;
-            default:
-                throw new TypeError(`Unrecognised Entry Category: ${category}`);
         }
         const sessionTime = new Date(entry.sessionTime);
         const formatedSessionTime = `${formatDate(sessionTime)}.${zeroPadMs(sessionTime.getUTCMilliseconds())}`;
@@ -738,8 +736,6 @@ class DebugViewController {
                 return `Info: ${data}`;
             case "warning":
                 return `Warning: ${data}`;
-            default:
-                throw new TypeError(`Unrecognised message level '${kind}'`);
         }
     }
     serialiseTime(time) {
@@ -750,6 +746,11 @@ class DebugViewController {
         var _a;
         const { currentElementTime, kind, data } = trace;
         switch (kind) {
+            case "apicall": {
+                const { functionName, functionArgs } = data;
+                const argsPart = functionArgs.length === 0 ? "" : ` with args [${functionArgs.join(", ")}]`;
+                return `Called '${functionName}${argsPart}'`;
+            }
             case "buffered-ranges": {
                 const buffered = data.buffered.map(([start, end]) => `${start.toFixed(2)} - ${end.toFixed(2)}`).join(", ");
                 return `Buffered ${data.kind}: [${buffered}] at current time ${currentElementTime.toFixed(2)}`;
@@ -760,14 +761,20 @@ class DebugViewController {
                 const { eventType, eventTarget } = data;
                 return `Event: '${eventType}' from ${eventTarget}`;
             }
+            case "gap": {
+                const { from, to } = data;
+                return `Gap from ${from} to ${to}`;
+            }
             case "session-start":
                 return `Playback session started at ${new Date(data).toISOString().replace("T", " ")}`;
             case "session-end":
                 return `Playback session ended at ${new Date(data).toISOString().replace("T", " ")}`;
+            case "quota-exceeded": {
+                const { bufferLevel, time } = data;
+                return `Quota exceeded with buffer level ${bufferLevel} at chunk start time ${time}`;
+            }
             case "state-change":
                 return `Event: ${invertedMediaState[data]}`;
-            default:
-                throw new TypeError(`Unrecognised trace kind: ${kind}`);
         }
     }
     serialiseStaticEntry(entry) {
@@ -808,7 +815,7 @@ class DebugViewController {
             const [qualityIndex, bitrate] = data;
             return `${qualityIndex} (${bitrate} kbps)`;
         }
-        return data.join(", ");
+        return data.join(", ");
     }
     render() {
         DebugView.render({
@@ -903,8 +910,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 +1124,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 +1138,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 +5688,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 +5767,8 @@ function BasicStrategy(mediaSources, windowType, mediaKind, playbackElement) {
   }
 
   function onTimeUpdate() {
+    DebugToolInstance.updateElementTime(mediaElement.currentTime);
+
     publishTimeUpdate();
   }
 
@@ -5928,7 +5941,7 @@ BasicStrategy.getLiveSupport = () => LiveSupport.SEEKABLE;
 function StrategyPicker() {
   return new Promise((resolve, reject) => {
     if (window.bigscreenPlayer.playbackStrategy === PlaybackStrategy.MSE) {
-      return import('./msestrategy-ee4a8101.js')
+      return import('./msestrategy-1d2f62f6.js')
         .then(({ default: MSEStrategy }) => resolve(MSEStrategy))
         .catch(() => {
           reject({ error: "strategyDynamicLoadError" });
@@ -6375,7 +6388,7 @@ function CallCallbacks(callbacks, data) {
     }
 }
 
-var Version = "8.2.1";
+var Version = "8.2.3";
 
 var sourceList;
 var source;
@@ -7726,7 +7739,7 @@ function Subtitles(mediaPlayer, autoStart, playbackElement, defaultStyleOpts, me
 
   if (available()) {
     if (useLegacySubs) {
-      import('./legacysubtitles-9a2eaf33.js')
+      import('./legacysubtitles-01c656c7.js')
         .then(({ default: LegacySubtitles }) => {
           subtitlesContainer = LegacySubtitles(mediaPlayer, autoStart, playbackElement, mediaSources, defaultStyleOpts);
           callback(subtitlesEnabled);
@@ -7735,7 +7748,7 @@ function Subtitles(mediaPlayer, autoStart, playbackElement, defaultStyleOpts, me
           Plugins.interface.onSubtitlesDynamicLoadError();
         });
     } else {
-      import('./imscsubtitles-5bdbcdb9.js')
+      import('./imscsubtitles-1ea8981b.js')
         .then(({ default: IMSCSubtitles }) => {
           subtitlesContainer = IMSCSubtitles(mediaPlayer, autoStart, playbackElement, mediaSources, defaultStyleOpts);
           callback(subtitlesEnabled);
@@ -7857,8 +7870,6 @@ function BigscreenPlayer() {
 
   function mediaStateUpdateCallback(evt) {
     if (evt.timeUpdate) {
-      DebugToolInstance.updateElementTime(evt.data.currentTime);
-
       CallCallbacks(timeUpdateCallbacks, {
         currentTime: evt.data.currentTime,
         endOfStream,

package/dist/esm/main.d.ts

@@ -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-b47cafcf.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-73f2cc27.js';

package/dist/esm/{msestrategy-ee4a8101.js → msestrategy-1d2f62f6.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-b47cafcf.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-73f2cc27.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.1",
+  "version": "8.2.3",
   "type": "module",
   "description": "Simplified media playback for bigscreen devices.",
   "main": "dist/esm/main.js",