avbridge 2.5.0 → 2.7.0

package/dist/player.cjs

@@ -2390,6 +2390,35 @@ async function loadBridge() {
   }
 }
 
+// src/util/time-ranges.ts
+function makeTimeRanges(ranges) {
+  const frozen = ranges.slice();
+  const impl = {
+    get length() {
+      return frozen.length;
+    },
+    start(index) {
+      if (index < 0 || index >= frozen.length) {
+        throw new DOMException(
+          `TimeRanges.start: index ${index} out of range (length=${frozen.length})`,
+          "IndexSizeError"
+        );
+      }
+      return frozen[index][0];
+    },
+    end(index) {
+      if (index < 0 || index >= frozen.length) {
+        throw new DOMException(
+          `TimeRanges.end: index ${index} out of range (length=${frozen.length})`,
+          "IndexSizeError"
+        );
+      }
+      return frozen[index][1];
+    }
+  };
+  return impl;
+}
+
 // src/strategies/hybrid/index.ts
 var READY_AUDIO_BUFFER_SECONDS = 0.3;
 var READY_TIMEOUT_SECONDS = 10;
@@ -2447,6 +2476,18 @@ async function createHybridSession(ctx, target, transport) {
       get: () => ctx.duration ?? NaN
     });
   }
+  Object.defineProperty(target, "readyState", {
+    configurable: true,
+    get: () => {
+      if (!renderer.hasFrames()) return 0;
+      if (!audio.isPlaying() && audio.bufferAhead() <= 0 && !audio.isNoAudio()) return 1;
+      return 2;
+    }
+  });
+  Object.defineProperty(target, "seekable", {
+    configurable: true,
+    get: () => makeTimeRanges(ctx.duration && Number.isFinite(ctx.duration) && ctx.duration > 0 ? [[0, ctx.duration]] : [])
+  });
   async function waitForBuffer() {
     const start = performance.now();
     while (true) {
@@ -2528,6 +2569,8 @@ async function createHybridSession(ctx, target, transport) {
         delete target.paused;
         delete target.volume;
         delete target.muted;
+        delete target.readyState;
+        delete target.seekable;
       } catch {
       }
     },
@@ -3048,6 +3091,18 @@ async function createFallbackSession(ctx, target, transport) {
       get: () => ctx.duration ?? NaN
     });
   }
+  Object.defineProperty(target, "readyState", {
+    configurable: true,
+    get: () => {
+      if (!renderer.hasFrames()) return 0;
+      if (!audio.isPlaying() && audio.bufferAhead() <= 0 && !audio.isNoAudio()) return 1;
+      return 2;
+    }
+  });
+  Object.defineProperty(target, "seekable", {
+    configurable: true,
+    get: () => makeTimeRanges(ctx.duration && Number.isFinite(ctx.duration) && ctx.duration > 0 ? [[0, ctx.duration]] : [])
+  });
   async function waitForBuffer() {
     const start = performance.now();
     let firstFrameAtMs = 0;
@@ -3150,6 +3205,8 @@ async function createFallbackSession(ctx, target, transport) {
         delete target.paused;
         delete target.volume;
         delete target.muted;
+        delete target.readyState;
+        delete target.seekable;
       } catch {
       }
     },
@@ -3773,7 +3830,13 @@ var AvbridgeVideoElement = class extends HTMLElementCtor {
   _strategy = null;
   _strategyClass = null;
   _audioTracks = [];
+  /** Subtitle tracks reported by the active UnifiedPlayer (options.subtitles
+   *  + embedded container tracks + programmatic addSubtitle calls). */
   _subtitleTracks = [];
+  /** Subtitle tracks derived from light-DOM `<track>` children. Maintained
+   *  by _syncTextTracks on every mutation. Merged into the public
+   *  `subtitleTracks` getter so the player's settings menu sees them. */
+  _htmlTrackInfo = [];
   /**
    * External subtitle list forwarded to `createPlayer()` on the next
    * bootstrap. Setting this after bootstrap queues it for the next
@@ -3893,12 +3956,28 @@ var AvbridgeVideoElement = class extends HTMLElementCtor {
   _syncTextTracks() {
     const existing = this._videoEl.querySelectorAll("track");
     for (const t of Array.from(existing)) t.remove();
+    this._htmlTrackInfo = [];
+    let htmlIdx = 0;
     for (const child of Array.from(this.children)) {
       if (child.tagName === "TRACK") {
-        const clone = child.cloneNode(true);
+        const track = child;
+        const clone = track.cloneNode(true);
         this._videoEl.appendChild(clone);
+        const src = track.getAttribute("src") ?? void 0;
+        const format = src?.toLowerCase().endsWith(".srt") ? "srt" : "vtt";
+        this._htmlTrackInfo.push({
+          id: 1e4 + htmlIdx,
+          format,
+          language: track.srclang || track.getAttribute("label") || void 0,
+          sidecarUrl: src
+        });
+        htmlIdx++;
       }
     }
+    this._dispatch("trackschange", {
+      audioTracks: this._audioTracks,
+      subtitleTracks: this.subtitleTracks
+    });
   }
   /** Internal src setter — separate from the property setter so the
    * attributeChangedCallback can use it without re-entering reflection. */
@@ -4226,7 +4305,7 @@ var AvbridgeVideoElement = class extends HTMLElementCtor {
     return this._audioTracks;
   }
   get subtitleTracks() {
-    return this._subtitleTracks;
+    return this._htmlTrackInfo.length === 0 ? this._subtitleTracks : [...this._subtitleTracks, ...this._htmlTrackInfo];
   }
   /**
    * External subtitle files to attach when the source loads. Takes effect
@@ -4315,6 +4394,12 @@ var AvbridgeVideoElement = class extends HTMLElementCtor {
   getDiagnostics() {
     return this._player?.getDiagnostics() ?? null;
   }
+  addEventListener(type, listener, options) {
+    super.addEventListener(type, listener, options);
+  }
+  removeEventListener(type, listener, options) {
+    super.removeEventListener(type, listener, options);
+  }
   // ── Event helpers ──────────────────────────────────────────────────────
   _dispatch(name, detail) {
     this.dispatchEvent(new CustomEvent(name, { detail, bubbles: false }));
@@ -4363,6 +4448,18 @@ var PLAYER_STYLES = (
   height: 100%;
 }
 
+/* Drag-and-drop file target highlight. */
+.avp.avp-dragover::after {
+  content: "";
+  position: absolute;
+  inset: 8px;
+  border: 2px dashed rgba(255, 255, 255, 0.75);
+  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.25);
+  pointer-events: none;
+  z-index: 10;
+}
+
 /* \u2500\u2500 Center overlay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 
 .avp-overlay {
@@ -5054,6 +5151,31 @@ var AvbridgePlayerElement = class extends HTMLElement {
     on(container, "pointerdown", (e) => this._onPointerDown(e));
     on(container, "pointerup", (e) => this._onPointerUp(e));
     on(container, "pointercancel", () => this._cancelHold());
+    on(container, "dragenter", (e) => {
+      e.preventDefault();
+      const dt = e.dataTransfer;
+      if (!dt || !Array.from(dt.types).includes("Files")) return;
+      container.classList.add("avp-dragover");
+    });
+    on(container, "dragover", (e) => {
+      e.preventDefault();
+      const dt = e.dataTransfer;
+      if (dt) dt.dropEffect = "copy";
+    });
+    on(container, "dragleave", (e) => {
+      if (e.target === container) {
+        container.classList.remove("avp-dragover");
+      }
+    });
+    on(container, "drop", (e) => {
+      e.preventDefault();
+      container.classList.remove("avp-dragover");
+      const file = e.dataTransfer?.files?.[0];
+      if (!file) return;
+      this._video.source = file;
+      void this._video.play().catch(() => {
+      });
+    });
     on(this, "keydown", (e) => this._onKeydown(e));
     if (!this.hasAttribute("tabindex")) {
       this.setAttribute("tabindex", "0");
@@ -5619,6 +5741,12 @@ var AvbridgePlayerElement = class extends HTMLElement {
   canPlayType(mime) {
     return this._video.canPlayType(mime);
   }
+  addEventListener(type, listener, options) {
+    super.addEventListener(type, listener, options);
+  }
+  removeEventListener(type, listener, options) {
+    super.removeEventListener(type, listener, options);
+  }
 };
 
 // src/player-element.ts