@mango-iiif/av 0.1.1 → 0.3.0

package/dist/{chunk-2CWHBQQY.js → chunk-YX6L6CUF.js}

@@ -1,23 +1,25 @@
 import {
   AudioArtVisualizer,
+  applyMediaSource,
   audioArtContentHtml,
   audioArtTranscriptHtml,
   ensureMediaChrome,
+  resolveAudioMediaPolicy,
   resolveAudioVisualizerMode,
   syncAudioArtTranscript
-} from "./chunk-3PDSZOH3.js";
+} from "./chunk-ELGGWWDS.js";
 import {
   AVControllerElement,
   componentTheme
-} from "./chunk-P7TOB5QS.js";
+} from "./chunk-C4H46HDS.js";
 import {
   loadTranscript
-} from "./chunk-5BWGKBKC.js";
+} from "./chunk-CIAQZ2EB.js";
 import {
   escapeHtml,
   formatString,
   resolveStrings
-} from "./chunk-FF6BLZ6W.js";
+} from "./chunk-4NOWGMI5.js";
 
 // src/components/mango-av-player.ts
 var hlsElementRegistration;
@@ -57,6 +59,7 @@ var MangoAVPlayerElement = class extends AVControllerElement {
   #config = {};
   #resolvedSourceUrl;
   #sourceToken = 0;
+  #fallbackSourceUrl;
   #transcriptCues = [];
   #transcriptToken = 0;
   #visualizer = new AudioArtVisualizer();
@@ -117,30 +120,35 @@ var MangoAVPlayerElement = class extends AVControllerElement {
     return this.controller.selectCanvas(indexOrId, options);
   }
   controllerChanged() {
+    this.#resetSourceLoad();
     this.#transcriptCues = [];
     this.#render();
     void this.#loadTranscript();
+    void this.#resolveSource();
   }
   handleControllerEvent(type, event) {
     if (type === "av-configchange") {
-      this.#resolvedSourceUrl = void 0;
+      this.#resetSourceLoad();
       void ensureMediaChrome(this.controller.config.preferredLanguages[0]).then(() => {
         this.#render();
         void this.#loadTranscript();
         void this.#resolveSource();
       });
     } else if (type === "av-ready" || type === "av-canvaschange") {
-      this.#resolvedSourceUrl = void 0;
+      this.#resetSourceLoad();
       this.#transcriptCues = [];
       if (this.controller.source?.isHls) void ensureHlsElement();
       this.#render();
       void this.#loadTranscript();
       void this.#resolveSource();
-    } else if (type === "av-sourcechange" || type === "av-error") {
-      this.#resolvedSourceUrl = void 0;
+    } else if (type === "av-sourcechange") {
+      this.#resetSourceLoad();
       if (this.controller.source?.isHls) void ensureHlsElement();
       this.#render();
       void this.#resolveSource();
+    } else if (type === "av-error") {
+      this.#resolvedSourceUrl = void 0;
+      this.#render();
     } else if (type === "av-seek") {
       syncAudioArtTranscript(this.#root, event.detail.to, true);
     } else if (type === "av-timeupdate" || type === "av-statechange") {
@@ -172,12 +180,7 @@ var MangoAVPlayerElement = class extends AVControllerElement {
         ${canvas && source ? this.#readyHtml(canvas, source) : state.status !== "loading" && state.status !== "error" ? `<div class="audio-art"><span>${escapeHtml(ui.noMediaLoaded)}</span></div>` : ""}
       </div>`;
     const media = this.#root.querySelector("video, audio, hls-video");
-    if (media) {
-      this.controller.attachMedia(media);
-      const art = this.#root.querySelector(".audio-art.visualizer");
-      const visualizerMode = resolveAudioVisualizerMode(this.controller.config.audioArt.visualizer);
-      if (art && media instanceof HTMLAudioElement && visualizerMode) this.#visualizer.connect(media, art, visualizerMode);
-    }
+    if (media && this.#resolvedSourceUrl) this.#activateMedia(media, this.#resolvedSourceUrl);
     syncAudioArtTranscript(this.#root, this.controller.state.currentTime);
     this.#bind();
   }
@@ -191,7 +194,7 @@ var MangoAVPlayerElement = class extends AVControllerElement {
     const showToolbar = controls.navigation || controls.autoAdvance || showSourceSelector;
     const visualizerMode = resolveAudioVisualizerMode(this.controller.config.audioArt.visualizer);
     return `<media-controller ${kind === "audio" ? "audio" : ""} ${language ? `lang="${escapeHtml(language)}"` : ""}>
-      ${kind === "audio" ? `<div class="audio-art ${visualizerMode ? `visualizer visualizer--${visualizerMode}` : ""}">${audioArtContentHtml(canvas.label, this.#transcriptCues, Boolean(this.controller.config.audioArt.transcript), visualizerMode)}</div>` : ""}
+      ${kind === "audio" ? `<div class="audio-art ${visualizerMode ? `visualizer visualizer--${visualizerMode}` : ""}">${audioArtContentHtml(canvas.label, this.controller.config.audioArt.title ?? "", this.#transcriptCues, Boolean(this.controller.config.audioArt.transcript), visualizerMode)}</div>` : ""}
       ${this.#mediaHtml(canvas, source)}
       <slot name="overlay"></slot>
       <slot name="controls">
@@ -223,10 +226,8 @@ var MangoAVPlayerElement = class extends AVControllerElement {
   }
   #mediaHtml(canvas, source) {
     const tag = source.isHls ? "hls-video" : source.kind;
-    const sourceUrl = this.#resolvedSourceUrl ?? (this.controller.config.resolveRequest ? "" : source.src);
     const attributes = [
       'slot="media"',
-      sourceUrl ? `src="${escapeHtml(sourceUrl)}"` : "",
       `preload="${this.controller.config.preload}"`,
       this.controller.config.crossorigin ? `crossorigin="${this.controller.config.crossorigin}"` : "",
       source.kind === "video" && canvas.poster ? `poster="${escapeHtml(canvas.poster)}"` : "",
@@ -243,18 +244,77 @@ var MangoAVPlayerElement = class extends AVControllerElement {
     this.#root.querySelector("[data-action=auto-advance]")?.addEventListener("change", (event) => this.controller.setAutoAdvance(event.target.checked));
   }
   async #resolveSource() {
-    if (!this.controller.config.resolveRequest) return;
     const token = ++this.#sourceToken;
     try {
       const url = await this.controller.resolvedSourceUrl();
       if (token !== this.#sourceToken || !url) return;
       this.#resolvedSourceUrl = url;
-      this.#root.querySelector("video, audio, hls-video")?.setAttribute("src", url);
+      const media = this.#root.querySelector("video, audio, hls-video");
+      if (media) this.#activateMedia(media, url);
     } catch (cause) {
       const error = cause instanceof Error ? cause : new Error(String(cause));
       this.dispatchEvent(new CustomEvent("av-error", { detail: { error }, bubbles: true, composed: true }));
     }
   }
+  #activateMedia(media, sourceUrl) {
+    const mode = resolveAudioVisualizerMode(this.controller.config.audioArt.visualizer);
+    const policy = resolveAudioMediaPolicy(
+      sourceUrl,
+      this.controller.config.crossorigin,
+      this.controller.crossoriginExplicit,
+      media instanceof HTMLAudioElement ? mode : void 0,
+      this.#fallbackSourceUrl === sourceUrl
+    );
+    if (media instanceof HTMLAudioElement && policy.implicitCors) {
+      media.addEventListener("error", (event) => {
+        if (this.#fallbackSourceUrl === sourceUrl) return;
+        event.stopImmediatePropagation();
+        this.#fallbackToOrdinaryAudio(media, sourceUrl);
+      }, { once: true });
+    }
+    if (media instanceof HTMLAudioElement && mode && policy.visualize) {
+      const connect = () => {
+        const art = this.#root.querySelector(".audio-art.visualizer");
+        if (art && media.isConnected && (media.currentSrc === sourceUrl || media.src === sourceUrl)) {
+          this.#visualizer.connect(media, art, mode);
+        }
+      };
+      media.addEventListener("loadedmetadata", connect, { once: true });
+      if (media.readyState >= HTMLMediaElement.HAVE_METADATA) queueMicrotask(connect);
+    }
+    this.controller.attachMedia(media);
+    applyMediaSource(media, sourceUrl, policy.crossOrigin);
+  }
+  #fallbackToOrdinaryAudio(failed, sourceUrl) {
+    this.#fallbackSourceUrl = sourceUrl;
+    this.#visualizer.disconnect();
+    const requestedTime = this.controller.state.currentTime;
+    const shouldPlay = this.controller.state.status === "playing" || !failed.paused;
+    const replacement = failed.cloneNode(true);
+    replacement.removeAttribute("src");
+    replacement.removeAttribute("crossorigin");
+    replacement.volume = failed.volume;
+    replacement.muted = failed.muted;
+    replacement.playbackRate = failed.playbackRate;
+    const hadFocus = this.#root.activeElement === failed;
+    failed.replaceWith(replacement);
+    this.controller.attachMedia(replacement);
+    this.controller.seekTo(requestedTime);
+    if (hadFocus) replacement.focus();
+    const art = this.#root.querySelector(".audio-art");
+    art?.classList.remove("visualizer");
+    applyMediaSource(replacement, sourceUrl);
+    if (shouldPlay) replacement.addEventListener("loadedmetadata", () => void replacement.play().catch(() => void 0), { once: true });
+    this.controller.dispatchEvent(new CustomEvent("av-visualizerfallback", {
+      detail: { canvasId: this.controller.canvas?.id ?? "", sourceUrl, reason: "cors" }
+    }));
+  }
+  #resetSourceLoad() {
+    this.#sourceToken += 1;
+    this.#resolvedSourceUrl = void 0;
+    this.#fallbackSourceUrl = void 0;
+    this.#visualizer.disconnect();
+  }
   async #loadTranscript() {
     const resource = this.controller.canvas?.transcripts[0];
     if (!resource || !this.controller.config.audioArt.transcript) return;
@@ -272,7 +332,7 @@ var MangoAVPlayerElement = class extends AVControllerElement {
       const canvas = this.controller.canvas;
       if (art && canvas && this.controller.source?.kind === "audio") {
         const text = art.querySelector(".audio-art-text");
-        if (text) text.innerHTML = audioArtTranscriptHtml(canvas.label, cues, true);
+        if (text) text.innerHTML = audioArtTranscriptHtml(canvas.label, this.controller.config.audioArt.title ?? "", cues, true);
         syncAudioArtTranscript(art, this.controller.state.currentTime);
       }
     } catch (cause) {
@@ -292,4 +352,4 @@ export {
   MangoAVPlayerElement,
   defineMangoAVPlayer
 };
-//# sourceMappingURL=chunk-2CWHBQQY.js.map
+//# sourceMappingURL=chunk-YX6L6CUF.js.map

package/dist/chunk-YX6L6CUF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/mango-av-player.ts"],"sourcesContent":["import { AVControllerElement } from './controller-element';\nimport { componentTheme } from './component-styles';\nimport { ensureMediaChrome } from './media-chrome';\nimport { AudioArtVisualizer, audioArtContentHtml, audioArtTranscriptHtml, resolveAudioVisualizerMode, syncAudioArtTranscript } from './audio-art';\nimport { loadTranscript } from '../transcript';\nimport type { AVCanvas, AVManifest, AVPlayerConfig, AVPlayerEventMap, JsonObject, MediaSource, TranscriptCue } from '../types';\nimport { escapeHtml, formatString, resolveStrings } from '../utils';\nimport { applyMediaSource, resolveAudioMediaPolicy } from './media-policy';\n\nlet hlsElementRegistration: Promise<unknown> | undefined;\nconst ensureHlsElement = (): Promise<unknown> => {\n  hlsElementRegistration ??= import('hls-video-element');\n  return hlsElementRegistration;\n};\n\nconst styles = `${componentTheme}\n  :host { --mango-av-player-aspect-ratio: 16 / 9; }\n  .player { background: #08080a; border-radius: var(--mango-av-radius); color: white; overflow: clip; position: relative; }\n  media-controller { display: block; width: 100%; }\n  media-controller:not([audio]) { aspect-ratio: var(--mango-av-player-aspect-ratio); }\n  video, hls-video { display: block; height: 100%; object-fit: contain; width: 100%; }\n  audio { width: 100%; }\n  media-control-bar { width: 100%; }\n  .audio-art { --mango-av-wave-edge-strength: 0%; --mango-av-wave-mid-strength: 0%; --mango-av-wave-rise: 8%; --mango-av-wave-strength: 0%; align-items: center; aspect-ratio: 16 / 7; background: linear-gradient(#09080d, #111019); display: flex; justify-content: center; overflow: hidden; padding: 2rem; position: relative; text-align: center; }\n  .audio-art.visualizer--pulse { background: radial-gradient(ellipse 140% 72% at 50% calc(100% + var(--mango-av-wave-rise)), color-mix(in srgb, var(--mango-av-accent) var(--mango-av-wave-strength), transparent) 0%, color-mix(in srgb, var(--mango-av-accent) var(--mango-av-wave-mid-strength), transparent) 40%, color-mix(in srgb, var(--mango-av-accent) var(--mango-av-wave-edge-strength), transparent) 62%, transparent 78%), linear-gradient(#09080d, #111019); }\n  .audio-art-text { display: contents; }\n  .audio-art-visualizer-canvas { height: 100%; inset: 0; pointer-events: none; position: absolute; width: 100%; }\n  .audio-art-title { font-size: clamp(1.1rem, 3vw, 2rem); font-weight: 700; position: relative; z-index: 1; }\n  .audio-art-transcript { height: 100%; inset: 0; overflow: hidden; position: absolute; z-index: 1; }\n  .audio-art-cue { align-items: center; display: flex; flex-direction: column; font-size: clamp(.7rem, 1.3vw, .875rem); font-weight: 550; gap: .15rem; left: 12%; line-height: 1.35; position: absolute; right: 12%; top: 50%; transition: opacity 360ms ease, transform 480ms cubic-bezier(.22, 1, .36, 1); }\n  .audio-art-transcript.seeking .audio-art-cue { transition: none; }\n  .audio-art-cue.active { font-size: clamp(.78rem, 1.5vw, 1rem); font-weight: 650; }\n  .audio-art-cue > span:last-child { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }\n  .audio-art-speaker { font-size: .7em; letter-spacing: .04em; text-transform: uppercase; }\n  .toolbar { align-items: center; background: #151518; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: space-between; padding: .55rem .7rem; }\n  .toolbar button, .toolbar select { background: #29292e; border: 1px solid #44444a; border-radius: .35rem; color: white; padding: .4rem .55rem; }\n  .group { align-items: center; display: flex; gap: .45rem; }\n  .error { background: #fff0f0; color: #8a1717; padding: 1rem; }\n  .sr-only { clip: rect(0,0,0,0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }\n`;\n\nexport class MangoAVPlayerElement extends AVControllerElement {\n  static observedAttributes = ['manifest-url', 'config'];\n\n  #root: ShadowRoot;\n  #manifestInput: JsonObject | string | undefined;\n  #config: AVPlayerConfig = {};\n  #resolvedSourceUrl: string | undefined;\n  #sourceToken = 0;\n  #fallbackSourceUrl: string | undefined;\n  #transcriptCues: TranscriptCue[] = [];\n  #transcriptToken = 0;\n  #visualizer = new AudioArtVisualizer();\n\n  constructor() {\n    super();\n    this.#root = this.attachShadow({ mode: 'open' });\n  }\n\n  get manifest(): JsonObject | string | undefined {\n    return this.#manifestInput;\n  }\n\n  set manifest(value: JsonObject | string | undefined) {\n    this.#manifestInput = value;\n    if (this.isConnected && value !== undefined) void this.load(value);\n  }\n\n  get config(): AVPlayerConfig {\n    return this.#config;\n  }\n\n  set config(value: AVPlayerConfig) {\n    this.#config = value;\n    this.controller.configure(value);\n    this.#render();\n  }\n\n  override connectedCallback(): void {\n    this.#readConfigAttribute();\n    void ensureMediaChrome(this.controller.config.preferredLanguages[0]);\n    super.connectedCallback();\n    const source = this.#manifestInput ?? this.getAttribute('manifest-url') ?? undefined;\n    if (source !== undefined && !this.controller.manifest) void this.load(source);\n  }\n\n  override disconnectedCallback(): void {\n    this.#visualizer.disconnect();\n    super.disconnectedCallback();\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n    if (!this.isConnected || oldValue === newValue) return;\n    if (name === 'manifest-url' && newValue) {\n      this.#manifestInput = newValue;\n      void this.load(newValue);\n    } else if (name === 'config') {\n      this.#readConfigAttribute();\n      this.#render();\n    }\n  }\n\n  async load(input: JsonObject | string): Promise<AVManifest> {\n    this.#manifestInput = input;\n    return await this.controller.load(input);\n  }\n\n  play(): Promise<void> { return this.controller.play(); }\n  pause(): void { this.controller.pause(); }\n  seekTo(time: number): void { this.controller.seekTo(time); }\n  selectCanvas(indexOrId: number | string, options?: { time?: number; autoplay?: boolean }): AVCanvas | undefined {\n    return this.controller.selectCanvas(indexOrId, options);\n  }\n\n  protected controllerChanged(): void {\n    this.#resetSourceLoad();\n    this.#transcriptCues = [];\n    this.#render();\n    void this.#loadTranscript();\n    void this.#resolveSource();\n  }\n\n  protected handleControllerEvent<K extends keyof AVPlayerEventMap>(type: K, event: CustomEvent<AVPlayerEventMap[K]>): void {\n    if (type === 'av-configchange') {\n      this.#resetSourceLoad();\n      void ensureMediaChrome(this.controller.config.preferredLanguages[0]).then(() => {\n        this.#render();\n        void this.#loadTranscript();\n        void this.#resolveSource();\n      });\n    } else if (type === 'av-ready' || type === 'av-canvaschange') {\n      this.#resetSourceLoad();\n      this.#transcriptCues = [];\n      if (this.controller.source?.isHls) void ensureHlsElement();\n      this.#render();\n      void this.#loadTranscript();\n      void this.#resolveSource();\n    } else if (type === 'av-sourcechange') {\n      this.#resetSourceLoad();\n      if (this.controller.source?.isHls) void ensureHlsElement();\n      this.#render();\n      void this.#resolveSource();\n    } else if (type === 'av-error') {\n      this.#resolvedSourceUrl = undefined;\n      this.#render();\n    } else if (type === 'av-seek') {\n      syncAudioArtTranscript(this.#root, (event.detail as AVPlayerEventMap['av-seek']).to, true);\n    } else if (type === 'av-timeupdate' || type === 'av-statechange') {\n      syncAudioArtTranscript(this.#root, this.controller.state.currentTime);\n    }\n    this.dispatchEvent(new CustomEvent(type, { detail: event.detail, bubbles: true, composed: true }));\n  }\n\n  #readConfigAttribute(): void {\n    const value = this.getAttribute('config');\n    if (!value) return;\n    try {\n      this.#config = JSON.parse(value) as AVPlayerConfig;\n      this.controller.configure(this.#config);\n    } catch (cause) {\n      const error = cause instanceof Error ? cause : new Error(String(cause));\n      this.dispatchEvent(new CustomEvent('av-error', { detail: { error }, bubbles: true, composed: true }));\n    }\n  }\n\n  #render(): void {\n    this.#visualizer.disconnect();\n    const state = this.controller.state;\n    const canvas = this.controller.canvas;\n    const source = this.controller.source;\n    const ui = resolveStrings(this.controller.config.strings);\n    this.#root.innerHTML = `<style>${styles}</style>\n      <div class=\"player\">\n        ${state.status === 'loading' ? `<p role=\"status\">${escapeHtml(ui.loadingManifest)}</p>` : ''}\n        ${state.status === 'error' ? `<div class=\"error\" role=\"alert\">${escapeHtml(state.error?.message ?? ui.unableToLoadMedia)}</div>` : ''}\n        ${canvas && source ? this.#readyHtml(canvas, source) : state.status !== 'loading' && state.status !== 'error' ? `<div class=\"audio-art\"><span>${escapeHtml(ui.noMediaLoaded)}</span></div>` : ''}\n      </div>`;\n    const media = this.#root.querySelector('video, audio, hls-video') as HTMLMediaElement | null;\n    if (media && this.#resolvedSourceUrl) this.#activateMedia(media, this.#resolvedSourceUrl);\n    syncAudioArtTranscript(this.#root, this.controller.state.currentTime);\n    this.#bind();\n  }\n\n  #readyHtml(canvas: AVCanvas, source: MediaSource): string {\n    const controls = this.controller.config.controls;\n    const manifest = this.controller.manifest;\n    const kind = source.kind;\n    const ui = resolveStrings(this.controller.config.strings);\n    const language = this.controller.config.preferredLanguages.find((value) => value !== 'none');\n    const showSourceSelector = controls.sourceSelector && canvas.sources.length > 1;\n    const showToolbar = controls.navigation || controls.autoAdvance || showSourceSelector;\n    const visualizerMode = resolveAudioVisualizerMode(this.controller.config.audioArt.visualizer);\n    return `<media-controller ${kind === 'audio' ? 'audio' : ''} ${language ? `lang=\"${escapeHtml(language)}\"` : ''}>\n      ${kind === 'audio' ? `<div class=\"audio-art ${visualizerMode ? `visualizer visualizer--${visualizerMode}` : ''}\">${audioArtContentHtml(canvas.label, this.controller.config.audioArt.title ?? '', this.#transcriptCues, Boolean(this.controller.config.audioArt.transcript), visualizerMode)}</div>` : ''}\n      ${this.#mediaHtml(canvas, source)}\n      <slot name=\"overlay\"></slot>\n      <slot name=\"controls\">\n        <media-control-bar>\n          <media-play-button></media-play-button>\n          ${controls.seek ? `<media-seek-backward-button seekoffset=\"${controls.skipSeconds ?? 10}\"></media-seek-backward-button><media-seek-forward-button seekoffset=\"${controls.skipSeconds ?? 10}\"></media-seek-forward-button>` : ''}\n          <media-time-display showduration></media-time-display>\n          ${controls.seek ? '<media-time-range></media-time-range>' : ''}\n          ${controls.volume ? '<media-mute-button></media-mute-button><media-volume-range></media-volume-range>' : ''}\n          ${controls.captions && canvas.tracks.length > 0 ? '<media-captions-menu-button></media-captions-menu-button>' : ''}\n          ${controls.playbackRate ? '<media-playback-rate-menu-button></media-playback-rate-menu-button>' : ''}\n          ${controls.pictureInPicture && kind === 'video' ? '<media-pip-button></media-pip-button>' : ''}\n          ${controls.fullscreen && kind === 'video' ? '<media-fullscreen-button></media-fullscreen-button>' : ''}\n        </media-control-bar>\n        ${controls.captions && canvas.tracks.length > 0 ? '<media-captions-menu hidden></media-captions-menu>' : ''}\n        ${controls.playbackRate ? `<media-playback-rate-menu rates=\"${this.controller.config.playbackRates.join(' ')}\" hidden></media-playback-rate-menu>` : ''}\n      </slot>\n    </media-controller>\n    ${showToolbar ? `<div class=\"toolbar\">\n      ${controls.navigation ? `<div class=\"group\">\n        <button type=\"button\" data-action=\"previous\" ${canvas.index === 0 ? 'disabled' : ''} aria-label=\"${escapeHtml(ui.previousSection)}\">← ${escapeHtml(ui.previous)}</button>\n        <button type=\"button\" data-action=\"next\" ${canvas.index === (manifest?.canvases.length ?? 1) - 1 && !this.controller.state.repeat ? 'disabled' : ''} aria-label=\"${escapeHtml(ui.nextSection)}\">${escapeHtml(ui.next)} →</button>\n      </div>` : ''}\n      ${showSourceSelector || controls.autoAdvance ? `<div class=\"group\">\n        ${showSourceSelector ? `<label><span class=\"sr-only\">${escapeHtml(ui.mediaSource)}</span><select data-action=\"source\">${canvas.sources.map((item, index) => `<option value=\"${index}\" ${index === this.controller.state.sourceIndex ? 'selected' : ''}>${escapeHtml(item.label ?? item.format ?? formatString(ui.sourceNumber, { number: index + 1 }))}</option>`).join('')}</select></label>` : ''}\n        ${controls.autoAdvance ? `<label><input type=\"checkbox\" data-action=\"auto-advance\" ${this.controller.state.autoAdvance ? 'checked' : ''}> ${escapeHtml(ui.autoAdvance)}</label>` : ''}\n      </div>` : ''}\n    </div>` : ''}`;\n  }\n\n  #mediaHtml(canvas: AVCanvas, source: MediaSource): string {\n    const tag = source.isHls ? 'hls-video' : source.kind;\n    const attributes = [\n      'slot=\"media\"',\n      `preload=\"${this.controller.config.preload}\"`,\n      this.controller.config.crossorigin ? `crossorigin=\"${this.controller.config.crossorigin}\"` : '',\n      source.kind === 'video' && canvas.poster ? `poster=\"${escapeHtml(canvas.poster)}\"` : '',\n      `aria-label=\"${escapeHtml(canvas.label)}\"`,\n      `data-canvasindex=\"${canvas.index}\"`,\n    ].filter(Boolean).join(' ');\n    const tracks = canvas.tracks.map((track) => `<track src=\"${escapeHtml(track.src)}\" kind=\"${track.kind}\" label=\"${escapeHtml(track.label)}\" ${track.language ? `srclang=\"${escapeHtml(track.language)}\"` : ''} ${track.default ? 'default' : ''}>`).join('');\n    return `<${tag} ${attributes}>${tracks}</${tag}>`;\n  }\n\n  #bind(): void {\n    this.#root.querySelector<HTMLElement>('[data-action=previous]')?.addEventListener('click', () => this.controller.previous({ autoplay: this.controller.state.status === 'playing' }));\n    this.#root.querySelector<HTMLElement>('[data-action=next]')?.addEventListener('click', () => this.controller.next({ autoplay: this.controller.state.status === 'playing' }));\n    this.#root.querySelector<HTMLSelectElement>('[data-action=source]')?.addEventListener('change', (event) => this.controller.selectSource(Number((event.target as HTMLSelectElement).value)));\n    this.#root.querySelector<HTMLInputElement>('[data-action=auto-advance]')?.addEventListener('change', (event) => this.controller.setAutoAdvance((event.target as HTMLInputElement).checked));\n  }\n\n  async #resolveSource(): Promise<void> {\n    const token = ++this.#sourceToken;\n    try {\n      const url = await this.controller.resolvedSourceUrl();\n      if (token !== this.#sourceToken || !url) return;\n      this.#resolvedSourceUrl = url;\n      const media = this.#root.querySelector('video, audio, hls-video') as HTMLMediaElement | null;\n      if (media) this.#activateMedia(media, url);\n    } catch (cause) {\n      const error = cause instanceof Error ? cause : new Error(String(cause));\n      this.dispatchEvent(new CustomEvent('av-error', { detail: { error }, bubbles: true, composed: true }));\n    }\n  }\n\n  #activateMedia(media: HTMLMediaElement, sourceUrl: string): void {\n    const mode = resolveAudioVisualizerMode(this.controller.config.audioArt.visualizer);\n    const policy = resolveAudioMediaPolicy(\n      sourceUrl,\n      this.controller.config.crossorigin,\n      this.controller.crossoriginExplicit,\n      media instanceof HTMLAudioElement ? mode : undefined,\n      this.#fallbackSourceUrl === sourceUrl,\n    );\n    if (media instanceof HTMLAudioElement && policy.implicitCors) {\n      media.addEventListener('error', (event) => {\n        if (this.#fallbackSourceUrl === sourceUrl) return;\n        event.stopImmediatePropagation();\n        this.#fallbackToOrdinaryAudio(media, sourceUrl);\n      }, { once: true });\n    }\n    if (media instanceof HTMLAudioElement && mode && policy.visualize) {\n      const connect = () => {\n        const art = this.#root.querySelector<HTMLElement>('.audio-art.visualizer');\n        if (art && media.isConnected && (media.currentSrc === sourceUrl || media.src === sourceUrl)) {\n          this.#visualizer.connect(media, art, mode);\n        }\n      };\n      media.addEventListener('loadedmetadata', connect, { once: true });\n      if (media.readyState >= HTMLMediaElement.HAVE_METADATA) queueMicrotask(connect);\n    }\n    this.controller.attachMedia(media);\n    applyMediaSource(media, sourceUrl, policy.crossOrigin);\n  }\n\n  #fallbackToOrdinaryAudio(failed: HTMLAudioElement, sourceUrl: string): void {\n    this.#fallbackSourceUrl = sourceUrl;\n    this.#visualizer.disconnect();\n    const requestedTime = this.controller.state.currentTime;\n    const shouldPlay = this.controller.state.status === 'playing' || !failed.paused;\n    const replacement = failed.cloneNode(true) as HTMLAudioElement;\n    replacement.removeAttribute('src');\n    replacement.removeAttribute('crossorigin');\n    replacement.volume = failed.volume;\n    replacement.muted = failed.muted;\n    replacement.playbackRate = failed.playbackRate;\n    const hadFocus = this.#root.activeElement === failed;\n    failed.replaceWith(replacement);\n    this.controller.attachMedia(replacement);\n    this.controller.seekTo(requestedTime);\n    if (hadFocus) replacement.focus();\n    const art = this.#root.querySelector<HTMLElement>('.audio-art');\n    art?.classList.remove('visualizer');\n    applyMediaSource(replacement, sourceUrl);\n    if (shouldPlay) replacement.addEventListener('loadedmetadata', () => void replacement.play().catch(() => undefined), { once: true });\n    this.controller.dispatchEvent(new CustomEvent('av-visualizerfallback', {\n      detail: { canvasId: this.controller.canvas?.id ?? '', sourceUrl, reason: 'cors' },\n    }));\n  }\n\n  #resetSourceLoad(): void {\n    this.#sourceToken += 1;\n    this.#resolvedSourceUrl = undefined;\n    this.#fallbackSourceUrl = undefined;\n    this.#visualizer.disconnect();\n  }\n\n  async #loadTranscript(): Promise<void> {\n    const resource = this.controller.canvas?.transcripts[0];\n    if (!resource || !this.controller.config.audioArt.transcript) return;\n    const token = ++this.#transcriptToken;\n    const options: Parameters<typeof loadTranscript>[1] = {};\n    if (this.controller.config.fetch) options.fetch = this.controller.config.fetch;\n    if (this.controller.config.requestInit) options.requestInit = this.controller.config.requestInit;\n    if (this.controller.config.transcript.showNotes !== undefined) options.showNotes = this.controller.config.transcript.showNotes;\n    if (this.controller.config.transcript.showMetadata !== undefined) options.showMetadata = this.controller.config.transcript.showMetadata;\n    try {\n      const cues = await loadTranscript(resource, options);\n      if (token !== this.#transcriptToken) return;\n      this.#transcriptCues = cues;\n      const art = this.#root.querySelector<HTMLElement>('.audio-art');\n      const canvas = this.controller.canvas;\n      if (art && canvas && this.controller.source?.kind === 'audio') {\n        const text = art.querySelector<HTMLElement>('.audio-art-text');\n        if (text) text.innerHTML = audioArtTranscriptHtml(canvas.label, this.controller.config.audioArt.title ?? '', cues, true);\n        syncAudioArtTranscript(art, this.controller.state.currentTime);\n      }\n    } catch (cause) {\n      if (token !== this.#transcriptToken) return;\n      const error = cause instanceof Error ? cause : new Error(String(cause));\n      this.dispatchEvent(new CustomEvent('av-error', { detail: { error }, bubbles: true, composed: true }));\n    }\n  }\n}\n\nexport const defineMangoAVPlayer = (tagName = 'mango-av-player'): typeof MangoAVPlayerElement => {\n  if (typeof customElements === 'undefined') return MangoAVPlayerElement;\n  if (!customElements.get(tagName)) customElements.define(tagName, MangoAVPlayerElement);\n  return MangoAVPlayerElement;\n};\n"],"mappings":"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","names":[]}

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

@@ -175,6 +175,7 @@ interface AVTranscriptConfig {
     showSearchMarkers?: boolean;
 }
 interface AVAudioArtConfig {
+    title?: string;
     transcript?: boolean;
     visualizer?: boolean | AVAudioVisualizerMode;
 }
@@ -316,6 +317,11 @@ interface AVPlayerEventMap {
         config: Readonly<AVPlayerConfig>;
     };
     'av-statechange': AVPlayerState;
+    'av-visualizerfallback': {
+        canvasId: string;
+        sourceUrl: string;
+        reason: 'cors';
+    };
 }
 declare const defaultStrings: AVStrings;
 declare const defaultConfig: Required<Pick<AVPlayerConfig, 'controls' | 'panels' | 'transcript' | 'audioArt' | 'resume' | 'strings' | 'preferredLanguages' | 'autoAdvance' | 'repeat' | 'activePanel' | 'crossorigin' | 'preload' | 'playbackRates'>>;
@@ -330,6 +336,8 @@ declare class AVPlayerController extends EventTarget {
     get canvas(): AVCanvas | undefined;
     get source(): MediaSource | undefined;
     get media(): HTMLMediaElement | undefined;
+    /** Whether the host explicitly selected the media element CORS policy. */
+    get crossoriginExplicit(): boolean;
     on<K extends keyof AVPlayerEventMap>(type: K, listener: (event: CustomEvent<AVPlayerEventMap[K]>) => void): () => void;
     configure(config: AVPlayerConfig): void;
     load(input: JsonObject | string): Promise<AVManifest>;

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

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

package/dist/core.d.ts

@@ -1,5 +1,5 @@
-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';
+import { n as AVStrings, J as JsonObject, g as AVManifest, w as TranscriptResource, u as TranscriptCue, t as TimeSpan } from './controller-SkwGkVE8.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-SkwGkVE8.js';
 
 interface NormalizeOptions {
     fetch?: typeof globalThis.fetch;

package/dist/core.js

@@ -3,7 +3,7 @@ import {
   loadTranscript,
   parseTimedText,
   parseTranscript
-} from "./chunk-5BWGKBKC.js";
+} from "./chunk-CIAQZ2EB.js";
 import {
   AVPlayerController,
   defaultConfig,
@@ -12,7 +12,7 @@ import {
   normalizeManifest,
   parseTemporalFragment,
   parseTime
-} from "./chunk-FF6BLZ6W.js";
+} from "./chunk-4NOWGMI5.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 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 { 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-SkwGkVE8.js';
 export { NormalizeOptions, formatTime, loadTranscript, normalizeManifest, parseTemporalFragment, parseTime, parseTimedText, parseTranscript } from './core.js';
-import './controller-element-BY0157ve.js';
+import './controller-element-CkXIA6w2.js';
 
 declare global {
     interface HTMLElementTagNameMap {

package/dist/index.js

@@ -1,32 +1,32 @@
 import {
   MangoAVAnnotationsElement,
   defineMangoAVAnnotations
-} from "./chunk-PI3ID6LG.js";
+} from "./chunk-YX32ZQPR.js";
 import {
   MangoAVChaptersElement,
   defineMangoAVChapters
-} from "./chunk-HHDOPDXV.js";
+} from "./chunk-EHIKFRFV.js";
 import "./chunk-GAVG7CPU.js";
 import {
   MangoAVMediaElement,
   defineMangoAVMedia
-} from "./chunk-4FBOXHMO.js";
+} from "./chunk-4V6FME6B.js";
 import {
   MangoAVPlayerElement,
   defineMangoAVPlayer
-} from "./chunk-2CWHBQQY.js";
-import "./chunk-3PDSZOH3.js";
+} from "./chunk-YX6L6CUF.js";
+import "./chunk-ELGGWWDS.js";
 import {
   MangoAVTranscriptElement,
   defineMangoAVTranscript
-} from "./chunk-5YLZTGEM.js";
+} from "./chunk-FVYEV2LO.js";
 import "./chunk-CDLYT3KB.js";
-import "./chunk-P7TOB5QS.js";
+import "./chunk-C4H46HDS.js";
 import {
   loadTranscript,
   parseTimedText,
   parseTranscript
-} from "./chunk-5BWGKBKC.js";
+} from "./chunk-CIAQZ2EB.js";
 import {
   AVPlayerController,
   defaultConfig,
@@ -35,7 +35,7 @@ import {
   normalizeManifest,
   parseTemporalFragment,
   parseTime
-} from "./chunk-FF6BLZ6W.js";
+} from "./chunk-4NOWGMI5.js";
 
 // src/index.ts
 if (typeof window !== "undefined" && "customElements" in window) {

package/dist/media.d.ts

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

package/dist/media.js

@@ -1,11 +1,11 @@
 import {
   MangoAVMediaElement,
   defineMangoAVMedia
-} from "./chunk-4FBOXHMO.js";
-import "./chunk-3PDSZOH3.js";
+} from "./chunk-4V6FME6B.js";
+import "./chunk-ELGGWWDS.js";
 import "./chunk-CDLYT3KB.js";
-import "./chunk-5BWGKBKC.js";
-import "./chunk-FF6BLZ6W.js";
+import "./chunk-CIAQZ2EB.js";
+import "./chunk-4NOWGMI5.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-BY0157ve.js';
-import { J as JsonObject, i as AVPlayerConfig, g as AVManifest, e as AVCanvas, k as AVPlayerEventMap } from './controller-BLA8XNsG.js';
+import { A as AVControllerElement } from './controller-element-CkXIA6w2.js';
+import { J as JsonObject, i as AVPlayerConfig, g as AVManifest, e as AVCanvas, k as AVPlayerEventMap } from './controller-SkwGkVE8.js';
 
 declare class MangoAVPlayerElement extends AVControllerElement {
     #private;

package/dist/player.js

@@ -1,11 +1,11 @@
 import {
   MangoAVPlayerElement,
   defineMangoAVPlayer
-} from "./chunk-2CWHBQQY.js";
-import "./chunk-3PDSZOH3.js";
-import "./chunk-P7TOB5QS.js";
-import "./chunk-5BWGKBKC.js";
-import "./chunk-FF6BLZ6W.js";
+} from "./chunk-YX6L6CUF.js";
+import "./chunk-ELGGWWDS.js";
+import "./chunk-C4H46HDS.js";
+import "./chunk-CIAQZ2EB.js";
+import "./chunk-4NOWGMI5.js";
 
 // src/player.ts
 if (typeof window !== "undefined" && "customElements" in window) defineMangoAVPlayer();

package/dist/transcript-element.d.ts

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

package/dist/transcript-element.js

@@ -1,11 +1,11 @@
 import {
   MangoAVTranscriptElement,
   defineMangoAVTranscript
-} from "./chunk-5YLZTGEM.js";
+} from "./chunk-FVYEV2LO.js";
 import "./chunk-CDLYT3KB.js";
-import "./chunk-P7TOB5QS.js";
-import "./chunk-5BWGKBKC.js";
-import "./chunk-FF6BLZ6W.js";
+import "./chunk-C4H46HDS.js";
+import "./chunk-CIAQZ2EB.js";
+import "./chunk-4NOWGMI5.js";
 
 // src/transcript-element.ts
 if (typeof window !== "undefined" && "customElements" in window) defineMangoAVTranscript();

package/docs/API.md

@@ -186,6 +186,7 @@ interface AVPlayerConfig {
     showSearchMarkers?: boolean;
   };
   audioArt?: {
+    title?: string;
     transcript?: boolean;
     visualizer?: boolean | 'pulse' | 'waveform' | 'spectrum';
   };
@@ -212,9 +213,13 @@ interface AVPlayerConfig {
 }
 ```
 
+`audioArt.title` sets optional text in the audio artwork. It defaults to `''`, so no title is displayed unless the host supplies one. The Canvas label remains the audio element's accessible name. When synchronized artwork transcripts are enabled and cues are available, the cues replace the configured title.
+
 `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.
 
-`crossorigin` defaults to `''`, so the player does not add a `crossorigin` attribute and ordinary cross-origin media can load without a CORS response. Set it explicitly to `'anonymous'` or `'use-credentials'` when text tracks, canvas frame access, or another feature requires CORS; the media server must then return matching CORS headers.
+`crossorigin` defaults to `''`, so ordinary media does not add a `crossorigin` attribute. When an audio visualizer is enabled, a cross-origin HTTP(S) source instead uses an implicit `anonymous` policy so Web Audio can safely inspect it. If that implicit CORS load fails, the player replaces the audio element and retries once without Web Audio or CORS, preserving audible HTML media playback.
+
+An explicitly supplied `crossorigin` value is always retained. Explicit `'anonymous'` and `'use-credentials'` failures surface as normal media errors and are never retried with weaker security. An explicit empty string keeps ordinary no-CORS loading; for a cross-origin source, visualization is disabled to avoid routing silent samples through Web Audio.
 
 `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`.
 
@@ -268,6 +273,7 @@ Read-only properties are `config`, `state`, `manifest`, `canvas`, `source`, and
 | `av-annotationschange` | Active Canvas annotation list |
 | `av-configchange` | Resolved controller configuration |
 | `av-statechange` | Complete `AVPlayerState` snapshot |
+| `av-visualizerfallback` | `{ canvasId, sourceUrl, reason: 'cors' }` when ordinary audio playback replaces a failed implicit-CORS visualizer load |
 
 ## Parsing helpers
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mango-iiif/av",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "Framework-free IIIF audio and video components powered by Media Chrome.",
   "license": "MIT",
   "type": "module",
@@ -29,6 +29,7 @@
     "dist",
     "docs",
     "README.md",
+    "CHANGELOG.md",
     "LICENSE"
   ],
   "main": "./dist/index.js",

package/dist/chunk-2CWHBQQY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/mango-av-player.ts"],"sourcesContent":["import { AVControllerElement } from './controller-element';\nimport { componentTheme } from './component-styles';\nimport { ensureMediaChrome } from './media-chrome';\nimport { AudioArtVisualizer, audioArtContentHtml, audioArtTranscriptHtml, resolveAudioVisualizerMode, syncAudioArtTranscript } from './audio-art';\nimport { loadTranscript } from '../transcript';\nimport type { AVCanvas, AVManifest, AVPlayerConfig, AVPlayerEventMap, JsonObject, MediaSource, TranscriptCue } from '../types';\nimport { escapeHtml, formatString, resolveStrings } from '../utils';\n\nlet hlsElementRegistration: Promise<unknown> | undefined;\nconst ensureHlsElement = (): Promise<unknown> => {\n  hlsElementRegistration ??= import('hls-video-element');\n  return hlsElementRegistration;\n};\n\nconst styles = `${componentTheme}\n  :host { --mango-av-player-aspect-ratio: 16 / 9; }\n  .player { background: #08080a; border-radius: var(--mango-av-radius); color: white; overflow: clip; position: relative; }\n  media-controller { display: block; width: 100%; }\n  media-controller:not([audio]) { aspect-ratio: var(--mango-av-player-aspect-ratio); }\n  video, hls-video { display: block; height: 100%; object-fit: contain; width: 100%; }\n  audio { width: 100%; }\n  media-control-bar { width: 100%; }\n  .audio-art { --mango-av-wave-edge-strength: 0%; --mango-av-wave-mid-strength: 0%; --mango-av-wave-rise: 8%; --mango-av-wave-strength: 0%; align-items: center; aspect-ratio: 16 / 7; background: linear-gradient(#09080d, #111019); display: flex; justify-content: center; overflow: hidden; padding: 2rem; position: relative; text-align: center; }\n  .audio-art.visualizer--pulse { background: radial-gradient(ellipse 140% 72% at 50% calc(100% + var(--mango-av-wave-rise)), color-mix(in srgb, var(--mango-av-accent) var(--mango-av-wave-strength), transparent) 0%, color-mix(in srgb, var(--mango-av-accent) var(--mango-av-wave-mid-strength), transparent) 40%, color-mix(in srgb, var(--mango-av-accent) var(--mango-av-wave-edge-strength), transparent) 62%, transparent 78%), linear-gradient(#09080d, #111019); }\n  .audio-art-text { display: contents; }\n  .audio-art-visualizer-canvas { height: 100%; inset: 0; pointer-events: none; position: absolute; width: 100%; }\n  .audio-art-title { font-size: clamp(1.1rem, 3vw, 2rem); font-weight: 700; position: relative; z-index: 1; }\n  .audio-art-transcript { height: 100%; inset: 0; overflow: hidden; position: absolute; z-index: 1; }\n  .audio-art-cue { align-items: center; display: flex; flex-direction: column; font-size: clamp(.7rem, 1.3vw, .875rem); font-weight: 550; gap: .15rem; left: 12%; line-height: 1.35; position: absolute; right: 12%; top: 50%; transition: opacity 360ms ease, transform 480ms cubic-bezier(.22, 1, .36, 1); }\n  .audio-art-transcript.seeking .audio-art-cue { transition: none; }\n  .audio-art-cue.active { font-size: clamp(.78rem, 1.5vw, 1rem); font-weight: 650; }\n  .audio-art-cue > span:last-child { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }\n  .audio-art-speaker { font-size: .7em; letter-spacing: .04em; text-transform: uppercase; }\n  .toolbar { align-items: center; background: #151518; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: space-between; padding: .55rem .7rem; }\n  .toolbar button, .toolbar select { background: #29292e; border: 1px solid #44444a; border-radius: .35rem; color: white; padding: .4rem .55rem; }\n  .group { align-items: center; display: flex; gap: .45rem; }\n  .error { background: #fff0f0; color: #8a1717; padding: 1rem; }\n  .sr-only { clip: rect(0,0,0,0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }\n`;\n\nexport class MangoAVPlayerElement extends AVControllerElement {\n  static observedAttributes = ['manifest-url', 'config'];\n\n  #root: ShadowRoot;\n  #manifestInput: JsonObject | string | undefined;\n  #config: AVPlayerConfig = {};\n  #resolvedSourceUrl: string | undefined;\n  #sourceToken = 0;\n  #transcriptCues: TranscriptCue[] = [];\n  #transcriptToken = 0;\n  #visualizer = new AudioArtVisualizer();\n\n  constructor() {\n    super();\n    this.#root = this.attachShadow({ mode: 'open' });\n  }\n\n  get manifest(): JsonObject | string | undefined {\n    return this.#manifestInput;\n  }\n\n  set manifest(value: JsonObject | string | undefined) {\n    this.#manifestInput = value;\n    if (this.isConnected && value !== undefined) void this.load(value);\n  }\n\n  get config(): AVPlayerConfig {\n    return this.#config;\n  }\n\n  set config(value: AVPlayerConfig) {\n    this.#config = value;\n    this.controller.configure(value);\n    this.#render();\n  }\n\n  override connectedCallback(): void {\n    this.#readConfigAttribute();\n    void ensureMediaChrome(this.controller.config.preferredLanguages[0]);\n    super.connectedCallback();\n    const source = this.#manifestInput ?? this.getAttribute('manifest-url') ?? undefined;\n    if (source !== undefined && !this.controller.manifest) void this.load(source);\n  }\n\n  override disconnectedCallback(): void {\n    this.#visualizer.disconnect();\n    super.disconnectedCallback();\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n    if (!this.isConnected || oldValue === newValue) return;\n    if (name === 'manifest-url' && newValue) {\n      this.#manifestInput = newValue;\n      void this.load(newValue);\n    } else if (name === 'config') {\n      this.#readConfigAttribute();\n      this.#render();\n    }\n  }\n\n  async load(input: JsonObject | string): Promise<AVManifest> {\n    this.#manifestInput = input;\n    return await this.controller.load(input);\n  }\n\n  play(): Promise<void> { return this.controller.play(); }\n  pause(): void { this.controller.pause(); }\n  seekTo(time: number): void { this.controller.seekTo(time); }\n  selectCanvas(indexOrId: number | string, options?: { time?: number; autoplay?: boolean }): AVCanvas | undefined {\n    return this.controller.selectCanvas(indexOrId, options);\n  }\n\n  protected controllerChanged(): void {\n    this.#transcriptCues = [];\n    this.#render();\n    void this.#loadTranscript();\n  }\n\n  protected handleControllerEvent<K extends keyof AVPlayerEventMap>(type: K, event: CustomEvent<AVPlayerEventMap[K]>): void {\n    if (type === 'av-configchange') {\n      this.#resolvedSourceUrl = undefined;\n      void ensureMediaChrome(this.controller.config.preferredLanguages[0]).then(() => {\n        this.#render();\n        void this.#loadTranscript();\n        void this.#resolveSource();\n      });\n    } else if (type === 'av-ready' || type === 'av-canvaschange') {\n      this.#resolvedSourceUrl = undefined;\n      this.#transcriptCues = [];\n      if (this.controller.source?.isHls) void ensureHlsElement();\n      this.#render();\n      void this.#loadTranscript();\n      void this.#resolveSource();\n    } else if (type === 'av-sourcechange' || type === 'av-error') {\n      this.#resolvedSourceUrl = undefined;\n      if (this.controller.source?.isHls) void ensureHlsElement();\n      this.#render();\n      void this.#resolveSource();\n    } else if (type === 'av-seek') {\n      syncAudioArtTranscript(this.#root, (event.detail as AVPlayerEventMap['av-seek']).to, true);\n    } else if (type === 'av-timeupdate' || type === 'av-statechange') {\n      syncAudioArtTranscript(this.#root, this.controller.state.currentTime);\n    }\n    this.dispatchEvent(new CustomEvent(type, { detail: event.detail, bubbles: true, composed: true }));\n  }\n\n  #readConfigAttribute(): void {\n    const value = this.getAttribute('config');\n    if (!value) return;\n    try {\n      this.#config = JSON.parse(value) as AVPlayerConfig;\n      this.controller.configure(this.#config);\n    } catch (cause) {\n      const error = cause instanceof Error ? cause : new Error(String(cause));\n      this.dispatchEvent(new CustomEvent('av-error', { detail: { error }, bubbles: true, composed: true }));\n    }\n  }\n\n  #render(): void {\n    this.#visualizer.disconnect();\n    const state = this.controller.state;\n    const canvas = this.controller.canvas;\n    const source = this.controller.source;\n    const ui = resolveStrings(this.controller.config.strings);\n    this.#root.innerHTML = `<style>${styles}</style>\n      <div class=\"player\">\n        ${state.status === 'loading' ? `<p role=\"status\">${escapeHtml(ui.loadingManifest)}</p>` : ''}\n        ${state.status === 'error' ? `<div class=\"error\" role=\"alert\">${escapeHtml(state.error?.message ?? ui.unableToLoadMedia)}</div>` : ''}\n        ${canvas && source ? this.#readyHtml(canvas, source) : state.status !== 'loading' && state.status !== 'error' ? `<div class=\"audio-art\"><span>${escapeHtml(ui.noMediaLoaded)}</span></div>` : ''}\n      </div>`;\n    const media = this.#root.querySelector('video, audio, hls-video') as HTMLMediaElement | null;\n    if (media) {\n      this.controller.attachMedia(media);\n      const art = this.#root.querySelector<HTMLElement>('.audio-art.visualizer');\n      const visualizerMode = resolveAudioVisualizerMode(this.controller.config.audioArt.visualizer);\n      if (art && media instanceof HTMLAudioElement && visualizerMode) this.#visualizer.connect(media, art, visualizerMode);\n    }\n    syncAudioArtTranscript(this.#root, this.controller.state.currentTime);\n    this.#bind();\n  }\n\n  #readyHtml(canvas: AVCanvas, source: MediaSource): string {\n    const controls = this.controller.config.controls;\n    const manifest = this.controller.manifest;\n    const kind = source.kind;\n    const ui = resolveStrings(this.controller.config.strings);\n    const language = this.controller.config.preferredLanguages.find((value) => value !== 'none');\n    const showSourceSelector = controls.sourceSelector && canvas.sources.length > 1;\n    const showToolbar = controls.navigation || controls.autoAdvance || showSourceSelector;\n    const visualizerMode = resolveAudioVisualizerMode(this.controller.config.audioArt.visualizer);\n    return `<media-controller ${kind === 'audio' ? 'audio' : ''} ${language ? `lang=\"${escapeHtml(language)}\"` : ''}>\n      ${kind === 'audio' ? `<div class=\"audio-art ${visualizerMode ? `visualizer visualizer--${visualizerMode}` : ''}\">${audioArtContentHtml(canvas.label, this.#transcriptCues, Boolean(this.controller.config.audioArt.transcript), visualizerMode)}</div>` : ''}\n      ${this.#mediaHtml(canvas, source)}\n      <slot name=\"overlay\"></slot>\n      <slot name=\"controls\">\n        <media-control-bar>\n          <media-play-button></media-play-button>\n          ${controls.seek ? `<media-seek-backward-button seekoffset=\"${controls.skipSeconds ?? 10}\"></media-seek-backward-button><media-seek-forward-button seekoffset=\"${controls.skipSeconds ?? 10}\"></media-seek-forward-button>` : ''}\n          <media-time-display showduration></media-time-display>\n          ${controls.seek ? '<media-time-range></media-time-range>' : ''}\n          ${controls.volume ? '<media-mute-button></media-mute-button><media-volume-range></media-volume-range>' : ''}\n          ${controls.captions && canvas.tracks.length > 0 ? '<media-captions-menu-button></media-captions-menu-button>' : ''}\n          ${controls.playbackRate ? '<media-playback-rate-menu-button></media-playback-rate-menu-button>' : ''}\n          ${controls.pictureInPicture && kind === 'video' ? '<media-pip-button></media-pip-button>' : ''}\n          ${controls.fullscreen && kind === 'video' ? '<media-fullscreen-button></media-fullscreen-button>' : ''}\n        </media-control-bar>\n        ${controls.captions && canvas.tracks.length > 0 ? '<media-captions-menu hidden></media-captions-menu>' : ''}\n        ${controls.playbackRate ? `<media-playback-rate-menu rates=\"${this.controller.config.playbackRates.join(' ')}\" hidden></media-playback-rate-menu>` : ''}\n      </slot>\n    </media-controller>\n    ${showToolbar ? `<div class=\"toolbar\">\n      ${controls.navigation ? `<div class=\"group\">\n        <button type=\"button\" data-action=\"previous\" ${canvas.index === 0 ? 'disabled' : ''} aria-label=\"${escapeHtml(ui.previousSection)}\">← ${escapeHtml(ui.previous)}</button>\n        <button type=\"button\" data-action=\"next\" ${canvas.index === (manifest?.canvases.length ?? 1) - 1 && !this.controller.state.repeat ? 'disabled' : ''} aria-label=\"${escapeHtml(ui.nextSection)}\">${escapeHtml(ui.next)} →</button>\n      </div>` : ''}\n      ${showSourceSelector || controls.autoAdvance ? `<div class=\"group\">\n        ${showSourceSelector ? `<label><span class=\"sr-only\">${escapeHtml(ui.mediaSource)}</span><select data-action=\"source\">${canvas.sources.map((item, index) => `<option value=\"${index}\" ${index === this.controller.state.sourceIndex ? 'selected' : ''}>${escapeHtml(item.label ?? item.format ?? formatString(ui.sourceNumber, { number: index + 1 }))}</option>`).join('')}</select></label>` : ''}\n        ${controls.autoAdvance ? `<label><input type=\"checkbox\" data-action=\"auto-advance\" ${this.controller.state.autoAdvance ? 'checked' : ''}> ${escapeHtml(ui.autoAdvance)}</label>` : ''}\n      </div>` : ''}\n    </div>` : ''}`;\n  }\n\n  #mediaHtml(canvas: AVCanvas, source: MediaSource): string {\n    const tag = source.isHls ? 'hls-video' : source.kind;\n    const sourceUrl = this.#resolvedSourceUrl ?? (this.controller.config.resolveRequest ? '' : source.src);\n    const attributes = [\n      'slot=\"media\"',\n      sourceUrl ? `src=\"${escapeHtml(sourceUrl)}\"` : '',\n      `preload=\"${this.controller.config.preload}\"`,\n      this.controller.config.crossorigin ? `crossorigin=\"${this.controller.config.crossorigin}\"` : '',\n      source.kind === 'video' && canvas.poster ? `poster=\"${escapeHtml(canvas.poster)}\"` : '',\n      `aria-label=\"${escapeHtml(canvas.label)}\"`,\n      `data-canvasindex=\"${canvas.index}\"`,\n    ].filter(Boolean).join(' ');\n    const tracks = canvas.tracks.map((track) => `<track src=\"${escapeHtml(track.src)}\" kind=\"${track.kind}\" label=\"${escapeHtml(track.label)}\" ${track.language ? `srclang=\"${escapeHtml(track.language)}\"` : ''} ${track.default ? 'default' : ''}>`).join('');\n    return `<${tag} ${attributes}>${tracks}</${tag}>`;\n  }\n\n  #bind(): void {\n    this.#root.querySelector<HTMLElement>('[data-action=previous]')?.addEventListener('click', () => this.controller.previous({ autoplay: this.controller.state.status === 'playing' }));\n    this.#root.querySelector<HTMLElement>('[data-action=next]')?.addEventListener('click', () => this.controller.next({ autoplay: this.controller.state.status === 'playing' }));\n    this.#root.querySelector<HTMLSelectElement>('[data-action=source]')?.addEventListener('change', (event) => this.controller.selectSource(Number((event.target as HTMLSelectElement).value)));\n    this.#root.querySelector<HTMLInputElement>('[data-action=auto-advance]')?.addEventListener('change', (event) => this.controller.setAutoAdvance((event.target as HTMLInputElement).checked));\n  }\n\n  async #resolveSource(): Promise<void> {\n    if (!this.controller.config.resolveRequest) return;\n    const token = ++this.#sourceToken;\n    try {\n      const url = await this.controller.resolvedSourceUrl();\n      if (token !== this.#sourceToken || !url) return;\n      this.#resolvedSourceUrl = url;\n      this.#root.querySelector('video, audio, hls-video')?.setAttribute('src', url);\n    } catch (cause) {\n      const error = cause instanceof Error ? cause : new Error(String(cause));\n      this.dispatchEvent(new CustomEvent('av-error', { detail: { error }, bubbles: true, composed: true }));\n    }\n  }\n\n  async #loadTranscript(): Promise<void> {\n    const resource = this.controller.canvas?.transcripts[0];\n    if (!resource || !this.controller.config.audioArt.transcript) return;\n    const token = ++this.#transcriptToken;\n    const options: Parameters<typeof loadTranscript>[1] = {};\n    if (this.controller.config.fetch) options.fetch = this.controller.config.fetch;\n    if (this.controller.config.requestInit) options.requestInit = this.controller.config.requestInit;\n    if (this.controller.config.transcript.showNotes !== undefined) options.showNotes = this.controller.config.transcript.showNotes;\n    if (this.controller.config.transcript.showMetadata !== undefined) options.showMetadata = this.controller.config.transcript.showMetadata;\n    try {\n      const cues = await loadTranscript(resource, options);\n      if (token !== this.#transcriptToken) return;\n      this.#transcriptCues = cues;\n      const art = this.#root.querySelector<HTMLElement>('.audio-art');\n      const canvas = this.controller.canvas;\n      if (art && canvas && this.controller.source?.kind === 'audio') {\n        const text = art.querySelector<HTMLElement>('.audio-art-text');\n        if (text) text.innerHTML = audioArtTranscriptHtml(canvas.label, cues, true);\n        syncAudioArtTranscript(art, this.controller.state.currentTime);\n      }\n    } catch (cause) {\n      if (token !== this.#transcriptToken) return;\n      const error = cause instanceof Error ? cause : new Error(String(cause));\n      this.dispatchEvent(new CustomEvent('av-error', { detail: { error }, bubbles: true, composed: true }));\n    }\n  }\n}\n\nexport const defineMangoAVPlayer = (tagName = 'mango-av-player'): typeof MangoAVPlayerElement => {\n  if (typeof customElements === 'undefined') return MangoAVPlayerElement;\n  if (!customElements.get(tagName)) customElements.define(tagName, MangoAVPlayerElement);\n  return MangoAVPlayerElement;\n};\n"],"mappings":"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","names":[]}