react-native-skia-webgpu-video 0.1.0-beta.0 → 0.1.0-beta.2

package/README.md

@@ -6,7 +6,7 @@
   <a href="https://github.com/batical/react-native-skia-webgpu-video/actions/workflows/ci.yml"><img alt="CI" src="https://github.com/batical/react-native-skia-webgpu-video/actions/workflows/ci.yml/badge.svg?branch=main" /></a>
   <a href="https://www.npmjs.com/package/react-native-skia-webgpu-video"><img alt="npm" src="https://img.shields.io/npm/v/react-native-skia-webgpu-video/beta" /></a>
   <a href="#status"><img alt="Status: beta" src="https://img.shields.io/badge/status-beta-f59e0b" /></a>
-  <img alt="React Native Skia 3.7.0" src="https://img.shields.io/badge/Skia-3.7.0-38bdf8" />
+  <img alt="React Native Skia 3.7.1" src="https://img.shields.io/badge/Skia-3.7.1-38bdf8" />
   <img alt="React Native WebGPU 0.17.0" src="https://img.shields.io/badge/WebGPU-0.17.0-a78bfa" />
   <a href="LICENSE"><img alt="MIT license" src="https://img.shields.io/badge/license-MIT-34d399" /></a>
 </p>
@@ -27,7 +27,7 @@ A new Skia 3 / WebGPU frame-interop layer, written from scratch with explicit re
 - **Audio compositions** with clip audio, separate tracks, and per-item volume.
 - **Custom GPU processing** through an export frame processor and an optional WebGPU resource scope.
 
-> **Beta.** The current Skia 3.7.0 / WebGPU 0.17.0 build has run on an iPhone 15 Pro and a Pixel 8a (export speed, pixel checks). Not yet qualified: memory over long sessions (last checked on 3.0.6), HDR, audible output and A/V synchronization; two 4K cases have known issues. See [status](#status) before adopting this in production.
+> **Beta.** The Skia 3.7.0 / WebGPU 0.17.0 build has run on an iPhone 15 Pro and a Pixel 8a (export speed, pixel checks); 3.7.1, which only changes iOS presentation on ProMotion displays, passed the native tests, smoke runs and the Pixel pixel check. Not yet qualified: memory over long sessions (last checked on 3.0.6), HDR, audible output and A/V synchronization; two 4K cases have known issues. See [status](#status) before adopting this in production.
 
 ## Installation
 
@@ -37,7 +37,7 @@ A new Skia 3 / WebGPU frame-interop layer, written from scratch with explicit re
 | --- | --- |
 | React Native | `0.86.2` tested; declared peer range `>=0.83 <0.87` |
 | React | `19.2.3` tested |
-| React Native Skia | **`react-native-skia@3.7.0`** |
+| React Native Skia | **`react-native-skia@3.7.1`** |
 | React Native WebGPU | **`react-native-webgpu@0.17.0`** (both resolve `react-native-webgpu-dawn@157.0.0`) |
 | Reanimated / Worklets | **`4.5.3` / `0.11.3`** |
 | Native runtime | New Architecture and Hermes |
@@ -50,7 +50,7 @@ A native rebuild is required. Expo Go cannot load this module. Skia and WebGPU n
 The beta is published on npm under the `beta` tag:
 
 ```sh
-npm install --save-exact react-native-skia@3.7.0 react-native-webgpu@0.17.0 react-native-reanimated@4.5.3 react-native-worklets@0.11.3
+npm install --save-exact react-native-skia@3.7.1 react-native-webgpu@0.17.0 react-native-reanimated@4.5.3 react-native-worklets@0.11.3
 npm install --save-exact react-native-skia-webgpu-video@beta
 ```
 

package/android/BUILD_VALIDATION.md

@@ -1,6 +1,6 @@
 # Android validation and frame ownership
 
-The Android example in `../example/android` pins React Native 0.86.2, Skia 3.7.0, WebGPU 0.17.0, the shared `react-native-webgpu-dawn` 157.0.0 (chrome-m157) and Graphite Android 157.0.0; Gradle needs `node` to resolve that Dawn package. Export renders into encoder-lent AHardwareBuffers (`android/cpp/EncoderTargets.cpp`) sampled into the codec Surface by EGL, with CPU readback as the fallback. On API 29+, 8-bit SDR H.264/HEVC clips decoded at their encoded size go through an `ImageReader`, whose YUV buffers WebGPU converts, crops and rotates; since 3.6.1 each buffer is imported once, and exports sample the converted frame in place. The 3.7.0 build was assembled and run on a Pixel 8a on 2026-10-19 ([verification](../migration/skia-3.7.0/verification.md)), after the 3.6.1 build of 2026-10-16 ([verification](../migration/skia-3.6.1/verification.md)) and the 3.4.4 build of 2026-10-14/15 ([verification](../migration/skia-3.4.4/verification.md)); the evidence below is from Skia 3.0.6 / WebGPU 0.12.1 / Graphite 154.1.0. It uses Java 17, Gradle 9.3.1, Android SDK 36 and NDK 27.1.12297006. The library requires API 28; a consuming application with a lower minimum receives an explicit Gradle configuration error. The default example ABI is arm64-v8a; `RNSKV_ANDROID_ABI` selects another ABI for the validation script.
+The Android example in `../example/android` pins React Native 0.86.2, Skia 3.7.1, WebGPU 0.17.0, the shared `react-native-webgpu-dawn` 157.0.0 (chrome-m157) and Graphite Android 157.0.0; Gradle needs `node` to resolve that Dawn package. Export renders into encoder-lent AHardwareBuffers (`android/cpp/EncoderTargets.cpp`) sampled into the codec Surface by EGL, with CPU readback as the fallback. On API 29+, 8-bit SDR H.264/HEVC clips decoded at their encoded size go through an `ImageReader`, whose YUV buffers WebGPU converts, crops and rotates; since 3.6.1 each buffer is imported once, and exports sample the converted frame in place. The 3.7.0 build was assembled and run on a Pixel 8a on 2026-10-19 ([verification](../migration/skia-3.7.0/verification.md)), after the 3.6.1 build of 2026-10-16 ([verification](../migration/skia-3.6.1/verification.md)) and the 3.4.4 build of 2026-10-14/15 ([verification](../migration/skia-3.4.4/verification.md)); the evidence below is from Skia 3.0.6 / WebGPU 0.12.1 / Graphite 154.1.0. It uses Java 17, Gradle 9.3.1, Android SDK 36 and NDK 27.1.12297006. The library requires API 28; a consuming application with a lower minimum receives an explicit Gradle configuration error. The default example ABI is arm64-v8a; `RNSKV_ANDROID_ABI` selects another ABI for the validation script.
 
 Run `android/scripts/validate.sh build` from the repository. It assembles the example Debug and unsigned Release APKs, library AAR, standalone instrumentation APK and JVM tests. Release uses the installed `hermes-compiler` package, and both native and Metro build concurrency are bounded to two workers. The Release APK is unsigned: device installation requires signing a separate local qualification artifact. The project supplies no publishing or release signing configuration.
 

package/android/src/main/java/com/azzapp/rnskv/DisplayVsyncPeriod.java

@@ -0,0 +1,72 @@
+package com.azzapp.rnskv;
+
+import android.content.Context;
+import android.hardware.display.DisplayManager;
+import android.view.Display;
+
+/**
+ * The vsync period of a display, kept current as its refresh rate changes.
+ *
+ * Taken from the display rather than from the gaps between vsyncs: those
+ * cannot tell a slower refresh rate from missed vsyncs, and an adaptive
+ * display dropping from 90 or 120 Hz to 60 Hz left such an estimate at the
+ * old rate.
+ */
+final class DisplayVsyncPeriod implements DisplayManager.DisplayListener {
+  private final DisplayManager displayManager;
+  private final Display display;
+  private volatile long periodNanos;
+
+  private DisplayVsyncPeriod(DisplayManager displayManager, Display display) {
+    this.displayManager = displayManager;
+    this.display = display;
+    update();
+  }
+
+  /**
+   * Follows the display's refresh rate changes on the calling thread's looper.
+   *
+   * @param display the display to follow, null for the default one
+   * @return null when the display cannot be followed
+   */
+  static DisplayVsyncPeriod watch(Context context, Display display) {
+    DisplayManager displayManager = context.getSystemService(DisplayManager.class);
+    if (displayManager == null) return null;
+    if (display == null) display = displayManager.getDisplay(Display.DEFAULT_DISPLAY);
+    if (display == null) return null;
+    DisplayVsyncPeriod period = new DisplayVsyncPeriod(displayManager, display);
+    displayManager.registerDisplayListener(period, null);
+    return period;
+  }
+
+  /**
+   * @return the display's vsync period in nanoseconds, 0 when unknown
+   */
+  long getPeriodNanos() {
+    return periodNanos;
+  }
+
+  void release() {
+    displayManager.unregisterDisplayListener(this);
+  }
+
+  private void update() {
+    float rate = display.getRefreshRate();
+    periodNanos = rate > 0 ? (long) (1_000_000_000L / rate) : 0;
+  }
+
+  @Override
+  public void onDisplayAdded(int displayId) {
+  }
+
+  @Override
+  public void onDisplayRemoved(int displayId) {
+  }
+
+  @Override
+  public void onDisplayChanged(int displayId) {
+    if (displayId == display.getDisplayId()) {
+      update();
+    }
+  }
+}

package/android/src/main/java/com/azzapp/rnskv/NativeRgbaBuffer.java

@@ -21,7 +21,15 @@ final class NativeRgbaBuffer {
     ByteBuffer::allocateDirect, NativeRgbaBuffer::nativeAlias, size -> {
       Runtime runtime = Runtime.getRuntime();
       RgbaBufferAllocator.checkAllocationCapacity(size, runtime.maxMemory());
-    });
+    }, NativeRgbaBuffer::collect);
+
+  /** Collects, then waits for the references it cleared to be enqueued. */
+  private static void collect() {
+    Runtime.getRuntime().gc();
+    // On ART this waits for the reference queue daemon, which enqueues the
+    // buffers' phantom references ahead of the finalizers it waits on.
+    System.runFinalization();
+  }
 
   static ByteBuffer allocate(int size) { return allocator.allocate(size); }
 

package/android/src/main/java/com/azzapp/rnskv/RgbaBufferAllocator.java

@@ -14,14 +14,23 @@ final class RgbaBufferAllocator {
   private final IntFunction<ByteBuffer> allocateBacking;
   private final Function<ByteBuffer, ByteBuffer> alias;
   private final IntConsumer checkHeap;
+  private final Runnable reclaim;
+  /** Collections asked for when the native budget refuses a reservation. */
+  static final int RECLAIM_ATTEMPTS = 3;
   RgbaBufferAllocator(BufferLifetime lifetimes, IntToLongFunction reserve, LongConsumer release,
       IntFunction<ByteBuffer> allocateBacking, Function<ByteBuffer, ByteBuffer> alias) {
     this(lifetimes, reserve, release, allocateBacking, alias, size -> {});
   }
   RgbaBufferAllocator(BufferLifetime lifetimes, IntToLongFunction reserve, LongConsumer release,
       IntFunction<ByteBuffer> allocateBacking, Function<ByteBuffer, ByteBuffer> alias, IntConsumer checkHeap) {
+    this(lifetimes, reserve, release, allocateBacking, alias, checkHeap, () -> {});
+  }
+  RgbaBufferAllocator(BufferLifetime lifetimes, IntToLongFunction reserve, LongConsumer release,
+      IntFunction<ByteBuffer> allocateBacking, Function<ByteBuffer, ByteBuffer> alias, IntConsumer checkHeap,
+      Runnable reclaim) {
     this.lifetimes = lifetimes; this.reserve = reserve; this.release = release;
     this.allocateBacking = allocateBacking; this.alias = alias; this.checkHeap = checkHeap;
+    this.reclaim = reclaim;
   }
 
   /** Refuse a single backing too large for ART's heap and cleanup headroom.
@@ -44,7 +53,7 @@ final class RgbaBufferAllocator {
   ByteBuffer allocate(int size) {
     lifetimes.drain();
     checkHeap.accept(size);
-    long token = reserve.applyAsLong(size);
+    long token = reserveReclaiming(size);
     Allocation owner;
     try {
       owner = new Allocation();
@@ -79,5 +88,27 @@ final class RgbaBufferAllocator {
     lifetimes.track(exposed, owner, 0);
     return exposed;
   }
+  /** A buffer holds its reservation until the GC finds it unreachable. A fast
+   * decode drops a frame per vsync, 8 MB each in 1080p, and those dead buffers
+   * filled the native budget before the Java heap asked for a collection: the
+   * budget refused frames nobody held. Refused while buffers are tracked, the
+   * reservation is retried after a collection has returned theirs. */
+  private long reserveReclaiming(int size) {
+    try {
+      return reserve.applyAsLong(size);
+    } catch (RuntimeException refused) {
+      RuntimeException last = refused;
+      for (int attempt = 0; attempt < RECLAIM_ATTEMPTS && lifetimes.trackedCount() > 0; attempt++) {
+        reclaim.run();
+        lifetimes.drain();
+        try {
+          return reserve.applyAsLong(size);
+        } catch (RuntimeException again) {
+          last = again;
+        }
+      }
+      throw last;
+    }
+  }
   private static final class Allocation { ByteBuffer backing; }
 }

package/android/src/main/java/com/azzapp/rnskv/VideoCompositionDecoder.java

@@ -114,15 +114,22 @@ public class VideoCompositionDecoder {
   }
 
   private void prepareCurrent(long positionUs) {
+    if (realTime) {
+      // The codecs call back on their own thread, lazy or not. Left to default
+      // they call back on the looper of the thread that configures them, and
+      // the preview prepares from the UI thread: every buffer of every item,
+      // and the burst after each seek (a loop's wrap, a seam), then queued on
+      // the main looper ahead of the frame that draws them.
+      callbackThread = new HandlerThread("ReactNativeSkiaVideo-Codecs");
+      callbackThread.start();
+      callbacks = new Handler(callbackThread.getLooper());
+    }
     if (realTime && window.isLazy()) {
       // Opening a codec takes tens of milliseconds: not on the thread that
       // draws, nor the one that plays, nor the one the playing codec calls back on.
       openerThread = new HandlerThread("ReactNativeSkiaVideo-Opener");
       openerThread.start();
       opener = new Handler(openerThread.getLooper());
-      callbackThread = new HandlerThread("ReactNativeSkiaVideo-Codecs");
-      callbackThread.start();
-      callbacks = new Handler(callbackThread.getLooper());
     }
     for (VideoComposition.Item item : composition.getItems()) {
       if (!item.isVideo() || !opens(item, positionUs)) {

package/android/src/main/java/com/azzapp/rnskv/VideoCompositionFramesExtractor.java

@@ -1,16 +1,21 @@
 package com.azzapp.rnskv;
 
+import android.app.Activity;
 import android.os.Handler;
 import android.os.HandlerThread;
 import android.os.Message;
 import android.os.Process;
 import android.os.SystemClock;
 import android.util.Log;
+import android.view.Choreographer;
 
 import androidx.media3.common.util.UnstableApi;
 
+import com.facebook.react.bridge.ReactApplicationContext;
+
 import java.io.IOException;
 import java.util.Map;
+import java.util.concurrent.atomic.AtomicBoolean;
 import javax.microedition.khronos.egl.EGLContext;
 import javax.microedition.khronos.egl.EGL10;
 
@@ -27,6 +32,7 @@ public class VideoCompositionFramesExtractor {
   private static final int PLAYBACK_LOOP = 4;
   private static final int PLAYBACK_SEEK = 5;
   private static final int PLAYBACK_RELEASE = 6;
+  private static final int PLAYBACK_VSYNC_RELEASE = 7;
 
   private final VideoComposition composition;
 
@@ -48,13 +54,46 @@ public class VideoCompositionFramesExtractor {
 
 
   private long pendingSeek = 0;
-  private boolean isPlaying = false;
+  // Read on the thread that collects frames (see releaseForNextVsync), written on the playback thread.
+  private volatile boolean isPlaying = false;
 
-  private long startTime = 0;
-  private long pausePosition = 0;
+  private volatile long startTime = 0;
+  private volatile long pausePosition = 0;
   private boolean isEOS = false;
   private boolean completeDispatched = false;
 
+  // Vsync-aligned release, written and read on the thread that collects frames.
+  private long lastVsyncNanos = 0;
+  private long recordedVsyncNanos = 0;
+  private boolean recordingVsync = false;
+  /** Notes each vsync's timestamp on the collecting thread, for as long as the preview lives. */
+  private final Choreographer.FrameCallback vsyncRecorder = new Choreographer.FrameCallback() {
+    @Override
+    public void doFrame(long frameTimeNanos) {
+      if (releasing) {
+        unwatchDisplay();
+        return;
+      }
+      recordedVsyncNanos = frameTimeNanos;
+      Choreographer.getInstance().postFrameCallback(this);
+    }
+  };
+  // The display the preview is on; null until the first collection, or when unknown.
+  private DisplayVsyncPeriod vsyncPeriod;
+  // When that thread last released frames; the playback loop stands back meanwhile.
+  private volatile long lastVsyncReleaseNanos = 0;
+  // The release itself runs on the playback thread: the decoder's locks are held
+  // there for whole codec flushes on a seek, and the UI thread must never
+  // wait on them (measured: 65 ms frames when it did).
+  private volatile long vsyncReleasePosition = 0;
+  private final AtomicBoolean vsyncReleasePosted = new AtomicBoolean(false);
+
+  private void vsyncReleaseInternal() {
+    vsyncReleasePosted.set(false);
+    decoder.render(vsyncReleasePosition);
+  }
+  private static final long VSYNC_RELEASE_TIMEOUT_NANOS = 100_000_000L;
+
   /**
    * Create a new VideoCompositionFramesExtractor.
    *
@@ -117,7 +156,76 @@ public class VideoCompositionFramesExtractor {
    * when finished, without affecting the producer or other snapshots
    */
   public Map<String, VideoFrame> decodeCompositionFrames() {
-    return decoder.updateVideosFrames();
+    Map<String, VideoFrame> frames = decoder.updateVideosFrames();
+    releaseForNextVsync();
+    return frames;
+  }
+
+  /**
+   * Releases the decoded frames the next vsync is due to show, from the thread
+   * that collects them, right after collecting.
+   *
+   * The playback loop released them on its 10 ms tick, out of phase with the
+   * display, so whether a frame was collected on the vsync after its time or
+   * the one after that was chance: 24 fps on a 60 Hz display came out in
+   * 17/67 ms steps among the 33/50 ms it implies. Released against the vsync's
+   * own timestamp, one vsync ahead, every frame is collected on the first
+   * vsync at or after its time. The position is decided here, against the
+   * vsync; the release is posted to the playback thread, a vsync ahead of the
+   * collection that needs it.
+   */
+  private void releaseForNextVsync() {
+    if (!recordingVsync) {
+      try {
+        // The collecting thread is a Choreographer thread (the UI thread).
+        Choreographer.getInstance().postFrameCallback(vsyncRecorder);
+        recordingVsync = true;
+      } catch (RuntimeException e) {
+        // No looper on this thread: leave the release to the playback loop.
+        return;
+      }
+      watchDisplay();
+      return;
+    }
+    long period = vsyncPeriod != null ? vsyncPeriod.getPeriodNanos() : 0;
+    if (period == 0 || recordedVsyncNanos == 0) return;
+    // This frame's vsync, whether the recorder has run in this frame yet or not.
+    long since = Math.max(0, System.nanoTime() - recordedVsyncNanos);
+    long vsyncNanos = recordedVsyncNanos + (since / period) * period;
+    if (vsyncNanos == lastVsyncNanos) return;
+    lastVsyncNanos = vsyncNanos;
+    long vsyncPeriodNanos = period;
+    long position = isPlaying
+      ? (vsyncNanos + vsyncPeriodNanos) / 1000 - startTime
+      : pausePosition;
+    lastVsyncReleaseNanos = System.nanoTime();
+    vsyncReleasePosition = position;
+    if (vsyncReleasePosted.compareAndSet(false, true)) {
+      // A message, not a posted runnable: it goes through handleMessage's
+      // releasing check and turns a throw into an error event.
+      handler.sendEmptyMessage(PLAYBACK_VSYNC_RELEASE);
+    }
+  }
+
+  /**
+   * Follows the refresh rate of the display the preview is on, from the
+   * collecting thread, whose looper then receives its changes. Without a React
+   * context (instrumented tests) the period stays unknown and the playback loop
+   * releases on its tick.
+   */
+  private void watchDisplay() {
+    ReactApplicationContext context = ReactNativeSkiaVideoModule.currentReactApplicationContext();
+    if (context == null) return;
+    Activity activity = context.getCurrentActivity();
+    vsyncPeriod = DisplayVsyncPeriod.watch(context,
+      activity != null ? activity.getWindowManager().getDefaultDisplay() : null);
+  }
+
+  private void unwatchDisplay() {
+    if (vsyncPeriod != null) {
+      vsyncPeriod.release();
+      vsyncPeriod = null;
+    }
   }
 
   /**
@@ -241,7 +349,10 @@ public class VideoCompositionFramesExtractor {
       completeDispatched = false;
     }
     decoder.updateWindow(currentPosition);
-    decoder.render(currentPosition);
+    if (System.nanoTime() - lastVsyncReleaseNanos > VSYNC_RELEASE_TIMEOUT_NANOS) {
+      // No one collecting at vsync (not yet, or no longer): release on the tick.
+      decoder.render(currentPosition);
+    }
     if (isEOS && looping) {
       playInternal();
     }
@@ -329,6 +440,10 @@ public class VideoCompositionFramesExtractor {
             releaseInternal();
             return true;
           }
+          case PLAYBACK_VSYNC_RELEASE -> {
+            vsyncReleaseInternal();
+            return true;
+          }
           default -> {
             return false;
           }

package/docs/UPSTREAM_NOTES.md

@@ -1,5 +1,7 @@
 # Points amont à revoir lors d'une mise à jour Skia
 
+**Mise à jour du 20 octobre 2026 :** **`react-native-skia@3.7.1`**, toujours avec `react-native-webgpu@0.17.0` et Dawn/Graphite 157.0.0. La 3.7.1 ne contient qu'une correction iOS ([#4273](https://github.com/wcandillon/react-native-skia/pull/4273)) : `SkiaView.mm` présente désormais à la pleine fréquence de l'écran sur les appareils ProMotion. Les sept fichiers modifiés par le patch local sont identiques octet pour octet à ceux de la 3.7.0 : le patch s'applique tel quel, seuls sa version et son nom changent. Nos PR amont [#4274](https://github.com/wcandillon/react-native-skia/pull/4274), [#4275](https://github.com/wcandillon/react-native-skia/pull/4275) et [#4276](https://github.com/wcandillon/react-native-skia/pull/4276) sont encore ouvertes : le patch ne rétrécit pas. Vérifié le 20 octobre sur appareils, en Release : iPhone 15 Pro, tests natifs 50/50 et profil smoke 15/15 (l'app déclare Skia 3.7.1, écran à 120 Hz) ; Pixel 8a, contrôle `interop` 10/10 (erreur maximale par canal de 1, comme en 3.7.0, chemins GPU et readback d'accord à l'export) et smoke 15/15. Les mesures d'export de la 3.7.0 restent la référence : le code d'export ne change pas.
+
 **Migration du 19 octobre 2026 :** le code et les dépendances déclarées ciblent désormais **`react-native-skia@3.7.0` / `react-native-webgpu@0.17.0`**, sur Graphite **157.0.0** et **`react-native-webgpu-dawn@157.0.0`** (Skia `chrome/m157`). Les deux paquets doivent monter ensemble : Gradle et le podspec refusent deux Dawn différents. Le patch local garde 61 de ses 62 éditions ; seule tombe l'include `<stdexcept>`, désormais présent en amont. Le Dawn 157 demande trois images FIFO à la swapchain Android, ce qui supprime l'attente du thread principal dans `dequeueBuffer` sur Android 10 ; il garde aussi la robustesse des shaders sur Android, nos WGSL compris. L'[audit](../migration/skia-3.7.0/upstream-audit.md) détaille ces changements ; la [vérification](../migration/skia-3.7.0/verification.md) donne les mesures sur iPhone 15 Pro et Pixel 8a. Après une mise à jour, supprimer le bundle JS généré par Gradle avant de construire un APK de qualification : sa tâche ne voit pas le `node_modules` racine.
 
 **Migration du 16 octobre 2026 :** le code et les dépendances déclarées ciblaient alors **`react-native-skia@3.6.1` / `react-native-webgpu@0.16.0`**, toujours sur Graphite **154.3.0** et **`react-native-webgpu-dawn@154.3.0`** : les binaires Skia et Dawn ne changent pas. L'[audit](../migration/skia-3.6.1/upstream-audit.md) détaille les changements amont, la régression de couleurs des frames décodées Android introduite par WebGPU 0.15 et sa correction, puis l'import en place à l'export Android. La [vérification](../migration/skia-3.6.1/verification.md) donne les mesures sur iPhone 15 Pro et Pixel 8a. **À chaque mise à jour WebGPU, relancer le contrôle `interop` du Pixel** : il compare les pixels décodés et exportés au chemin CPU, et c'est lui qui a révélé cette régression.

package/lib/module/videoCompositionPlayer.js

@@ -24,6 +24,8 @@ export const useVideoComposition = ({
   autoPlay = false,
   isLooping = false,
   drawWhenPaused = false,
+  redrawOnTime,
+  splitImportAndDraw = false,
   onReadyToPlay,
   onComplete,
   onError
@@ -161,6 +163,10 @@ export const useVideoComposition = ({
   const lastDrawnFramesVersion = useSharedValue(-1);
   const lastDrawnTime = useSharedValue(-1);
   const lastDrawnInputs = useSharedValue(null);
+  // Frames version whose new frames the previous vsyncs already imported.
+  const lastImportedVersion = useSharedValue(-1);
+  // Whether the previous vsync imported and left its draw to this one.
+  const drawDeferred = useSharedValue(false);
   // A new drawFrame can draw something else from the same time and frames.
   useEffect(() => {
     lastDrawnTime.value = -1;
@@ -206,6 +212,18 @@ export const useVideoComposition = ({
       sourcesGeneration.value = generation;
       const currentTime = framesExtractor.currentTime;
       const framesVersion = framesExtractor.framesVersion;
+      if (splitImportAndDraw && framesVersion !== lastImportedVersion.value) {
+        // ownVideoFrames above has just imported the new frames: leave the
+        // draw to the next vsync, which finds them in the import cache. Never
+        // twice running: a frame that lands on the vsync owed a draw would
+        // push it again, and the frame before it would never be shown.
+        lastImportedVersion.value = framesVersion;
+        if (!drawDeferred.value && currentFrame.value !== null && frameGeneration.value === generation) {
+          drawDeferred.value = true;
+          return;
+        }
+      }
+      drawDeferred.value = false;
       const inputs = Array.isArray(drawWhenPaused) ? drawWhenPaused : null;
       let inputsSame = true;
       if (inputs) {
@@ -219,8 +237,10 @@ export const useVideoComposition = ({
           }
         }
       }
-      if (drawWhenPaused !== true && inputsSame && !framesExtractor.isPlaying && currentFrame.value !== null && frameGeneration.value === generation && framesVersion === lastDrawnFramesVersion.value && currentTime === lastDrawnTime.value && surfaceWidth.value === pixelWidth && surfaceHeight.value === pixelHeight) {
-        // Paused with nothing new: the image on screen is still exact, and
+      // A negative last time means a redraw was requested (a new drawFrame).
+      const timeSame = currentTime === lastDrawnTime.value || redrawOnTime !== undefined && lastDrawnTime.value >= 0 && !redrawOnTime(lastDrawnTime.value, currentTime);
+      if (drawWhenPaused !== true && inputsSame && (!framesExtractor.isPlaying || redrawOnTime !== undefined) && currentFrame.value !== null && frameGeneration.value === generation && framesVersion === lastDrawnFramesVersion.value && timeSame && surfaceWidth.value === pixelWidth && surfaceHeight.value === pixelHeight) {
+        // Nothing new to show: the image on screen is still exact, and
         // redrawing it at every vsync would only burn GPU time and battery.
         return;
       }

package/lib/module/videoCompositionPlayer.js.map

@@ -1 +1 @@
-{"version":3,"names":["getVideoCanvas","BlendMode","Skia","useSharedValue","useFrameCallback","runOnUI","useCallback","useEffect","useRef","useState","RNSkiaVideoModule","useEventListener","PixelRatio","scheduleOnRN","ownVideoFrames","releaseVideoFrameImage","frameByteSize","reserveVideoMemory","disposePreviewResources","useVideoComposition","composition","drawFrame","beforeDrawFrame","afterDrawFrame","width","height","autoPlay","isLooping","drawWhenPaused","onReadyToPlay","onComplete","onError","failedComposition","setFailedComposition","isErrored","session","setSession","framesExtractor","extractor","generation","nextGeneration","activeOnRN","activeGeneration","frameGeneration","sourcesGeneration","currentFrame","pendingSnapshot","pendingAfterDraw","previousSources","onCreationError","current","created","createVideoCompositionFramesExtractor","error","createdGeneration","value","releasePreview","failure","native","failed","console","warn","retry","errorHandler","isCurrentSession","prepare","play","surfaceSharedValue","canvasSharedValue","surfaceReservation","surfaceWidth","surfaceHeight","resources","surface","canvas","images","frames","Object","values","reservation","afterDraw","run","lastDrawnFramesVersion","lastDrawnTime","lastDrawnInputs","pixelRatio","get","pixelWidth","Math","floor","pixelHeight","isFinite","decodeCompositionFrames","key","previous","entries","producerId","currentTime","framesVersion","inputs","Array","isArray","inputsSame","last","length","i","isPlaying","retired","retiredFailure","Surface","MakeOffscreen","Error","drawColor","Color","Clear","context","drawn","submitted","undefined","releaseContext","videoComposition","next","makeImageSnapshot","flush","modify","dispose","map","input","player"],"sourceRoot":"../../src","sources":["videoCompositionPlayer.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getVideoCanvas","BlendMode","Skia","useSharedValue","useFrameCallback","runOnUI","useCallback","useEffect","useRef","useState","RNSkiaVideoModule","useEventListener","PixelRatio","scheduleOnRN","ownVideoFrames","releaseVideoFrameImage","frameByteSize","reserveVideoMemory","disposePreviewResources","useVideoComposition","composition","drawFrame","beforeDrawFrame","afterDrawFrame","width","height","autoPlay","isLooping","drawWhenPaused","redrawOnTime","splitImportAndDraw","onReadyToPlay","onComplete","onError","failedComposition","setFailedComposition","isErrored","session","setSession","framesExtractor","extractor","generation","nextGeneration","activeOnRN","activeGeneration","frameGeneration","sourcesGeneration","currentFrame","pendingSnapshot","pendingAfterDraw","previousSources","onCreationError","current","created","createVideoCompositionFramesExtractor","error","createdGeneration","value","releasePreview","failure","native","failed","console","warn","retry","errorHandler","isCurrentSession","prepare","play","surfaceSharedValue","canvasSharedValue","surfaceReservation","surfaceWidth","surfaceHeight","resources","surface","canvas","images","frames","Object","values","reservation","afterDraw","run","lastDrawnFramesVersion","lastDrawnTime","lastDrawnInputs","lastImportedVersion","drawDeferred","pixelRatio","get","pixelWidth","Math","floor","pixelHeight","isFinite","decodeCompositionFrames","key","previous","entries","producerId","currentTime","framesVersion","inputs","Array","isArray","inputsSame","last","length","i","timeSame","undefined","isPlaying","retired","retiredFailure","Surface","MakeOffscreen","Error","drawColor","Color","Clear","context","drawn","submitted","releaseContext","videoComposition","next","makeImageSnapshot","flush","modify","dispose","map","input","player"],"sourceRoot":"../../src","sources":["videoCompositionPlayer.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/videoCompositionPlayer.d.ts

@@ -51,6 +51,28 @@ type UseVideoCompositionPlayerOptions<T = undefined> = {
      * @default false
      */
     drawWhenPaused?: boolean | SharedValue<unknown>[];
+    /**
+     * Whether `drawFrame` can draw something different at `currentTime` than it
+     * drew at `previousTime` from the same decoded frames. By default every time
+     * change redraws, so a playing player draws at every vsync even though the
+     * video only changes at its own frame rate. A drawer whose picture depends on
+     * time only through the frames (or only at known moments, a transition say)
+     * returns false elsewhere, and the player then redraws when a new frame is
+     * decoded instead. Ignored when `drawWhenPaused` is `true`, which redraws at
+     * every vsync. Must be a worklet.
+     */
+    redrawOnTime?: (previousTime: number, currentTime: number) => boolean;
+    /**
+     * Import a newly decoded frame in one vsync and draw it in the next, instead
+     * of both in the same one. On Android the import (YUV blit and its checked
+     * GPU wait) and the draw (snapshot and its checked GPU wait) cost about as
+     * much as each other, and together they overrun a 90–120 Hz frame budget on
+     * the UI thread. The option applies on iOS too. The picture then trails the
+     * clock by one vsync. The first frame of a session is still drawn as soon
+     * as it is imported.
+     * @default false
+     */
+    splitImportAndDraw?: boolean;
     /**
      * Callback that is called when the composition is ready to play.
      */
@@ -80,6 +102,6 @@ type UseVideoCompositionPlayerReturnType = {
 /**
  * A hook that creates a video composition player.
  */
-export declare const useVideoComposition: <T = undefined>({ composition, drawFrame, beforeDrawFrame, afterDrawFrame, width, height, autoPlay, isLooping, drawWhenPaused, onReadyToPlay, onComplete, onError, }: UseVideoCompositionPlayerOptions<T>) => UseVideoCompositionPlayerReturnType;
+export declare const useVideoComposition: <T = undefined>({ composition, drawFrame, beforeDrawFrame, afterDrawFrame, width, height, autoPlay, isLooping, drawWhenPaused, redrawOnTime, splitImportAndDraw, onReadyToPlay, onComplete, onError, }: UseVideoCompositionPlayerOptions<T>) => UseVideoCompositionPlayerReturnType;
 export {};
 //# sourceMappingURL=videoCompositionPlayer.d.ts.map

package/lib/typescript/src/videoCompositionPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"videoCompositionPlayer.d.ts","sourceRoot":"","sources":["../../../src/videoCompositionPlayer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAY,OAAO,EAAa,MAAM,mBAAmB,CAAC;AAEtE,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EACV,WAAW,EAEX,gBAAgB,EAChB,+BAA+B,EAChC,MAAM,YAAS,CAAC;AASjB,KAAK,gCAAgC,CAAC,CAAC,GAAG,SAAS,IAAI;IACrD;;;OAGG;IACH,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC;IAClD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,KAAK,gCAAgC,GAAG,IAAI,CAC1C,+BAA+B,EAC/B,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,CAC1D,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC3C;;OAEG;IACH,MAAM,EAAE,gCAAgC,GAAG,IAAI,CAAC;CACjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,GAAG,SAAS,EAAE,sJAahD,gCAAgC,CAAC,CAAC,CAAC,KAAG,mCA4YxC,CAAC"}
+{"version":3,"file":"videoCompositionPlayer.d.ts","sourceRoot":"","sources":["../../../src/videoCompositionPlayer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAY,OAAO,EAAa,MAAM,mBAAmB,CAAC;AAEtE,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EACV,WAAW,EAEX,gBAAgB,EAChB,+BAA+B,EAChC,MAAM,YAAS,CAAC;AASjB,KAAK,gCAAgC,CAAC,CAAC,GAAG,SAAS,IAAI;IACrD;;;OAGG;IACH,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC;IAClD;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;IACtE;;;;;;;;;OASG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,KAAK,gCAAgC,GAAG,IAAI,CAC1C,+BAA+B,EAC/B,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,CAC1D,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC3C;;OAEG;IACH,MAAM,EAAE,gCAAgC,GAAG,IAAI,CAAC;CACjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,GAAG,SAAS,EAAE,wLAehD,gCAAgC,CAAC,CAAC,CAAC,KAAG,mCAsaxC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-skia-webgpu-video",
-  "version": "0.1.0-beta.0",
+  "version": "0.1.0-beta.2",
   "description": "Bounded video composition, playback and export for React Native Skia 3 / Graphite",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -40,7 +40,7 @@
     "!**/.*",
     "scripts/apply-skia-canvas-patch.mjs",
     "scripts/skia-canvas-patch.json",
-    "patches/react-native-skia+3.7.0.patch",
+    "patches/react-native-skia+3.7.1.patch",
     "docs/UPSTREAM_NOTES.md",
     "!ios/tests",
     "!android/src/androidTest",
@@ -59,7 +59,10 @@
     "benchmark:compare": "node scripts/benchmark-compare.mjs",
     "benchmark:inventory": "node scripts/benchmark-inventory.mjs",
     "benchmark:fixtures": "node scripts/benchmark-fixture-manifest.mjs",
-    "test:package": "node --test test/package/*.test.mjs"
+    "test:package": "node --test test/package/*.test.mjs",
+    "release": "node scripts/release.mjs",
+    "release:notes": "node scripts/release-notes.mjs",
+    "ship": "node scripts/ship.mjs"
   },
   "keywords": [
     "react-native",
@@ -98,7 +101,7 @@
     "react-native": "0.86.2",
     "react-native-builder-bob": "^0.43.0",
     "react-native-reanimated": "4.5.3",
-    "react-native-skia": "3.7.0",
+    "react-native-skia": "3.7.1",
     "react-native-webgpu": "0.17.0",
     "react-native-worklets": "0.11.3",
     "react-test-renderer": "19.2.3",
@@ -108,7 +111,7 @@
     "react": ">=19",
     "react-native": ">=0.83 <0.87",
     "react-native-reanimated": "4.5.3",
-    "react-native-skia": "3.7.0",
+    "react-native-skia": "3.7.1",
     "react-native-webgpu": "0.17.0",
     "react-native-worklets": "0.11.3"
   },

package/scripts/skia-canvas-patch.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.7.0",
+  "version": "3.7.1",
   "files": {
     "cpp/api/JsiSkCanvas.h": {
       "before": "91e6f97f34bef620740fabf7a6bb516c462a18daa72afb46ef5a84d1cd4f3158",

package/src/videoCompositionPlayer.ts

@@ -73,6 +73,28 @@ type UseVideoCompositionPlayerOptions<T = undefined> = {
    * @default false
    */
   drawWhenPaused?: boolean | SharedValue<unknown>[];
+  /**
+   * Whether `drawFrame` can draw something different at `currentTime` than it
+   * drew at `previousTime` from the same decoded frames. By default every time
+   * change redraws, so a playing player draws at every vsync even though the
+   * video only changes at its own frame rate. A drawer whose picture depends on
+   * time only through the frames (or only at known moments, a transition say)
+   * returns false elsewhere, and the player then redraws when a new frame is
+   * decoded instead. Ignored when `drawWhenPaused` is `true`, which redraws at
+   * every vsync. Must be a worklet.
+   */
+  redrawOnTime?: (previousTime: number, currentTime: number) => boolean;
+  /**
+   * Import a newly decoded frame in one vsync and draw it in the next, instead
+   * of both in the same one. On Android the import (YUV blit and its checked
+   * GPU wait) and the draw (snapshot and its checked GPU wait) cost about as
+   * much as each other, and together they overrun a 90–120 Hz frame budget on
+   * the UI thread. The option applies on iOS too. The picture then trails the
+   * clock by one vsync. The first frame of a session is still drawn as soon
+   * as it is imported.
+   * @default false
+   */
+  splitImportAndDraw?: boolean;
   /**
    * Callback that is called when the composition is ready to play.
    */
@@ -118,6 +140,8 @@ export const useVideoComposition = <T = undefined>({
   autoPlay = false,
   isLooping = false,
   drawWhenPaused = false,
+  redrawOnTime,
+  splitImportAndDraw = false,
   onReadyToPlay,
   onComplete,
   onError,
@@ -291,6 +315,10 @@ export const useVideoComposition = <T = undefined>({
   const lastDrawnFramesVersion = useSharedValue(-1);
   const lastDrawnTime = useSharedValue(-1);
   const lastDrawnInputs = useSharedValue<unknown[] | null>(null);
+  // Frames version whose new frames the previous vsyncs already imported.
+  const lastImportedVersion = useSharedValue(-1);
+  // Whether the previous vsync imported and left its draw to this one.
+  const drawDeferred = useSharedValue(false);
   // A new drawFrame can draw something else from the same time and frames.
   useEffect(() => {
     lastDrawnTime.value = -1;
@@ -356,6 +384,22 @@ export const useVideoComposition = <T = undefined>({
       sourcesGeneration.value = generation;
       const currentTime = framesExtractor.currentTime;
       const framesVersion = framesExtractor.framesVersion;
+      if (splitImportAndDraw && framesVersion !== lastImportedVersion.value) {
+        // ownVideoFrames above has just imported the new frames: leave the
+        // draw to the next vsync, which finds them in the import cache. Never
+        // twice running: a frame that lands on the vsync owed a draw would
+        // push it again, and the frame before it would never be shown.
+        lastImportedVersion.value = framesVersion;
+        if (
+          !drawDeferred.value &&
+          currentFrame.value !== null &&
+          frameGeneration.value === generation
+        ) {
+          drawDeferred.value = true;
+          return;
+        }
+      }
+      drawDeferred.value = false;
       const inputs = Array.isArray(drawWhenPaused) ? drawWhenPaused : null;
       let inputsSame = true;
       if (inputs) {
@@ -370,18 +414,24 @@ export const useVideoComposition = <T = undefined>({
           }
         }
       }
+      // A negative last time means a redraw was requested (a new drawFrame).
+      const timeSame =
+        currentTime === lastDrawnTime.value ||
+        (redrawOnTime !== undefined &&
+          lastDrawnTime.value >= 0 &&
+          !redrawOnTime(lastDrawnTime.value, currentTime));
       if (
         drawWhenPaused !== true &&
         inputsSame &&
-        !framesExtractor.isPlaying &&
+        (!framesExtractor.isPlaying || redrawOnTime !== undefined) &&
         currentFrame.value !== null &&
         frameGeneration.value === generation &&
         framesVersion === lastDrawnFramesVersion.value &&
-        currentTime === lastDrawnTime.value &&
+        timeSame &&
         surfaceWidth.value === pixelWidth &&
         surfaceHeight.value === pixelHeight
       ) {
-        // Paused with nothing new: the image on screen is still exact, and
+        // Nothing new to show: the image on screen is still exact, and
         // redrawing it at every vsync would only burn GPU time and battery.
         return;
       }