ExternalTexture

• Creation takes source, optional width and height, sampler and colorSpace.
• setSampler(sampler) swaps filtering without rebuilding the binding.
• Content updates are tracked by updateTimestamp for redraw decisions.

const video = document.querySelector('video');
await video.play();

const videoTexture = device.createExternalTexture({
  source: video,
  sampler: {
    minFilter: 'linear',
    magFilter: 'linear',
    addressModeU: 'clamp-to-edge',
    addressModeV: 'clamp-to-edge'
  }
});

const model = new Model(device, {
  vs: screenVS,
  fs: screenFS,
  bindings: {
    uVideo: videoTexture,
    uVideoSampler: videoTexture.sampler
  },
  vertexCount: 6,
  topology: 'triangle-list'
});

let lastStamp = -1;

function frame() {
  if (videoTexture.updateTimestamp !== lastStamp) {
    lastStamp = videoTexture.updateTimestamp;

    const pass = device.beginRenderPass({ clearColor: [0, 0, 0, 1] });
    model.draw(pass);
    pass.end();
    device.submit();
  }

  requestAnimationFrame(frame);
}

frame();

• A video that has not started playing yields a black or zero-sized texture.
• External textures cannot be render targets or read back to the CPU.