chore: import upstream snapshot with attribution

2026-07-13 12:58:35 +08:00
commit 85453da49f
4031 changed files with 710987 additions and 0 deletions
@@ -0,0 +1,13 @@
+{
+  "name": "webgl-video-texture-render-compat",
+  "description": "Regression guard for deterministic WebGL video textures. A WebGL2 canvas samples a <video> as a texture every hf-seek. In headless render, Chrome's compositor can't feed decoded <video> frames to WebGL, so the engine injects a decoded __render_frame__ <img> sibling and the core texImage2D video-texture patch + post-injection GPU reseek must supply the correct frame. Without that fix the rendered facets are black/stale while the preview snapshot shows the video, so render-vs-snapshot PSNR collapses. This fixture fails without the fix and passes with it.",
+  "tags": ["regression", "render-compat", "adapter"],
+  "minPsnr": 30,
+  "maxFrameFailures": 0,
+  "minAudioCorrelation": 0,
+  "maxAudioLagWindows": 1,
+  "renderConfig": {
+    "fps": 30,
+    "workers": 1
+  }
+}
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b42f669f775a304b8bd9b5bd09c508a61fa354c950e0fb3081fecc86ff749e06
+size 1075677
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c8571357061d144053774be928e226faf65a35626587c27459a25421d0941ac8
+size 133576
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body {
+        margin: 0;
+        background: #000;
+      }
+      [data-composition-id="webgl-video-texture-test"] {
+        position: relative;
+        overflow: hidden;
+      }
+      #gl {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 1280px;
+        height: 720px;
+      }
+      /* Texture-source video: sampled into WebGL only, parked off-canvas. */
+      #vid {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 4px;
+        height: 4px;
+        opacity: 0;
+        z-index: -1;
+      }
+    </style>
+  </head>
+  <body>
+    <div
+      id="root"
+      data-composition-id="webgl-video-texture-test"
+      data-width="1280"
+      data-height="720"
+      data-start="0"
+      data-duration="2"
+    >
+      <video
+        id="vid"
+        class="clip"
+        data-start="0"
+        data-duration="2"
+        data-track-index="0"
+        src="clip.mp4"
+        muted
+        playsinline
+      ></video>
+      <canvas id="gl"></canvas>
+
+      <script>
+        // WebGL2 textured fullscreen triangle sampling the source video element.
+        // The handler uploads that video as a texture on every hf-seek — the
+        // natural author pattern. In headless render, Chrome can't supply decoded
+        // video frames to WebGL, so the core video-texture patch substitutes the
+        // engine's injected, decoded render-frame image, and the post-injection
+        // GPU reseek re-runs this handler. With the fix, render reproduces the
+        // preview snapshot (PSNR high); without it the canvas is black (PSNR
+        // collapses). NB: avoid writing literal tag syntax in comments here — the
+        // compiler's media-attribute injection scans the raw HTML for it.
+        (function () {
+          var canvas = document.getElementById("gl");
+          canvas.width = 1280;
+          canvas.height = 720;
+          var gl = canvas.getContext("webgl2", { preserveDrawingBuffer: true });
+          if (!gl) return;
+
+          var VS =
+            "#version 300 es\n" +
+            "in vec2 p; out vec2 uv;\n" +
+            "void main(){ uv = vec2(p.x*0.5+0.5, 0.5-p.y*0.5); gl_Position = vec4(p,0.0,1.0); }";
+          var FS =
+            "#version 300 es\n" +
+            "precision highp float; in vec2 uv; uniform sampler2D tex; out vec4 c;\n" +
+            "void main(){ c = texture(tex, uv); }";
+
+          function sh(type, src) {
+            var s = gl.createShader(type);
+            gl.shaderSource(s, src);
+            gl.compileShader(s);
+            return s;
+          }
+          var prog = gl.createProgram();
+          gl.attachShader(prog, sh(gl.VERTEX_SHADER, VS));
+          gl.attachShader(prog, sh(gl.FRAGMENT_SHADER, FS));
+          gl.linkProgram(prog);
+          gl.useProgram(prog);
+
+          var buf = gl.createBuffer();
+          gl.bindBuffer(gl.ARRAY_BUFFER, buf);
+          gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);
+          var loc = gl.getAttribLocation(prog, "p");
+          gl.enableVertexAttribArray(loc);
+          gl.vertexAttribPointer(loc, 2, gl.FLOAT, false, 0, 0);
+
+          var tex = gl.createTexture();
+          gl.bindTexture(gl.TEXTURE_2D, tex);
+          gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+          gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+          gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+
+          var video = document.getElementById("vid");
+
+          function render() {
+            if (video && video.readyState >= 2) {
+              gl.bindTexture(gl.TEXTURE_2D, tex);
+              gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, video);
+            }
+            gl.clearColor(0, 0, 0, 1);
+            gl.clear(gl.COLOR_BUFFER_BIT);
+            gl.drawArrays(gl.TRIANGLES, 0, 3);
+          }
+
+          window.addEventListener("hf-seek", function () {
+            render();
+          });
+          render();
+        })();
+      </script>
+    </div>
+  </body>
+</html>