@memberjunction/ng-media-player 0.0.1 → 5.44.0

package/dist/lib/media-player/waveform-utils.js

@@ -0,0 +1,108 @@
+/**
+ * Pure, framework-agnostic waveform math for the media player.
+ *
+ * These helpers turn a raw mono PCM channel (a `Float32Array` of sample amplitudes,
+ * typically in the `[-1, 1]` range that the Web Audio API produces) into a small,
+ * fixed-size array of normalized `0..1` peak values — one per rendered waveform bar.
+ *
+ * They carry no DOM / Angular / `AudioContext` dependency so they can be unit-tested
+ * in isolation, mirroring how `cue-utils.ts` splits the cue math out of the component.
+ */
+/** The default number of bars a waveform renders at. */
+export const DEFAULT_WAVEFORM_BARS = 160;
+/**
+ * Downsamples a raw mono sample buffer into `barCount` per-bucket amplitudes and
+ * normalizes the result to `0..1` (the loudest bucket becomes `1`).
+ *
+ * The samples are partitioned into `barCount` contiguous, (near-)equal buckets in
+ * index order; each bucket is reduced to one amplitude via `aggregation`:
+ *  - `'max-abs'` (default) — the maximum absolute sample in the bucket (crisp peaks),
+ *  - `'rms'` — the root-mean-square of the bucket (smoother, energy-weighted).
+ *
+ * Edge cases:
+ *  - empty / null input → an array of `barCount` zeros,
+ *  - fewer samples than bars → every sample still lands in a bucket; trailing empty
+ *    buckets are `0` (no out-of-bounds reads),
+ *  - a silent or constant-zero buffer → all zeros (normalization is skipped when the
+ *    peak is `0`, so we never divide by zero).
+ *
+ * @param samples raw mono channel data (e.g. `AudioBuffer.getChannelData(0)`)
+ * @param barCount number of output bars (clamped to `>= 1`)
+ * @param aggregation per-bucket reducer (default `'max-abs'`)
+ * @returns a `barCount`-length array of normalized `0..1` peaks
+ */
+export function downsamplePeaks(samples, barCount = DEFAULT_WAVEFORM_BARS, aggregation = 'max-abs') {
+    const bars = Math.max(1, Math.floor(barCount));
+    const length = samples ? samples.length : 0;
+    if (length === 0) {
+        return new Array(bars).fill(0);
+    }
+    const raw = aggregateBuckets(samples, length, bars, aggregation);
+    return normalizePeaks(raw);
+}
+/**
+ * Reduces a sample buffer to `bars` per-bucket amplitudes (un-normalized).
+ * Buckets are contiguous and index-ordered; the last bucket absorbs any remainder.
+ */
+function aggregateBuckets(samples, length, bars, aggregation) {
+    const out = new Array(bars).fill(0);
+    const bucketSize = length / bars;
+    for (let b = 0; b < bars; b++) {
+        const start = Math.floor(b * bucketSize);
+        const end = b === bars - 1 ? length : Math.floor((b + 1) * bucketSize);
+        out[b] = reduceBucket(samples, start, end, aggregation);
+    }
+    return out;
+}
+/** Reduces one bucket `[start, end)` of `samples` to a single amplitude. */
+function reduceBucket(samples, start, end, aggregation) {
+    if (end <= start) {
+        return 0;
+    }
+    if (aggregation === 'rms') {
+        let sumSquares = 0;
+        for (let i = start; i < end; i++) {
+            const v = samples[i];
+            sumSquares += v * v;
+        }
+        return Math.sqrt(sumSquares / (end - start));
+    }
+    // 'max-abs'
+    let peak = 0;
+    for (let i = start; i < end; i++) {
+        const v = Math.abs(samples[i]);
+        if (v > peak) {
+            peak = v;
+        }
+    }
+    return peak;
+}
+/**
+ * Normalizes an array of non-negative amplitudes to `0..1` by dividing by the maximum.
+ * Returns a copy. When the maximum is `0` (silence) or non-finite, returns the values
+ * clamped to `[0, 1]` without scaling (so an all-zero input stays all-zero).
+ */
+export function normalizePeaks(values) {
+    let max = 0;
+    for (const v of values) {
+        const a = Math.abs(v);
+        if (a > max) {
+            max = a;
+        }
+    }
+    if (max <= 0 || !isFinite(max)) {
+        return values.map((v) => clamp01(v));
+    }
+    return values.map((v) => clamp01(Math.abs(v) / max));
+}
+/** Clamps a number to the `[0, 1]` range. */
+export function clamp01(v) {
+    if (!isFinite(v) || v < 0) {
+        return 0;
+    }
+    if (v > 1) {
+        return 1;
+    }
+    return v;
+}
+//# sourceMappingURL=waveform-utils.js.map

package/dist/lib/media-player/waveform-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"waveform-utils.js","sourceRoot":"","sources":["../../../src/lib/media-player/waveform-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Pure, framework-agnostic waveform math for the media player.\n *\n * These helpers turn a raw mono PCM channel (a `Float32Array` of sample amplitudes,\n * typically in the `[-1, 1]` range that the Web Audio API produces) into a small,\n * fixed-size array of normalized `0..1` peak values — one per rendered waveform bar.\n *\n * They carry no DOM / Angular / `AudioContext` dependency so they can be unit-tested\n * in isolation, mirroring how `cue-utils.ts` splits the cue math out of the component.\n */\n\n/** How each downsample bucket is reduced to a single amplitude. */\nexport type WaveformAggregation = 'max-abs' | 'rms';\n\n/** The default number of bars a waveform renders at. */\nexport const DEFAULT_WAVEFORM_BARS = 160;\n\n/**\n * Downsamples a raw mono sample buffer into `barCount` per-bucket amplitudes and\n * normalizes the result to `0..1` (the loudest bucket becomes `1`).\n *\n * The samples are partitioned into `barCount` contiguous, (near-)equal buckets in\n * index order; each bucket is reduced to one amplitude via `aggregation`:\n *  - `'max-abs'` (default) — the maximum absolute sample in the bucket (crisp peaks),\n *  - `'rms'` — the root-mean-square of the bucket (smoother, energy-weighted).\n *\n * Edge cases:\n *  - empty / null input → an array of `barCount` zeros,\n *  - fewer samples than bars → every sample still lands in a bucket; trailing empty\n *    buckets are `0` (no out-of-bounds reads),\n *  - a silent or constant-zero buffer → all zeros (normalization is skipped when the\n *    peak is `0`, so we never divide by zero).\n *\n * @param samples raw mono channel data (e.g. `AudioBuffer.getChannelData(0)`)\n * @param barCount number of output bars (clamped to `>= 1`)\n * @param aggregation per-bucket reducer (default `'max-abs'`)\n * @returns a `barCount`-length array of normalized `0..1` peaks\n */\nexport function downsamplePeaks(\n  samples: Float32Array | number[] | null | undefined,\n  barCount: number = DEFAULT_WAVEFORM_BARS,\n  aggregation: WaveformAggregation = 'max-abs',\n): number[] {\n  const bars = Math.max(1, Math.floor(barCount));\n  const length = samples ? samples.length : 0;\n  if (length === 0) {\n    return new Array<number>(bars).fill(0);\n  }\n\n  const raw = aggregateBuckets(samples as Float32Array | number[], length, bars, aggregation);\n  return normalizePeaks(raw);\n}\n\n/**\n * Reduces a sample buffer to `bars` per-bucket amplitudes (un-normalized).\n * Buckets are contiguous and index-ordered; the last bucket absorbs any remainder.\n */\nfunction aggregateBuckets(\n  samples: Float32Array | number[],\n  length: number,\n  bars: number,\n  aggregation: WaveformAggregation,\n): number[] {\n  const out = new Array<number>(bars).fill(0);\n  const bucketSize = length / bars;\n\n  for (let b = 0; b < bars; b++) {\n    const start = Math.floor(b * bucketSize);\n    const end = b === bars - 1 ? length : Math.floor((b + 1) * bucketSize);\n    out[b] = reduceBucket(samples, start, end, aggregation);\n  }\n  return out;\n}\n\n/** Reduces one bucket `[start, end)` of `samples` to a single amplitude. */\nfunction reduceBucket(\n  samples: Float32Array | number[],\n  start: number,\n  end: number,\n  aggregation: WaveformAggregation,\n): number {\n  if (end <= start) {\n    return 0;\n  }\n  if (aggregation === 'rms') {\n    let sumSquares = 0;\n    for (let i = start; i < end; i++) {\n      const v = samples[i];\n      sumSquares += v * v;\n    }\n    return Math.sqrt(sumSquares / (end - start));\n  }\n  // 'max-abs'\n  let peak = 0;\n  for (let i = start; i < end; i++) {\n    const v = Math.abs(samples[i]);\n    if (v > peak) {\n      peak = v;\n    }\n  }\n  return peak;\n}\n\n/**\n * Normalizes an array of non-negative amplitudes to `0..1` by dividing by the maximum.\n * Returns a copy. When the maximum is `0` (silence) or non-finite, returns the values\n * clamped to `[0, 1]` without scaling (so an all-zero input stays all-zero).\n */\nexport function normalizePeaks(values: number[]): number[] {\n  let max = 0;\n  for (const v of values) {\n    const a = Math.abs(v);\n    if (a > max) {\n      max = a;\n    }\n  }\n  if (max <= 0 || !isFinite(max)) {\n    return values.map((v) => clamp01(v));\n  }\n  return values.map((v) => clamp01(Math.abs(v) / max));\n}\n\n/** Clamps a number to the `[0, 1]` range. */\nexport function clamp01(v: number): number {\n  if (!isFinite(v) || v < 0) {\n    return 0;\n  }\n  if (v > 1) {\n    return 1;\n  }\n  return v;\n}\n"]}

package/dist/lib/media-player.types.d.ts

@@ -0,0 +1,107 @@
+/**
+ * Public type contracts for the MJ media player components.
+ *
+ * These types are framework-agnostic and carry no MemberJunction-core dependency —
+ * they describe the data the generic {@link MJMediaPlayerComponent} renders and the
+ * shape of its cancelable / informational events.
+ */
+/** Whether a track is rendered with an `<audio>` or `<video>` element. */
+export type MediaKind = 'audio' | 'video';
+/**
+ * The high-level playback lifecycle of the PRIMARY media element, derived from its
+ * native HTMLMediaElement events.
+ *
+ * - `idle`      — no source / nothing happening yet.
+ * - `loading`   — initial fetch of the source (post-`loadstart`, pre-`canplay`); the stage
+ *                 shows a "Loading…" indicator.
+ * - `buffering` — ran out of buffered data mid-playback, or seeking into un-buffered
+ *                 territory (e.g. a ±30s skip or a scrub); the stage shows "Buffering…".
+ * - `ready`     — enough data buffered to play, but not currently playing (post-`canplay`,
+ *                 paused at position).
+ * - `playing`   — actively playing.
+ * - `paused`    — user-paused (distinct from `ready`, which is "ready but never started /
+ *                 stopped at end-of-buffer").
+ * - `ended`     — playback reached the end of the media.
+ * - `error`     — the element raised an `error` (unplayable source, decode failure, etc.).
+ */
+export type MediaPlaybackState = 'idle' | 'loading' | 'buffering' | 'ready' | 'playing' | 'paused' | 'ended' | 'error';
+/**
+ * A single playable media source. A player may receive one or many.
+ * For multiple video tracks the player renders a responsive grid; for a single
+ * audio track it renders the transport bar (optionally with a waveform).
+ */
+export interface MediaTrack {
+    /** Stable identifier — used for `track`-by in the template and event correlation. */
+    Id: string;
+    /** Audio vs. video — drives which element the player creates. */
+    Kind: MediaKind;
+    /** The media URL (http(s) or a blob: object URL). */
+    Url: string;
+    /** Optional MIME type hint (e.g. `audio/mpeg`, `video/mp4`). */
+    MimeType?: string;
+    /** Optional human label (e.g. a speaker / camera name) shown in multi-track layouts. */
+    Label?: string;
+    /** Optional poster image for video tracks shown before playback. */
+    PosterUrl?: string;
+    /**
+     * Optional precomputed waveform peaks — an array of normalized `0..1` amplitude
+     * values, one per rendered bar (left → right across the track's duration).
+     *
+     * This is the **forward path** for server-precomputed peaks + streaming media:
+     * when a track supplies `Peaks`, the player renders them directly and performs
+     * **no client-side decoding** (no fetch, no `AudioContext`). When `Peaks` is
+     * absent (and the waveform is enabled for an audio track), the player extracts
+     * real peaks client-side by decoding {@link Url}; on any decode failure it falls
+     * back to a plain progress bar.
+     *
+     * Values are clamped to `[0, 1]` at render time; provide as many entries as you
+     * like — the player renders one bar per value.
+     */
+    Peaks?: number[];
+}
+/**
+ * A single transcript cue (a span of spoken text tied to a time range).
+ * `EndMs` is optional — when absent, the active-cue window runs until the next cue's `StartMs`.
+ */
+export interface MediaTranscriptCue {
+    /** Stable identifier for the cue. */
+    Id: string;
+    /** Cue start time, in milliseconds from the start of the media. */
+    StartMs: number;
+    /** Optional cue end time, in milliseconds. When omitted, the next cue's start is used. */
+    EndMs?: number;
+    /** Optional speaker label — color-coded in the transcript panel. */
+    SpeakerLabel?: string;
+    /** The spoken text for this cue. */
+    Text: string;
+}
+/**
+ * Base shape for all cancelable "Before*" events. Handlers may set `Cancel = true`
+ * to abort the pending action (mirrors the ng-conversations `beforeAgentTurn` pattern).
+ */
+export interface MediaPlayerCancelableEvent {
+    /** Set to `true` in a handler to prevent the pending action. */
+    Cancel: boolean;
+}
+/** Cancelable seek event. `FromMs`/`ToMs` describe the pending reposition. */
+export interface MediaSeekEvent extends MediaPlayerCancelableEvent {
+    /** Current playback position, in milliseconds, before the seek. */
+    FromMs: number;
+    /** Target playback position, in milliseconds, after the seek. */
+    ToMs: number;
+}
+/** Cancelable playback-rate change event. */
+export interface MediaRateEvent extends MediaPlayerCancelableEvent {
+    /** Current playback rate before the change. */
+    FromRate: number;
+    /** Target playback rate after the change. */
+    ToRate: number;
+}
+/** Informational event carrying a transcript cue and its index. */
+export interface MediaCueEvent {
+    /** The cue involved in the event. */
+    Cue: MediaTranscriptCue;
+    /** The cue's index within the `Transcript` array. */
+    Index: number;
+}
+//# sourceMappingURL=media-player.types.d.ts.map

package/dist/lib/media-player.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-player.types.d.ts","sourceRoot":"","sources":["../../src/lib/media-player.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,0EAA0E;AAC1E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,CAAC;AAEZ;;;;GAIG;AACH,MAAM,WAAW,UAAU;IACzB,qFAAqF;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,iEAAiE;IACjE,IAAI,EAAE,SAAS,CAAC;IAChB,qDAAqD;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,gEAAgE;IAChE,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,8EAA8E;AAC9E,MAAM,WAAW,cAAe,SAAQ,0BAA0B;IAChE,mEAAmE;IACnE,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;CACd;AAED,6CAA6C;AAC7C,MAAM,WAAW,cAAe,SAAQ,0BAA0B;IAChE,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,mEAAmE;AACnE,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,GAAG,EAAE,kBAAkB,CAAC;IACxB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/lib/media-player.types.js

@@ -0,0 +1,9 @@
+/**
+ * Public type contracts for the MJ media player components.
+ *
+ * These types are framework-agnostic and carry no MemberJunction-core dependency —
+ * they describe the data the generic {@link MJMediaPlayerComponent} renders and the
+ * shape of its cancelable / informational events.
+ */
+export {};
+//# sourceMappingURL=media-player.types.js.map

package/dist/lib/media-player.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-player.types.js","sourceRoot":"","sources":["../../src/lib/media-player.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG","sourcesContent":["/**\n * Public type contracts for the MJ media player components.\n *\n * These types are framework-agnostic and carry no MemberJunction-core dependency —\n * they describe the data the generic {@link MJMediaPlayerComponent} renders and the\n * shape of its cancelable / informational events.\n */\n\n/** Whether a track is rendered with an `<audio>` or `<video>` element. */\nexport type MediaKind = 'audio' | 'video';\n\n/**\n * The high-level playback lifecycle of the PRIMARY media element, derived from its\n * native HTMLMediaElement events.\n *\n * - `idle`      — no source / nothing happening yet.\n * - `loading`   — initial fetch of the source (post-`loadstart`, pre-`canplay`); the stage\n *                 shows a \"Loading…\" indicator.\n * - `buffering` — ran out of buffered data mid-playback, or seeking into un-buffered\n *                 territory (e.g. a ±30s skip or a scrub); the stage shows \"Buffering…\".\n * - `ready`     — enough data buffered to play, but not currently playing (post-`canplay`,\n *                 paused at position).\n * - `playing`   — actively playing.\n * - `paused`    — user-paused (distinct from `ready`, which is \"ready but never started /\n *                 stopped at end-of-buffer\").\n * - `ended`     — playback reached the end of the media.\n * - `error`     — the element raised an `error` (unplayable source, decode failure, etc.).\n */\nexport type MediaPlaybackState =\n  | 'idle'\n  | 'loading'\n  | 'buffering'\n  | 'ready'\n  | 'playing'\n  | 'paused'\n  | 'ended'\n  | 'error';\n\n/**\n * A single playable media source. A player may receive one or many.\n * For multiple video tracks the player renders a responsive grid; for a single\n * audio track it renders the transport bar (optionally with a waveform).\n */\nexport interface MediaTrack {\n  /** Stable identifier — used for `track`-by in the template and event correlation. */\n  Id: string;\n  /** Audio vs. video — drives which element the player creates. */\n  Kind: MediaKind;\n  /** The media URL (http(s) or a blob: object URL). */\n  Url: string;\n  /** Optional MIME type hint (e.g. `audio/mpeg`, `video/mp4`). */\n  MimeType?: string;\n  /** Optional human label (e.g. a speaker / camera name) shown in multi-track layouts. */\n  Label?: string;\n  /** Optional poster image for video tracks shown before playback. */\n  PosterUrl?: string;\n  /**\n   * Optional precomputed waveform peaks — an array of normalized `0..1` amplitude\n   * values, one per rendered bar (left → right across the track's duration).\n   *\n   * This is the **forward path** for server-precomputed peaks + streaming media:\n   * when a track supplies `Peaks`, the player renders them directly and performs\n   * **no client-side decoding** (no fetch, no `AudioContext`). When `Peaks` is\n   * absent (and the waveform is enabled for an audio track), the player extracts\n   * real peaks client-side by decoding {@link Url}; on any decode failure it falls\n   * back to a plain progress bar.\n   *\n   * Values are clamped to `[0, 1]` at render time; provide as many entries as you\n   * like — the player renders one bar per value.\n   */\n  Peaks?: number[];\n}\n\n/**\n * A single transcript cue (a span of spoken text tied to a time range).\n * `EndMs` is optional — when absent, the active-cue window runs until the next cue's `StartMs`.\n */\nexport interface MediaTranscriptCue {\n  /** Stable identifier for the cue. */\n  Id: string;\n  /** Cue start time, in milliseconds from the start of the media. */\n  StartMs: number;\n  /** Optional cue end time, in milliseconds. When omitted, the next cue's start is used. */\n  EndMs?: number;\n  /** Optional speaker label — color-coded in the transcript panel. */\n  SpeakerLabel?: string;\n  /** The spoken text for this cue. */\n  Text: string;\n}\n\n/**\n * Base shape for all cancelable \"Before*\" events. Handlers may set `Cancel = true`\n * to abort the pending action (mirrors the ng-conversations `beforeAgentTurn` pattern).\n */\nexport interface MediaPlayerCancelableEvent {\n  /** Set to `true` in a handler to prevent the pending action. */\n  Cancel: boolean;\n}\n\n/** Cancelable seek event. `FromMs`/`ToMs` describe the pending reposition. */\nexport interface MediaSeekEvent extends MediaPlayerCancelableEvent {\n  /** Current playback position, in milliseconds, before the seek. */\n  FromMs: number;\n  /** Target playback position, in milliseconds, after the seek. */\n  ToMs: number;\n}\n\n/** Cancelable playback-rate change event. */\nexport interface MediaRateEvent extends MediaPlayerCancelableEvent {\n  /** Current playback rate before the change. */\n  FromRate: number;\n  /** Target playback rate after the change. */\n  ToRate: number;\n}\n\n/** Informational event carrying a transcript cue and its index. */\nexport interface MediaCueEvent {\n  /** The cue involved in the event. */\n  Cue: MediaTranscriptCue;\n  /** The cue's index within the `Transcript` array. */\n  Index: number;\n}\n"]}

package/dist/lib/storage-media-player/storage-media-player.component.d.ts

@@ -0,0 +1,77 @@
+import { OnInit } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { MediaTrack, MediaTranscriptCue } from '../media-player.types';
+import * as i0 from "@angular/core";
+/**
+ * `mj-storage-media-player` — an MJStorage-bound wrapper around {@link MJMediaPlayerComponent}.
+ *
+ * Resolves one or more MJ Storage file IDs into playable {@link MediaTrack}s by minting a
+ * short-lived authenticated streaming URL per file via the `CreateMediaAccessToken` GraphQL
+ * mutation, and handing those URLs to the generic player. The `<audio>`/`<video>` element
+ * streams each URL natively over HTTP Range (progressive playback + seek-before-download for
+ * large video) instead of base64'ing the whole file over GraphQL. Surfaces graceful loading /
+ * no-access / empty states.
+ *
+ * Waveform peaks: when the recording has a `peaks.json` sidecar in storage, `CreateMediaAccessToken`
+ * returns precomputed peaks and this wrapper sets them on the {@link MediaTrack.Peaks}, so the player
+ * renders the real waveform instantly with NO client-side fetch/decode. When no sidecar exists, audio
+ * waveforms still decode client-side via the streaming URL (the waveform's one-time `fetch(Url)`
+ * issues a no-Range GET, which returns the full file — fine for audio). Video shows the progress bar.
+ */
+export declare class MJStorageMediaPlayerComponent extends BaseAngularComponent implements OnInit {
+    private cdr;
+    /** Convenience single-file id. Combined with {@link FileIDs}; duplicates are de-duped. */
+    set FileID(value: string | null);
+    get FileID(): string | null;
+    private _fileID;
+    /** Multi-track file ids (e.g. separate meeting streams). */
+    set FileIDs(value: string[]);
+    get FileIDs(): string[];
+    private _fileIDs;
+    /** Transcript cues forwarded to the generic player. */
+    Transcript: MediaTranscriptCue[] | null;
+    ShowTranscript: boolean;
+    /** Whether the transcript show/hide toggle button renders. Forwarded to the generic player. */
+    ShowTranscriptToggle: boolean;
+    ShowSpeedControl: boolean;
+    ShowSkipControls: boolean;
+    ShowVolume: boolean;
+    /**
+     * Forwarded to the generic player. On by default — the streaming URL is same-origin (served by
+     * MJAPI) and a no-Range GET returns the full file, so client-side peak extraction decodes cleanly.
+     */
+    ShowWaveform: boolean;
+    ShowFullscreen: boolean;
+    SkipSeconds: number;
+    PlaybackRates: number[];
+    Autoplay: boolean;
+    StartAtMs: number | null;
+    /** Where the transcript sits. Defaults to `'bottom'` (matches the generic player). */
+    TranscriptPosition: 'side' | 'bottom';
+    private _initialized;
+    private _resolvedTracks;
+    private _isLoading;
+    private _accessError;
+    private _resolveToken;
+    get ResolvedTracks(): MediaTrack[];
+    get IsLoading(): boolean;
+    get AccessError(): string | null;
+    get HasFileIds(): boolean;
+    ngOnInit(): Promise<void>;
+    /** Resolves all configured file ids into playable streaming tracks. Re-entrant-safe via a token. */
+    private resolveTracks;
+    /** Mints an authenticated streaming-URL token for one file id via the active provider. */
+    private mintAccessToken;
+    /**
+     * Builds a MediaTrack from the streaming URL. Kind is MIME-derived (defaults to audio). When the
+     * server supplied precomputed waveform `peaks` (from a peaks.json sidecar), they're attached so the
+     * player renders the real waveform instantly with NO extra fetch/decode; otherwise the player
+     * extracts peaks client-side from the streaming URL.
+     */
+    private buildTrack;
+    private collectFileIds;
+    private sameIds;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJStorageMediaPlayerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJStorageMediaPlayerComponent, "mj-storage-media-player", never, { "FileID": { "alias": "FileID"; "required": false; }; "FileIDs": { "alias": "FileIDs"; "required": false; }; "Transcript": { "alias": "Transcript"; "required": false; }; "ShowTranscript": { "alias": "ShowTranscript"; "required": false; }; "ShowTranscriptToggle": { "alias": "ShowTranscriptToggle"; "required": false; }; "ShowSpeedControl": { "alias": "ShowSpeedControl"; "required": false; }; "ShowSkipControls": { "alias": "ShowSkipControls"; "required": false; }; "ShowVolume": { "alias": "ShowVolume"; "required": false; }; "ShowWaveform": { "alias": "ShowWaveform"; "required": false; }; "ShowFullscreen": { "alias": "ShowFullscreen"; "required": false; }; "SkipSeconds": { "alias": "SkipSeconds"; "required": false; }; "PlaybackRates": { "alias": "PlaybackRates"; "required": false; }; "Autoplay": { "alias": "Autoplay"; "required": false; }; "StartAtMs": { "alias": "StartAtMs"; "required": false; }; "TranscriptPosition": { "alias": "TranscriptPosition"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=storage-media-player.component.d.ts.map

package/dist/lib/storage-media-player/storage-media-player.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage-media-player.component.d.ts","sourceRoot":"","sources":["../../../src/lib/storage-media-player/storage-media-player.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,MAAM,EAEP,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;;AAkCvE;;;;;;;;;;;;;;;GAeG;AACH,qBAQa,6BAA8B,SAAQ,oBAAqB,YAAW,MAAM;IACvF,OAAO,CAAC,GAAG,CAA6B;IAMxC,0FAA0F;IAC1F,IACI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAO9B;IACD,IAAI,MAAM,IAAI,MAAM,GAAG,IAAI,CAE1B;IACD,OAAO,CAAC,OAAO,CAAuB;IAEtC,4DAA4D;IAC5D,IACI,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,EAQ1B;IACD,IAAI,OAAO,IAAI,MAAM,EAAE,CAEtB;IACD,OAAO,CAAC,QAAQ,CAAgB;IAEhC,uDAAuD;IAC9C,UAAU,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAQ;IAM/C,cAAc,UAAQ;IAC/B,+FAA+F;IACtF,oBAAoB,UAAQ;IAC5B,gBAAgB,UAAQ;IACxB,gBAAgB,UAAQ;IACxB,UAAU,UAAQ;IAC3B;;;OAGG;IACM,YAAY,UAAQ;IACpB,cAAc,UAAQ;IACtB,WAAW,SAAM;IACjB,aAAa,EAAE,MAAM,EAAE,CAA0B;IACjD,QAAQ,UAAS;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IACzC,sFAAsF;IAC7E,kBAAkB,EAAE,MAAM,GAAG,QAAQ,CAAY;IAM1D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAAoB;IAC3C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,aAAa,CAAK;IAE1B,IAAI,cAAc,IAAI,UAAU,EAAE,CAEjC;IACD,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,WAAW,IAAI,MAAM,GAAG,IAAI,CAE/B;IACD,IAAI,UAAU,IAAI,OAAO,CAExB;IAEK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAS/B,oGAAoG;YACtF,aAAa;IA2C3B,0FAA0F;YAC5E,eAAe;IAY7B;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,OAAO;yCA1LJ,6BAA6B;2CAA7B,6BAA6B;CAgMzC"}

package/dist/lib/storage-media-player/storage-media-player.component.js

@@ -0,0 +1,283 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LogError } from '@memberjunction/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { MJMediaPlayerComponent } from '../media-player/media-player.component';
+import * as i0 from "@angular/core";
+function MJStorageMediaPlayerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "i", 4);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Loading recording\u2026");
+    i0.ɵɵelementEnd()();
+} }
+function MJStorageMediaPlayerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "i", 5);
+    i0.ɵɵelementStart(2, "div", 6)(3, "span", 7);
+    i0.ɵɵtext(4, "This recording isn't available \u2014 you may not have access.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 8);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r0.AccessError);
+} }
+function MJStorageMediaPlayerComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 9);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No recording to play.");
+    i0.ɵɵelementEnd()();
+} }
+function MJStorageMediaPlayerComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-media-player", 3);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Tracks", ctx_r0.ResolvedTracks)("Transcript", ctx_r0.Transcript)("ShowTranscript", ctx_r0.ShowTranscript)("ShowTranscriptToggle", ctx_r0.ShowTranscriptToggle)("ShowSpeedControl", ctx_r0.ShowSpeedControl)("ShowSkipControls", ctx_r0.ShowSkipControls)("ShowVolume", ctx_r0.ShowVolume)("ShowWaveform", ctx_r0.ShowWaveform)("ShowFullscreen", ctx_r0.ShowFullscreen)("SkipSeconds", ctx_r0.SkipSeconds)("PlaybackRates", ctx_r0.PlaybackRates)("Autoplay", ctx_r0.Autoplay)("StartAtMs", ctx_r0.StartAtMs)("TranscriptPosition", ctx_r0.TranscriptPosition);
+} }
+/**
+ * The exact GraphQL mutation this wrapper consumes. Mints a short-lived signed token (after a
+ * server-side per-user permission check) and returns the authenticated `/media/<fileId>?token=`
+ * streaming URL — which `<audio>`/`<video>` stream natively with HTTP Range (seek-before-download).
+ */
+const CREATE_MEDIA_ACCESS_TOKEN_MUTATION = `mutation CreateMediaAccessToken($fileId: String!) {
+  CreateMediaAccessToken(fileId: $fileId) {
+    Success
+    Url
+    ExpiresAt
+    MimeType
+    Peaks
+    ErrorMessage
+  }
+}`;
+/**
+ * `mj-storage-media-player` — an MJStorage-bound wrapper around {@link MJMediaPlayerComponent}.
+ *
+ * Resolves one or more MJ Storage file IDs into playable {@link MediaTrack}s by minting a
+ * short-lived authenticated streaming URL per file via the `CreateMediaAccessToken` GraphQL
+ * mutation, and handing those URLs to the generic player. The `<audio>`/`<video>` element
+ * streams each URL natively over HTTP Range (progressive playback + seek-before-download for
+ * large video) instead of base64'ing the whole file over GraphQL. Surfaces graceful loading /
+ * no-access / empty states.
+ *
+ * Waveform peaks: when the recording has a `peaks.json` sidecar in storage, `CreateMediaAccessToken`
+ * returns precomputed peaks and this wrapper sets them on the {@link MediaTrack.Peaks}, so the player
+ * renders the real waveform instantly with NO client-side fetch/decode. When no sidecar exists, audio
+ * waveforms still decode client-side via the streaming URL (the waveform's one-time `fetch(Url)`
+ * issues a no-Range GET, which returns the full file — fine for audio). Video shows the progress bar.
+ */
+export class MJStorageMediaPlayerComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    // ---------------------------------------------------------------------------
+    // Inputs — file resolution
+    // ---------------------------------------------------------------------------
+    /** Convenience single-file id. Combined with {@link FileIDs}; duplicates are de-duped. */
+    set FileID(value) {
+        if (value !== this._fileID) {
+            this._fileID = value;
+            if (this._initialized) {
+                void this.resolveTracks();
+            }
+        }
+    }
+    get FileID() {
+        return this._fileID;
+    }
+    _fileID = null;
+    /** Multi-track file ids (e.g. separate meeting streams). */
+    set FileIDs(value) {
+        const next = value ?? [];
+        if (!this.sameIds(next, this._fileIDs)) {
+            this._fileIDs = next;
+            if (this._initialized) {
+                void this.resolveTracks();
+            }
+        }
+    }
+    get FileIDs() {
+        return this._fileIDs;
+    }
+    _fileIDs = [];
+    /** Transcript cues forwarded to the generic player. */
+    Transcript = null;
+    // ---------------------------------------------------------------------------
+    // Inputs — pass-through feature flags (forwarded to the generic player)
+    // ---------------------------------------------------------------------------
+    ShowTranscript = true;
+    /** Whether the transcript show/hide toggle button renders. Forwarded to the generic player. */
+    ShowTranscriptToggle = true;
+    ShowSpeedControl = true;
+    ShowSkipControls = true;
+    ShowVolume = true;
+    /**
+     * Forwarded to the generic player. On by default — the streaming URL is same-origin (served by
+     * MJAPI) and a no-Range GET returns the full file, so client-side peak extraction decodes cleanly.
+     */
+    ShowWaveform = true;
+    ShowFullscreen = true;
+    SkipSeconds = 30;
+    PlaybackRates = [0.5, 1, 1.25, 1.5, 2];
+    Autoplay = false;
+    StartAtMs = null;
+    /** Where the transcript sits. Defaults to `'bottom'` (matches the generic player). */
+    TranscriptPosition = 'bottom';
+    // ---------------------------------------------------------------------------
+    // State
+    // ---------------------------------------------------------------------------
+    _initialized = false;
+    _resolvedTracks = [];
+    _isLoading = false;
+    _accessError = null;
+    _resolveToken = 0;
+    get ResolvedTracks() {
+        return this._resolvedTracks;
+    }
+    get IsLoading() {
+        return this._isLoading;
+    }
+    get AccessError() {
+        return this._accessError;
+    }
+    get HasFileIds() {
+        return this.collectFileIds().length > 0;
+    }
+    async ngOnInit() {
+        this._initialized = true;
+        await this.resolveTracks();
+    }
+    // ---------------------------------------------------------------------------
+    // Resolution
+    // ---------------------------------------------------------------------------
+    /** Resolves all configured file ids into playable streaming tracks. Re-entrant-safe via a token. */
+    async resolveTracks() {
+        const ids = this.collectFileIds();
+        const token = ++this._resolveToken;
+        // start fresh
+        this._resolvedTracks = [];
+        this._accessError = null;
+        if (ids.length === 0) {
+            this._isLoading = false;
+            this.cdr.markForCheck();
+            return;
+        }
+        this._isLoading = true;
+        this.cdr.markForCheck();
+        const tracks = [];
+        let firstError = null;
+        for (const id of ids) {
+            const result = await this.mintAccessToken(id);
+            if (token !== this._resolveToken) {
+                return; // a newer resolution superseded this one
+            }
+            if (result && result.Success && result.Url) {
+                tracks.push(this.buildTrack(id, result.Url, result.MimeType ?? null, result.Peaks ?? null));
+            }
+            else if (!firstError) {
+                firstError = result?.ErrorMessage || 'This recording is not available.';
+            }
+        }
+        if (token !== this._resolveToken) {
+            return;
+        }
+        this._resolvedTracks = tracks;
+        // Only surface the no-access state when NOTHING resolved.
+        this._accessError = tracks.length === 0 ? firstError : null;
+        this._isLoading = false;
+        this.cdr.markForCheck();
+    }
+    /** Mints an authenticated streaming-URL token for one file id via the active provider. */
+    async mintAccessToken(fileId) {
+        try {
+            const provider = this.ProviderToUse;
+            const data = await provider.ExecuteGQL(CREATE_MEDIA_ACCESS_TOKEN_MUTATION, { fileId });
+            const payload = data?.CreateMediaAccessToken;
+            return payload ?? null;
+        }
+        catch (err) {
+            LogError(`CreateMediaAccessToken failed for file '${fileId}': ${err instanceof Error ? err.message : String(err)}`);
+            return { Success: false, ErrorMessage: 'Unable to load this recording.' };
+        }
+    }
+    /**
+     * Builds a MediaTrack from the streaming URL. Kind is MIME-derived (defaults to audio). When the
+     * server supplied precomputed waveform `peaks` (from a peaks.json sidecar), they're attached so the
+     * player renders the real waveform instantly with NO extra fetch/decode; otherwise the player
+     * extracts peaks client-side from the streaming URL.
+     */
+    buildTrack(fileId, url, mimeType, peaks) {
+        const mime = mimeType || undefined;
+        const track = {
+            Id: fileId,
+            Kind: mime && mime.startsWith('video') ? 'video' : 'audio',
+            Url: url,
+            MimeType: mime,
+        };
+        if (Array.isArray(peaks) && peaks.length > 0) {
+            track.Peaks = peaks;
+        }
+        return track;
+    }
+    collectFileIds() {
+        const ids = [];
+        if (this._fileID) {
+            ids.push(this._fileID);
+        }
+        for (const id of this._fileIDs) {
+            if (id && !ids.includes(id)) {
+                ids.push(id);
+            }
+        }
+        return ids;
+    }
+    sameIds(a, b) {
+        if (a.length !== b.length) {
+            return false;
+        }
+        return a.every((v, i) => v === b[i]);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJStorageMediaPlayerComponent_BaseFactory; return function MJStorageMediaPlayerComponent_Factory(__ngFactoryType__) { return (ɵMJStorageMediaPlayerComponent_BaseFactory || (ɵMJStorageMediaPlayerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MJStorageMediaPlayerComponent)))(__ngFactoryType__ || MJStorageMediaPlayerComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJStorageMediaPlayerComponent, selectors: [["mj-storage-media-player"]], inputs: { FileID: "FileID", FileIDs: "FileIDs", Transcript: "Transcript", ShowTranscript: "ShowTranscript", ShowTranscriptToggle: "ShowTranscriptToggle", ShowSpeedControl: "ShowSpeedControl", ShowSkipControls: "ShowSkipControls", ShowVolume: "ShowVolume", ShowWaveform: "ShowWaveform", ShowFullscreen: "ShowFullscreen", SkipSeconds: "SkipSeconds", PlaybackRates: "PlaybackRates", Autoplay: "Autoplay", StartAtMs: "StartAtMs", TranscriptPosition: "TranscriptPosition" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 1, consts: [["role", "status", "aria-live", "polite", 1, "mj-storage-media-state"], ["role", "alert", 1, "mj-storage-media-state", "mj-storage-media-state--error"], ["role", "status", 1, "mj-storage-media-state"], [3, "Tracks", "Transcript", "ShowTranscript", "ShowTranscriptToggle", "ShowSpeedControl", "ShowSkipControls", "ShowVolume", "ShowWaveform", "ShowFullscreen", "SkipSeconds", "PlaybackRates", "Autoplay", "StartAtMs", "TranscriptPosition"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-notch", "fa-spin", "mj-storage-media-state__icon"], ["aria-hidden", "true", 1, "fa-solid", "fa-lock", "mj-storage-media-state__icon"], [1, "mj-storage-media-state__body"], [1, "mj-storage-media-state__title"], [1, "mj-storage-media-state__detail"], ["aria-hidden", "true", 1, "fa-solid", "fa-film", "mj-storage-media-state__icon"]], template: function MJStorageMediaPlayerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, MJStorageMediaPlayerComponent_Conditional_0_Template, 4, 0, "div", 0)(1, MJStorageMediaPlayerComponent_Conditional_1_Template, 7, 1, "div", 1)(2, MJStorageMediaPlayerComponent_Conditional_2_Template, 4, 0, "div", 2)(3, MJStorageMediaPlayerComponent_Conditional_3_Template, 1, 14, "mj-media-player", 3);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsLoading ? 0 : ctx.AccessError ? 1 : !ctx.HasFileIds || ctx.ResolvedTracks.length === 0 ? 2 : 3);
+        } }, dependencies: [CommonModule, MJMediaPlayerComponent], styles: ["[_nghost-%COMP%] {\n  display: block;\n  width: 100%;\n}\n\n.mj-storage-media-state[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 1.5rem 1rem;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n}\n\n.mj-storage-media-state__icon[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n}\n\n.mj-storage-media-state--error[_ngcontent-%COMP%] {\n  color: var(--mj-status-error-text);\n  background: var(--mj-status-error-bg);\n  border-color: var(--mj-status-error-border);\n}\n\n.mj-storage-media-state__body[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n  min-width: 0;\n}\n\n.mj-storage-media-state__title[_ngcontent-%COMP%] {\n  font-weight: 600;\n}\n\n.mj-storage-media-state__detail[_ngcontent-%COMP%] {\n  font-size: 0.8125rem;\n  opacity: 0.85;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fa-spin[_ngcontent-%COMP%] {\n    animation: none;\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJStorageMediaPlayerComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-storage-media-player', standalone: true, imports: [CommonModule, MJMediaPlayerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (IsLoading) {\n  <div class=\"mj-storage-media-state\" role=\"status\" aria-live=\"polite\">\n    <i class=\"fa-solid fa-circle-notch fa-spin mj-storage-media-state__icon\" aria-hidden=\"true\"></i>\n    <span>Loading recording&hellip;</span>\n  </div>\n} @else if (AccessError) {\n  <div class=\"mj-storage-media-state mj-storage-media-state--error\" role=\"alert\">\n    <i class=\"fa-solid fa-lock mj-storage-media-state__icon\" aria-hidden=\"true\"></i>\n    <div class=\"mj-storage-media-state__body\">\n      <span class=\"mj-storage-media-state__title\">This recording isn't available \u2014 you may not have access.</span>\n      <span class=\"mj-storage-media-state__detail\">{{ AccessError }}</span>\n    </div>\n  </div>\n} @else if (!HasFileIds || ResolvedTracks.length === 0) {\n  <div class=\"mj-storage-media-state\" role=\"status\">\n    <i class=\"fa-solid fa-film mj-storage-media-state__icon\" aria-hidden=\"true\"></i>\n    <span>No recording to play.</span>\n  </div>\n} @else {\n  <mj-media-player\n    [Tracks]=\"ResolvedTracks\"\n    [Transcript]=\"Transcript\"\n    [ShowTranscript]=\"ShowTranscript\"\n    [ShowTranscriptToggle]=\"ShowTranscriptToggle\"\n    [ShowSpeedControl]=\"ShowSpeedControl\"\n    [ShowSkipControls]=\"ShowSkipControls\"\n    [ShowVolume]=\"ShowVolume\"\n    [ShowWaveform]=\"ShowWaveform\"\n    [ShowFullscreen]=\"ShowFullscreen\"\n    [SkipSeconds]=\"SkipSeconds\"\n    [PlaybackRates]=\"PlaybackRates\"\n    [Autoplay]=\"Autoplay\"\n    [StartAtMs]=\"StartAtMs\"\n    [TranscriptPosition]=\"TranscriptPosition\"\n  ></mj-media-player>\n}\n", styles: [":host {\n  display: block;\n  width: 100%;\n}\n\n.mj-storage-media-state {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 1.5rem 1rem;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n}\n\n.mj-storage-media-state__icon {\n  font-size: 1.25rem;\n}\n\n.mj-storage-media-state--error {\n  color: var(--mj-status-error-text);\n  background: var(--mj-status-error-bg);\n  border-color: var(--mj-status-error-border);\n}\n\n.mj-storage-media-state__body {\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n  min-width: 0;\n}\n\n.mj-storage-media-state__title {\n  font-weight: 600;\n}\n\n.mj-storage-media-state__detail {\n  font-size: 0.8125rem;\n  opacity: 0.85;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fa-spin {\n    animation: none;\n  }\n}\n"] }]
+    }], null, { FileID: [{
+            type: Input
+        }], FileIDs: [{
+            type: Input
+        }], Transcript: [{
+            type: Input
+        }], ShowTranscript: [{
+            type: Input
+        }], ShowTranscriptToggle: [{
+            type: Input
+        }], ShowSpeedControl: [{
+            type: Input
+        }], ShowSkipControls: [{
+            type: Input
+        }], ShowVolume: [{
+            type: Input
+        }], ShowWaveform: [{
+            type: Input
+        }], ShowFullscreen: [{
+            type: Input
+        }], SkipSeconds: [{
+            type: Input
+        }], PlaybackRates: [{
+            type: Input
+        }], Autoplay: [{
+            type: Input
+        }], StartAtMs: [{
+            type: Input
+        }], TranscriptPosition: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJStorageMediaPlayerComponent, { className: "MJStorageMediaPlayerComponent", filePath: "src/lib/storage-media-player/storage-media-player.component.ts", lineNumber: 72 }); })();
+//# sourceMappingURL=storage-media-player.component.js.map