ehe

html/poketube.ejs

@@ -612,79 +612,81 @@ background-color: #0000;
 </style>
 
 <script>
-             document.addEventListener("DOMContentLoaded", () => {
+         document.addEventListener("DOMContentLoaded", () => {
             const video = videojs('video', {
                 controls: true,
                 autoplay: false,
                 preload: 'auto'
             });
+
             const qua = new URLSearchParams(window.location.search).get("quality") || "";
+                        localStorage.setItem(`progress-${new URLSearchParams(window.location.search).get('v')}`, 0); 
                         
             if (qua !== "medium") {
-            const audio = document.getElementById('aud');
+                   const audio = document.getElementById('aud');
 
-            // Sync audio with video
+                const syncAudioWithVideo = () => {
-            const syncAudioWithVideo = () => {
-                if (Math.abs(video.currentTime() - audio.currentTime) > 0.3) {
-                    audio.currentTime = video.currentTime();
-                }
-            };
              
-            // Sync volume between audio and video
+                };
-            const syncVolume = () => {
-                audio.volume = video.volume();
-            };
 
-            const syncVolumeWithVideo = () => {
+                // Sync volume between audio and video
-                video.volume(audio.volume);
+                const syncVolume = () => {
-            };
+                    audio.volume = video.volume();
+                };
 
-            const checkAudioBuffer = () => {
+                const syncVolumeWithVideo = () => {
-                // Check if audio buffered enough
+                    video.volume(audio.volume);
-                const buffered = audio.buffered;
+                };
-                const bufferedEnd = buffered.length > 0 ? buffered.end(buffered.length - 1) : 0;
-                return audio.currentTime <= bufferedEnd;
-            };
 
-            const handleSeek = () => {
+                const checkAudioBuffer = () => {
-                if (!checkAudioBuffer()) {
+                     const buffered = audio.buffered;
+                    const bufferedEnd = buffered.length > 0 ? buffered.end(buffered.length - 1) : 0;
+                    return audio.currentTime <= bufferedEnd;
+                };
+
+                const handleSeek = () => {
+                    // Pause video and audio when seeking
                     video.pause();
-                }
+                    audio.pause();
-                audio.addEventListener('canplay', () => {
+                    if (!checkAudioBuffer()) {
-                    if (video.paused) {
+                        // Resume playback when buffering is sufficient
+                        audio.addEventListener('canplay', () => {
+                            if (video.paused) {
+                                video.play();
+                            }
+                        }, { once: true });
+                    }
+                };
+
+                video.on('play', () => {
+                    audio.play();
+                });
+
+                video.on('pause', () => {
+                    audio.pause();
+                });
+
+                video.on('timeupdate', () => {
+                    syncAudioWithVideo();
+                });
+
+                video.on('seeking', handleSeek);
+
+                video.on('seeked', () => {
+                     if (video.paused && checkAudioBuffer()) {
                         video.play();
                     }
-                }, { once: true });
+                });
-            };
 
-            video.on('play', () => {
+                video.on('volumechange', syncVolume);
-                audio.play();
+                audio.addEventListener('volumechange', syncVolumeWithVideo);
-            });
 
-            video.on('pause', () => {
+                 document.addEventListener('fullscreenchange', () => {
-                audio.pause();
+                    if (!document.fullscreenElement) {
-            });
+                        video.pause();
-
+                    }
-      
+                });
-
-            video.on('seeking', handleSeek);
-
-            video.on('seeked', () => {
-                if (video.paused && checkAudioBuffer()) {
-                    video.play();
-                }
-            });
-
-            video.on('volumechange', syncVolume);
-            audio.addEventListener('volumechange', syncVolumeWithVideo);
-
-             document.addEventListener('fullscreenchange', () => {
-                if (!document.fullscreenElement) {
-                    video.pause();
-                }
-            });
             }
-
         });
         </script>