WebGPURenderer: Exception when changing video source.

[whatisor]

Description

In WebGPU rendering with videotexture, it uses external_texture.
When we change video source, it seems the old one is released, so render is crash.

Reproduction steps

1. Create VideoTexture
2. Start rendering
3. Change video source.

Code

`

// Simple three.js example
import * as THREE from 'three';
import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
let mesh, renderer, scene, camera, controls;
const dummy = new THREE.Object3D();
init();
animate();
function init() {
    // renderer
    renderer = new THREE.WebGPURenderer({ antialias: true });
    renderer.setSize( window.innerWidth, window.innerHeight );
    renderer.setPixelRatio( window.devicePixelRatio );
    document.body.appendChild( renderer.domElement );
    // scene
    scene = new THREE.Scene();
    // camera
    camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
    camera.position.set( 0, 0, 30 );
    // controls
    controls = new OrbitControls( camera, renderer.domElement ); 
    // geometry
    const geometry = new THREE.PlaneGeometry(50,30 );
    // material
    const material = new THREE.MeshBasicNodeMaterial({
    map: new THREE.VideoTexture(document.getElementById("video"))} );
    material.map.colorSpace = THREE.SRGBColorSpace;
    document.getElementById("video").play();
    // mesh
    mesh = new THREE.Mesh( geometry, material );
    scene.add(mesh)
	//document.getElementById("video")
  const newVideo = "https://threejs.org/examples/textures/pano.mp4"
	renderer.domElement.addEventListener("mousedown",()=>{
  	document.getElementById("video").src = newVideo;
     document.getElementById("video").play();
  })
}
function animate() {
    requestAnimationFrame( animate );
    //controls.update();
    renderer.render( scene, camera );
}

`

Live example

https://jsfiddle.net/1tpkc76u/1/

Screenshots

Version

0.170.0

Device

Desktop

Browser

Chrome

OS

Windows

[Mugen87]

We do not support this use case anymore. If you want to exchange the video, please create a new instance of VideoTexture instead and call dispose() on the new one. This is also noted in the documentation:

https://threejs.org/docs/index.html#api/en/textures/VideoTexture

That's because the dimensions of the texture might change and that breaks the upcoming usage of texStorage2D().

[Mugen87]

It seems the video texture exchange does not work correctly with WebGPURenderer :

WebGLRenderer: https://jsfiddle.net/rL5nj8ke/
WebGPURenderer: https://jsfiddle.net/wa3jop0b/

[Mugen87]

Regarding the Ubuntu issue, please provide more feedback in #29909. I requested additional information from you that you did not provide so far.

[whatisor]

My bad, that issue is webgl, I will try it soon.