wip

Author: Drawk05

lyrics-engine.js

@@ -22,51 +22,51 @@ class LyricsEngine {
                 },
                 {
                     words: [
-                        { text: "How", duration: 0.49, recognise: true },
-                        { text: "I", duration: 0.46, recognise: true },
-                        { text: "wonder", duration: 1.32, recognise: true },
-                        { text: "what", duration: 0.69, recognise: true },
-                        { text: "you", duration: 0.46, recognise: true },
+                        { text: "How", duration: 0.49, recognise: false },
+                        { text: "I", duration: 0.46, recognise: false },
+                        { text: "wonder", duration: 1.32, recognise: false },
+                        { text: "what", duration: 0.69, recognise: false },
+                        { text: "you", duration: 0.46, recognise: false },
                         { text: "are", duration: 1.5, recognise: true }
                     ]
                 },
                 {
                     words: [
                         { text: "", duration: 0.5, recognise: false },
-                        { text: "Up", duration: 0.75, recognise: true },
-                        { text: "above", duration: 1.2, recognise: true },
+                        { text: "Up", duration: 0.75, recognise: false },
+                        { text: "above", duration: 1.2, recognise: false },
                         { text: "the", duration: 0.6, recognise: true },
-                        { text: "world", duration: 0.6, recognise: true },
-                        { text: "so", duration: 0.7, recognise: true },
+                        { text: "world", duration: 0.6, recognise: false },
+                        { text: "so", duration: 0.7, recognise: false },
                         { text: "high", duration: 1.8, recognise: false }
                     ]
                 },
                 {
                     words: [
-                        { text: "Like", duration: 0.6, recognise: true },
+                        { text: "Like", duration: 0.6, recognise: false },
                         { text: "a", duration: 0.7, recognise: false },
                         { text: "diamond", duration: 1.3, recognise: true },
-                        { text: "in", duration: 0.4, recognise: true },
+                        { text: "in", duration: 0.4, recognise: false },
                         { text: "the", duration: 0.8, recognise: true },
-                        { text: "sky", duration: 2.0, recognise: true }
+                        { text: "sky", duration: 2.0, recognise: false }
                     ]
                 },
                 {
                     words: [
                         { text: "Twinkle", duration: 1.2, recognise: false },
                         { text: "twinkle", duration: 1.1, recognise: false },
-                        { text: "little", duration: 1.5, recognise: true },
+                        { text: "little", duration: 1.5, recognise: false },
                         { text: "star", duration: 2.0, recognise: false }
                     ]
                 },
                 {
                     words: [
-                        { text: "How", duration: 0.49, recognise: true },
-                        { text: "I", duration: 0.46, recognise: true },
+                        { text: "How", duration: 0.49, recognise: false },
+                        { text: "I", duration: 0.46, recognise: false },
                         { text: "wonder", duration: 1.32, recognise: true },
-                        { text: "what", duration: 0.69, recognise: true },
-                        { text: "you", duration: 0.46, recognise: true },
-                        { text: "are", duration: 3.0, recognise: true }
+                        { text: "what", duration: 0.69, recognise: false },
+                        { text: "you", duration: 0.46, recognise: false },
+                        { text: "are", duration: 3.0, recognise: false }
                     ]
                 }
             ]
@@ -117,6 +117,13 @@ class LyricsEngine {
         let cumulativeTime = 0; // Track cumulative duration to calculate word start times
 
         sentence.words.forEach(word => {
+            // Skip empty words - don't display or highlight them
+            if (!word.text || word.text.length === 0) {
+                // Still update cumulative time for proper timing
+                cumulativeTime += word.duration;
+                return; // Skip to next word
+            }
+            
             // Calculate word start time from cumulative duration of previous words
             const wordStartTime = cumulativeTime;