Update app.py

app.py

@@ -353,56 +353,58 @@ function initializeControls() {
     
     // 如果元素还没准备好，直接返回
     if (!video || !waveform) {
+        console.log("Video or waveform element not found");
         return;
     }
     
     // 尝试获取音频元素
     const audio = waveform.querySelector('div')?.shadowRoot?.querySelector('audio');
     if (!audio) {
+        console.log("Audio element not found");
         return;
     }
 
     console.log('Elements found:', { video, audio });
     
-   // 监听视频播放进度
-  video.addEventListener("play", () => {
-    if (audio.paused) {
-      audio.play();  // 如果音频暂停，开始播放
-    }
-  });
+    // 监听视频播放进度
+    video.addEventListener("play", () => {
+        if (audio.paused) {
+            audio.play();  // 如果音频暂停，开始播放
+        }
+    });
 
-  // 监听音频播放进度
-  audio.addEventListener("play", () => {
-    if (video.paused) {
-      video.play();  // 如果视频暂停，开始播放
-    }
-  });
+    // 监听音频播放进度
+    audio.addEventListener("play", () => {
+        if (video.paused) {
+            video.play();  // 如果视频暂停，开始播放
+        }
+    });
 
-  // 同步视频和音频的播放进度
-  video.addEventListener("timeupdate", () => {
-    if (Math.abs(video.currentTime - audio.currentTime) > 0.1) {
-      audio.currentTime = video.currentTime; // 如果时间差超过0.1秒，同步
-    }
-  });
+    // 同步视频和音频的播放进度
+    video.addEventListener("timeupdate", () => {
+        if (Math.abs(video.currentTime - audio.currentTime) > 0.1) {
+            audio.currentTime = video.currentTime; // 如果时间差超过0.1秒，同步
+        }
+    });
 
-  audio.addEventListener("timeupdate", () => {
-    if (Math.abs(audio.currentTime - video.currentTime) > 0.1) {
-      video.currentTime = audio.currentTime; // 如果时间差超过0.1秒，同步
-    }
-  });
+    audio.addEventListener("timeupdate", () => {
+        if (Math.abs(audio.currentTime - video.currentTime) > 0.1) {
+            video.currentTime = audio.currentTime; // 如果时间差超过0.1秒，同步
+        }
+    });
 
-  // 监听暂停事件，确保视频和音频都暂停
-  video.addEventListener("pause", () => {
-    if (!audio.paused) {
-      audio.pause();  // 如果音频未暂停，暂停音频
-    }
-  });
+    // 监听暂停事件，确保视频和音频都暂停
+    video.addEventListener("pause", () => {
+        if (!audio.paused) {
+            audio.pause();  // 如果音频未暂停，暂停音频
+        }
+    });
 
-  audio.addEventListener("pause", () => {
-    if (!video.paused) {
-      video.pause();  // 如果视频未暂停，暂停视频
-    }
-  });
+    audio.addEventListener("pause", () => {
+        if (!video.paused) {
+            video.pause();  // 如果视频未暂停，暂停视频
+        }
+    });
 }
 
 // 创建观察器监听DOM变化