latest_fix_read_live_files_from_/dev/shm/1.txt_file__to_lip_sink_with_external_tts

public/5/js/programatically_clicking_buttons.js

@@ -171,6 +171,82 @@ let interval = setInterval(() => {
 
 }
 
+function real_lipsing(value){
+    readShm('/handler1').then(value => console.log(value));
+    
+// let value = 0;
+    let slider = document.getElementById("paramMouthOpenYRange");
+    // Set the slider value
+    slider.value = value.toFixed(2);
+
+    // Trigger input event (if something listens to slider)
+    slider.dispatchEvent(new Event('input'));
+}
+
+
+async function readShm(endpoint) {
+    return new Promise((resolve) => {
+        const ws = new WebSocket(`ws://localhost:3000${endpoint}`);
+        ws.onmessage = (event) => {
+            resolve(event.data);
+            ws.close();
+        };
+    });
+}
+// Usage:
+// const value = await readShm('/handler1');
+// console.log(value);
+
+
+async function real_lipsing_from_backend_web_socket(){
+let value = await readShm('/handler1');
+console.log(value);
+value = parseInt(value);
+if (isNaN(value)) { value = 0; alert('WebSocket returned non-integer, defaulting to 0'); }
+
+// let value = 0;
+    let slider = document.getElementById("paramMouthOpenYRange");
+    // Set the slider value
+    slider.value = value.toFixed(2);
+
+    // Trigger input event (if something listens to slider)
+    slider.dispatchEvent(new Event('input'));
+}
+
+
+
+
+function start_lipsync_websocket() { 
+    const ws = new WebSocket(`ws://localhost:3000/handler1`); 
+ 
+    ws.onmessage = (event) => { 
+        let value = parseFloat(event.data); 
+        if (isNaN(value)) { value = 0.0; } 
+ 
+        let slider = document.getElementById("paramMouthOpenYRange"); 
+        slider.value = value.toFixed(2); 
+        slider.dispatchEvent(new Event('input')); 
+    }; 
+ 
+    ws.onclose = () => { 
+        console.log('WebSocket closed, reconnecting...'); 
+        setTimeout(start_lipsync_websocket, 1000);
+    }; 
+ 
+    ws.onerror = (err) => { 
+        console.log('WebSocket error', err); 
+        ws.close(); 
+    }; 
+} 
+ 
+start_lipsync_websocket();
+
+
+
+
+
+
+
 async function drag_body_on_y_axis(delay){