Update index.html

index.html

@@ -1088,6 +1088,9 @@
                         <button class="time-set-button" id="reset-end-time" disabled>動画の長さに戻す</button>
                     </div>
                 </div>
+                <div class="setting-item">
+                    <button class="combine-button" id="apply-time-btn" disabled>時間設定を適用</button>
+                </div>
                 <h2>設定</h2>
                 <div class="setting-item">
                     <label for="start-time">再生開始秒数:</label>
@@ -1278,6 +1281,7 @@
                 const tempoInput = document.getElementById('tempo');
                 const tempoSpeedValue = document.getElementById('tempo-speed-value');
                 const videoControls = document.querySelector('.video-controls');
+                const applyTimeBtn = document.getElementById('apply-time-btn');
               
                 // 音声オブジェクトを作成
                 const audioElements = {};
@@ -1373,7 +1377,42 @@
                 syncAudioWithVideo();
               }
             }
-            
+
+              applyTimeBtn.addEventListener('click', function() {
+    // 現在再生中なら一時停止
+    const wasPlaying = isPlaying;
+    if (isPlaying) {
+        pauseMedia();
+    }
+    
+    // 開始時間と終了時間を取得
+    const startTime = parseFloat(startTimeInput.value) || 0;
+    const endTime = parseFloat(endTimeInput.value) || video.duration;
+    
+    // 現在位置が開始時間より前なら開始時間に移動
+    if (video.currentTime < startTime) {
+        video.currentTime = startTime;
+        if (combinedAudioElement) {
+            combinedAudioElement.currentTime = startTime;
+        }
+    }
+    // 現在位置が終了時間より後なら開始時間に移動
+    else if (video.currentTime > endTime) {
+        video.currentTime = startTime;
+        if (combinedAudioElement) {
+            combinedAudioElement.currentTime = startTime;
+        }
+    }
+    
+    // 再生中だった場合は再開
+    if (wasPlaying) {
+        playMedia();
+    }
+    
+    // マーカーを更新
+    updateProgressMarkers();
+});
+
                 // 音声を動画に同期させる関数
                 function syncAudioWithVideo() {
                     if (!isAudioCombined || !isPlaying) return;
@@ -1684,6 +1723,7 @@
                     setStartTimeBtn.disabled = false;
                     setEndTimeBtn.disabled = false;
                     playbackSpeedSlider.disabled = false;
+                    applyTimeBtn.disabled = false;
                 }
             
                 // プレビュー再生
@@ -1852,23 +1892,25 @@
             }
                 
                 // 時間更新時の処理
-                video.addEventListener('timeupdate', function() {
-                    const duration = video.duration || videoDuration;
-                    const endTime = parseFloat(endTimeInput.value) || duration;
-                    
-                    if (video.currentTime >= endTime && endTime > 0) {
-                        if (loopCheckbox.checked) {
-                            const startTime = parseFloat(startTimeInput.value) || 0;
-                            video.currentTime = startTime;
-                            syncAudioWithVideo();
-                        } else {
-                            pauseMedia();
-                            video.currentTime = endTime;
-                        }
-                    }
-                    
-                    updateTimeDisplay();
-                });
+video.addEventListener('timeupdate', function() {
+    const duration = video.duration || videoDuration;
+    const endTime = parseFloat(endTimeInput.value) || duration;
+    
+    if (video.currentTime >= endTime && endTime > 0) {
+        if (loopCheckbox.checked) {
+            const startTime = parseFloat(startTimeInput.value) || 0;
+            video.currentTime = startTime;
+            if (combinedAudioElement) {
+                combinedAudioElement.currentTime = startTime;
+            }
+        } else {
+            pauseMedia();
+            video.currentTime = endTime;
+        }
+    }
+    
+    updateTimeDisplay();
+});
                 
                 // プログレスバークリックでシーク
                 progressContainer.addEventListener('click', function(e) {