Update index.html

index.html

@@ -1407,32 +1407,29 @@ function checkSync() {
 let isCheckingSync = false;
 let isInBackgroundTab = false;
 
-// visibilitychange イベントリスナーの修正
 document.addEventListener('visibilitychange', async () => {
     if (document.hidden) {
         // タブが非表示になった場合
         isInBackgroundTab = true;
-        stopSyncCheck();
-        
-        // 現在の再生状態と時間を保存
-        const wasPlaying = isPlaying;
-        const savedTime = video.currentTime;
-        
-        // メディアを一時停止
-        pauseMedia();
         
-        // タブが再表示されたときに復元するためのデータを保存
-        video.dataset.wasPlaying = wasPlaying;
-        video.dataset.savedTime = savedTime;
+        // 動画のみ一時停止（音声は再生を続ける）
+        if (isPlaying) {
+            video.pause();
+            
+            // 音声は再生を続ける
+            if (combinedAudioElement && !combinedAudioElement.paused) {
+                // 何もしない（再生を継続）
+            }
+        }
         
         try {
             // PiP表示を試みる
-            if (wasPlaying) {
+            if (isPlaying) {
                 await enterPiP();
                 if (document.pictureInPictureElement) {
                     isInBackgroundTab = false;
                     startSyncCheck();
-                    playMedia(); // PiPでは再生を続ける
+                    video.play().catch(e => console.error('PiP再生エラー:', e));
                 }
             }
         } catch (e) {
@@ -1449,22 +1446,15 @@ document.addEventListener('visibilitychange', async () => {
             console.warn('PiP終了失敗:', e);
         }
         
-        // 保存された状態を復元
-        const wasPlaying = video.dataset.wasPlaying === 'true';
-        const savedTime = parseFloat(video.dataset.savedTime) || 0;
-        
-        if (wasPlaying) {
-            // 保存された時間にシーク
-            video.currentTime = savedTime;
-            if (combinedAudioElement) {
-                combinedAudioElement.currentTime = savedTime;
-            }
-            
-            // 再生を再開
-            playMedia();
+        // 音声が再生中の場合、動画を音声に同期
+        if (combinedAudioElement && !combinedAudioElement.paused) {
+            video.currentTime = combinedAudioElement.currentTime;
+            video.play().catch(e => console.error('動画再生エラー:', e));
+            isPlaying = true;
+            playPauseBtn.textContent = '⏸';
         }
         
-        // タブに戻った直後に一度だけ同期チェックを実行
+        // 同期チェックを再開
         if (isPlaying) {
             checkSync();
             startSyncCheck();
@@ -1472,6 +1462,7 @@ document.addEventListener('visibilitychange', async () => {
     }
 });
 
+
   // 動画終了時に自動的にPiPを閉じる（次回再開のため）
   video.addEventListener('ended', exitPiP);
             // 合成後に音量と再生速度を適用
@@ -1709,7 +1700,6 @@ function playMedia() {
         const startTime = parseFloat(startTimeInput.value) || 0;
         const endTime = parseFloat(endTimeInput.value) || duration;
         
-        // 現在の時間が終了時間を超えている場合は開始時間に戻す
         if (video.currentTime >= endTime) {
             video.currentTime = startTime;
         }
@@ -1721,9 +1711,10 @@ function playMedia() {
                 isPlaying = true;
                 playPauseBtn.textContent = '⏸';
                 
-                // 音声が合成されている場合は同期
+                // 音声を同期して再生
                 if (isAudioCombined) {
-                    syncAudioWithVideo();
+                    combinedAudioElement.currentTime = video.currentTime;
+                    combinedAudioElement.play().catch(e => console.error('音声再生エラー:', e));
                 }
                 
                 startSyncCheck();
@@ -1731,34 +1722,31 @@ function playMedia() {
                 video.playbackRate = currentPlaybackRate;
             }).catch(error => {
                 console.error('動画再生エラー:', error);
-                // 再生に失敗した場合は一時停止状態に設定
                 isPlaying = false;
                 playPauseBtn.textContent = '▶';
             });
         }
     } catch (error) {
         console.error('メディア再生エラー:', error);
-        // エラーが発生した場合は一時停止状態に設定
         isPlaying = false;
         playPauseBtn.textContent = '▶';
     }
 }
-    
-    // 一時停止関数
-    function pauseMedia() {
-        try {
-            video.pause();
-            isPlaying = false;
-            playPauseBtn.textContent = '▶';
-            stopSyncCheck();
-            
-            if (combinedAudioElement) {
-                combinedAudioElement.pause();
-            }
-        } catch (error) {
-            console.error('メディア一時停止エラー:', error);
+
+function pauseMedia() {
+    try {
+        video.pause();
+        isPlaying = false;
+        playPauseBtn.textContent = '▶';
+        stopSyncCheck();
+        
+        if (combinedAudioElement) {
+            combinedAudioElement.pause();
         }
+    } catch (error) {
+        console.error('メディア一時停止エラー:', error);
     }
+}
     
     // 時間更新時の処理
     video.addEventListener('timeupdate', function() {