three-vr-player 0.2.0 → 0.3.0

package/README.md

@@ -87,6 +87,7 @@ new Player(container, {
 ```ts
 player.load(src, { projection? }); player.play(); player.pause();
 player.setProjection(p); player.setSwapEyes(b); player.setFov(deg); player.setSupersampling(x);
+player.setProxy({ url, apiPassword?, enabled });  // also exposed as a toggle in the ⚙ settings
 player.enterVR(); player.dispose();
 player.video;   // the underlying <video>
 player.three;   // { renderer, scene, camera }

package/dist/Player.d.ts

@@ -18,6 +18,9 @@ export declare class Player {
     private readyEmitted;
     private native;
     private loading;
+    private proxyConfig?;
+    private useProxy;
+    private currentSrc?;
     constructor(container: HTMLElement, options?: PlayerOptions);
     private vrSupported;
     load(src: string, o?: {
@@ -31,6 +34,12 @@ export declare class Player {
     setSwapEyes(v: boolean): void;
     setFov(deg: number): void;
     setSupersampling(x: number): void;
+    /** Update the CORS proxy config / toggle it, and reload the current source if any. */
+    setProxy(p: {
+        url: string;
+        apiPassword?: string;
+        enabled: boolean;
+    }): void;
     enterVR(): Promise<void>;
     get three(): {
         renderer: import('three').WebGLRenderer;

package/dist/three-vr-player.js

@@ -1,34 +1,38 @@
-import { P as I, V as R, S as $, L as V, a as D, b as U } from "./VideoSource-CJGIX8gL.js";
-import { M as G, c as Q, d as X, i as Z } from "./VideoSource-CJGIX8gL.js";
-function z(l) {
+import { P as V, V as D, S as J, L as W, a as q, b as Y } from "./VideoSource-CJGIX8gL.js";
+import { M as tt, c as et, d as st, i as it } from "./VideoSource-CJGIX8gL.js";
+function L(l) {
   if (!Number.isFinite(l) || l < 0) return "0:00";
   const t = Math.floor(l % 60), s = Math.floor(l / 60 % 60), e = Math.floor(l / 3600), a = String(t).padStart(2, "0");
   return e > 0 ? `${e}:${String(s).padStart(2, "0")}:${a}` : `${s}:${a}`;
 }
-function n(l, t = {}, s = []) {
-  const e = document.createElement(l), { class: a, ...o } = t;
-  a && (e.className = a), Object.assign(e, o);
-  for (const c of s) e.append(c);
+function o(l, t = {}, s = []) {
+  const e = document.createElement(l), { class: a, ...c } = t;
+  a && (e.className = a), Object.assign(e, c);
+  for (const d of s) e.append(d);
   return e;
 }
-class J {
+class _ {
   constructor(t, s) {
     this.nodes = [], this.disposers = [];
-    const e = s.video, a = n("button", { class: "tvp-btn tvp-play", title: "Play/Pause", textContent: "▶" }), o = n("input", { class: "tvp-seek", type: "range", min: "0", max: "1000", value: "0" }), c = n("span", { class: "tvp-time", textContent: "0:00 / 0:00" }), h = n("button", { class: "tvp-btn tvp-mute", title: "Volume", textContent: "🔊" }), v = n("input", { class: "tvp-volume", type: "range", min: "0", max: "1", step: "0.01", value: "1" }), m = n("div", { class: "tvp-volpopup", hidden: !0 }, [v]), L = n("span", { class: "tvp-volwrap" }, [h, m]), k = n("span", { class: "tvp-vrslot" }), b = n("button", { class: "tvp-btn tvp-projbtn", title: "Projection", textContent: "🌐" }), d = n("div", { class: "tvp-projmenu", hidden: !0 });
-    for (const i of I) {
-      const r = n("button", { textContent: i.label });
-      r.dataset.mode = i.value, d.append(r);
+    const e = s.video, a = o("button", { class: "tvp-btn tvp-play", title: "Play/Pause", textContent: "▶" }), c = o("input", { class: "tvp-seek", type: "range", min: "0", max: "1000", value: "0" }), d = o("span", { class: "tvp-time", textContent: "0:00 / 0:00" }), n = o("button", { class: "tvp-btn tvp-mute", title: "Volume", textContent: "🔊" }), h = o("input", { class: "tvp-volume", type: "range", min: "0", max: "1", step: "0.01", value: "1" }), m = o("div", { class: "tvp-volpopup", hidden: !0 }, [h]), R = o("span", { class: "tvp-volwrap" }, [n, m]), j = o("span", { class: "tvp-vrslot" }), x = o("button", { class: "tvp-btn tvp-projbtn", title: "Projection", textContent: "🌐" }), u = o("div", { class: "tvp-projmenu", hidden: !0 });
+    for (const i of V) {
+      const r = o("button", { textContent: i.label });
+      r.dataset.mode = i.value, u.append(r);
     }
-    const T = n("span", { class: "tvp-projwrap" }, [b, d]), S = n("button", { class: "tvp-btn tvp-settingsbtn", title: "Settings", textContent: "⚙" }), E = n("button", { class: "tvp-btn tvp-fullscreen", title: "Fullscreen", textContent: "⛶" }), M = n("footer", { class: "tvp-controls" }, [a, o, c, L, k, T, S, E]), x = n("input", { type: "checkbox", checked: s.initial.swapEyes }), f = n("input", { type: "range", min: "30", max: "100", step: "1", value: String(s.initial.fov) }), y = n("span", { textContent: String(s.initial.fov) }), w = n("input", { type: "range", min: "1", max: "2", step: "0.25", value: String(s.initial.supersampling) }), j = n("span", { textContent: String(s.initial.supersampling) }), C = n("section", { class: "tvp-settings" }, [
-      n("label", { class: "row" }, [x, "Swap eyes (if depth looks wrong)"]),
-      n("label", {}, [N("Field of view (zoom): ", y, "°"), f]),
-      n("label", {}, [N("Supersampling: ", j, "× (sharpness)"), w])
-    ]), B = n("div", { class: "tvp-toast" });
-    this.nodes.push(M, C, B);
+    const B = o("span", { class: "tvp-projwrap" }, [x, u]), C = o("button", { class: "tvp-btn tvp-settingsbtn", title: "Settings", textContent: "⚙" }), F = o("button", { class: "tvp-btn tvp-fullscreen", title: "Fullscreen", textContent: "⛶" }), $ = o("footer", { class: "tvp-controls" }, [a, c, d, R, j, B, C, F]), b = o("input", { type: "checkbox", checked: s.initial.swapEyes }), f = o("input", { type: "range", min: "30", max: "100", step: "1", value: String(s.initial.fov) }), y = o("span", { textContent: String(s.initial.fov) }), w = o("input", { type: "range", min: "1", max: "2", step: "0.25", value: String(s.initial.supersampling) }), z = o("span", { textContent: String(s.initial.supersampling) }), k = o("input", { type: "checkbox", checked: s.proxy.enabled }), S = o("input", { type: "text", value: s.proxy.url, placeholder: "http://localhost:8888", spellcheck: !1 }), P = o("input", { type: "password", value: s.proxy.apiPassword, placeholder: "API password" }), N = o("section", { class: "tvp-settings" }, [
+      o("label", { class: "row" }, [b, "Swap eyes (if depth looks wrong)"]),
+      o("label", {}, [T("Field of view (zoom): ", y, "°"), f]),
+      o("label", {}, [T("Supersampling: ", z, "× (sharpness)"), w]),
+      o("hr", { class: "tvp-sep" }),
+      o("label", { class: "row" }, [k, "Use CORS proxy"]),
+      o("label", {}, ["Proxy URL", S]),
+      o("label", {}, ["API password", P])
+    ]), U = o("div", { class: "tvp-toast" });
+    this.nodes.push($, N, U);
     for (const i of this.nodes) t.append(i);
-    const p = (i, r, u, g) => {
-      i.addEventListener(r, u, g), this.disposers.push(() => i.removeEventListener(r, u, g));
-    }, P = (i) => o.style.setProperty("--seek", `${i}%`);
+    const p = (i, r, v, g) => {
+      i.addEventListener(r, v, g), this.disposers.push(() => i.removeEventListener(r, v, g));
+    }, O = (i) => c.style.setProperty("--seek", `${i}%`);
     p(a, "click", () => {
       e.paused ? e.play() : e.pause();
     }), p(e, "play", () => {
@@ -38,49 +42,51 @@ class J {
     }), p(e, "timeupdate", () => {
       if (e.duration) {
         const i = e.currentTime / e.duration * 100;
-        o.value = String(i * 10), P(i), c.textContent = `${z(e.currentTime)} / ${z(e.duration)}`;
+        c.value = String(i * 10), O(i), d.textContent = `${L(e.currentTime)} / ${L(e.duration)}`;
       }
-    }), p(o, "input", () => {
-      P(Number(o.value) / 10), e.duration && (e.currentTime = Number(o.value) / 1e3 * e.duration);
-    }), p(h, "click", (i) => {
+    }), p(c, "input", () => {
+      O(Number(c.value) / 10), e.duration && (e.currentTime = Number(c.value) / 1e3 * e.duration);
+    }), p(n, "click", (i) => {
       i.stopPropagation(), m.hidden = !m.hidden;
-    }), p(v, "input", () => {
-      e.volume = Number(v.value), e.muted = e.volume === 0, h.textContent = e.muted ? "🔇" : "🔊";
+    }), p(h, "input", () => {
+      e.volume = Number(h.value), e.muted = e.volume === 0, n.textContent = e.muted ? "🔇" : "🔊";
     });
-    const F = () => {
+    const A = () => {
       const i = s.getProjection();
       let r = "Projection";
-      d.querySelectorAll("button").forEach((u) => {
-        const g = u.dataset.mode === i;
-        u.classList.toggle("active", g), g && (r = `Projection: ${u.textContent}`);
-      }), b.title = r;
+      u.querySelectorAll("button").forEach((v) => {
+        const g = v.dataset.mode === i;
+        v.classList.toggle("active", g), g && (r = `Projection: ${v.textContent}`);
+      }), x.title = r;
     };
-    p(b, "click", (i) => {
-      i.stopPropagation(), d.hidden = !d.hidden;
-    }), p(d, "click", (i) => {
+    p(x, "click", (i) => {
+      i.stopPropagation(), u.hidden = !u.hidden;
+    }), p(u, "click", (i) => {
       const r = i.target.closest("button[data-mode]");
-      r && (s.setProjection(r.dataset.mode), F(), d.hidden = !0);
-    }), F(), p(S, "click", (i) => {
-      i.stopPropagation(), C.classList.toggle("open");
-    }), p(x, "change", () => s.setSwapEyes(x.checked)), p(f, "input", () => {
+      r && (s.setProjection(r.dataset.mode), A(), u.hidden = !0);
+    }), A(), p(C, "click", (i) => {
+      i.stopPropagation(), N.classList.toggle("open");
+    }), p(b, "change", () => s.setSwapEyes(b.checked)), p(f, "input", () => {
       const i = Number(f.value);
       y.textContent = String(i), s.setFov(i);
     }), p(w, "input", () => {
       const i = Number(w.value);
-      j.textContent = String(i), s.setSupersampling(i);
-    }), p(s.surface, "wheel", (i) => {
+      z.textContent = String(i), s.setSupersampling(i);
+    });
+    const E = () => s.setProxy({ url: S.value.trim(), apiPassword: P.value, enabled: k.checked });
+    p(k, "change", E), p(S, "change", E), p(P, "change", E), p(s.surface, "wheel", (i) => {
       i.preventDefault();
       const r = Math.max(30, Math.min(100, Number(f.value) + Math.sign(i.deltaY) * 3));
       f.value = String(r), y.textContent = String(r), s.setFov(r);
-    }, { passive: !1 }), p(E, "click", () => {
-      var r, u;
+    }, { passive: !1 }), p(F, "click", () => {
+      var r, v;
       const i = s.fullscreenTarget;
-      document.fullscreenElement ? (u = document.exitFullscreen) == null || u.call(document) : (r = i.requestFullscreen) == null || r.call(i);
+      document.fullscreenElement ? (v = document.exitFullscreen) == null || v.call(document) : (r = i.requestFullscreen) == null || r.call(i);
     }), p(document, "click", (i) => {
       const r = i.composedPath();
-      !m.hidden && !r.includes(m) && !r.includes(h) && (m.hidden = !0), !d.hidden && !r.includes(d) && !r.includes(b) && (d.hidden = !0);
+      !m.hidden && !r.includes(m) && !r.includes(n) && (m.hidden = !0), !u.hidden && !r.includes(u) && !r.includes(x) && (u.hidden = !0);
     }), s.vrSupported().then((i) => {
-      i && (Object.assign(s.vrButton.style, { position: "static", left: "auto", bottom: "auto", transform: "none", margin: "0" }), k.append(s.vrButton));
+      i && (Object.assign(s.vrButton.style, { position: "static", left: "auto", bottom: "auto", transform: "none", margin: "0" }), j.append(s.vrButton));
     });
   }
   dispose() {
@@ -88,14 +94,15 @@ class J {
     for (const t of this.nodes) t.remove();
   }
 }
-function N(l, t, s) {
+function T(l, t, s) {
   const e = document.createDocumentFragment();
   return e.append(l, t, s), e;
 }
-const O = ":host,:host *,.tvp,.tvp *{box-sizing:border-box}.tvp-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.tvp-canvas:active{cursor:grabbing}.tvp-video{display:none}.tvp-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(transparent,#000c);z-index:5;font:14px system-ui,Segoe UI,Roboto,sans-serif;color:#e8eaed}.tvp-btn{padding:4px;border:0;background:none;color:#e8eaed;cursor:pointer;font-size:22px;line-height:1}.tvp-btn:hover{opacity:.7}.tvp-seek{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;background:transparent;cursor:pointer;margin:0}.tvp-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#4f8cff var(--seek,0%),#3a4150 var(--seek,0%))}.tvp-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-4px;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.tvp-seek::-moz-range-track{height:4px;border-radius:2px;background:#3a4150}.tvp-seek::-moz-range-progress{height:4px;border-radius:2px;background:#4f8cff}.tvp-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;cursor:pointer}.tvp-time{font-variant-numeric:tabular-nums;min-width:96px;text-align:center;color:#cfd6e2}.tvp-volwrap,.tvp-projwrap{position:relative;display:inline-flex}.tvp-volpopup{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:40px;height:132px;background:#121418eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #2a2f3a;border-radius:10px;z-index:8;box-shadow:0 8px 24px #0009}.tvp-volpopup[hidden]{display:none}.tvp-volume{position:absolute;top:50%;left:50%;width:104px;height:14px;margin:0;transform:translate(-50%,-50%) rotate(-90deg);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.tvp-volume::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#3a4150}.tvp-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-4px;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.tvp-volume::-moz-range-track{height:4px;border-radius:2px;background:#3a4150}.tvp-volume::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;cursor:pointer}.tvp-projmenu{position:absolute;bottom:calc(100% + 8px);right:0;min-width:210px;background:#121418eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #2a2f3a;border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:8;box-shadow:0 8px 24px #0009}.tvp-projmenu[hidden]{display:none}.tvp-projmenu button{text-align:left;background:transparent;border:0;color:#e8eaed;padding:8px 10px;border-radius:7px;cursor:pointer;font:inherit;white-space:nowrap}.tvp-projmenu button:hover{background:#252b39}.tvp-projmenu button.active{background:#4f8cff;color:#fff}.tvp-vrslot button{position:static!important}.tvp-settings{position:absolute;bottom:62px;right:10px;width:300px;max-width:calc(100% - 20px);max-height:70%;overflow-y:auto;background:#121418eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #2a2f3a;border-radius:12px;padding:14px;display:none;flex-direction:column;gap:12px;z-index:6;font:14px system-ui,Segoe UI,Roboto,sans-serif;color:#e8eaed}.tvp-settings.open{display:flex}.tvp-settings label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#aab2c0}.tvp-settings label.row{flex-direction:row;align-items:center;gap:8px;color:#e8eaed;font-size:13px}.tvp-settings input[type=range]{width:100%;accent-color:#4f8cff}.tvp-toast{position:absolute;left:50%;bottom:74px;transform:translate(-50%);max-width:80%;padding:10px 16px;border-radius:10px;background:#1b1f2aed;border:1px solid #2a2f3a;color:#e8eaed;opacity:0;pointer-events:none;transition:opacity .2s;z-index:7;font:13px system-ui}.tvp-toast.show{opacity:1}", A = "three-vr-player:settings";
-class W {
+const I = ":host,:host *,.tvp,.tvp *{box-sizing:border-box}.tvp-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.tvp-canvas:active{cursor:grabbing}.tvp-video{display:none}.tvp-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(transparent,#000c);z-index:5;font:14px system-ui,Segoe UI,Roboto,sans-serif;color:#e8eaed}.tvp-btn{padding:4px;border:0;background:none;color:#e8eaed;cursor:pointer;font-size:22px;line-height:1}.tvp-btn:hover{opacity:.7}.tvp-seek{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;background:transparent;cursor:pointer;margin:0}.tvp-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#4f8cff var(--seek,0%),#3a4150 var(--seek,0%))}.tvp-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-4px;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.tvp-seek::-moz-range-track{height:4px;border-radius:2px;background:#3a4150}.tvp-seek::-moz-range-progress{height:4px;border-radius:2px;background:#4f8cff}.tvp-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;cursor:pointer}.tvp-time{font-variant-numeric:tabular-nums;min-width:96px;text-align:center;color:#cfd6e2}.tvp-volwrap,.tvp-projwrap{position:relative;display:inline-flex}.tvp-volpopup{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:40px;height:132px;background:#121418eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #2a2f3a;border-radius:10px;z-index:8;box-shadow:0 8px 24px #0009}.tvp-volpopup[hidden]{display:none}.tvp-volume{position:absolute;top:50%;left:50%;width:104px;height:14px;margin:0;transform:translate(-50%,-50%) rotate(-90deg);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.tvp-volume::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#3a4150}.tvp-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-4px;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.tvp-volume::-moz-range-track{height:4px;border-radius:2px;background:#3a4150}.tvp-volume::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;cursor:pointer}.tvp-projmenu{position:absolute;bottom:calc(100% + 8px);right:0;min-width:210px;background:#121418eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #2a2f3a;border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:8;box-shadow:0 8px 24px #0009}.tvp-projmenu[hidden]{display:none}.tvp-projmenu button{text-align:left;background:transparent;border:0;color:#e8eaed;padding:8px 10px;border-radius:7px;cursor:pointer;font:inherit;white-space:nowrap}.tvp-projmenu button:hover{background:#252b39}.tvp-projmenu button.active{background:#4f8cff;color:#fff}.tvp-vrslot button{position:static!important}.tvp-settings{position:absolute;bottom:62px;right:10px;width:300px;max-width:calc(100% - 20px);max-height:70%;overflow-y:auto;background:#121418eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #2a2f3a;border-radius:12px;padding:14px;display:none;flex-direction:column;gap:12px;z-index:6;font:14px system-ui,Segoe UI,Roboto,sans-serif;color:#e8eaed}.tvp-settings.open{display:flex}.tvp-settings label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#aab2c0}.tvp-settings label.row{flex-direction:row;align-items:center;gap:8px;color:#e8eaed;font-size:13px}.tvp-settings input[type=range]{width:100%;accent-color:#4f8cff}.tvp-settings input[type=text],.tvp-settings input[type=password]{width:100%;padding:7px 9px;border-radius:7px;border:1px solid #333;background:#151821;color:#e8eaed;font:inherit}.tvp-sep{width:100%;border:0;border-top:1px solid #2a2f3a;margin:2px 0}.tvp-toast{position:absolute;left:50%;bottom:74px;transform:translate(-50%);max-width:80%;padding:10px 16px;border-radius:10px;background:#1b1f2aed;border:1px solid #2a2f3a;color:#e8eaed;opacity:0;pointer-events:none;transition:opacity .2s;z-index:7;font:13px system-ui}.tvp-toast.show{opacity:1}", M = "three-vr-player:settings";
+class H {
   constructor(t, s = {}) {
-    this.source = new R(), this.listeners = /* @__PURE__ */ new Map(), this.readyEmitted = !1, this.native = !1, this.loading = !1, this.opts = s;
+    var c, d;
+    this.source = new D(), this.listeners = /* @__PURE__ */ new Map(), this.readyEmitted = !1, this.native = !1, this.loading = !1, this.useProxy = !1, this.opts = s, this.proxyConfig = s.proxy, this.useProxy = !!s.proxy;
     const e = s.persistSettings ? this.loadSettings() : null;
     this.view = {
       projection: s.projection ?? (e == null ? void 0 : e.projection) ?? "180-sbs",
@@ -105,34 +112,36 @@ class W {
     }, this.wrap = document.createElement("div"), this.wrap.className = "tvp", this.wrap.style.cssText = "position:relative;width:100%;height:100%;overflow:hidden;", t.appendChild(this.wrap);
     let a;
     if (s.shadowDom !== !1) {
-      const o = this.wrap.attachShadow({ mode: "open" }), c = document.createElement("style");
-      c.textContent = O, o.appendChild(c), a = o;
+      const n = this.wrap.attachShadow({ mode: "open" }), h = document.createElement("style");
+      h.textContent = I, n.appendChild(h), a = n;
     } else {
       if (!document.getElementById("tvp-styles")) {
-        const o = document.createElement("style");
-        o.id = "tvp-styles", o.textContent = O, document.head.appendChild(o);
+        const n = document.createElement("style");
+        n.id = "tvp-styles", n.textContent = I, document.head.appendChild(n);
       }
       a = this.wrap;
     }
-    this.canvas = document.createElement("canvas"), this.canvas.className = "tvp-canvas", this.video = document.createElement("video"), this.video.className = "tvp-video", this.video.playsInline = !0, s.crossOrigin !== null && (this.video.crossOrigin = s.crossOrigin ?? "anonymous"), a.append(this.canvas, this.video), this.scene = new $({
+    this.canvas = document.createElement("canvas"), this.canvas.className = "tvp-canvas", this.video = document.createElement("video"), this.video.className = "tvp-video", this.video.playsInline = !0, s.crossOrigin !== null && (this.video.crossOrigin = s.crossOrigin ?? "anonymous"), a.append(this.canvas, this.video), this.scene = new J({
       canvas: this.canvas,
       video: this.video,
       projection: this.view.projection,
       swapEyes: this.view.swapEyes,
       fov: this.view.fov,
       supersampling: this.view.supersampling
-    }), this.look = new V(this.scene.camera, this.canvas, { isPresenting: () => this.scene.renderer.xr.isPresenting }), this.scene.onFrame(() => this.look.update()), this.look.setEnabled(!this.scene.isFlat()), s.controls !== !1 && (this.ui = new J(a, {
+    }), this.look = new W(this.scene.camera, this.canvas, { isPresenting: () => this.scene.renderer.xr.isPresenting }), this.scene.onFrame(() => this.look.update()), this.look.setEnabled(!this.scene.isFlat()), s.controls !== !1 && (this.ui = new _(a, {
       video: this.video,
       surface: this.canvas,
       fullscreenTarget: this.wrap,
       vrButton: this.scene.vrButton,
       vrSupported: () => this.vrSupported(),
       getProjection: () => this.scene.getProjection(),
-      setProjection: (o) => this.setProjection(o),
-      setSwapEyes: (o) => this.setSwapEyes(o),
-      setFov: (o) => this.setFov(o),
-      setSupersampling: (o) => this.setSupersampling(o),
-      initial: { swapEyes: this.view.swapEyes, fov: this.view.fov, supersampling: this.view.supersampling }
+      setProjection: (n) => this.setProjection(n),
+      setSwapEyes: (n) => this.setSwapEyes(n),
+      setFov: (n) => this.setFov(n),
+      setSupersampling: (n) => this.setSupersampling(n),
+      initial: { swapEyes: this.view.swapEyes, fov: this.view.fov, supersampling: this.view.supersampling },
+      proxy: { url: ((c = this.proxyConfig) == null ? void 0 : c.url) ?? "", apiPassword: ((d = this.proxyConfig) == null ? void 0 : d.apiPassword) ?? "", enabled: this.useProxy },
+      setProxy: (n) => this.setProxy(n)
     })), this.video.addEventListener("play", () => this.emit("play")), this.video.addEventListener("pause", () => this.emit("pause")), this.video.addEventListener("ended", () => this.emit("ended")), this.video.addEventListener("timeupdate", () => this.emit("timeupdate", this.video.currentTime)), this.video.addEventListener("error", () => {
       this.loading || this.emit("error", this.video.error);
     }), this.video.addEventListener("loadedmetadata", () => {
@@ -143,23 +152,24 @@ class W {
     return this.opts.vrButton === !1 || !navigator.xr ? Promise.resolve(!1) : navigator.xr.isSessionSupported("immersive-vr").catch(() => !1);
   }
   async load(t, s = {}) {
-    const e = s.projection ?? (this.opts.autoDetect !== !1 ? D(t) : null);
+    this.currentSrc = t;
+    const e = s.projection ?? (this.opts.autoDetect !== !1 ? q(t) : null);
     e && this.setProjection(e);
-    const { url: a, format: o } = U(t, this.opts.proxy), c = this.opts.crossOrigin === void 0 ? "anonymous" : this.opts.crossOrigin;
+    const { url: a, format: c } = Y(t, this.useProxy ? this.proxyConfig : void 0), d = this.opts.crossOrigin === void 0 ? "anonymous" : this.opts.crossOrigin;
     this.loading = !0;
     try {
-      await this.source.attach(this.video, { url: a, format: o }, { crossOrigin: c }), this.setNativeFallback(!1), await this.video.play().catch(() => {
+      await this.source.attach(this.video, { url: a, format: c }, { crossOrigin: d }), this.setNativeFallback(!1), await this.video.play().catch(() => {
       });
-    } catch (h) {
-      if (this.opts.nativeFallback !== !1 && o === "progressive" && c !== null)
+    } catch (n) {
+      if (this.opts.nativeFallback !== !1 && c === "progressive" && d !== null)
         try {
-          this.setNativeFallback(!0), await this.source.attach(this.video, { url: a, format: o }, { crossOrigin: null }), await this.video.play().catch(() => {
+          this.setNativeFallback(!0), await this.source.attach(this.video, { url: a, format: c }, { crossOrigin: null }), await this.video.play().catch(() => {
           }), this.emit("fallback");
           return;
-        } catch (v) {
-          throw this.setNativeFallback(!1), this.emit("error", v), v;
+        } catch (h) {
+          throw this.setNativeFallback(!1), this.emit("error", h), h;
         }
-      throw this.setNativeFallback(!1), this.emit("error", h), h;
+      throw this.setNativeFallback(!1), this.emit("error", n), n;
     } finally {
       this.loading = !1;
     }
@@ -195,6 +205,10 @@ class W {
   setSupersampling(t) {
     this.scene.setSupersampling(t), this.view.supersampling = t, this.persist();
   }
+  /** Update the CORS proxy config / toggle it, and reload the current source if any. */
+  setProxy(t) {
+    this.proxyConfig = t.url ? { url: t.url, apiPassword: t.apiPassword || void 0 } : void 0, this.useProxy = t.enabled, this.currentSrc && this.load(this.currentSrc);
+  }
   async enterVR() {
     var s;
     const t = this.scene.vrButton;
@@ -218,13 +232,13 @@ class W {
   persist() {
     if (this.opts.persistSettings)
       try {
-        localStorage.setItem(A, JSON.stringify(this.view));
+        localStorage.setItem(M, JSON.stringify(this.view));
       } catch {
       }
   }
   loadSettings() {
     try {
-      const t = localStorage.getItem(A);
+      const t = localStorage.getItem(M);
       return t ? JSON.parse(t) : null;
     } catch {
       return null;
@@ -235,12 +249,12 @@ class W {
     (t = this.ui) == null || t.dispose(), this.look.dispose(), this.source.dispose(), this.scene.dispose(), this.video.remove(), this.canvas.remove(), this.wrap.remove(), this.listeners.clear();
   }
 }
-class q extends HTMLElement {
+class K extends HTMLElement {
   static get observedAttributes() {
     return ["src", "projection"];
   }
   connectedCallback() {
-    this.player || (this.style.display || (this.style.display = "block"), this.player = new W(this, {
+    this.player || (this.style.display || (this.style.display = "block"), this.player = new H(this, {
       src: this.getAttribute("src") ?? void 0,
       projection: this.getAttribute("projection") ?? void 0,
       controls: this.hasAttribute("controls"),
@@ -267,23 +281,23 @@ class q extends HTMLElement {
     return this.player;
   }
 }
-function Y(l = "three-video") {
-  typeof customElements < "u" && !customElements.get(l) && customElements.define(l, q);
+function G(l = "three-video") {
+  typeof customElements < "u" && !customElements.get(l) && customElements.define(l, K);
 }
-Y();
+G();
 export {
-  V as LookControls,
-  G as MODES,
-  I as PROJECTIONS,
-  W as Player,
-  $ as StereoScene,
-  q as ThreeVideoElement,
-  R as VideoSource,
-  U as buildProxyUrl,
-  Q as clampAngles,
-  X as detectFormat,
-  D as detectProjection,
-  Z as isFlatMode,
-  Y as registerWebComponent
+  W as LookControls,
+  tt as MODES,
+  V as PROJECTIONS,
+  H as Player,
+  J as StereoScene,
+  K as ThreeVideoElement,
+  D as VideoSource,
+  Y as buildProxyUrl,
+  et as clampAngles,
+  st as detectFormat,
+  q as detectProjection,
+  it as isFlatMode,
+  G as registerWebComponent
 };
 //# sourceMappingURL=three-vr-player.js.map

package/dist/three-vr-player.js.map

@@ -1 +1 @@
-{"version":3,"file":"three-vr-player.js","sources":["../src/ui/format.ts","../src/ui/ControlsUI.ts","../src/Player.ts","../src/webcomponent.ts","../src/index.ts"],"sourcesContent":["/** Format seconds as m:ss or h:mm:ss. */\r\nexport function formatTime(seconds: number): string {\r\n  if (!Number.isFinite(seconds) || seconds < 0) return '0:00';\r\n  const s = Math.floor(seconds % 60);\r\n  const m = Math.floor((seconds / 60) % 60);\r\n  const h = Math.floor(seconds / 3600);\r\n  const ss = String(s).padStart(2, '0');\r\n  return h > 0 ? `${h}:${String(m).padStart(2, '0')}:${ss}` : `${m}:${ss}`;\r\n}\r\n","import type { Projection } from '../types.js';\r\nimport { PROJECTIONS } from '../core/projections.js';\r\nimport { formatTime } from './format.js';\r\n\r\n/** What the ControlsUI needs from the Player to drive playback + view. */\r\nexport interface PlayerBridge {\r\n  video: HTMLVideoElement;\r\n  surface: HTMLElement;            // canvas — for wheel-zoom\r\n  fullscreenTarget: HTMLElement;\r\n  vrButton: HTMLElement;\r\n  vrSupported(): Promise<boolean>;\r\n  getProjection(): Projection;\r\n  setProjection(p: Projection): void;\r\n  setSwapEyes(v: boolean): void;\r\n  setFov(deg: number): void;\r\n  setSupersampling(x: number): void;\r\n  initial: { swapEyes: boolean; fov: number; supersampling: number };\r\n}\r\n\r\ntype Props = Record<string, unknown> & { class?: string };\r\nfunction h<K extends keyof HTMLElementTagNameMap>(tag: K, props: Props = {}, children: (Node | string)[] = []): HTMLElementTagNameMap[K] {\r\n  const el = document.createElement(tag);\r\n  const { class: cls, ...rest } = props;\r\n  if (cls) el.className = cls;\r\n  Object.assign(el, rest);\r\n  for (const c of children) el.append(c);\r\n  return el;\r\n}\r\n\r\n/** Builds the controls bar + settings/menus inside `root` and wires them to `bridge`. */\r\nexport class ControlsUI {\r\n  private readonly nodes: HTMLElement[] = [];\r\n  private readonly disposers: (() => void)[] = [];\r\n\r\n  constructor(root: ParentNode, bridge: PlayerBridge) {\r\n    const v = bridge.video;\r\n\r\n    // --- playback ---\r\n    const play = h('button', { class: 'tvp-btn tvp-play', title: 'Play/Pause', textContent: '▶' });\r\n    const seek = h('input', { class: 'tvp-seek', type: 'range', min: '0', max: '1000', value: '0' });\r\n    const time = h('span', { class: 'tvp-time', textContent: '0:00 / 0:00' });\r\n\r\n    // --- volume ---\r\n    const mute = h('button', { class: 'tvp-btn tvp-mute', title: 'Volume', textContent: '🔊' });\r\n    const volume = h('input', { class: 'tvp-volume', type: 'range', min: '0', max: '1', step: '0.01', value: '1' });\r\n    const volPopup = h('div', { class: 'tvp-volpopup', hidden: true }, [volume]);\r\n    const volWrap = h('span', { class: 'tvp-volwrap' }, [mute, volPopup]);\r\n\r\n    // --- VR slot ---\r\n    const vrSlot = h('span', { class: 'tvp-vrslot' });\r\n\r\n    // --- projection menu ---\r\n    const projBtn = h('button', { class: 'tvp-btn tvp-projbtn', title: 'Projection', textContent: '🌐' });\r\n    const projMenu = h('div', { class: 'tvp-projmenu', hidden: true });\r\n    for (const p of PROJECTIONS) {\r\n      const b = h('button', { textContent: p.label });\r\n      b.dataset.mode = p.value;\r\n      projMenu.append(b);\r\n    }\r\n    const projWrap = h('span', { class: 'tvp-projwrap' }, [projBtn, projMenu]);\r\n\r\n    // --- settings ---\r\n    const settingsBtn = h('button', { class: 'tvp-btn tvp-settingsbtn', title: 'Settings', textContent: '⚙' });\r\n    const fullscreen = h('button', { class: 'tvp-btn tvp-fullscreen', title: 'Fullscreen', textContent: '⛶' });\r\n\r\n    const controls = h('footer', { class: 'tvp-controls' }, [play, seek, time, volWrap, vrSlot, projWrap, settingsBtn, fullscreen]);\r\n\r\n    const swapCb = h('input', { type: 'checkbox', checked: bridge.initial.swapEyes });\r\n    const fovRange = h('input', { type: 'range', min: '30', max: '100', step: '1', value: String(bridge.initial.fov) });\r\n    const fovVal = h('span', { textContent: String(bridge.initial.fov) });\r\n    const ssRange = h('input', { type: 'range', min: '1', max: '2', step: '0.25', value: String(bridge.initial.supersampling) });\r\n    const ssVal = h('span', { textContent: String(bridge.initial.supersampling) });\r\n    const settings = h('section', { class: 'tvp-settings' }, [\r\n      h('label', { class: 'row' }, [swapCb, 'Swap eyes (if depth looks wrong)']),\r\n      h('label', {}, [makeText('Field of view (zoom): ', fovVal, '°'), fovRange]),\r\n      h('label', {}, [makeText('Supersampling: ', ssVal, '× (sharpness)'), ssRange]),\r\n    ]);\r\n\r\n    const toast = h('div', { class: 'tvp-toast' });\r\n\r\n    this.nodes.push(controls, settings, toast);\r\n    for (const n of this.nodes) root.append(n);\r\n\r\n    // ---- wiring ----\r\n    const on = <T extends EventTarget>(t: T, ev: string, fn: (e: any) => void, opts?: AddEventListenerOptions) => {\r\n      t.addEventListener(ev, fn as EventListener, opts);\r\n      this.disposers.push(() => t.removeEventListener(ev, fn as EventListener, opts));\r\n    };\r\n    const setSeekFill = (pct: number) => seek.style.setProperty('--seek', `${pct}%`);\r\n\r\n    on(play, 'click', () => { v.paused ? void v.play() : v.pause(); });\r\n    on(v, 'play', () => { play.textContent = '⏸'; });\r\n    on(v, 'pause', () => { play.textContent = '▶'; });\r\n\r\n    on(v, 'timeupdate', () => {\r\n      if (v.duration) {\r\n        const pct = (v.currentTime / v.duration) * 100;\r\n        seek.value = String(pct * 10);\r\n        setSeekFill(pct);\r\n        time.textContent = `${formatTime(v.currentTime)} / ${formatTime(v.duration)}`;\r\n      }\r\n    });\r\n    on(seek, 'input', () => {\r\n      setSeekFill(Number(seek.value) / 10);\r\n      if (v.duration) v.currentTime = (Number(seek.value) / 1000) * v.duration;\r\n    });\r\n\r\n    on(mute, 'click', (e: Event) => { e.stopPropagation(); volPopup.hidden = !volPopup.hidden; });\r\n    on(volume, 'input', () => { v.volume = Number(volume.value); v.muted = v.volume === 0; mute.textContent = v.muted ? '🔇' : '🔊'; });\r\n\r\n    const updateProjection = () => {\r\n      const mode = bridge.getProjection();\r\n      let label = 'Projection';\r\n      projMenu.querySelectorAll('button').forEach((b) => {\r\n        const on2 = b.dataset.mode === mode;\r\n        b.classList.toggle('active', on2);\r\n        if (on2) label = `Projection: ${b.textContent}`;\r\n      });\r\n      projBtn.title = label;\r\n    };\r\n    on(projBtn, 'click', (e: Event) => { e.stopPropagation(); projMenu.hidden = !projMenu.hidden; });\r\n    on(projMenu, 'click', (e: Event) => {\r\n      const b = (e.target as HTMLElement).closest('button[data-mode]') as HTMLElement | null;\r\n      if (b) { bridge.setProjection(b.dataset.mode as Projection); updateProjection(); projMenu.hidden = true; }\r\n    });\r\n    updateProjection();\r\n\r\n    on(settingsBtn, 'click', (e: Event) => { e.stopPropagation(); settings.classList.toggle('open'); });\r\n    on(swapCb, 'change', () => bridge.setSwapEyes(swapCb.checked));\r\n    on(fovRange, 'input', () => { const d = Number(fovRange.value); fovVal.textContent = String(d); bridge.setFov(d); });\r\n    on(ssRange, 'input', () => { const x = Number(ssRange.value); ssVal.textContent = String(x); bridge.setSupersampling(x); });\r\n    on(bridge.surface, 'wheel', (e: WheelEvent) => {\r\n      e.preventDefault();\r\n      const next = Math.max(30, Math.min(100, Number(fovRange.value) + Math.sign(e.deltaY) * 3));\r\n      fovRange.value = String(next); fovVal.textContent = String(next); bridge.setFov(next);\r\n    }, { passive: false });\r\n\r\n    on(fullscreen, 'click', () => {\r\n      const t = bridge.fullscreenTarget;\r\n      if (!document.fullscreenElement) void t.requestFullscreen?.();\r\n      else void document.exitFullscreen?.();\r\n    });\r\n\r\n    // outside-click closes the popups (composedPath crosses the shadow boundary)\r\n    on(document, 'click', (e: Event) => {\r\n      const path = (e as Event & { composedPath(): EventTarget[] }).composedPath();\r\n      if (!volPopup.hidden && !path.includes(volPopup) && !path.includes(mute)) volPopup.hidden = true;\r\n      if (!projMenu.hidden && !path.includes(projMenu) && !path.includes(projBtn)) projMenu.hidden = true;\r\n    });\r\n\r\n    // VR button only when an immersive-VR device is available\r\n    void bridge.vrSupported().then((ok) => {\r\n      if (ok) {\r\n        Object.assign(bridge.vrButton.style, { position: 'static', left: 'auto', bottom: 'auto', transform: 'none', margin: '0' });\r\n        vrSlot.append(bridge.vrButton);\r\n      }\r\n    });\r\n\r\n    // silence unused-var lint for the toast helper (available for future use)\r\n    void toast;\r\n  }\r\n\r\n  dispose() {\r\n    for (const d of this.disposers) d();\r\n    for (const n of this.nodes) n.remove();\r\n  }\r\n}\r\n\r\nfunction makeText(prefix: string, valueSpan: HTMLElement, suffix: string): DocumentFragment {\r\n  const frag = document.createDocumentFragment();\r\n  frag.append(prefix, valueSpan, suffix);\r\n  return frag;\r\n}\r\n","import { StereoScene } from './core/StereoScene.js';\r\nimport { LookControls } from './core/LookControls.js';\r\nimport { VideoSource } from './core/VideoSource.js';\r\nimport { buildProxyUrl } from './core/proxy.js';\r\nimport { detectProjection } from './core/projections.js';\r\nimport { ControlsUI } from './ui/ControlsUI.js';\r\nimport css from './ui/controls.css?inline';\r\nimport type { PlayerOptions, PlayerEvent, Projection } from './types.js';\r\n\r\ntype ViewSettings = { projection: Projection; swapEyes: boolean; fov: number; supersampling: number };\r\nconst STORE_KEY = 'three-vr-player:settings';\r\n\r\n/**\r\n * A drop-in 3D/VR video player. Mounts a canvas + controls (into a Shadow DOM by\r\n * default) inside `container`, composing the headless core.\r\n */\r\nexport class Player {\r\n  readonly video: HTMLVideoElement;\r\n\r\n  private readonly opts: PlayerOptions;\r\n  private readonly wrap: HTMLElement;\r\n  private readonly canvas: HTMLCanvasElement;\r\n  private readonly scene: StereoScene;\r\n  private readonly look: LookControls;\r\n  private readonly source = new VideoSource();\r\n  private readonly ui?: ControlsUI;\r\n  private readonly listeners = new Map<PlayerEvent, Set<(p?: unknown) => void>>();\r\n  private view: ViewSettings;\r\n  private readyEmitted = false;\r\n  private native = false;\r\n  private loading = false;\r\n\r\n  constructor(container: HTMLElement, options: PlayerOptions = {}) {\r\n    this.opts = options;\r\n    const stored = options.persistSettings ? this.loadSettings() : null;\r\n    this.view = {\r\n      projection: options.projection ?? stored?.projection ?? '180-sbs',\r\n      swapEyes: options.swapEyes ?? stored?.swapEyes ?? false,\r\n      fov: options.fov ?? stored?.fov ?? 70,\r\n      supersampling: options.supersampling ?? stored?.supersampling ?? 1.5,\r\n    };\r\n\r\n    this.wrap = document.createElement('div');\r\n    this.wrap.className = 'tvp';\r\n    this.wrap.style.cssText = 'position:relative;width:100%;height:100%;overflow:hidden;';\r\n    container.appendChild(this.wrap);\r\n\r\n    let root: ParentNode;\r\n    if (options.shadowDom !== false) {\r\n      const shadow = this.wrap.attachShadow({ mode: 'open' });\r\n      const style = document.createElement('style'); style.textContent = css; shadow.appendChild(style);\r\n      root = shadow;\r\n    } else {\r\n      if (!document.getElementById('tvp-styles')) {\r\n        const style = document.createElement('style'); style.id = 'tvp-styles'; style.textContent = css; document.head.appendChild(style);\r\n      }\r\n      root = this.wrap;\r\n    }\r\n\r\n    this.canvas = document.createElement('canvas'); this.canvas.className = 'tvp-canvas';\r\n    this.video = document.createElement('video'); this.video.className = 'tvp-video'; this.video.playsInline = true;\r\n    if (options.crossOrigin !== null) this.video.crossOrigin = options.crossOrigin ?? 'anonymous';\r\n    root.append(this.canvas, this.video);\r\n\r\n    this.scene = new StereoScene({\r\n      canvas: this.canvas, video: this.video,\r\n      projection: this.view.projection, swapEyes: this.view.swapEyes,\r\n      fov: this.view.fov, supersampling: this.view.supersampling,\r\n    });\r\n    this.look = new LookControls(this.scene.camera, this.canvas, { isPresenting: () => this.scene.renderer.xr.isPresenting });\r\n    this.scene.onFrame(() => this.look.update());\r\n    this.look.setEnabled(!this.scene.isFlat());\r\n\r\n    if (options.controls !== false) {\r\n      this.ui = new ControlsUI(root, {\r\n        video: this.video,\r\n        surface: this.canvas,\r\n        fullscreenTarget: this.wrap,\r\n        vrButton: this.scene.vrButton,\r\n        vrSupported: () => this.vrSupported(),\r\n        getProjection: () => this.scene.getProjection(),\r\n        setProjection: (p) => this.setProjection(p),\r\n        setSwapEyes: (v) => this.setSwapEyes(v),\r\n        setFov: (d) => this.setFov(d),\r\n        setSupersampling: (x) => this.setSupersampling(x),\r\n        initial: { swapEyes: this.view.swapEyes, fov: this.view.fov, supersampling: this.view.supersampling },\r\n      });\r\n    }\r\n\r\n    this.video.addEventListener('play', () => this.emit('play'));\r\n    this.video.addEventListener('pause', () => this.emit('pause'));\r\n    this.video.addEventListener('ended', () => this.emit('ended'));\r\n    this.video.addEventListener('timeupdate', () => this.emit('timeupdate', this.video.currentTime));\r\n    this.video.addEventListener('error', () => { if (!this.loading) this.emit('error', this.video.error); });\r\n    this.video.addEventListener('loadedmetadata', () => { if (!this.readyEmitted) { this.readyEmitted = true; this.emit('ready'); } });\r\n    this.scene.renderer.xr.addEventListener('sessionstart', () => this.emit('enterxr'));\r\n    this.scene.renderer.xr.addEventListener('sessionend', () => this.emit('exitxr'));\r\n\r\n    if (options.src) void this.load(options.src, { projection: options.projection });\r\n  }\r\n\r\n  private vrSupported(): Promise<boolean> {\r\n    if (this.opts.vrButton === false || !navigator.xr) return Promise.resolve(false);\r\n    return navigator.xr.isSessionSupported('immersive-vr').catch(() => false);\r\n  }\r\n\r\n  async load(src: string, o: { projection?: Projection } = {}): Promise<void> {\r\n    const proj = o.projection ?? (this.opts.autoDetect !== false ? detectProjection(src) : null);\r\n    if (proj) this.setProjection(proj);\r\n    const { url, format } = buildProxyUrl(src, this.opts.proxy);\r\n    const primaryCO = this.opts.crossOrigin === undefined ? 'anonymous' : this.opts.crossOrigin;\r\n    this.loading = true;\r\n    try {\r\n      await this.source.attach(this.video, { url, format }, { crossOrigin: primaryCO });\r\n      this.setNativeFallback(false);\r\n      await this.video.play().catch(() => { /* autoplay may be blocked until a user gesture */ });\r\n    } catch (err) {\r\n      // A cross-origin progressive source that isn't CORS-clean (and isn't proxied) can't be a\r\n      // WebGL texture. Retry without crossOrigin and show plain 2D <video> playback if allowed.\r\n      if (this.opts.nativeFallback !== false && format === 'progressive' && primaryCO !== null) {\r\n        try {\r\n          this.setNativeFallback(true); // stop WebGL rendering before the tainted video loads\r\n          await this.source.attach(this.video, { url, format }, { crossOrigin: null });\r\n          await this.video.play().catch(() => {});\r\n          this.emit('fallback');\r\n          return;\r\n        } catch (err2) {\r\n          this.setNativeFallback(false);\r\n          this.emit('error', err2);\r\n          throw err2;\r\n        }\r\n      }\r\n      this.setNativeFallback(false);\r\n      this.emit('error', err);\r\n      throw err;\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  /** Swap between WebGL (3D) rendering and plain 2D `<video>` playback. */\r\n  private setNativeFallback(on: boolean) {\r\n    if (on === this.native) return;\r\n    this.native = on;\r\n    if (on) {\r\n      this.scene.pauseRendering();\r\n      this.canvas.style.display = 'none';\r\n      Object.assign(this.video.style, {\r\n        display: 'block', position: 'absolute', inset: '0',\r\n        width: '100%', height: '100%', objectFit: 'contain', background: '#000', zIndex: '1',\r\n      });\r\n    } else {\r\n      this.canvas.style.display = '';\r\n      this.video.style.cssText = '';\r\n      this.scene.resumeRendering();\r\n    }\r\n  }\r\n\r\n  async play() { await this.video.play(); }\r\n  pause() { this.video.pause(); }\r\n  setProjection(p: Projection) {\r\n    this.scene.setProjection(p);\r\n    this.look.setEnabled(!this.scene.isFlat());\r\n    this.look.reset();\r\n    this.view.projection = p; this.persist();\r\n    this.emit('projectionchange', p);\r\n  }\r\n  setSwapEyes(v: boolean) { this.scene.setSwapEyes(v); this.view.swapEyes = v; this.persist(); }\r\n  setFov(deg: number) { this.scene.setFov(deg); this.view.fov = deg; this.persist(); }\r\n  setSupersampling(x: number) { this.scene.setSupersampling(x); this.view.supersampling = x; this.persist(); }\r\n\r\n  async enterVR() {\r\n    const btn = this.scene.vrButton as HTMLButtonElement;\r\n    btn?.click?.();\r\n  }\r\n\r\n  get three() { return { renderer: this.scene.renderer, scene: this.scene.scene, camera: this.scene.camera }; }\r\n\r\n  on(e: PlayerEvent, cb: (p?: unknown) => void) {\r\n    let s = this.listeners.get(e); if (!s) { s = new Set(); this.listeners.set(e, s); } s.add(cb); return this;\r\n  }\r\n  off(e: PlayerEvent, cb: (p?: unknown) => void) { this.listeners.get(e)?.delete(cb); return this; }\r\n  private emit(e: PlayerEvent, p?: unknown) { this.listeners.get(e)?.forEach((cb) => cb(p)); }\r\n\r\n  private persist() {\r\n    if (!this.opts.persistSettings) return;\r\n    try { localStorage.setItem(STORE_KEY, JSON.stringify(this.view)); } catch { /* private mode */ }\r\n  }\r\n  private loadSettings(): Partial<ViewSettings> | null {\r\n    try { const raw = localStorage.getItem(STORE_KEY); return raw ? JSON.parse(raw) as Partial<ViewSettings> : null; }\r\n    catch { return null; }\r\n  }\r\n\r\n  dispose() {\r\n    this.ui?.dispose(); this.look.dispose(); this.source.dispose(); this.scene.dispose();\r\n    this.video.remove(); this.canvas.remove(); this.wrap.remove(); this.listeners.clear();\r\n  }\r\n}\r\n","import { Player } from './Player.js';\r\nimport type { Projection } from './types.js';\r\n\r\n/**\r\n * `<three-video src=\"…\" projection=\"180-sbs\" controls>` — a framework-agnostic\r\n * custom element wrapping {@link Player}. Give it a size via CSS.\r\n */\r\nexport class ThreeVideoElement extends HTMLElement {\r\n  private player?: Player;\r\n\r\n  static get observedAttributes() { return ['src', 'projection']; }\r\n\r\n  connectedCallback() {\r\n    if (this.player) return;\r\n    if (!this.style.display) this.style.display = 'block';\r\n    this.player = new Player(this, {\r\n      src: this.getAttribute('src') ?? undefined,\r\n      projection: (this.getAttribute('projection') as Projection) ?? undefined,\r\n      controls: this.hasAttribute('controls'),\r\n      swapEyes: this.hasAttribute('swap-eyes'),\r\n      autoDetect: this.getAttribute('auto-detect') !== 'false',\r\n      fov: this.numAttr('fov'),\r\n      supersampling: this.numAttr('supersampling'),\r\n      proxy: this.getAttribute('proxy-url')\r\n        ? { url: this.getAttribute('proxy-url')!, apiPassword: this.getAttribute('proxy-password') ?? undefined }\r\n        : undefined,\r\n    });\r\n  }\r\n\r\n  attributeChangedCallback(name: string, _old: string | null, value: string | null) {\r\n    if (!this.player || value == null) return;\r\n    if (name === 'src') void this.player.load(value);\r\n    if (name === 'projection') this.player.setProjection(value as Projection);\r\n  }\r\n\r\n  disconnectedCallback() { this.player?.dispose(); this.player = undefined; }\r\n\r\n  private numAttr(n: string): number | undefined {\r\n    const v = this.getAttribute(n);\r\n    return v == null ? undefined : Number(v);\r\n  }\r\n\r\n  /** The underlying Player instance (for programmatic control). */\r\n  get api(): Player | undefined { return this.player; }\r\n}\r\n\r\nexport function registerWebComponent(tag = 'three-video') {\r\n  if (typeof customElements !== 'undefined' && !customElements.get(tag)) {\r\n    customElements.define(tag, ThreeVideoElement);\r\n  }\r\n}\r\n","export { Player } from './Player.js';\r\nexport type { PlayerOptions, PlayerEvent, Projection } from './types.js';\r\nexport { ThreeVideoElement, registerWebComponent } from './webcomponent.js';\r\nexport * from './core/index.js';\r\n\r\nimport { registerWebComponent } from './webcomponent.js';\r\n// Auto-register <three-video> when the main entry is imported.\r\nregisterWebComponent();\r\n"],"names":["formatTime","seconds","s","m","h","ss","tag","props","children","el","cls","rest","ControlsUI","root","bridge","v","play","seek","time","mute","volume","volPopup","volWrap","vrSlot","projBtn","projMenu","p","PROJECTIONS","b","projWrap","settingsBtn","fullscreen","controls","swapCb","fovRange","fovVal","ssRange","ssVal","settings","makeText","toast","n","on","t","ev","fn","opts","setSeekFill","pct","e","updateProjection","mode","label","on2","d","x","next","_b","_a","path","ok","prefix","valueSpan","suffix","frag","STORE_KEY","Player","container","options","VideoSource","stored","shadow","style","css","StereoScene","LookControls","src","o","proj","detectProjection","url","format","buildProxyUrl","primaryCO","err","err2","deg","btn","cb","raw","ThreeVideoElement","name","_old","value","registerWebComponent"],"mappings":";;AACO,SAASA,EAAWC,GAAyB;AAClD,MAAI,CAAC,OAAO,SAASA,CAAO,KAAKA,IAAU,EAAG,QAAO;AACrD,QAAMC,IAAI,KAAK,MAAMD,IAAU,EAAE,GAC3BE,IAAI,KAAK,MAAOF,IAAU,KAAM,EAAE,GAClCG,IAAI,KAAK,MAAMH,IAAU,IAAI,GAC7BI,IAAK,OAAOH,CAAC,EAAE,SAAS,GAAG,GAAG;AACpC,SAAOE,IAAI,IAAI,GAAGA,CAAC,IAAI,OAAOD,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,IAAIE,CAAE,KAAK,GAAGF,CAAC,IAAIE,CAAE;AACxE;ACYA,SAASD,EAAyCE,GAAQC,IAAe,CAAA,GAAIC,IAA8B,CAAA,GAA8B;AACvI,QAAMC,IAAK,SAAS,cAAcH,CAAG,GAC/B,EAAE,OAAOI,GAAK,GAAGC,MAASJ;AAChC,EAAIG,QAAQ,YAAYA,IACxB,OAAO,OAAOD,GAAIE,CAAI;AACtB,aAAW,KAAKH,EAAU,CAAAC,EAAG,OAAO,CAAC;AACrC,SAAOA;AACT;AAGO,MAAMG,EAAW;AAAA,EAItB,YAAYC,GAAkBC,GAAsB;AAHpD,SAAiB,QAAuB,CAAA,GACxC,KAAiB,YAA4B,CAAA;AAG3C,UAAMC,IAAID,EAAO,OAGXE,IAAOZ,EAAE,UAAU,EAAE,OAAO,oBAAoB,OAAO,cAAc,aAAa,KAAK,GACvFa,IAAOb,EAAE,SAAS,EAAE,OAAO,YAAY,MAAM,SAAS,KAAK,KAAK,KAAK,QAAQ,OAAO,KAAK,GACzFc,IAAOd,EAAE,QAAQ,EAAE,OAAO,YAAY,aAAa,eAAe,GAGlEe,IAAOf,EAAE,UAAU,EAAE,OAAO,oBAAoB,OAAO,UAAU,aAAa,MAAM,GACpFgB,IAAShB,EAAE,SAAS,EAAE,OAAO,cAAc,MAAM,SAAS,KAAK,KAAK,KAAK,KAAK,MAAM,QAAQ,OAAO,KAAK,GACxGiB,IAAWjB,EAAE,OAAO,EAAE,OAAO,gBAAgB,QAAQ,GAAA,GAAQ,CAACgB,CAAM,CAAC,GACrEE,IAAUlB,EAAE,QAAQ,EAAE,OAAO,iBAAiB,CAACe,GAAME,CAAQ,CAAC,GAG9DE,IAASnB,EAAE,QAAQ,EAAE,OAAO,cAAc,GAG1CoB,IAAUpB,EAAE,UAAU,EAAE,OAAO,uBAAuB,OAAO,cAAc,aAAa,MAAM,GAC9FqB,IAAWrB,EAAE,OAAO,EAAE,OAAO,gBAAgB,QAAQ,IAAM;AACjE,eAAWsB,KAAKC,GAAa;AAC3B,YAAMC,IAAIxB,EAAE,UAAU,EAAE,aAAasB,EAAE,OAAO;AAC9C,MAAAE,EAAE,QAAQ,OAAOF,EAAE,OACnBD,EAAS,OAAOG,CAAC;AAAA,IACnB;AACA,UAAMC,IAAWzB,EAAE,QAAQ,EAAE,OAAO,kBAAkB,CAACoB,GAASC,CAAQ,CAAC,GAGnEK,IAAc1B,EAAE,UAAU,EAAE,OAAO,2BAA2B,OAAO,YAAY,aAAa,KAAK,GACnG2B,IAAa3B,EAAE,UAAU,EAAE,OAAO,0BAA0B,OAAO,cAAc,aAAa,KAAK,GAEnG4B,IAAW5B,EAAE,UAAU,EAAE,OAAO,kBAAkB,CAACY,GAAMC,GAAMC,GAAMI,GAASC,GAAQM,GAAUC,GAAaC,CAAU,CAAC,GAExHE,IAAS7B,EAAE,SAAS,EAAE,MAAM,YAAY,SAASU,EAAO,QAAQ,UAAU,GAC1EoB,IAAW9B,EAAE,SAAS,EAAE,MAAM,SAAS,KAAK,MAAM,KAAK,OAAO,MAAM,KAAK,OAAO,OAAOU,EAAO,QAAQ,GAAG,GAAG,GAC5GqB,IAAS/B,EAAE,QAAQ,EAAE,aAAa,OAAOU,EAAO,QAAQ,GAAG,GAAG,GAC9DsB,IAAUhC,EAAE,SAAS,EAAE,MAAM,SAAS,KAAK,KAAK,KAAK,KAAK,MAAM,QAAQ,OAAO,OAAOU,EAAO,QAAQ,aAAa,GAAG,GACrHuB,IAAQjC,EAAE,QAAQ,EAAE,aAAa,OAAOU,EAAO,QAAQ,aAAa,GAAG,GACvEwB,IAAWlC,EAAE,WAAW,EAAE,OAAO,kBAAkB;AAAA,MACvDA,EAAE,SAAS,EAAE,OAAO,SAAS,CAAC6B,GAAQ,kCAAkC,CAAC;AAAA,MACzE7B,EAAE,SAAS,CAAA,GAAI,CAACmC,EAAS,0BAA0BJ,GAAQ,GAAG,GAAGD,CAAQ,CAAC;AAAA,MAC1E9B,EAAE,SAAS,CAAA,GAAI,CAACmC,EAAS,mBAAmBF,GAAO,eAAe,GAAGD,CAAO,CAAC;AAAA,IAAA,CAC9E,GAEKI,IAAQpC,EAAE,OAAO,EAAE,OAAO,aAAa;AAE7C,SAAK,MAAM,KAAK4B,GAAUM,GAAUE,CAAK;AACzC,eAAWC,KAAK,KAAK,MAAO,CAAA5B,EAAK,OAAO4B,CAAC;AAGzC,UAAMC,IAAK,CAAwBC,GAAMC,GAAYC,GAAsBC,MAAmC;AAC5G,MAAAH,EAAE,iBAAiBC,GAAIC,GAAqBC,CAAI,GAChD,KAAK,UAAU,KAAK,MAAMH,EAAE,oBAAoBC,GAAIC,GAAqBC,CAAI,CAAC;AAAA,IAChF,GACMC,IAAc,CAACC,MAAgB/B,EAAK,MAAM,YAAY,UAAU,GAAG+B,CAAG,GAAG;AAE/E,IAAAN,EAAG1B,GAAM,SAAS,MAAM;AAAE,MAAAD,EAAE,SAAcA,EAAE,KAAA,IAASA,EAAE,MAAA;AAAA,IAAS,CAAC,GACjE2B,EAAG3B,GAAG,QAAQ,MAAM;AAAE,MAAAC,EAAK,cAAc;AAAA,IAAK,CAAC,GAC/C0B,EAAG3B,GAAG,SAAS,MAAM;AAAE,MAAAC,EAAK,cAAc;AAAA,IAAK,CAAC,GAEhD0B,EAAG3B,GAAG,cAAc,MAAM;AACxB,UAAIA,EAAE,UAAU;AACd,cAAMiC,IAAOjC,EAAE,cAAcA,EAAE,WAAY;AAC3C,QAAAE,EAAK,QAAQ,OAAO+B,IAAM,EAAE,GAC5BD,EAAYC,CAAG,GACf9B,EAAK,cAAc,GAAGlB,EAAWe,EAAE,WAAW,CAAC,MAAMf,EAAWe,EAAE,QAAQ,CAAC;AAAA,MAC7E;AAAA,IACF,CAAC,GACD2B,EAAGzB,GAAM,SAAS,MAAM;AACtB,MAAA8B,EAAY,OAAO9B,EAAK,KAAK,IAAI,EAAE,GAC/BF,EAAE,aAAUA,EAAE,cAAe,OAAOE,EAAK,KAAK,IAAI,MAAQF,EAAE;AAAA,IAClE,CAAC,GAED2B,EAAGvB,GAAM,SAAS,CAAC8B,MAAa;AAAE,MAAAA,EAAE,gBAAA,GAAmB5B,EAAS,SAAS,CAACA,EAAS;AAAA,IAAQ,CAAC,GAC5FqB,EAAGtB,GAAQ,SAAS,MAAM;AAAE,MAAAL,EAAE,SAAS,OAAOK,EAAO,KAAK,GAAGL,EAAE,QAAQA,EAAE,WAAW,GAAGI,EAAK,cAAcJ,EAAE,QAAQ,OAAO;AAAA,IAAM,CAAC;AAElI,UAAMmC,IAAmB,MAAM;AAC7B,YAAMC,IAAOrC,EAAO,cAAA;AACpB,UAAIsC,IAAQ;AACZ,MAAA3B,EAAS,iBAAiB,QAAQ,EAAE,QAAQ,CAACG,MAAM;AACjD,cAAMyB,IAAMzB,EAAE,QAAQ,SAASuB;AAC/B,QAAAvB,EAAE,UAAU,OAAO,UAAUyB,CAAG,GAC5BA,MAAKD,IAAQ,eAAexB,EAAE,WAAW;AAAA,MAC/C,CAAC,GACDJ,EAAQ,QAAQ4B;AAAA,IAClB;AACA,IAAAV,EAAGlB,GAAS,SAAS,CAACyB,MAAa;AAAE,MAAAA,EAAE,gBAAA,GAAmBxB,EAAS,SAAS,CAACA,EAAS;AAAA,IAAQ,CAAC,GAC/FiB,EAAGjB,GAAU,SAAS,CAACwB,MAAa;AAClC,YAAMrB,IAAKqB,EAAE,OAAuB,QAAQ,mBAAmB;AAC/D,MAAIrB,MAAKd,EAAO,cAAcc,EAAE,QAAQ,IAAkB,GAAGsB,EAAA,GAAoBzB,EAAS,SAAS;AAAA,IACrG,CAAC,GACDyB,EAAA,GAEAR,EAAGZ,GAAa,SAAS,CAACmB,MAAa;AAAE,MAAAA,EAAE,gBAAA,GAAmBX,EAAS,UAAU,OAAO,MAAM;AAAA,IAAG,CAAC,GAClGI,EAAGT,GAAQ,UAAU,MAAMnB,EAAO,YAAYmB,EAAO,OAAO,CAAC,GAC7DS,EAAGR,GAAU,SAAS,MAAM;AAAE,YAAMoB,IAAI,OAAOpB,EAAS,KAAK;AAAG,MAAAC,EAAO,cAAc,OAAOmB,CAAC,GAAGxC,EAAO,OAAOwC,CAAC;AAAA,IAAG,CAAC,GACnHZ,EAAGN,GAAS,SAAS,MAAM;AAAE,YAAMmB,IAAI,OAAOnB,EAAQ,KAAK;AAAG,MAAAC,EAAM,cAAc,OAAOkB,CAAC,GAAGzC,EAAO,iBAAiByC,CAAC;AAAA,IAAG,CAAC,GAC1Hb,EAAG5B,EAAO,SAAS,SAAS,CAACmC,MAAkB;AAC7C,MAAAA,EAAE,eAAA;AACF,YAAMO,IAAO,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,OAAOtB,EAAS,KAAK,IAAI,KAAK,KAAKe,EAAE,MAAM,IAAI,CAAC,CAAC;AACzF,MAAAf,EAAS,QAAQ,OAAOsB,CAAI,GAAGrB,EAAO,cAAc,OAAOqB,CAAI,GAAG1C,EAAO,OAAO0C,CAAI;AAAA,IACtF,GAAG,EAAE,SAAS,IAAO,GAErBd,EAAGX,GAAY,SAAS,MAAM;;AAC5B,YAAMY,IAAI7B,EAAO;AACjB,MAAK,SAAS,qBACJ2C,IAAA,SAAS,mBAAT,QAAAA,EAAA,kBAD4BC,IAAAf,EAAE,sBAAF,QAAAe,EAAA,KAAAf;AAAA,IAExC,CAAC,GAGDD,EAAG,UAAU,SAAS,CAACO,MAAa;AAClC,YAAMU,IAAQV,EAAgD,aAAA;AAC9D,MAAI,CAAC5B,EAAS,UAAU,CAACsC,EAAK,SAAStC,CAAQ,KAAK,CAACsC,EAAK,SAASxC,CAAI,QAAY,SAAS,KACxF,CAACM,EAAS,UAAU,CAACkC,EAAK,SAASlC,CAAQ,KAAK,CAACkC,EAAK,SAASnC,CAAO,QAAY,SAAS;AAAA,IACjG,CAAC,GAGIV,EAAO,YAAA,EAAc,KAAK,CAAC8C,MAAO;AACrC,MAAIA,MACF,OAAO,OAAO9C,EAAO,SAAS,OAAO,EAAE,UAAU,UAAU,MAAM,QAAQ,QAAQ,QAAQ,WAAW,QAAQ,QAAQ,KAAK,GACzHS,EAAO,OAAOT,EAAO,QAAQ;AAAA,IAEjC,CAAC;AAAA,EAIH;AAAA,EAEA,UAAU;AACR,eAAWwC,KAAK,KAAK,UAAW,CAAAA,EAAA;AAChC,eAAWb,KAAK,KAAK,MAAO,CAAAA,EAAE,OAAA;AAAA,EAChC;AACF;AAEA,SAASF,EAASsB,GAAgBC,GAAwBC,GAAkC;AAC1F,QAAMC,IAAO,SAAS,uBAAA;AACtB,SAAAA,EAAK,OAAOH,GAAQC,GAAWC,CAAM,GAC9BC;AACT;2gIClKMC,IAAY;AAMX,MAAMC,EAAO;AAAA,EAgBlB,YAAYC,GAAwBC,IAAyB,IAAI;AARjE,SAAiB,SAAS,IAAIC,EAAA,GAE9B,KAAiB,gCAAgB,IAAA,GAEjC,KAAQ,eAAe,IACvB,KAAQ,SAAS,IACjB,KAAQ,UAAU,IAGhB,KAAK,OAAOD;AACZ,UAAME,IAASF,EAAQ,kBAAkB,KAAK,iBAAiB;AAC/D,SAAK,OAAO;AAAA,MACV,YAAYA,EAAQ,eAAcE,KAAA,gBAAAA,EAAQ,eAAc;AAAA,MACxD,UAAUF,EAAQ,aAAYE,KAAA,gBAAAA,EAAQ,aAAY;AAAA,MAClD,KAAKF,EAAQ,QAAOE,KAAA,gBAAAA,EAAQ,QAAO;AAAA,MACnC,eAAeF,EAAQ,kBAAiBE,KAAA,gBAAAA,EAAQ,kBAAiB;AAAA,IAAA,GAGnE,KAAK,OAAO,SAAS,cAAc,KAAK,GACxC,KAAK,KAAK,YAAY,OACtB,KAAK,KAAK,MAAM,UAAU,6DAC1BH,EAAU,YAAY,KAAK,IAAI;AAE/B,QAAItD;AACJ,QAAIuD,EAAQ,cAAc,IAAO;AAC/B,YAAMG,IAAS,KAAK,KAAK,aAAa,EAAE,MAAM,QAAQ,GAChDC,IAAQ,SAAS,cAAc,OAAO;AAAG,MAAAA,EAAM,cAAcC,GAAKF,EAAO,YAAYC,CAAK,GAChG3D,IAAO0D;AAAA,IACT,OAAO;AACL,UAAI,CAAC,SAAS,eAAe,YAAY,GAAG;AAC1C,cAAMC,IAAQ,SAAS,cAAc,OAAO;AAAG,QAAAA,EAAM,KAAK,cAAcA,EAAM,cAAcC,GAAK,SAAS,KAAK,YAAYD,CAAK;AAAA,MAClI;AACA,MAAA3D,IAAO,KAAK;AAAA,IACd;AAEA,SAAK,SAAS,SAAS,cAAc,QAAQ,GAAG,KAAK,OAAO,YAAY,cACxE,KAAK,QAAQ,SAAS,cAAc,OAAO,GAAG,KAAK,MAAM,YAAY,aAAa,KAAK,MAAM,cAAc,IACvGuD,EAAQ,gBAAgB,cAAW,MAAM,cAAcA,EAAQ,eAAe,cAClFvD,EAAK,OAAO,KAAK,QAAQ,KAAK,KAAK,GAEnC,KAAK,QAAQ,IAAI6D,EAAY;AAAA,MAC3B,QAAQ,KAAK;AAAA,MAAQ,OAAO,KAAK;AAAA,MACjC,YAAY,KAAK,KAAK;AAAA,MAAY,UAAU,KAAK,KAAK;AAAA,MACtD,KAAK,KAAK,KAAK;AAAA,MAAK,eAAe,KAAK,KAAK;AAAA,IAAA,CAC9C,GACD,KAAK,OAAO,IAAIC,EAAa,KAAK,MAAM,QAAQ,KAAK,QAAQ,EAAE,cAAc,MAAM,KAAK,MAAM,SAAS,GAAG,cAAc,GACxH,KAAK,MAAM,QAAQ,MAAM,KAAK,KAAK,QAAQ,GAC3C,KAAK,KAAK,WAAW,CAAC,KAAK,MAAM,QAAQ,GAErCP,EAAQ,aAAa,OACvB,KAAK,KAAK,IAAIxD,EAAWC,GAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,SAAS,KAAK;AAAA,MACd,kBAAkB,KAAK;AAAA,MACvB,UAAU,KAAK,MAAM;AAAA,MACrB,aAAa,MAAM,KAAK,YAAA;AAAA,MACxB,eAAe,MAAM,KAAK,MAAM,cAAA;AAAA,MAChC,eAAe,CAACa,MAAM,KAAK,cAAcA,CAAC;AAAA,MAC1C,aAAa,CAACX,MAAM,KAAK,YAAYA,CAAC;AAAA,MACtC,QAAQ,CAACuC,MAAM,KAAK,OAAOA,CAAC;AAAA,MAC5B,kBAAkB,CAACC,MAAM,KAAK,iBAAiBA,CAAC;AAAA,MAChD,SAAS,EAAE,UAAU,KAAK,KAAK,UAAU,KAAK,KAAK,KAAK,KAAK,eAAe,KAAK,KAAK,cAAA;AAAA,IAAc,CACrG,IAGH,KAAK,MAAM,iBAAiB,QAAQ,MAAM,KAAK,KAAK,MAAM,CAAC,GAC3D,KAAK,MAAM,iBAAiB,SAAS,MAAM,KAAK,KAAK,OAAO,CAAC,GAC7D,KAAK,MAAM,iBAAiB,SAAS,MAAM,KAAK,KAAK,OAAO,CAAC,GAC7D,KAAK,MAAM,iBAAiB,cAAc,MAAM,KAAK,KAAK,cAAc,KAAK,MAAM,WAAW,CAAC,GAC/F,KAAK,MAAM,iBAAiB,SAAS,MAAM;AAAE,MAAK,KAAK,WAAS,KAAK,KAAK,SAAS,KAAK,MAAM,KAAK;AAAA,IAAG,CAAC,GACvG,KAAK,MAAM,iBAAiB,kBAAkB,MAAM;AAAE,MAAK,KAAK,iBAAgB,KAAK,eAAe,IAAM,KAAK,KAAK,OAAO;AAAA,IAAK,CAAC,GACjI,KAAK,MAAM,SAAS,GAAG,iBAAiB,gBAAgB,MAAM,KAAK,KAAK,SAAS,CAAC,GAClF,KAAK,MAAM,SAAS,GAAG,iBAAiB,cAAc,MAAM,KAAK,KAAK,QAAQ,CAAC,GAE3Ea,EAAQ,OAAU,KAAK,KAAKA,EAAQ,KAAK,EAAE,YAAYA,EAAQ,WAAA,CAAY;AAAA,EACjF;AAAA,EAEQ,cAAgC;AACtC,WAAI,KAAK,KAAK,aAAa,MAAS,CAAC,UAAU,KAAW,QAAQ,QAAQ,EAAK,IACxE,UAAU,GAAG,mBAAmB,cAAc,EAAE,MAAM,MAAM,EAAK;AAAA,EAC1E;AAAA,EAEA,MAAM,KAAKQ,GAAaC,IAAiC,IAAmB;AAC1E,UAAMC,IAAOD,EAAE,eAAe,KAAK,KAAK,eAAe,KAAQE,EAAiBH,CAAG,IAAI;AACvF,IAAIE,KAAM,KAAK,cAAcA,CAAI;AACjC,UAAM,EAAE,KAAAE,GAAK,QAAAC,MAAWC,EAAcN,GAAK,KAAK,KAAK,KAAK,GACpDO,IAAY,KAAK,KAAK,gBAAgB,SAAY,cAAc,KAAK,KAAK;AAChF,SAAK,UAAU;AACf,QAAI;AACF,YAAM,KAAK,OAAO,OAAO,KAAK,OAAO,EAAE,KAAAH,GAAK,QAAAC,EAAA,GAAU,EAAE,aAAaE,EAAA,CAAW,GAChF,KAAK,kBAAkB,EAAK,GAC5B,MAAM,KAAK,MAAM,KAAA,EAAO,MAAM,MAAM;AAAA,MAAqD,CAAC;AAAA,IAC5F,SAASC,GAAK;AAGZ,UAAI,KAAK,KAAK,mBAAmB,MAASH,MAAW,iBAAiBE,MAAc;AAClF,YAAI;AACF,eAAK,kBAAkB,EAAI,GAC3B,MAAM,KAAK,OAAO,OAAO,KAAK,OAAO,EAAE,KAAAH,GAAK,QAAAC,EAAA,GAAU,EAAE,aAAa,KAAA,CAAM,GAC3E,MAAM,KAAK,MAAM,KAAA,EAAO,MAAM,MAAM;AAAA,UAAC,CAAC,GACtC,KAAK,KAAK,UAAU;AACpB;AAAA,QACF,SAASI,GAAM;AACb,qBAAK,kBAAkB,EAAK,GAC5B,KAAK,KAAK,SAASA,CAAI,GACjBA;AAAA,QACR;AAEF,iBAAK,kBAAkB,EAAK,GAC5B,KAAK,KAAK,SAASD,CAAG,GAChBA;AAAA,IACR,UAAA;AACE,WAAK,UAAU;AAAA,IACjB;AAAA,EACF;AAAA;AAAA,EAGQ,kBAAkB1C,GAAa;AACrC,IAAIA,MAAO,KAAK,WAChB,KAAK,SAASA,GACVA,KACF,KAAK,MAAM,eAAA,GACX,KAAK,OAAO,MAAM,UAAU,QAC5B,OAAO,OAAO,KAAK,MAAM,OAAO;AAAA,MAC9B,SAAS;AAAA,MAAS,UAAU;AAAA,MAAY,OAAO;AAAA,MAC/C,OAAO;AAAA,MAAQ,QAAQ;AAAA,MAAQ,WAAW;AAAA,MAAW,YAAY;AAAA,MAAQ,QAAQ;AAAA,IAAA,CAClF,MAED,KAAK,OAAO,MAAM,UAAU,IAC5B,KAAK,MAAM,MAAM,UAAU,IAC3B,KAAK,MAAM,gBAAA;AAAA,EAEf;AAAA,EAEA,MAAM,OAAO;AAAE,UAAM,KAAK,MAAM,KAAA;AAAA,EAAQ;AAAA,EACxC,QAAQ;AAAE,SAAK,MAAM,MAAA;AAAA,EAAS;AAAA,EAC9B,cAAchB,GAAe;AAC3B,SAAK,MAAM,cAAcA,CAAC,GAC1B,KAAK,KAAK,WAAW,CAAC,KAAK,MAAM,QAAQ,GACzC,KAAK,KAAK,MAAA,GACV,KAAK,KAAK,aAAaA,GAAG,KAAK,QAAA,GAC/B,KAAK,KAAK,oBAAoBA,CAAC;AAAA,EACjC;AAAA,EACA,YAAYX,GAAY;AAAE,SAAK,MAAM,YAAYA,CAAC,GAAG,KAAK,KAAK,WAAWA,GAAG,KAAK,QAAA;AAAA,EAAW;AAAA,EAC7F,OAAOuE,GAAa;AAAE,SAAK,MAAM,OAAOA,CAAG,GAAG,KAAK,KAAK,MAAMA,GAAK,KAAK,QAAA;AAAA,EAAW;AAAA,EACnF,iBAAiB/B,GAAW;AAAE,SAAK,MAAM,iBAAiBA,CAAC,GAAG,KAAK,KAAK,gBAAgBA,GAAG,KAAK,QAAA;AAAA,EAAW;AAAA,EAE3G,MAAM,UAAU;;AACd,UAAMgC,IAAM,KAAK,MAAM;AACvB,KAAA7B,IAAA6B,KAAA,gBAAAA,EAAK,UAAL,QAAA7B,EAAA,KAAA6B;AAAA,EACF;AAAA,EAEA,IAAI,QAAQ;AAAE,WAAO,EAAE,UAAU,KAAK,MAAM,UAAU,OAAO,KAAK,MAAM,OAAO,QAAQ,KAAK,MAAM,OAAA;AAAA,EAAU;AAAA,EAE5G,GAAGtC,GAAgBuC,GAA2B;AAC5C,QAAItF,IAAI,KAAK,UAAU,IAAI+C,CAAC;AAAG,WAAK/C,MAAKA,wBAAQ,IAAA,GAAO,KAAK,UAAU,IAAI+C,GAAG/C,CAAC,IAAKA,EAAE,IAAIsF,CAAE,GAAU;AAAA,EACxG;AAAA,EACA,IAAIvC,GAAgBuC,GAA2B;;AAAE,YAAA9B,IAAA,KAAK,UAAU,IAAIT,CAAC,MAApB,QAAAS,EAAuB,OAAO8B,IAAY;AAAA,EAAM;AAAA,EACzF,KAAKvC,GAAgBvB,GAAa;;AAAE,KAAAgC,IAAA,KAAK,UAAU,IAAIT,CAAC,MAApB,QAAAS,EAAuB,QAAQ,CAAC8B,MAAOA,EAAG9D,CAAC;AAAA,EAAI;AAAA,EAEnF,UAAU;AAChB,QAAK,KAAK,KAAK;AACf,UAAI;AAAE,qBAAa,QAAQuC,GAAW,KAAK,UAAU,KAAK,IAAI,CAAC;AAAA,MAAG,QAAQ;AAAA,MAAqB;AAAA,EACjG;AAAA,EACQ,eAA6C;AACnD,QAAI;AAAE,YAAMwB,IAAM,aAAa,QAAQxB,CAAS;AAAG,aAAOwB,IAAM,KAAK,MAAMA,CAAG,IAA6B;AAAA,IAAM,QAC3G;AAAE,aAAO;AAAA,IAAM;AAAA,EACvB;AAAA,EAEA,UAAU;;AACR,KAAA/B,IAAA,KAAK,OAAL,QAAAA,EAAS,WAAW,KAAK,KAAK,QAAA,GAAW,KAAK,OAAO,QAAA,GAAW,KAAK,MAAM,QAAA,GAC3E,KAAK,MAAM,OAAA,GAAU,KAAK,OAAO,OAAA,GAAU,KAAK,KAAK,OAAA,GAAU,KAAK,UAAU,MAAA;AAAA,EAChF;AACF;AC9LO,MAAMgC,UAA0B,YAAY;AAAA,EAGjD,WAAW,qBAAqB;AAAE,WAAO,CAAC,OAAO,YAAY;AAAA,EAAG;AAAA,EAEhE,oBAAoB;AAClB,IAAI,KAAK,WACJ,KAAK,MAAM,YAAS,KAAK,MAAM,UAAU,UAC9C,KAAK,SAAS,IAAIxB,EAAO,MAAM;AAAA,MAC7B,KAAK,KAAK,aAAa,KAAK,KAAK;AAAA,MACjC,YAAa,KAAK,aAAa,YAAY,KAAoB;AAAA,MAC/D,UAAU,KAAK,aAAa,UAAU;AAAA,MACtC,UAAU,KAAK,aAAa,WAAW;AAAA,MACvC,YAAY,KAAK,aAAa,aAAa,MAAM;AAAA,MACjD,KAAK,KAAK,QAAQ,KAAK;AAAA,MACvB,eAAe,KAAK,QAAQ,eAAe;AAAA,MAC3C,OAAO,KAAK,aAAa,WAAW,IAChC,EAAE,KAAK,KAAK,aAAa,WAAW,GAAI,aAAa,KAAK,aAAa,gBAAgB,KAAK,WAC5F;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EAEA,yBAAyByB,GAAcC,GAAqBC,GAAsB;AAChF,IAAI,CAAC,KAAK,UAAUA,KAAS,SACzBF,MAAS,SAAY,KAAK,OAAO,KAAKE,CAAK,GAC3CF,MAAS,gBAAc,KAAK,OAAO,cAAcE,CAAmB;AAAA,EAC1E;AAAA,EAEA,uBAAuB;;AAAE,KAAAnC,IAAA,KAAK,WAAL,QAAAA,EAAa,WAAW,KAAK,SAAS;AAAA,EAAW;AAAA,EAElE,QAAQjB,GAA+B;AAC7C,UAAM1B,IAAI,KAAK,aAAa0B,CAAC;AAC7B,WAAO1B,KAAK,OAAO,SAAY,OAAOA,CAAC;AAAA,EACzC;AAAA;AAAA,EAGA,IAAI,MAA0B;AAAE,WAAO,KAAK;AAAA,EAAQ;AACtD;AAEO,SAAS+E,EAAqBxF,IAAM,eAAe;AACxD,EAAI,OAAO,iBAAmB,OAAe,CAAC,eAAe,IAAIA,CAAG,KAClE,eAAe,OAAOA,GAAKoF,CAAiB;AAEhD;AC3CAI,EAAAA;"}
+{"version":3,"file":"three-vr-player.js","sources":["../src/ui/format.ts","../src/ui/ControlsUI.ts","../src/Player.ts","../src/webcomponent.ts","../src/index.ts"],"sourcesContent":["/** Format seconds as m:ss or h:mm:ss. */\r\nexport function formatTime(seconds: number): string {\r\n  if (!Number.isFinite(seconds) || seconds < 0) return '0:00';\r\n  const s = Math.floor(seconds % 60);\r\n  const m = Math.floor((seconds / 60) % 60);\r\n  const h = Math.floor(seconds / 3600);\r\n  const ss = String(s).padStart(2, '0');\r\n  return h > 0 ? `${h}:${String(m).padStart(2, '0')}:${ss}` : `${m}:${ss}`;\r\n}\r\n","import type { Projection } from '../types.js';\r\nimport { PROJECTIONS } from '../core/projections.js';\r\nimport { formatTime } from './format.js';\r\n\r\n/** What the ControlsUI needs from the Player to drive playback + view. */\r\nexport interface PlayerBridge {\r\n  video: HTMLVideoElement;\r\n  surface: HTMLElement;            // canvas — for wheel-zoom\r\n  fullscreenTarget: HTMLElement;\r\n  vrButton: HTMLElement;\r\n  vrSupported(): Promise<boolean>;\r\n  getProjection(): Projection;\r\n  setProjection(p: Projection): void;\r\n  setSwapEyes(v: boolean): void;\r\n  setFov(deg: number): void;\r\n  setSupersampling(x: number): void;\r\n  initial: { swapEyes: boolean; fov: number; supersampling: number };\r\n  proxy: { url: string; apiPassword: string; enabled: boolean };\r\n  setProxy(p: { url: string; apiPassword: string; enabled: boolean }): void;\r\n}\r\n\r\ntype Props = Record<string, unknown> & { class?: string };\r\nfunction h<K extends keyof HTMLElementTagNameMap>(tag: K, props: Props = {}, children: (Node | string)[] = []): HTMLElementTagNameMap[K] {\r\n  const el = document.createElement(tag);\r\n  const { class: cls, ...rest } = props;\r\n  if (cls) el.className = cls;\r\n  Object.assign(el, rest);\r\n  for (const c of children) el.append(c);\r\n  return el;\r\n}\r\n\r\n/** Builds the controls bar + settings/menus inside `root` and wires them to `bridge`. */\r\nexport class ControlsUI {\r\n  private readonly nodes: HTMLElement[] = [];\r\n  private readonly disposers: (() => void)[] = [];\r\n\r\n  constructor(root: ParentNode, bridge: PlayerBridge) {\r\n    const v = bridge.video;\r\n\r\n    // --- playback ---\r\n    const play = h('button', { class: 'tvp-btn tvp-play', title: 'Play/Pause', textContent: '▶' });\r\n    const seek = h('input', { class: 'tvp-seek', type: 'range', min: '0', max: '1000', value: '0' });\r\n    const time = h('span', { class: 'tvp-time', textContent: '0:00 / 0:00' });\r\n\r\n    // --- volume ---\r\n    const mute = h('button', { class: 'tvp-btn tvp-mute', title: 'Volume', textContent: '🔊' });\r\n    const volume = h('input', { class: 'tvp-volume', type: 'range', min: '0', max: '1', step: '0.01', value: '1' });\r\n    const volPopup = h('div', { class: 'tvp-volpopup', hidden: true }, [volume]);\r\n    const volWrap = h('span', { class: 'tvp-volwrap' }, [mute, volPopup]);\r\n\r\n    // --- VR slot ---\r\n    const vrSlot = h('span', { class: 'tvp-vrslot' });\r\n\r\n    // --- projection menu ---\r\n    const projBtn = h('button', { class: 'tvp-btn tvp-projbtn', title: 'Projection', textContent: '🌐' });\r\n    const projMenu = h('div', { class: 'tvp-projmenu', hidden: true });\r\n    for (const p of PROJECTIONS) {\r\n      const b = h('button', { textContent: p.label });\r\n      b.dataset.mode = p.value;\r\n      projMenu.append(b);\r\n    }\r\n    const projWrap = h('span', { class: 'tvp-projwrap' }, [projBtn, projMenu]);\r\n\r\n    // --- settings ---\r\n    const settingsBtn = h('button', { class: 'tvp-btn tvp-settingsbtn', title: 'Settings', textContent: '⚙' });\r\n    const fullscreen = h('button', { class: 'tvp-btn tvp-fullscreen', title: 'Fullscreen', textContent: '⛶' });\r\n\r\n    const controls = h('footer', { class: 'tvp-controls' }, [play, seek, time, volWrap, vrSlot, projWrap, settingsBtn, fullscreen]);\r\n\r\n    const swapCb = h('input', { type: 'checkbox', checked: bridge.initial.swapEyes });\r\n    const fovRange = h('input', { type: 'range', min: '30', max: '100', step: '1', value: String(bridge.initial.fov) });\r\n    const fovVal = h('span', { textContent: String(bridge.initial.fov) });\r\n    const ssRange = h('input', { type: 'range', min: '1', max: '2', step: '0.25', value: String(bridge.initial.supersampling) });\r\n    const ssVal = h('span', { textContent: String(bridge.initial.supersampling) });\r\n    const useProxyCb = h('input', { type: 'checkbox', checked: bridge.proxy.enabled });\r\n    const proxyUrlIn = h('input', { type: 'text', value: bridge.proxy.url, placeholder: 'http://localhost:8888', spellcheck: false });\r\n    const proxyPwIn = h('input', { type: 'password', value: bridge.proxy.apiPassword, placeholder: 'API password' });\r\n    const settings = h('section', { class: 'tvp-settings' }, [\r\n      h('label', { class: 'row' }, [swapCb, 'Swap eyes (if depth looks wrong)']),\r\n      h('label', {}, [makeText('Field of view (zoom): ', fovVal, '°'), fovRange]),\r\n      h('label', {}, [makeText('Supersampling: ', ssVal, '× (sharpness)'), ssRange]),\r\n      h('hr', { class: 'tvp-sep' }),\r\n      h('label', { class: 'row' }, [useProxyCb, 'Use CORS proxy']),\r\n      h('label', {}, ['Proxy URL', proxyUrlIn]),\r\n      h('label', {}, ['API password', proxyPwIn]),\r\n    ]);\r\n\r\n    const toast = h('div', { class: 'tvp-toast' });\r\n\r\n    this.nodes.push(controls, settings, toast);\r\n    for (const n of this.nodes) root.append(n);\r\n\r\n    // ---- wiring ----\r\n    const on = <T extends EventTarget>(t: T, ev: string, fn: (e: any) => void, opts?: AddEventListenerOptions) => {\r\n      t.addEventListener(ev, fn as EventListener, opts);\r\n      this.disposers.push(() => t.removeEventListener(ev, fn as EventListener, opts));\r\n    };\r\n    const setSeekFill = (pct: number) => seek.style.setProperty('--seek', `${pct}%`);\r\n\r\n    on(play, 'click', () => { v.paused ? void v.play() : v.pause(); });\r\n    on(v, 'play', () => { play.textContent = '⏸'; });\r\n    on(v, 'pause', () => { play.textContent = '▶'; });\r\n\r\n    on(v, 'timeupdate', () => {\r\n      if (v.duration) {\r\n        const pct = (v.currentTime / v.duration) * 100;\r\n        seek.value = String(pct * 10);\r\n        setSeekFill(pct);\r\n        time.textContent = `${formatTime(v.currentTime)} / ${formatTime(v.duration)}`;\r\n      }\r\n    });\r\n    on(seek, 'input', () => {\r\n      setSeekFill(Number(seek.value) / 10);\r\n      if (v.duration) v.currentTime = (Number(seek.value) / 1000) * v.duration;\r\n    });\r\n\r\n    on(mute, 'click', (e: Event) => { e.stopPropagation(); volPopup.hidden = !volPopup.hidden; });\r\n    on(volume, 'input', () => { v.volume = Number(volume.value); v.muted = v.volume === 0; mute.textContent = v.muted ? '🔇' : '🔊'; });\r\n\r\n    const updateProjection = () => {\r\n      const mode = bridge.getProjection();\r\n      let label = 'Projection';\r\n      projMenu.querySelectorAll('button').forEach((b) => {\r\n        const on2 = b.dataset.mode === mode;\r\n        b.classList.toggle('active', on2);\r\n        if (on2) label = `Projection: ${b.textContent}`;\r\n      });\r\n      projBtn.title = label;\r\n    };\r\n    on(projBtn, 'click', (e: Event) => { e.stopPropagation(); projMenu.hidden = !projMenu.hidden; });\r\n    on(projMenu, 'click', (e: Event) => {\r\n      const b = (e.target as HTMLElement).closest('button[data-mode]') as HTMLElement | null;\r\n      if (b) { bridge.setProjection(b.dataset.mode as Projection); updateProjection(); projMenu.hidden = true; }\r\n    });\r\n    updateProjection();\r\n\r\n    on(settingsBtn, 'click', (e: Event) => { e.stopPropagation(); settings.classList.toggle('open'); });\r\n    on(swapCb, 'change', () => bridge.setSwapEyes(swapCb.checked));\r\n    on(fovRange, 'input', () => { const d = Number(fovRange.value); fovVal.textContent = String(d); bridge.setFov(d); });\r\n    on(ssRange, 'input', () => { const x = Number(ssRange.value); ssVal.textContent = String(x); bridge.setSupersampling(x); });\r\n    const applyProxy = () => bridge.setProxy({ url: proxyUrlIn.value.trim(), apiPassword: proxyPwIn.value, enabled: useProxyCb.checked });\r\n    on(useProxyCb, 'change', applyProxy);\r\n    on(proxyUrlIn, 'change', applyProxy);\r\n    on(proxyPwIn, 'change', applyProxy);\r\n    on(bridge.surface, 'wheel', (e: WheelEvent) => {\r\n      e.preventDefault();\r\n      const next = Math.max(30, Math.min(100, Number(fovRange.value) + Math.sign(e.deltaY) * 3));\r\n      fovRange.value = String(next); fovVal.textContent = String(next); bridge.setFov(next);\r\n    }, { passive: false });\r\n\r\n    on(fullscreen, 'click', () => {\r\n      const t = bridge.fullscreenTarget;\r\n      if (!document.fullscreenElement) void t.requestFullscreen?.();\r\n      else void document.exitFullscreen?.();\r\n    });\r\n\r\n    // outside-click closes the popups (composedPath crosses the shadow boundary)\r\n    on(document, 'click', (e: Event) => {\r\n      const path = (e as Event & { composedPath(): EventTarget[] }).composedPath();\r\n      if (!volPopup.hidden && !path.includes(volPopup) && !path.includes(mute)) volPopup.hidden = true;\r\n      if (!projMenu.hidden && !path.includes(projMenu) && !path.includes(projBtn)) projMenu.hidden = true;\r\n    });\r\n\r\n    // VR button only when an immersive-VR device is available\r\n    void bridge.vrSupported().then((ok) => {\r\n      if (ok) {\r\n        Object.assign(bridge.vrButton.style, { position: 'static', left: 'auto', bottom: 'auto', transform: 'none', margin: '0' });\r\n        vrSlot.append(bridge.vrButton);\r\n      }\r\n    });\r\n\r\n    // silence unused-var lint for the toast helper (available for future use)\r\n    void toast;\r\n  }\r\n\r\n  dispose() {\r\n    for (const d of this.disposers) d();\r\n    for (const n of this.nodes) n.remove();\r\n  }\r\n}\r\n\r\nfunction makeText(prefix: string, valueSpan: HTMLElement, suffix: string): DocumentFragment {\r\n  const frag = document.createDocumentFragment();\r\n  frag.append(prefix, valueSpan, suffix);\r\n  return frag;\r\n}\r\n","import { StereoScene } from './core/StereoScene.js';\r\nimport { LookControls } from './core/LookControls.js';\r\nimport { VideoSource } from './core/VideoSource.js';\r\nimport { buildProxyUrl, type ProxyConfig } from './core/proxy.js';\r\nimport { detectProjection } from './core/projections.js';\r\nimport { ControlsUI } from './ui/ControlsUI.js';\r\nimport css from './ui/controls.css?inline';\r\nimport type { PlayerOptions, PlayerEvent, Projection } from './types.js';\r\n\r\ntype ViewSettings = { projection: Projection; swapEyes: boolean; fov: number; supersampling: number };\r\nconst STORE_KEY = 'three-vr-player:settings';\r\n\r\n/**\r\n * A drop-in 3D/VR video player. Mounts a canvas + controls (into a Shadow DOM by\r\n * default) inside `container`, composing the headless core.\r\n */\r\nexport class Player {\r\n  readonly video: HTMLVideoElement;\r\n\r\n  private readonly opts: PlayerOptions;\r\n  private readonly wrap: HTMLElement;\r\n  private readonly canvas: HTMLCanvasElement;\r\n  private readonly scene: StereoScene;\r\n  private readonly look: LookControls;\r\n  private readonly source = new VideoSource();\r\n  private readonly ui?: ControlsUI;\r\n  private readonly listeners = new Map<PlayerEvent, Set<(p?: unknown) => void>>();\r\n  private view: ViewSettings;\r\n  private readyEmitted = false;\r\n  private native = false;\r\n  private loading = false;\r\n  private proxyConfig?: ProxyConfig;\r\n  private useProxy = false;\r\n  private currentSrc?: string;\r\n\r\n  constructor(container: HTMLElement, options: PlayerOptions = {}) {\r\n    this.opts = options;\r\n    this.proxyConfig = options.proxy;\r\n    this.useProxy = !!options.proxy;\r\n    const stored = options.persistSettings ? this.loadSettings() : null;\r\n    this.view = {\r\n      projection: options.projection ?? stored?.projection ?? '180-sbs',\r\n      swapEyes: options.swapEyes ?? stored?.swapEyes ?? false,\r\n      fov: options.fov ?? stored?.fov ?? 70,\r\n      supersampling: options.supersampling ?? stored?.supersampling ?? 1.5,\r\n    };\r\n\r\n    this.wrap = document.createElement('div');\r\n    this.wrap.className = 'tvp';\r\n    this.wrap.style.cssText = 'position:relative;width:100%;height:100%;overflow:hidden;';\r\n    container.appendChild(this.wrap);\r\n\r\n    let root: ParentNode;\r\n    if (options.shadowDom !== false) {\r\n      const shadow = this.wrap.attachShadow({ mode: 'open' });\r\n      const style = document.createElement('style'); style.textContent = css; shadow.appendChild(style);\r\n      root = shadow;\r\n    } else {\r\n      if (!document.getElementById('tvp-styles')) {\r\n        const style = document.createElement('style'); style.id = 'tvp-styles'; style.textContent = css; document.head.appendChild(style);\r\n      }\r\n      root = this.wrap;\r\n    }\r\n\r\n    this.canvas = document.createElement('canvas'); this.canvas.className = 'tvp-canvas';\r\n    this.video = document.createElement('video'); this.video.className = 'tvp-video'; this.video.playsInline = true;\r\n    if (options.crossOrigin !== null) this.video.crossOrigin = options.crossOrigin ?? 'anonymous';\r\n    root.append(this.canvas, this.video);\r\n\r\n    this.scene = new StereoScene({\r\n      canvas: this.canvas, video: this.video,\r\n      projection: this.view.projection, swapEyes: this.view.swapEyes,\r\n      fov: this.view.fov, supersampling: this.view.supersampling,\r\n    });\r\n    this.look = new LookControls(this.scene.camera, this.canvas, { isPresenting: () => this.scene.renderer.xr.isPresenting });\r\n    this.scene.onFrame(() => this.look.update());\r\n    this.look.setEnabled(!this.scene.isFlat());\r\n\r\n    if (options.controls !== false) {\r\n      this.ui = new ControlsUI(root, {\r\n        video: this.video,\r\n        surface: this.canvas,\r\n        fullscreenTarget: this.wrap,\r\n        vrButton: this.scene.vrButton,\r\n        vrSupported: () => this.vrSupported(),\r\n        getProjection: () => this.scene.getProjection(),\r\n        setProjection: (p) => this.setProjection(p),\r\n        setSwapEyes: (v) => this.setSwapEyes(v),\r\n        setFov: (d) => this.setFov(d),\r\n        setSupersampling: (x) => this.setSupersampling(x),\r\n        initial: { swapEyes: this.view.swapEyes, fov: this.view.fov, supersampling: this.view.supersampling },\r\n        proxy: { url: this.proxyConfig?.url ?? '', apiPassword: this.proxyConfig?.apiPassword ?? '', enabled: this.useProxy },\r\n        setProxy: (p) => this.setProxy(p),\r\n      });\r\n    }\r\n\r\n    this.video.addEventListener('play', () => this.emit('play'));\r\n    this.video.addEventListener('pause', () => this.emit('pause'));\r\n    this.video.addEventListener('ended', () => this.emit('ended'));\r\n    this.video.addEventListener('timeupdate', () => this.emit('timeupdate', this.video.currentTime));\r\n    this.video.addEventListener('error', () => { if (!this.loading) this.emit('error', this.video.error); });\r\n    this.video.addEventListener('loadedmetadata', () => { if (!this.readyEmitted) { this.readyEmitted = true; this.emit('ready'); } });\r\n    this.scene.renderer.xr.addEventListener('sessionstart', () => this.emit('enterxr'));\r\n    this.scene.renderer.xr.addEventListener('sessionend', () => this.emit('exitxr'));\r\n\r\n    if (options.src) void this.load(options.src, { projection: options.projection });\r\n  }\r\n\r\n  private vrSupported(): Promise<boolean> {\r\n    if (this.opts.vrButton === false || !navigator.xr) return Promise.resolve(false);\r\n    return navigator.xr.isSessionSupported('immersive-vr').catch(() => false);\r\n  }\r\n\r\n  async load(src: string, o: { projection?: Projection } = {}): Promise<void> {\r\n    this.currentSrc = src;\r\n    const proj = o.projection ?? (this.opts.autoDetect !== false ? detectProjection(src) : null);\r\n    if (proj) this.setProjection(proj);\r\n    const { url, format } = buildProxyUrl(src, this.useProxy ? this.proxyConfig : undefined);\r\n    const primaryCO = this.opts.crossOrigin === undefined ? 'anonymous' : this.opts.crossOrigin;\r\n    this.loading = true;\r\n    try {\r\n      await this.source.attach(this.video, { url, format }, { crossOrigin: primaryCO });\r\n      this.setNativeFallback(false);\r\n      await this.video.play().catch(() => { /* autoplay may be blocked until a user gesture */ });\r\n    } catch (err) {\r\n      // A cross-origin progressive source that isn't CORS-clean (and isn't proxied) can't be a\r\n      // WebGL texture. Retry without crossOrigin and show plain 2D <video> playback if allowed.\r\n      if (this.opts.nativeFallback !== false && format === 'progressive' && primaryCO !== null) {\r\n        try {\r\n          this.setNativeFallback(true); // stop WebGL rendering before the tainted video loads\r\n          await this.source.attach(this.video, { url, format }, { crossOrigin: null });\r\n          await this.video.play().catch(() => {});\r\n          this.emit('fallback');\r\n          return;\r\n        } catch (err2) {\r\n          this.setNativeFallback(false);\r\n          this.emit('error', err2);\r\n          throw err2;\r\n        }\r\n      }\r\n      this.setNativeFallback(false);\r\n      this.emit('error', err);\r\n      throw err;\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  /** Swap between WebGL (3D) rendering and plain 2D `<video>` playback. */\r\n  private setNativeFallback(on: boolean) {\r\n    if (on === this.native) return;\r\n    this.native = on;\r\n    if (on) {\r\n      this.scene.pauseRendering();\r\n      this.canvas.style.display = 'none';\r\n      Object.assign(this.video.style, {\r\n        display: 'block', position: 'absolute', inset: '0',\r\n        width: '100%', height: '100%', objectFit: 'contain', background: '#000', zIndex: '1',\r\n      });\r\n    } else {\r\n      this.canvas.style.display = '';\r\n      this.video.style.cssText = '';\r\n      this.scene.resumeRendering();\r\n    }\r\n  }\r\n\r\n  async play() { await this.video.play(); }\r\n  pause() { this.video.pause(); }\r\n  setProjection(p: Projection) {\r\n    this.scene.setProjection(p);\r\n    this.look.setEnabled(!this.scene.isFlat());\r\n    this.look.reset();\r\n    this.view.projection = p; this.persist();\r\n    this.emit('projectionchange', p);\r\n  }\r\n  setSwapEyes(v: boolean) { this.scene.setSwapEyes(v); this.view.swapEyes = v; this.persist(); }\r\n  setFov(deg: number) { this.scene.setFov(deg); this.view.fov = deg; this.persist(); }\r\n  setSupersampling(x: number) { this.scene.setSupersampling(x); this.view.supersampling = x; this.persist(); }\r\n  /** Update the CORS proxy config / toggle it, and reload the current source if any. */\r\n  setProxy(p: { url: string; apiPassword?: string; enabled: boolean }) {\r\n    this.proxyConfig = p.url ? { url: p.url, apiPassword: p.apiPassword || undefined } : undefined;\r\n    this.useProxy = p.enabled;\r\n    if (this.currentSrc) void this.load(this.currentSrc);\r\n  }\r\n\r\n  async enterVR() {\r\n    const btn = this.scene.vrButton as HTMLButtonElement;\r\n    btn?.click?.();\r\n  }\r\n\r\n  get three() { return { renderer: this.scene.renderer, scene: this.scene.scene, camera: this.scene.camera }; }\r\n\r\n  on(e: PlayerEvent, cb: (p?: unknown) => void) {\r\n    let s = this.listeners.get(e); if (!s) { s = new Set(); this.listeners.set(e, s); } s.add(cb); return this;\r\n  }\r\n  off(e: PlayerEvent, cb: (p?: unknown) => void) { this.listeners.get(e)?.delete(cb); return this; }\r\n  private emit(e: PlayerEvent, p?: unknown) { this.listeners.get(e)?.forEach((cb) => cb(p)); }\r\n\r\n  private persist() {\r\n    if (!this.opts.persistSettings) return;\r\n    try { localStorage.setItem(STORE_KEY, JSON.stringify(this.view)); } catch { /* private mode */ }\r\n  }\r\n  private loadSettings(): Partial<ViewSettings> | null {\r\n    try { const raw = localStorage.getItem(STORE_KEY); return raw ? JSON.parse(raw) as Partial<ViewSettings> : null; }\r\n    catch { return null; }\r\n  }\r\n\r\n  dispose() {\r\n    this.ui?.dispose(); this.look.dispose(); this.source.dispose(); this.scene.dispose();\r\n    this.video.remove(); this.canvas.remove(); this.wrap.remove(); this.listeners.clear();\r\n  }\r\n}\r\n","import { Player } from './Player.js';\r\nimport type { Projection } from './types.js';\r\n\r\n/**\r\n * `<three-video src=\"…\" projection=\"180-sbs\" controls>` — a framework-agnostic\r\n * custom element wrapping {@link Player}. Give it a size via CSS.\r\n */\r\nexport class ThreeVideoElement extends HTMLElement {\r\n  private player?: Player;\r\n\r\n  static get observedAttributes() { return ['src', 'projection']; }\r\n\r\n  connectedCallback() {\r\n    if (this.player) return;\r\n    if (!this.style.display) this.style.display = 'block';\r\n    this.player = new Player(this, {\r\n      src: this.getAttribute('src') ?? undefined,\r\n      projection: (this.getAttribute('projection') as Projection) ?? undefined,\r\n      controls: this.hasAttribute('controls'),\r\n      swapEyes: this.hasAttribute('swap-eyes'),\r\n      autoDetect: this.getAttribute('auto-detect') !== 'false',\r\n      fov: this.numAttr('fov'),\r\n      supersampling: this.numAttr('supersampling'),\r\n      proxy: this.getAttribute('proxy-url')\r\n        ? { url: this.getAttribute('proxy-url')!, apiPassword: this.getAttribute('proxy-password') ?? undefined }\r\n        : undefined,\r\n    });\r\n  }\r\n\r\n  attributeChangedCallback(name: string, _old: string | null, value: string | null) {\r\n    if (!this.player || value == null) return;\r\n    if (name === 'src') void this.player.load(value);\r\n    if (name === 'projection') this.player.setProjection(value as Projection);\r\n  }\r\n\r\n  disconnectedCallback() { this.player?.dispose(); this.player = undefined; }\r\n\r\n  private numAttr(n: string): number | undefined {\r\n    const v = this.getAttribute(n);\r\n    return v == null ? undefined : Number(v);\r\n  }\r\n\r\n  /** The underlying Player instance (for programmatic control). */\r\n  get api(): Player | undefined { return this.player; }\r\n}\r\n\r\nexport function registerWebComponent(tag = 'three-video') {\r\n  if (typeof customElements !== 'undefined' && !customElements.get(tag)) {\r\n    customElements.define(tag, ThreeVideoElement);\r\n  }\r\n}\r\n","export { Player } from './Player.js';\r\nexport type { PlayerOptions, PlayerEvent, Projection } from './types.js';\r\nexport { ThreeVideoElement, registerWebComponent } from './webcomponent.js';\r\nexport * from './core/index.js';\r\n\r\nimport { registerWebComponent } from './webcomponent.js';\r\n// Auto-register <three-video> when the main entry is imported.\r\nregisterWebComponent();\r\n"],"names":["formatTime","seconds","s","m","h","ss","tag","props","children","el","cls","rest","c","ControlsUI","root","bridge","v","play","seek","time","mute","volume","volPopup","volWrap","vrSlot","projBtn","projMenu","p","PROJECTIONS","b","projWrap","settingsBtn","fullscreen","controls","swapCb","fovRange","fovVal","ssRange","ssVal","useProxyCb","proxyUrlIn","proxyPwIn","settings","makeText","toast","n","on","t","ev","fn","opts","setSeekFill","pct","e","updateProjection","mode","label","on2","d","x","applyProxy","next","_b","_a","path","ok","prefix","valueSpan","suffix","frag","STORE_KEY","Player","container","options","VideoSource","stored","shadow","style","css","StereoScene","LookControls","src","o","proj","detectProjection","url","format","buildProxyUrl","primaryCO","err","err2","deg","btn","cb","raw","ThreeVideoElement","name","_old","value","registerWebComponent"],"mappings":"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"}