Fix Webcam Texture Size (#46)

BabylonJS · Sep 12, 2024 · c18eaf4 · c18eaf4
1 parent 7bf4fb3
commit c18eaf4
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/packages/demo/src/configuration/blocks/inputs/webCamSession.ts b/packages/demo/src/configuration/blocks/inputs/webCamSession.ts
@@ -64,20 +64,21 @@ export class WebCamSession implements IDisposable {
         hiddenVideo.width = width;
         hiddenVideo.height = height;
 
-        const internalVideoTexture = this._engine.createDynamicTexture(
-            hiddenVideo.videoWidth,
-            hiddenVideo.videoHeight,
-            false,
-            2
-        );
-        this._internalVideoTexture = internalVideoTexture;
-        this._videoTexture = new ThinTexture(internalVideoTexture);
-
         hiddenVideo.onerror = () => {
             throw "Failed to load WebCam";
         };
 
         hiddenVideo.onloadeddata = () => {
+            const internalVideoTexture = this._engine.createDynamicTexture(
+                hiddenVideo.videoWidth,
+                hiddenVideo.videoHeight,
+                false,
+                2
+            );
+            this._internalVideoTexture = internalVideoTexture;
+            this._videoTexture = new ThinTexture(internalVideoTexture);
+            this._textureOutput.value = this._videoTexture;
+
             const update = () => {
                 if (this._isDisposed) {
                     return;
@@ -94,7 +95,6 @@ export class WebCamSession implements IDisposable {
         };
 
         hiddenVideo.srcObject = stream;
-        this._textureOutput.value = this._videoTexture;
     }
 
     public dispose(): void {