@mango-iiif/av 0.0.2 → 0.1.0

package/dist/chunk-ZRPA2VFR.js

@@ -0,0 +1,218 @@
+import {
+  escapeHtml
+} from "./chunk-HOISQL65.js";
+
+// src/components/media-chrome.ts
+var registration;
+var languageRegistrations = /* @__PURE__ */ new Map();
+var loadLanguage = (language) => {
+  const normalized = language.toLowerCase();
+  const code = normalized === "zh-cn" || normalized === "zh-tw" ? normalized : normalized.split("-")[0] ?? normalized;
+  if (languageRegistrations.has(code)) return languageRegistrations.get(code);
+  const pending = (() => {
+    switch (code) {
+      case "de":
+        return import("media-chrome/lang/de");
+      case "es":
+        return import("media-chrome/lang/es");
+      case "fr":
+        return import("media-chrome/lang/fr");
+      case "pt":
+        return import("media-chrome/lang/pt");
+      case "zh-cn":
+        return import("media-chrome/lang/zh-CN");
+      case "zh-tw":
+        return import("media-chrome/lang/zh-TW");
+      default:
+        return void 0;
+    }
+  })();
+  if (pending) languageRegistrations.set(code, pending);
+  return pending;
+};
+var ensureMediaChrome = async (language) => {
+  if (language) await loadLanguage(language);
+  registration ??= import("media-chrome");
+  await registration;
+};
+
+// src/components/audio-art.ts
+var audioArtTranscriptHtml = (label, cues, enabled) => {
+  if (!enabled || cues.length === 0) return `<span class="audio-art-title">${escapeHtml(label)}</span>`;
+  return `<div class="audio-art-transcript" aria-live="polite" aria-label="${escapeHtml(label)}">
+    ${cues.map((cue) => `<div class="audio-art-cue" data-audio-cue data-start="${cue.start ?? ""}" data-end="${cue.end ?? cue.start ?? ""}">${cue.speaker ? `<span class="audio-art-speaker">${escapeHtml(cue.speaker)}</span>` : ""}<span>${escapeHtml(cue.text)}</span></div>`).join("")}
+  </div>`;
+};
+var resolveAudioVisualizerMode = (value) => value === true ? "pulse" : value || void 0;
+var audioArtContentHtml = (label, cues, transcriptEnabled, visualizerMode) => `<div class="audio-art-text">${audioArtTranscriptHtml(label, cues, transcriptEnabled)}</div>${visualizerMode === "waveform" || visualizerMode === "spectrum" ? `<canvas class="audio-art-visualizer-canvas" aria-hidden="true"></canvas>` : ""}`;
+var syncAudioArtTranscript = (root, time, instant = false) => {
+  const cues = [...root.querySelectorAll("[data-audio-cue]")];
+  if (cues.length === 0) return;
+  const transcript = root.querySelector(".audio-art-transcript");
+  if (instant && transcript) {
+    transcript.classList.add("seeking");
+    requestAnimationFrame(() => transcript.classList.remove("seeking"));
+  }
+  let activeIndex = cues.findIndex((cue) => {
+    const start = Number(cue.dataset.start);
+    const end = Number(cue.dataset.end);
+    return Number.isFinite(start) && time >= start && (!Number.isFinite(end) || time < end);
+  });
+  if (activeIndex < 0) {
+    for (let index = cues.length - 1; index >= 0; index -= 1) {
+      const cue = cues[index];
+      if (cue && Number.isFinite(Number(cue.dataset.start)) && time >= Number(cue.dataset.start)) {
+        activeIndex = index;
+        break;
+      }
+    }
+  }
+  if (activeIndex < 0) activeIndex = 0;
+  cues.forEach((cue, index) => {
+    const offset = index - activeIndex;
+    cue.classList.toggle("active", offset === 0);
+    cue.classList.toggle("adjacent", Math.abs(offset) === 1);
+    cue.toggleAttribute("aria-hidden", offset !== 0);
+    cue.style.opacity = offset === 0 ? "1" : Math.abs(offset) === 1 ? ".2" : "0";
+    cue.style.transform = `translateY(calc(-50% + ${offset * 4.25}rem))`;
+    cue.style.visibility = Math.abs(offset) <= 1 ? "visible" : "hidden";
+  });
+};
+var AudioArtVisualizer = class {
+  #token = 0;
+  #context;
+  #source;
+  #analyzer;
+  #frame = 0;
+  #level = 0;
+  connect(media, art, mode) {
+    this.disconnect();
+    const token = ++this.#token;
+    if (typeof AudioContext === "undefined") return;
+    try {
+      if (token !== this.#token || !media.isConnected || !art.isConnected) return;
+      const context = new AudioContext();
+      const source = context.createMediaElementSource(media);
+      const analyzer = context.createAnalyser();
+      analyzer.fftSize = 512;
+      analyzer.smoothingTimeConstant = 0.95;
+      source.connect(context.destination);
+      source.connect(analyzer);
+      this.#context = context;
+      this.#source = source;
+      this.#analyzer = analyzer;
+      const samples = new Uint8Array(analyzer.fftSize);
+      const frequencies = new Uint8Array(analyzer.frequencyBinCount);
+      const canvas = art.querySelector(".audio-art-visualizer-canvas");
+      const canvasContext = canvas?.getContext("2d");
+      const reducedMotion = typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+      const resizeCanvas = () => {
+        if (!canvas || !canvasContext) return;
+        const scale = Math.min(2, devicePixelRatio || 1);
+        const width = Math.max(1, Math.round(art.clientWidth * scale));
+        const height = Math.max(1, Math.round(art.clientHeight * scale));
+        if (canvas.width !== width || canvas.height !== height) {
+          canvas.width = width;
+          canvas.height = height;
+        }
+        canvasContext.setTransform(scale, 0, 0, scale, 0, 0);
+      };
+      const drawWaveform = (strength) => {
+        if (!canvas || !canvasContext) return;
+        resizeCanvas();
+        const width = art.clientWidth;
+        const height = art.clientHeight;
+        canvasContext.clearRect(0, 0, width, height);
+        if (strength === 0) return;
+        const accent = getComputedStyle(art).getPropertyValue("--mango-av-accent").trim() || "#5b3fd6";
+        canvasContext.globalAlpha = Math.min(0.7, 0.18 + strength / 100);
+        canvasContext.strokeStyle = accent;
+        canvasContext.lineWidth = 1.5;
+        canvasContext.beginPath();
+        const amplitude = reducedMotion ? 0 : Math.min(height * 0.16, 5 + this.#level * height * 0.12);
+        for (let index = 0; index < samples.length; index += 1) {
+          const x = index / (samples.length - 1) * width;
+          const sample = (samples[index] - 128) / 128;
+          const y = height * 0.72 + sample * amplitude;
+          if (index === 0) canvasContext.moveTo(x, y);
+          else canvasContext.lineTo(x, y);
+        }
+        canvasContext.stroke();
+        canvasContext.globalAlpha = 1;
+      };
+      const drawSpectrum = (strength) => {
+        if (!canvas || !canvasContext) return;
+        resizeCanvas();
+        const width = art.clientWidth;
+        const height = art.clientHeight;
+        canvasContext.clearRect(0, 0, width, height);
+        if (strength === 0) return;
+        analyzer.getByteFrequencyData(frequencies);
+        const accent = getComputedStyle(art).getPropertyValue("--mango-av-accent").trim() || "#5b3fd6";
+        const barCount = 24;
+        const gap = 3;
+        const barWidth = Math.max(1, (width - gap * (barCount - 1)) / barCount);
+        canvasContext.fillStyle = accent;
+        canvasContext.globalAlpha = reducedMotion ? 0.2 : Math.min(0.55, 0.15 + strength / 120);
+        for (let index = 0; index < barCount; index += 1) {
+          const frequencyIndex = Math.floor((index / barCount) ** 1.7 * frequencies.length * 0.7);
+          const energy = reducedMotion ? 0.08 : (frequencies[frequencyIndex] ?? 0) / 255;
+          const barHeight = Math.max(1, energy * height * 0.32);
+          canvasContext.fillRect(index * (barWidth + gap), height - barHeight, barWidth, barHeight);
+        }
+        canvasContext.globalAlpha = 1;
+      };
+      const draw = () => {
+        if (token !== this.#token) return;
+        analyzer.getByteTimeDomainData(samples);
+        let sum = 0;
+        for (const sample of samples) {
+          const normalized = (sample - 128) / 128;
+          sum += normalized * normalized;
+        }
+        const rms = Math.sqrt(sum / samples.length);
+        const target = media.paused || rms < 0.012 ? 0 : Math.min(1, (rms - 0.012) * 5);
+        this.#level += (target - this.#level) * (target > this.#level ? 0.1 : 0.04);
+        if (target === 0 && this.#level < 0.01) this.#level = 0;
+        const strength = reducedMotion ? this.#level * 18 : this.#level === 0 ? 0 : Math.min(52, 12 + this.#level * 40);
+        art.style.setProperty("--mango-av-wave-rise", `${(8 - (reducedMotion ? 0 : this.#level * 6)).toFixed(2)}%`);
+        art.style.setProperty("--mango-av-wave-strength", `${strength.toFixed(1)}%`);
+        art.style.setProperty("--mango-av-wave-mid-strength", `${(strength * 0.45).toFixed(1)}%`);
+        art.style.setProperty("--mango-av-wave-edge-strength", `${(strength * 0.18).toFixed(1)}%`);
+        if (mode === "waveform") drawWaveform(strength);
+        else if (mode === "spectrum") drawSpectrum(strength);
+        this.#frame = requestAnimationFrame(draw);
+      };
+      draw();
+      const resume = () => void context.resume();
+      media.addEventListener("play", resume, { once: true });
+      if (!media.paused) resume();
+    } catch {
+      this.disconnect();
+    }
+  }
+  disconnect() {
+    this.#token += 1;
+    if (typeof cancelAnimationFrame !== "undefined") cancelAnimationFrame(this.#frame);
+    this.#frame = 0;
+    this.#level = 0;
+    try {
+      this.#source?.disconnect();
+    } catch {
+    }
+    if (this.#context && this.#context.state !== "closed") void this.#context.close();
+    this.#analyzer = void 0;
+    this.#source = void 0;
+    this.#context = void 0;
+  }
+};
+
+export {
+  ensureMediaChrome,
+  audioArtTranscriptHtml,
+  resolveAudioVisualizerMode,
+  audioArtContentHtml,
+  syncAudioArtTranscript,
+  AudioArtVisualizer
+};
+//# sourceMappingURL=chunk-ZRPA2VFR.js.map

package/dist/chunk-ZRPA2VFR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/media-chrome.ts","../src/components/audio-art.ts"],"sourcesContent":["let registration: Promise<unknown> | undefined;\nconst languageRegistrations = new Map<string, Promise<unknown>>();\n\nconst loadLanguage = (language: string): Promise<unknown> | undefined => {\n  const normalized = language.toLowerCase();\n  const code = normalized === 'zh-cn' || normalized === 'zh-tw'\n    ? normalized\n    : normalized.split('-')[0] ?? normalized;\n  if (languageRegistrations.has(code)) return languageRegistrations.get(code);\n  const pending = (() => {\n    switch (code) {\n      case 'de': return import('media-chrome/lang/de');\n      case 'es': return import('media-chrome/lang/es');\n      case 'fr': return import('media-chrome/lang/fr');\n      case 'pt': return import('media-chrome/lang/pt');\n      case 'zh-cn': return import('media-chrome/lang/zh-CN');\n      case 'zh-tw': return import('media-chrome/lang/zh-TW');\n      default: return undefined;\n    }\n  })();\n  if (pending) languageRegistrations.set(code, pending);\n  return pending;\n};\n\nexport const ensureMediaChrome = async (language?: string): Promise<void> => {\n  if (language) await loadLanguage(language);\n  registration ??= import('media-chrome');\n  await registration;\n};\n","import type { AVAudioVisualizerMode, TranscriptCue } from '../types';\nimport { escapeHtml } from '../utils';\n\nexport const audioArtTranscriptHtml = (label: string, cues: TranscriptCue[], enabled: boolean): string => {\n  if (!enabled || cues.length === 0) return `<span class=\"audio-art-title\">${escapeHtml(label)}</span>`;\n  return `<div class=\"audio-art-transcript\" aria-live=\"polite\" aria-label=\"${escapeHtml(label)}\">\n    ${cues.map((cue) => `<div class=\"audio-art-cue\" data-audio-cue data-start=\"${cue.start ?? ''}\" data-end=\"${cue.end ?? cue.start ?? ''}\">${cue.speaker ? `<span class=\"audio-art-speaker\">${escapeHtml(cue.speaker)}</span>` : ''}<span>${escapeHtml(cue.text)}</span></div>`).join('')}\n  </div>`;\n};\n\nexport const resolveAudioVisualizerMode = (\n  value: boolean | AVAudioVisualizerMode | undefined,\n): AVAudioVisualizerMode | undefined => value === true ? 'pulse' : value || undefined;\n\nexport const audioArtContentHtml = (\n  label: string,\n  cues: TranscriptCue[],\n  transcriptEnabled: boolean,\n  visualizerMode?: AVAudioVisualizerMode,\n): string => `<div class=\"audio-art-text\">${audioArtTranscriptHtml(label, cues, transcriptEnabled)}</div>${visualizerMode === 'waveform' || visualizerMode === 'spectrum' ? `<canvas class=\"audio-art-visualizer-canvas\" aria-hidden=\"true\"></canvas>` : ''}`;\n\nexport const syncAudioArtTranscript = (root: ParentNode, time: number, instant = false): void => {\n  const cues = [...root.querySelectorAll<HTMLElement>('[data-audio-cue]')];\n  if (cues.length === 0) return;\n  const transcript = root.querySelector<HTMLElement>('.audio-art-transcript');\n  if (instant && transcript) {\n    transcript.classList.add('seeking');\n    requestAnimationFrame(() => transcript.classList.remove('seeking'));\n  }\n\n  let activeIndex = cues.findIndex((cue) => {\n    const start = Number(cue.dataset.start);\n    const end = Number(cue.dataset.end);\n    return Number.isFinite(start) && time >= start && (!Number.isFinite(end) || time < end);\n  });\n  if (activeIndex < 0) {\n    for (let index = cues.length - 1; index >= 0; index -= 1) {\n      const cue = cues[index];\n      if (cue && Number.isFinite(Number(cue.dataset.start)) && time >= Number(cue.dataset.start)) {\n        activeIndex = index;\n        break;\n      }\n    }\n  }\n  if (activeIndex < 0) activeIndex = 0;\n\n  cues.forEach((cue, index) => {\n    const offset = index - activeIndex;\n    cue.classList.toggle('active', offset === 0);\n    cue.classList.toggle('adjacent', Math.abs(offset) === 1);\n    cue.toggleAttribute('aria-hidden', offset !== 0);\n    cue.style.opacity = offset === 0 ? '1' : Math.abs(offset) === 1 ? '.2' : '0';\n    cue.style.transform = `translateY(calc(-50% + ${offset * 4.25}rem))`;\n    cue.style.visibility = Math.abs(offset) <= 1 ? 'visible' : 'hidden';\n  });\n};\n\nexport class AudioArtVisualizer {\n  #token = 0;\n  #context: AudioContext | undefined;\n  #source: MediaElementAudioSourceNode | undefined;\n  #analyzer: AnalyserNode | undefined;\n  #frame = 0;\n  #level = 0;\n\n  connect(media: HTMLMediaElement, art: HTMLElement, mode: AVAudioVisualizerMode): void {\n    this.disconnect();\n    const token = ++this.#token;\n    if (typeof AudioContext === 'undefined') return;\n\n    try {\n      if (token !== this.#token || !media.isConnected || !art.isConnected) return;\n      const context = new AudioContext();\n      const source = context.createMediaElementSource(media);\n      const analyzer = context.createAnalyser();\n      analyzer.fftSize = 512;\n      analyzer.smoothingTimeConstant = .95;\n      source.connect(context.destination);\n      source.connect(analyzer);\n      this.#context = context;\n      this.#source = source;\n      this.#analyzer = analyzer;\n      const samples = new Uint8Array(analyzer.fftSize);\n      const frequencies = new Uint8Array(analyzer.frequencyBinCount);\n      const canvas = art.querySelector<HTMLCanvasElement>('.audio-art-visualizer-canvas');\n      const canvasContext = canvas?.getContext('2d');\n      const reducedMotion = typeof matchMedia !== 'undefined' && matchMedia('(prefers-reduced-motion: reduce)').matches;\n      const resizeCanvas = () => {\n        if (!canvas || !canvasContext) return;\n        const scale = Math.min(2, devicePixelRatio || 1);\n        const width = Math.max(1, Math.round(art.clientWidth * scale));\n        const height = Math.max(1, Math.round(art.clientHeight * scale));\n        if (canvas.width !== width || canvas.height !== height) {\n          canvas.width = width;\n          canvas.height = height;\n        }\n        canvasContext.setTransform(scale, 0, 0, scale, 0, 0);\n      };\n      const drawWaveform = (strength: number) => {\n        if (!canvas || !canvasContext) return;\n        resizeCanvas();\n        const width = art.clientWidth;\n        const height = art.clientHeight;\n        canvasContext.clearRect(0, 0, width, height);\n        if (strength === 0) return;\n        const accent = getComputedStyle(art).getPropertyValue('--mango-av-accent').trim() || '#5b3fd6';\n        canvasContext.globalAlpha = Math.min(.7, .18 + strength / 100);\n        canvasContext.strokeStyle = accent;\n        canvasContext.lineWidth = 1.5;\n        canvasContext.beginPath();\n        const amplitude = reducedMotion ? 0 : Math.min(height * .16, 5 + this.#level * height * .12);\n        for (let index = 0; index < samples.length; index += 1) {\n          const x = (index / (samples.length - 1)) * width;\n          const sample = (samples[index]! - 128) / 128;\n          const y = height * .72 + sample * amplitude;\n          if (index === 0) canvasContext.moveTo(x, y);\n          else canvasContext.lineTo(x, y);\n        }\n        canvasContext.stroke();\n        canvasContext.globalAlpha = 1;\n      };\n      const drawSpectrum = (strength: number) => {\n        if (!canvas || !canvasContext) return;\n        resizeCanvas();\n        const width = art.clientWidth;\n        const height = art.clientHeight;\n        canvasContext.clearRect(0, 0, width, height);\n        if (strength === 0) return;\n        analyzer.getByteFrequencyData(frequencies);\n        const accent = getComputedStyle(art).getPropertyValue('--mango-av-accent').trim() || '#5b3fd6';\n        const barCount = 24;\n        const gap = 3;\n        const barWidth = Math.max(1, (width - gap * (barCount - 1)) / barCount);\n        canvasContext.fillStyle = accent;\n        canvasContext.globalAlpha = reducedMotion ? .2 : Math.min(.55, .15 + strength / 120);\n        for (let index = 0; index < barCount; index += 1) {\n          const frequencyIndex = Math.floor((index / barCount) ** 1.7 * frequencies.length * .7);\n          const energy = reducedMotion ? .08 : (frequencies[frequencyIndex] ?? 0) / 255;\n          const barHeight = Math.max(1, energy * height * .32);\n          canvasContext.fillRect(index * (barWidth + gap), height - barHeight, barWidth, barHeight);\n        }\n        canvasContext.globalAlpha = 1;\n      };\n      const draw = () => {\n        if (token !== this.#token) return;\n        analyzer.getByteTimeDomainData(samples);\n        let sum = 0;\n        for (const sample of samples) {\n          const normalized = (sample - 128) / 128;\n          sum += normalized * normalized;\n        }\n        const rms = Math.sqrt(sum / samples.length);\n        const target = media.paused || rms < .012 ? 0 : Math.min(1, (rms - .012) * 5);\n        this.#level += (target - this.#level) * (target > this.#level ? .1 : .04);\n        if (target === 0 && this.#level < .01) this.#level = 0;\n        const strength = reducedMotion\n          ? this.#level * 18\n          : this.#level === 0 ? 0 : Math.min(52, 12 + this.#level * 40);\n        art.style.setProperty('--mango-av-wave-rise', `${(8 - (reducedMotion ? 0 : this.#level * 6)).toFixed(2)}%`);\n        art.style.setProperty('--mango-av-wave-strength', `${strength.toFixed(1)}%`);\n        art.style.setProperty('--mango-av-wave-mid-strength', `${(strength * .45).toFixed(1)}%`);\n        art.style.setProperty('--mango-av-wave-edge-strength', `${(strength * .18).toFixed(1)}%`);\n        if (mode === 'waveform') drawWaveform(strength);\n        else if (mode === 'spectrum') drawSpectrum(strength);\n        this.#frame = requestAnimationFrame(draw);\n      };\n      draw();\n      const resume = () => void context.resume();\n      media.addEventListener('play', resume, { once: true });\n      if (!media.paused) resume();\n    } catch {\n      this.disconnect();\n    }\n  }\n\n  disconnect(): void {\n    this.#token += 1;\n    if (typeof cancelAnimationFrame !== 'undefined') cancelAnimationFrame(this.#frame);\n    this.#frame = 0;\n    this.#level = 0;\n    try { this.#source?.disconnect(); } catch { /* Already disconnected. */ }\n    if (this.#context && this.#context.state !== 'closed') void this.#context.close();\n    this.#analyzer = undefined;\n    this.#source = undefined;\n    this.#context = undefined;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/{controller-DLy38ais.d.ts → controller-BLA8XNsG.d.ts}

@@ -147,6 +147,8 @@ interface AVManifest {
     logo?: string;
 }
 interface AVControlsConfig {
+    navigation?: boolean;
+    autoAdvance?: boolean;
     seek?: boolean;
     volume?: boolean;
     captions?: boolean;
@@ -172,6 +174,11 @@ interface AVTranscriptConfig {
     showMetadata?: boolean;
     showSearchMarkers?: boolean;
 }
+interface AVAudioArtConfig {
+    transcript?: boolean;
+    visualizer?: boolean | AVAudioVisualizerMode;
+}
+type AVAudioVisualizerMode = 'pulse' | 'waveform' | 'spectrum';
 interface AVResumeConfig {
     enabled?: boolean;
     maxItems?: number;
@@ -228,6 +235,7 @@ interface AVPlayerConfig {
     controls?: AVControlsConfig;
     panels?: AVPanelsConfig;
     transcript?: AVTranscriptConfig;
+    audioArt?: AVAudioArtConfig;
     resume?: AVResumeConfig;
     strings?: Partial<AVStrings>;
     preferredLanguages?: string[];
@@ -310,7 +318,7 @@ interface AVPlayerEventMap {
     'av-statechange': AVPlayerState;
 }
 declare const defaultStrings: AVStrings;
-declare const defaultConfig: Required<Pick<AVPlayerConfig, 'controls' | 'panels' | 'transcript' | 'resume' | 'strings' | 'preferredLanguages' | 'autoAdvance' | 'repeat' | 'activePanel' | 'crossorigin' | 'preload' | 'playbackRates'>>;
+declare const defaultConfig: Required<Pick<AVPlayerConfig, 'controls' | 'panels' | 'transcript' | 'audioArt' | 'resume' | 'strings' | 'preferredLanguages' | 'autoAdvance' | 'repeat' | 'activePanel' | 'crossorigin' | 'preload' | 'playbackRates'>>;
 
 type ResolvedConfig = AVPlayerConfig & typeof defaultConfig;
 declare class AVPlayerController extends EventTarget {
@@ -353,4 +361,4 @@ declare class AVPlayerController extends EventTarget {
     resolvedSourceUrl(): Promise<string | undefined>;
 }
 
-export { type AVAnnotation as A, type Chapter as C, type DownloadResource as D, type IIIFPresentationVersion as I, type JsonObject as J, type LocalizedValue as L, type MediaKind as M, type TextTrack as T, type AVAnnotationAdapter as a, type AVAnnotationDraft as b, type AVCanvas as c, type AVControlsConfig as d, type AVManifest as e, type AVPanelsConfig as f, type AVPlayerConfig as g, AVPlayerController as h, type AVPlayerEventMap as i, type AVPlayerState as j, type AVResumeConfig as k, type AVStrings as l, type AVTranscriptConfig as m, type AuthService as n, type MediaSource as o, type MetadataEntry as p, type TextTrackKind as q, type TimeSpan as r, type TranscriptCue as s, type TranscriptCueType as t, type TranscriptResource as u, defaultConfig as v, defaultStrings as w };
+export { type AVAnnotation as A, type Chapter as C, type DownloadResource as D, type IIIFPresentationVersion as I, type JsonObject as J, type LocalizedValue as L, type MediaKind as M, type TextTrack as T, type AVAnnotationAdapter as a, type AVAnnotationDraft as b, type AVAudioArtConfig as c, type AVAudioVisualizerMode as d, type AVCanvas as e, type AVControlsConfig as f, type AVManifest as g, type AVPanelsConfig as h, type AVPlayerConfig as i, AVPlayerController as j, type AVPlayerEventMap as k, type AVPlayerState as l, type AVResumeConfig as m, type AVStrings as n, type AVTranscriptConfig as o, type AuthService as p, type MediaSource as q, type MetadataEntry as r, type TextTrackKind as s, type TimeSpan as t, type TranscriptCue as u, type TranscriptCueType as v, type TranscriptResource as w, defaultConfig as x, defaultStrings as y };

package/dist/{controller-element-BOKM9v2S.d.ts → controller-element-BY0157ve.d.ts}

@@ -1,4 +1,4 @@
-import { h as AVPlayerController, i as AVPlayerEventMap } from './controller-DLy38ais.js';
+import { j as AVPlayerController, k as AVPlayerEventMap } from './controller-BLA8XNsG.js';
 
 declare const HTMLElementBase: typeof HTMLElement;
 declare abstract class AVControllerElement extends HTMLElementBase {

package/dist/core.d.ts

@@ -1,5 +1,5 @@
-import { l as AVStrings, J as JsonObject, e as AVManifest, u as TranscriptResource, s as TranscriptCue, r as TimeSpan } from './controller-DLy38ais.js';
-export { A as AVAnnotation, a as AVAnnotationAdapter, b as AVAnnotationDraft, c as AVCanvas, d as AVControlsConfig, f as AVPanelsConfig, g as AVPlayerConfig, h as AVPlayerController, i as AVPlayerEventMap, j as AVPlayerState, k as AVResumeConfig, m as AVTranscriptConfig, n as AuthService, C as Chapter, D as DownloadResource, I as IIIFPresentationVersion, L as LocalizedValue, M as MediaKind, o as MediaSource, p as MetadataEntry, T as TextTrack, q as TextTrackKind, t as TranscriptCueType, v as defaultConfig, w as defaultStrings } from './controller-DLy38ais.js';
+import { n as AVStrings, J as JsonObject, g as AVManifest, w as TranscriptResource, u as TranscriptCue, t as TimeSpan } from './controller-BLA8XNsG.js';
+export { A as AVAnnotation, a as AVAnnotationAdapter, b as AVAnnotationDraft, c as AVAudioArtConfig, d as AVAudioVisualizerMode, e as AVCanvas, f as AVControlsConfig, h as AVPanelsConfig, i as AVPlayerConfig, j as AVPlayerController, k as AVPlayerEventMap, l as AVPlayerState, m as AVResumeConfig, o as AVTranscriptConfig, p as AuthService, C as Chapter, D as DownloadResource, I as IIIFPresentationVersion, L as LocalizedValue, M as MediaKind, q as MediaSource, r as MetadataEntry, T as TextTrack, s as TextTrackKind, v as TranscriptCueType, x as defaultConfig, y as defaultStrings } from './controller-BLA8XNsG.js';
 
 interface NormalizeOptions {
     fetch?: typeof globalThis.fetch;

package/dist/core.js

@@ -3,7 +3,7 @@ import {
   loadTranscript,
   parseTimedText,
   parseTranscript
-} from "./chunk-3LLEY7MA.js";
+} from "./chunk-3PPOT5YI.js";
 import {
   AVPlayerController,
   defaultConfig,
@@ -12,7 +12,7 @@ import {
   normalizeManifest,
   parseTemporalFragment,
   parseTime
-} from "./chunk-R4OUWZ3R.js";
+} from "./chunk-HOISQL65.js";
 export {
   AVPlayerController,
   defaultConfig,

package/dist/index.d.ts

@@ -8,9 +8,9 @@ import { MangoAVPlayerElement } from './player.js';
 export { defineMangoAVPlayer } from './player.js';
 import { MangoAVMediaElement } from './media.js';
 export { defineMangoAVMedia } from './media.js';
-export { A as AVAnnotation, a as AVAnnotationAdapter, b as AVAnnotationDraft, c as AVCanvas, d as AVControlsConfig, e as AVManifest, f as AVPanelsConfig, g as AVPlayerConfig, h as AVPlayerController, i as AVPlayerEventMap, j as AVPlayerState, k as AVResumeConfig, l as AVStrings, m as AVTranscriptConfig, n as AuthService, C as Chapter, D as DownloadResource, I as IIIFPresentationVersion, J as JsonObject, L as LocalizedValue, M as MediaKind, o as MediaSource, p as MetadataEntry, T as TextTrack, q as TextTrackKind, r as TimeSpan, s as TranscriptCue, t as TranscriptCueType, u as TranscriptResource, v as defaultConfig, w as defaultStrings } from './controller-DLy38ais.js';
+export { A as AVAnnotation, a as AVAnnotationAdapter, b as AVAnnotationDraft, c as AVAudioArtConfig, d as AVAudioVisualizerMode, e as AVCanvas, f as AVControlsConfig, g as AVManifest, h as AVPanelsConfig, i as AVPlayerConfig, j as AVPlayerController, k as AVPlayerEventMap, l as AVPlayerState, m as AVResumeConfig, n as AVStrings, o as AVTranscriptConfig, p as AuthService, C as Chapter, D as DownloadResource, I as IIIFPresentationVersion, J as JsonObject, L as LocalizedValue, M as MediaKind, q as MediaSource, r as MetadataEntry, T as TextTrack, s as TextTrackKind, t as TimeSpan, u as TranscriptCue, v as TranscriptCueType, w as TranscriptResource, x as defaultConfig, y as defaultStrings } from './controller-BLA8XNsG.js';
 export { NormalizeOptions, formatTime, loadTranscript, normalizeManifest, parseTemporalFragment, parseTime, parseTimedText, parseTranscript } from './core.js';
-import './controller-element-BOKM9v2S.js';
+import './controller-element-BY0157ve.js';
 
 declare global {
     interface HTMLElementTagNameMap {

package/dist/index.js

@@ -1,32 +1,32 @@
 import {
   MangoAVAnnotationsElement,
   defineMangoAVAnnotations
-} from "./chunk-IFTSCRCU.js";
+} from "./chunk-IMQ4IJY6.js";
 import {
   MangoAVChaptersElement,
   defineMangoAVChapters
-} from "./chunk-YH6DS7J6.js";
+} from "./chunk-ARYOSUFI.js";
 import "./chunk-GAVG7CPU.js";
 import {
   MangoAVMediaElement,
   defineMangoAVMedia
-} from "./chunk-GX7UU6V4.js";
+} from "./chunk-RJDPI4KL.js";
 import {
   MangoAVPlayerElement,
   defineMangoAVPlayer
-} from "./chunk-ML77YRJL.js";
-import "./chunk-NTHMZZYJ.js";
+} from "./chunk-ZMC36FZ2.js";
+import "./chunk-ZRPA2VFR.js";
 import {
   MangoAVTranscriptElement,
   defineMangoAVTranscript
-} from "./chunk-PZ6GV6ZJ.js";
+} from "./chunk-DF3YH3BM.js";
 import "./chunk-CDLYT3KB.js";
+import "./chunk-QMUWPXP5.js";
 import {
   loadTranscript,
   parseTimedText,
   parseTranscript
-} from "./chunk-3LLEY7MA.js";
-import "./chunk-JXUHKKIX.js";
+} from "./chunk-3PPOT5YI.js";
 import {
   AVPlayerController,
   defaultConfig,
@@ -35,7 +35,7 @@ import {
   normalizeManifest,
   parseTemporalFragment,
   parseTime
-} from "./chunk-R4OUWZ3R.js";
+} from "./chunk-HOISQL65.js";
 
 // src/index.ts
 if (typeof window !== "undefined" && "customElements" in window) {

package/dist/media.d.ts

@@ -1,4 +1,4 @@
-import { h as AVPlayerController, J as JsonObject, g as AVPlayerConfig, e as AVManifest, c as AVCanvas } from './controller-DLy38ais.js';
+import { j as AVPlayerController, J as JsonObject, i as AVPlayerConfig, g as AVManifest, e as AVCanvas } from './controller-BLA8XNsG.js';
 
 declare const HTMLElementBase: typeof HTMLElement;
 declare class MangoAVMediaElement extends HTMLElementBase {

package/dist/media.js

@@ -1,11 +1,11 @@
 import {
   MangoAVMediaElement,
   defineMangoAVMedia
-} from "./chunk-GX7UU6V4.js";
-import "./chunk-NTHMZZYJ.js";
+} from "./chunk-RJDPI4KL.js";
+import "./chunk-ZRPA2VFR.js";
 import "./chunk-CDLYT3KB.js";
-import "./chunk-3LLEY7MA.js";
-import "./chunk-R4OUWZ3R.js";
+import "./chunk-3PPOT5YI.js";
+import "./chunk-HOISQL65.js";
 
 // src/media.ts
 if (typeof window !== "undefined" && "customElements" in window) defineMangoAVMedia();

package/dist/player.d.ts

@@ -1,5 +1,5 @@
-import { A as AVControllerElement } from './controller-element-BOKM9v2S.js';
-import { J as JsonObject, g as AVPlayerConfig, e as AVManifest, c as AVCanvas, i as AVPlayerEventMap } from './controller-DLy38ais.js';
+import { A as AVControllerElement } from './controller-element-BY0157ve.js';
+import { J as JsonObject, i as AVPlayerConfig, g as AVManifest, e as AVCanvas, k as AVPlayerEventMap } from './controller-BLA8XNsG.js';
 
 declare class MangoAVPlayerElement extends AVControllerElement {
     #private;
@@ -10,6 +10,7 @@ declare class MangoAVPlayerElement extends AVControllerElement {
     get config(): AVPlayerConfig;
     set config(value: AVPlayerConfig);
     connectedCallback(): void;
+    disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     load(input: JsonObject | string): Promise<AVManifest>;
     play(): Promise<void>;

package/dist/player.js

@@ -1,10 +1,11 @@
 import {
   MangoAVPlayerElement,
   defineMangoAVPlayer
-} from "./chunk-ML77YRJL.js";
-import "./chunk-NTHMZZYJ.js";
-import "./chunk-JXUHKKIX.js";
-import "./chunk-R4OUWZ3R.js";
+} from "./chunk-ZMC36FZ2.js";
+import "./chunk-ZRPA2VFR.js";
+import "./chunk-QMUWPXP5.js";
+import "./chunk-3PPOT5YI.js";
+import "./chunk-HOISQL65.js";
 
 // src/player.ts
 if (typeof window !== "undefined" && "customElements" in window) defineMangoAVPlayer();

package/dist/player.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player.ts"],"sourcesContent":["export { defineMangoAVPlayer, MangoAVPlayerElement } from './components/mango-av-player';\n\nimport { defineMangoAVPlayer } from './components/mango-av-player';\nif (typeof window !== 'undefined' && 'customElements' in window) defineMangoAVPlayer();\n"],"mappings":";;;;;;;;;AAGA,IAAI,OAAO,WAAW,eAAe,oBAAoB,OAAQ,qBAAoB;","names":[]}
+{"version":3,"sources":["../src/player.ts"],"sourcesContent":["export { defineMangoAVPlayer, MangoAVPlayerElement } from './components/mango-av-player';\n\nimport { defineMangoAVPlayer } from './components/mango-av-player';\nif (typeof window !== 'undefined' && 'customElements' in window) defineMangoAVPlayer();\n"],"mappings":";;;;;;;;;;AAGA,IAAI,OAAO,WAAW,eAAe,oBAAoB,OAAQ,qBAAoB;","names":[]}

package/dist/transcript-element.d.ts

@@ -1,5 +1,5 @@
-import { A as AVControllerElement } from './controller-element-BOKM9v2S.js';
-import { i as AVPlayerEventMap } from './controller-DLy38ais.js';
+import { A as AVControllerElement } from './controller-element-BY0157ve.js';
+import { k as AVPlayerEventMap } from './controller-BLA8XNsG.js';
 
 declare class MangoAVTranscriptElement extends AVControllerElement {
     #private;

package/dist/transcript-element.js

@@ -1,11 +1,11 @@
 import {
   MangoAVTranscriptElement,
   defineMangoAVTranscript
-} from "./chunk-PZ6GV6ZJ.js";
+} from "./chunk-DF3YH3BM.js";
 import "./chunk-CDLYT3KB.js";
-import "./chunk-3LLEY7MA.js";
-import "./chunk-JXUHKKIX.js";
-import "./chunk-R4OUWZ3R.js";
+import "./chunk-QMUWPXP5.js";
+import "./chunk-3PPOT5YI.js";
+import "./chunk-HOISQL65.js";
 
 // src/transcript-element.ts
 if (typeof window !== "undefined" && "customElements" in window) defineMangoAVTranscript();

package/docs/API.md

@@ -149,6 +149,8 @@ Renders and follows the active Canvas annotations. Selecting a timed annotation
 | `--mango-av-panel-width` | `24rem` |
 | `--mango-av-player-aspect-ratio` | `16 / 9` |
 
+For audio Canvases, `audioArt.transcript` replaces the artwork title with the current timed cue. The preceding and following cues remain visible at reduced opacity and slide as playback crosses cue boundaries. `audioArt.visualizer` accepts `'pulse'`, `'waveform'`, `'spectrum'`, `true` (an alias for `'pulse'`), or `false`. Every mode inherits `--mango-av-accent`, fades out completely during silence or pause, and reduces or removes movement when `prefers-reduced-motion: reduce` is active.
+
 Media Chrome's own public variables remain available and can override the mapped defaults.
 
 ## `AVPlayerConfig`
@@ -156,6 +158,8 @@ Media Chrome's own public variables remain available and can override the mapped
 ```ts
 interface AVPlayerConfig {
   controls?: {
+    navigation?: boolean;
+    autoAdvance?: boolean;
     seek?: boolean;
     volume?: boolean;
     captions?: boolean;
@@ -181,6 +185,10 @@ interface AVPlayerConfig {
     showMetadata?: boolean;
     showSearchMarkers?: boolean;
   };
+  audioArt?: {
+    transcript?: boolean;
+    visualizer?: boolean | 'pulse' | 'waveform' | 'spectrum';
+  };
   resume?: {
     enabled?: boolean;
     maxItems?: number;
@@ -204,6 +212,8 @@ interface AVPlayerConfig {
 }
 ```
 
+`controls.navigation` shows the Previous and Next buttons, while `controls.autoAdvance` shows the Auto-advance checkbox. Both default to `false`; hiding them does not disable `controller.previous()`, `controller.next()`, or programmatic auto-advance.
+
 `fetch` and `requestInit` configure manifest, external AnnotationPage, and transcript requests. `resolveRequest` runs immediately before a media URL is assigned; it can obtain an IIIF Auth token, sign a URL, route through a proxy, or enforce an application's access policy. The normalized Canvas exposes discovered auth services to the callback through `context.canvas.authServices`.
 
 `annotationAdapter` connects create/update/delete to the host's persistence API:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mango-iiif/av",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "Framework-free IIIF audio and video components powered by Media Chrome.",
   "license": "MIT",
   "type": "module",