refactor after #2160

www/video-renderer.js

@@ -213,7 +213,7 @@ class WebGL2Tier {
         gl.useProgram(this.program);
         gl.bindTexture(gl.TEXTURE_2D, this.texture);
         gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, frame);
-        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        gl.drawArrays(gl.TRIANGLES, 0, 6);
     }
 
     destroy() {

www/video-rtc.js

@@ -543,7 +543,7 @@ export class VideoRTC extends HTMLElement {
         };
 
         this.ondata = data => {
-            this._wc.feed(data);
+            if (this._wc) this._wc.feed(data);
         };
 
         this.send({type: 'webcodecs', value: ''});

www/video-webcodecs.js

@@ -170,6 +170,10 @@ export class WebCodecsPlayer {
             this._renderer.destroy();
             this._renderer = null;
         }
+        if (this._fsHandler) {
+            document.removeEventListener('fullscreenchange', this._fsHandler);
+            this._fsHandler = null;
+        }
         if (this._container?.parentElement) {
             this._container.remove();
         }
@@ -247,11 +251,12 @@ export class WebCodecsPlayer {
                 container.requestFullscreen().catch(() => {});
             }
         });
-        document.addEventListener('fullscreenchange', () => {
+        this._fsHandler = () => {
             const isFS = document.fullscreenElement === container;
             btnFS.innerHTML = svgIcon(isFS ? ICONS.fsExit : ICONS.fs);
             btnFS.title = isFS ? 'Exit fullscreen' : 'Fullscreen';
-        });
+        };
+        document.addEventListener('fullscreenchange', this._fsHandler);
 
         controls.append(btnPlay, timeLabel, spacer, btnMute, volume, btnFS);
         container.append(controls);