bigscreen-player 10.18.0 → 10.18.2

package/dist/esm/{embeddedsubtitles-4a1d9b28.js → embeddedsubtitles-7787b82d.js}

@@ -1,5 +1,5 @@
 import { fromXML, generateISD, renderHTML } from 'smp-imsc';
-import { U as Utils, a as DebugTool, P as Plugins, D as DOMHelpers } from './main-77218006.js';
+import { U as Utils, a as DebugTool, P as Plugins, D as DOMHelpers } from './main-9a4a8d0d.js';
 import 'tslib';
 
 function EmbeddedSubtitles(mediaPlayer, parentElement, { autoStart = false, defaultStyleOpts = {} } = {}) {

package/dist/esm/{imscsubtitles-d7839115.js → imscsubtitles-dbab6019.js}

@@ -1,5 +1,5 @@
 import { fromXML, generateISD, renderHTML } from 'smp-imsc';
-import { f as findSegmentTemplate, L as LoadUrl, a as DebugTool, P as Plugins, U as Utils, D as DOMHelpers } from './main-77218006.js';
+import { f as findSegmentTemplate, L as LoadUrl, a as DebugTool, P as Plugins, U as Utils, D as DOMHelpers } from './main-9a4a8d0d.js';
 import 'tslib';
 
 const SEGMENTS_BUFFER_SIZE = 3;

package/dist/esm/{legacysubtitles-873c21e0.js → legacysubtitles-93c4d399.js}

@@ -1,4 +1,4 @@
-import { D as DOMHelpers, a as DebugTool, P as Plugins, L as LoadUrl, T as TransportControlPosition } from './main-77218006.js';
+import { D as DOMHelpers, a as DebugTool, P as Plugins, L as LoadUrl, T as TransportControlPosition } from './main-9a4a8d0d.js';
 import 'tslib';
 
 /**

package/dist/esm/{main-77218006.js → main-9a4a8d0d.js}

@@ -354,6 +354,22 @@ class DebugViewController {
         this.dynamicEntries = [];
         this.latestMetricByKey = {};
     }
+    isFrameStat(metric) {
+        const { kind } = metric;
+        return kind === "frames-dropped" || kind === "frames-total";
+    }
+    mergeFrameStat(entry) {
+        const prevEntry = this.latestMetricByKey.frames == null
+            ? { category: "union", kind: "frames", data: {} }
+            : this.latestMetricByKey.frames;
+        const { sessionTime, currentElementTime, kind: metricKind, data: metricData } = entry;
+        const keyForKind = {
+            "frames-dropped": "dropped",
+            "frames-total": "total",
+        };
+        return Object.assign(Object.assign({}, prevEntry), { sessionTime,
+            currentElementTime, data: Object.assign(Object.assign({}, prevEntry.data), { [keyForKind[metricKind]]: metricData }) });
+    }
     isMediaState(metric) {
         const { kind } = metric;
         const mediaStateMetrics = ["ended", "paused", "playback-rate", "ready-state", "seeking"];
@@ -417,6 +433,10 @@ class DebugViewController {
         const { category, kind } = entry;
         switch (category) {
             case EntryCategory.METRIC:
+                if (this.isFrameStat(entry)) {
+                    this.cacheStaticEntry(this.mergeFrameStat(entry));
+                    return;
+                }
                 if (this.isMediaState(entry)) {
                     this.cacheStaticEntry(this.mergeMediaState(entry));
                     return;
@@ -554,7 +574,7 @@ class DebugViewController {
         return parsedValue == null ? null : { id: kind, key: parsedKey, value: parsedValue };
     }
     serialiseMetric({ kind, data }) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         if (typeof data !== "object") {
             return data;
         }
@@ -603,6 +623,12 @@ class DebugViewController {
             const bitratePart = ((((_e = data.audio) !== null && _e !== void 0 ? _e : 0) + ((_f = data.video) !== null && _f !== void 0 ? _f : 0)) / 1000).toFixed(0);
             return `${bitratePart} kbps`;
         }
+        if (kind === "frames") {
+            if (data.total == null) {
+                return null;
+            }
+            return `${((((_g = data.dropped) !== null && _g !== void 0 ? _g : 0) / data.total) * 100).toFixed(2)}% dropped (${data.dropped}/${data.total})`;
+        }
         return data.join(", ");
     }
     render() {
@@ -5710,7 +5736,7 @@ BasicStrategy.getLiveSupport = () => LiveSupport.SEEKABLE;
 function StrategyPicker() {
   return new Promise((resolve, reject) => {
     if (window.bigscreenPlayer.playbackStrategy === PlaybackStrategy.MSE) {
-      return import('./msestrategy-0dc4e53f.js')
+      return import('./msestrategy-d83b4fae.js')
         .then(({ default: MSEStrategy }) => resolve(MSEStrategy))
         .catch((reason) => {
           const error = new Error(isError(reason) ? reason.message : undefined);
@@ -6544,7 +6570,7 @@ const PauseTriggers = {
     DEVICE: 3,
 };
 
-var Version = "10.18.0";
+var Version = "10.18.2";
 
 /* eslint-disable no-use-before-define */
 
@@ -7736,7 +7762,7 @@ function Subtitles(
 
   if (available()) {
     if (useLegacySubs) {
-      import('./legacysubtitles-873c21e0.js')
+      import('./legacysubtitles-93c4d399.js')
         .then(({ default: LegacySubtitles }) => {
           subtitlesContainer = LegacySubtitles(mediaPlayer, playbackElement, mediaSources, {
             alwaysOnTop,
@@ -7750,7 +7776,7 @@ function Subtitles(
           Plugins.interface.onSubtitlesDynamicLoadError();
         });
     } else if (embeddedSubs) {
-      import('./embeddedsubtitles-4a1d9b28.js')
+      import('./embeddedsubtitles-7787b82d.js')
         .then(({ default: EmbeddedSubtitles }) => {
           subtitlesContainer = EmbeddedSubtitles(mediaPlayer, playbackElement, {
             autoStart,
@@ -7763,7 +7789,7 @@ function Subtitles(
           Plugins.interface.onSubtitlesDynamicLoadError();
         });
     } else {
-      import('./imscsubtitles-d7839115.js')
+      import('./imscsubtitles-dbab6019.js')
         .then(({ default: IMSCSubtitles }) => {
           subtitlesContainer = IMSCSubtitles(mediaPlayer, playbackElement, mediaSources, {
             alwaysOnTop,

package/dist/esm/main.d.ts

@@ -467,6 +467,7 @@ type CurrentLatency = CreateMetric<"current-latency", number>;
 type CurrentUrl = CreateMetric<"current-url", string>;
 type Duration = CreateMetric<"duration", number>;
 type FramesDropped = CreateMetric<"frames-dropped", number>;
+type FramesTotal = CreateMetric<"frames-total", number>;
 type InitialPlaybackTime = CreateMetric<"initial-playback-time", [time: number, timeline: Timeline]>;
 type MediaElementEnded = CreateMetric<"ended", HTMLMediaElement["ended"]>;
 type MediaElementPaused = CreateMetric<"paused", HTMLMediaElement["paused"]>;
@@ -482,7 +483,7 @@ type Version = CreateMetric<"version", string>;
 type VideoDownloadQuality = CreateMetric<"video-download-quality", [qualityIndex: number, bitrate: number]>;
 type VideoPlaybackQuality = CreateMetric<"video-playback-quality", [qualityIndex: number, bitrate: number]>;
 type VideoMaxQuality = CreateMetric<"video-max-quality", [qualityIndex: number, bitrate: number]>;
-type Metric = AudioDownloadQuality | AudioMaxQuality | AudioPlaybackQuality | AutoResume | BufferLength | CDNsAvailable | CurrentLatency | CurrentUrl | Duration | FramesDropped | InitialPlaybackTime | MediaElementEnded | MediaElementPaused | MediaElementPlaybackRate | MediaElementReadyState | MediaElementSeeking | PlaybackStrategy | SeekableRange | SubtitleCDNsAvailable | SubtitleCurrentUrl | TargetLatency | Version | VideoDownloadQuality | VideoMaxQuality | VideoPlaybackQuality;
+type Metric = AudioDownloadQuality | AudioMaxQuality | AudioPlaybackQuality | AutoResume | BufferLength | CDNsAvailable | CurrentLatency | CurrentUrl | Duration | FramesDropped | FramesTotal | InitialPlaybackTime | MediaElementEnded | MediaElementPaused | MediaElementPlaybackRate | MediaElementReadyState | MediaElementSeeking | PlaybackStrategy | SeekableRange | SubtitleCDNsAvailable | SubtitleCurrentUrl | TargetLatency | Version | VideoDownloadQuality | VideoMaxQuality | VideoPlaybackQuality;
 type MetricKind = Metric["kind"];
 type MetricForKind<Kind extends MetricKind> = Extract<Metric, {
     kind: Kind;
@@ -601,8 +602,8 @@ declare const DebugTool: {
     }) => void;
     statechange: (value: MediaState) => void;
     warn: (...parts: any[]) => void;
-    dynamicMetric: <Kind extends "audio-download-quality" | "audio-max-quality" | "audio-playback-quality" | "auto-resume" | "buffer-length" | "cdns-available" | "current-latency" | "current-url" | "duration" | "frames-dropped" | "initial-playback-time" | "ended" | "paused" | "playback-rate" | "ready-state" | "seeking" | "strategy" | "seekable-range" | "subtitle-cdns-available" | "subtitle-current-url" | "target-latency" | "version" | "video-download-quality" | "video-max-quality" | "video-playback-quality">(kind: Kind, data: MetricForKind<Kind>["data"]) => void;
-    staticMetric: <Kind_1 extends "audio-download-quality" | "audio-max-quality" | "audio-playback-quality" | "auto-resume" | "buffer-length" | "cdns-available" | "current-latency" | "current-url" | "duration" | "frames-dropped" | "initial-playback-time" | "ended" | "paused" | "playback-rate" | "ready-state" | "seeking" | "strategy" | "seekable-range" | "subtitle-cdns-available" | "subtitle-current-url" | "target-latency" | "version" | "video-download-quality" | "video-max-quality" | "video-playback-quality">(kind: Kind_1, data: MetricForKind<Kind_1>["data"]) => void;
+    dynamicMetric: <Kind extends "audio-download-quality" | "audio-max-quality" | "audio-playback-quality" | "auto-resume" | "buffer-length" | "cdns-available" | "current-latency" | "current-url" | "duration" | "frames-dropped" | "frames-total" | "initial-playback-time" | "ended" | "paused" | "playback-rate" | "ready-state" | "seeking" | "strategy" | "seekable-range" | "subtitle-cdns-available" | "subtitle-current-url" | "target-latency" | "version" | "video-download-quality" | "video-max-quality" | "video-playback-quality">(kind: Kind, data: MetricForKind<Kind>["data"]) => void;
+    staticMetric: <Kind_1 extends "audio-download-quality" | "audio-max-quality" | "audio-playback-quality" | "auto-resume" | "buffer-length" | "cdns-available" | "current-latency" | "current-url" | "duration" | "frames-dropped" | "frames-total" | "initial-playback-time" | "ended" | "paused" | "playback-rate" | "ready-state" | "seeking" | "strategy" | "seekable-range" | "subtitle-cdns-available" | "subtitle-current-url" | "target-latency" | "version" | "video-download-quality" | "video-max-quality" | "video-playback-quality">(kind: Kind_1, data: MetricForKind<Kind_1>["data"]) => void;
     hide: () => void;
     show: () => void;
     setRootElement: (element: HTMLElement) => void;

package/dist/esm/main.js

@@ -1,2 +1,2 @@
-export { B as BigscreenPlayer, a as DebugTool, E as EntryCategory, b as LiveSupport, c as ManifestType, M as MediaKinds, d as MediaState, g as MockBigscreenPlayer, h as PauseTriggers, i as PlaybackStrategy, k as Timeline, j as TransferFormat, T as TransportControlPosition, W as WindowTypes, l as isMessage, m as isMetric, n as isTrace } from './main-77218006.js';
+export { B as BigscreenPlayer, a as DebugTool, E as EntryCategory, b as LiveSupport, c as ManifestType, M as MediaKinds, d as MediaState, g as MockBigscreenPlayer, h as PauseTriggers, i as PlaybackStrategy, k as Timeline, j as TransferFormat, T as TransportControlPosition, W as WindowTypes, l as isMessage, m as isMetric, n as isTrace } from './main-9a4a8d0d.js';
 import 'tslib';

package/dist/esm/{msestrategy-0dc4e53f.js → msestrategy-d83b4fae.js}

@@ -1,5 +1,5 @@
 import { MediaPlayer } from 'dashjs/index';
-import { U as Utils, M as MediaKinds, b as LiveSupport, a as DebugTool, c as ManifestType, P as Plugins, d as MediaState, e as autoResumeAtStartOfRange, D as DOMHelpers } from './main-77218006.js';
+import { U as Utils, M as MediaKinds, b as LiveSupport, a as DebugTool, c as ManifestType, P as Plugins, d as MediaState, e as autoResumeAtStartOfRange, D as DOMHelpers } from './main-9a4a8d0d.js';
 import 'tslib';
 
 function filter(manifest, representationOptions) {

package/package.json

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