avbridge 2.9.0 → 2.10.0

package/CHANGELOG.md

@@ -4,6 +4,37 @@ All notable changes to **avbridge.js** are documented here. The format follows
 [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) and this project
 adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.10.0]
+
+Settings UI overhaul + playback rate on all strategies.
+
+### Added
+
+- **Bottom-sheet settings panel** replacing the popup menu. Slides up
+  from the controls bar with a scrim overlay. Each section uses a
+  native `<select>` picker overlaid on a styled row — the OS picker
+  renders outside the player bounds (intentional for small players).
+  Rows show label left, current value right. Tapping anywhere outside
+  the sheet or pressing Escape dismisses it.
+- **Consumer extensibility API**: `player.addSettingsSection({ id,
+  label, items, onSelect })` / `player.removeSettingsSection(id)`.
+  Custom sections render after built-in ones using the same native
+  `<select>` pattern. New `SettingsSectionConfig` type exported.
+- **Playback rate on hybrid + fallback strategies.** `playbackRate`
+  was a no-op on canvas strategies because the inner `<video>` has
+  no `src`. Now patched via `Object.defineProperty` — drives the
+  `AudioOutput` clock speed + `AudioBufferSourceNode.playbackRate`
+  for pitch-shifted audio. Video renderer follows automatically
+  since it syncs to `audio.now()`. The `ratechange` event fires.
+
+### Fixed
+
+- **Settings menu sizing** — JS-measured max-height (70% of player)
+  replaces the broken CSS percentage approach.
+- **Blue tap-highlight flash** suppressed on `<avbridge-player>`.
+- **`cursor: pointer` removed** from the player container — the
+  video surface isn't a button.
+
 ## [2.9.0]
 
 Player chrome ergonomics — four changes driven by explorer integration

package/dist/{chunk-SN4WZE24.js → chunk-3GKM5DFM.js}

@@ -1374,6 +1374,10 @@ var AudioOutput = class {
   _volume = 1;
   /** User-set muted flag. When true, gain is forced to 0. */
   _muted = false;
+  /** Playback rate. Scales the media clock and each AudioBufferSourceNode's
+   *  playbackRate so audio pitches up/down accordingly (same as native
+   *  <video>.playbackRate). Default 1. */
+  _rate = 1;
   constructor() {
     this.ctx = new AudioContext();
     this.gain = this.ctx.createGain();
@@ -1395,6 +1399,20 @@ var AudioOutput = class {
   getMuted() {
     return this._muted;
   }
+  /** Set playback rate. Scales the media clock and pitches audio output
+   *  (same as native <video>.playbackRate — speed without pitch correction).
+   *  Rebases the anchor so the clock transition is seamless. */
+  setPlaybackRate(rate) {
+    if (rate === this._rate) return;
+    const t = this.now();
+    this.mediaTimeOfAnchor = t;
+    this.ctxTimeAtAnchor = this.ctx.currentTime;
+    this.wallAnchorMs = performance.now();
+    this._rate = rate;
+  }
+  getPlaybackRate() {
+    return this._rate;
+  }
   applyGain() {
     const target = this._muted ? 0 : this._volume;
     try {
@@ -1415,12 +1433,12 @@ var AudioOutput = class {
   now() {
     if (this.noAudio) {
       if (this.state === "playing") {
-        return this.mediaTimeOfAnchor + (performance.now() - this.wallAnchorMs) / 1e3;
+        return this.mediaTimeOfAnchor + (performance.now() - this.wallAnchorMs) / 1e3 * this._rate;
       }
       return this.mediaTimeOfAnchor;
     }
     if (this.state === "playing") {
-      return this.mediaTimeOfAnchor + (this.ctx.currentTime - this.ctxTimeAtAnchor);
+      return this.mediaTimeOfAnchor + (this.ctx.currentTime - this.ctxTimeAtAnchor) * this._rate;
     }
     return this.mediaTimeOfAnchor;
   }
@@ -1472,7 +1490,8 @@ var AudioOutput = class {
     const node = this.ctx.createBufferSource();
     node.buffer = buffer;
     node.connect(this.gain);
-    let ctxStart = this.ctxTimeAtAnchor + (this.mediaTimeOfNext - this.mediaTimeOfAnchor);
+    if (this._rate !== 1) node.playbackRate.value = this._rate;
+    let ctxStart = this.ctxTimeAtAnchor + (this.mediaTimeOfNext - this.mediaTimeOfAnchor) / this._rate;
     if (ctxStart < this.ctx.currentTime) {
       this.ctxTimeAtAnchor = this.ctx.currentTime;
       this.mediaTimeOfAnchor = this.mediaTimeOfNext;
@@ -2120,6 +2139,14 @@ async function createHybridSession(ctx, target, transport) {
       get: () => ctx.duration ?? NaN
     });
   }
+  Object.defineProperty(target, "playbackRate", {
+    configurable: true,
+    get: () => audio.getPlaybackRate(),
+    set: (v) => {
+      audio.setPlaybackRate(v);
+      target.dispatchEvent(new Event("ratechange"));
+    }
+  });
   Object.defineProperty(target, "readyState", {
     configurable: true,
     get: () => {
@@ -2230,6 +2257,7 @@ async function createHybridSession(ctx, target, transport) {
         delete target.muted;
         delete target.readyState;
         delete target.seekable;
+        delete target.playbackRate;
       } catch {
       }
     },
@@ -2765,6 +2793,14 @@ async function createFallbackSession(ctx, target, transport) {
       get: () => ctx.duration ?? NaN
     });
   }
+  Object.defineProperty(target, "playbackRate", {
+    configurable: true,
+    get: () => audio.getPlaybackRate(),
+    set: (v) => {
+      audio.setPlaybackRate(v);
+      target.dispatchEvent(new Event("ratechange"));
+    }
+  });
   Object.defineProperty(target, "readyState", {
     configurable: true,
     get: () => {
@@ -2896,6 +2932,7 @@ async function createFallbackSession(ctx, target, transport) {
         delete target.muted;
         delete target.readyState;
         delete target.seekable;
+        delete target.playbackRate;
       } catch {
       }
     },
@@ -3498,5 +3535,5 @@ function defaultFallbackChain(strategy) {
 }
 
 export { FALLBACK_AUDIO_CODECS, FALLBACK_VIDEO_CODECS, NATIVE_AUDIO_CODECS, NATIVE_VIDEO_CODECS, UnifiedPlayer, classifyContext, createPlayer };
-//# sourceMappingURL=chunk-SN4WZE24.js.map
-//# sourceMappingURL=chunk-SN4WZE24.js.map
+//# sourceMappingURL=chunk-3GKM5DFM.js.map
+//# sourceMappingURL=chunk-3GKM5DFM.js.map