Refactoring: Centralize TV screen material creation

tv-player/src/core/video-player.js

@@ -1,5 +1,6 @@
 import * as THREE from 'three';
 import { state } from '../state.js';
+import { turnTvScreenOff, turnTvScreenOn } from '../scene/tv-set.js';
 
 // --- Play video by index ---
 export function playVideoByIndex(index) {
@@ -15,13 +16,7 @@ export function playVideoByIndex(index) {
     if (index < 0 || index >= state.videoUrls.length) {
         console.info('End of playlist reached. Reload tapes to start again.');
         state.screenLight.intensity = 0.0;
-        state.tvScreen.material.dispose();
-        state.tvScreen.material = new THREE.MeshPhongMaterial({
-            color: 0x0a0a0a, // Deep black
-            shininess: 5,
-            specular: 0x111111
-        });
-        state.tvScreen.material.needsUpdate = true;
+        turnTvScreenOff();
         state.isVideoLoaded = false;
         state.lastUpdateTime = -1; // force VCR to redraw
         return;
@@ -44,10 +39,8 @@ export function playVideoByIndex(index) {
         state.videoTexture.needsUpdate = true;
 
         // 2. Apply the video texture to the screen mesh
-        state.tvScreen.material.dispose();
-        state.tvScreen.material = new THREE.MeshBasicMaterial({ map: state.videoTexture });
-        state.tvScreen.material.needsUpdate = true; 
-
+        turnTvScreenOn();
+        
         // 3. Start playback 
         state.videoElement.play().then(() => {
             state.isVideoLoaded = true;