Update index.html

index.html

@@ -992,7 +992,7 @@ document.addEventListener('DOMContentLoaded', function() {
         }
     }
 
-    // 音量を適用
+// 音量を適用 (リアルタイムで反映)
 function applyVolume() {
     if (!isAudioCombined) return;
     
@@ -1332,28 +1332,34 @@ function applyVolume() {
         togglePlayPause();
     });
     
-    // 音量コントロール
-    volumeSlider.addEventListener('input', function() {
-        if (!isAudioCombined) return;
-        video.volume = this.value;
-        lastVolume = this.value;
-        updateVolumeIcon();
-    });
+volumeSlider.addEventListener('input', function() {
+    if (!isAudioCombined) return;
     
-    // 音量ボタン
-    volumeBtn.addEventListener('click', function() {
-        if (!isAudioCombined) return;
-        
-        if (video.volume > 0) {
-            lastVolume = video.volume;
-            video.volume = 0;
-            volumeSlider.value = 0;
-        } else {
-            video.volume = lastVolume;
-            volumeSlider.value = lastVolume;
-        }
-        updateVolumeIcon();
-    });
+    // グローバル音量係数を考慮
+    const baseVolume = parseFloat(this.value);
+    const globalVolume = parseFloat(globalVolumeSlider.value) / 10;
+    const finalVolume = Math.max(0, Math.min(1, baseVolume * globalVolume));
+    
+    video.volume = finalVolume;
+    lastVolume = baseVolume; // ベース音量を保存
+    updateVolumeIcon();
+});
+    
+volumeBtn.addEventListener('click', function() {
+    if (!isAudioCombined) return;
+    
+    if (video.volume > 0) {
+        lastVolume = volumeSlider.value; // ベース音量を保存
+        video.volume = 0;
+        volumeSlider.value = 0;
+    } else {
+        // グローバル音量係数を考慮して復元
+        const globalVolume = parseFloat(globalVolumeSlider.value) / 10;
+        video.volume = Math.max(0, Math.min(1, lastVolume * globalVolume));
+        volumeSlider.value = lastVolume;
+    }
+    updateVolumeIcon();
+});
     
     // 音量アイコンを更新
     function updateVolumeIcon() {
@@ -1456,20 +1462,19 @@ function applyVolume() {
         });
     });
     
-    globalVolumeSlider.addEventListener('input', function() {
-        const value = parseFloat(this.value);
-        // 表示値は0-10の範囲で表示
-        globalVolumeValue.textContent = value.toFixed(1);
-        
-        // スライダーの背景を更新
-        const percent = (value - this.min) / (this.max - this.min) * 100;
-        this.style.backgroundSize = `${percent}% 100%`;
-        
-        // 合成後に音量を適用（0-1の範囲に変換）
-        if (isAudioCombined) {
-            applyVolume();
-        }
-    });
+// グローバル音量スライダーのイベントリスナーを更新
+globalVolumeSlider.addEventListener('input', function() {
+    const value = parseFloat(this.value);
+    // 表示値は0-10の範囲で表示
+    globalVolumeValue.textContent = value.toFixed(1);
+    
+    // スライダーの背景を更新
+    const percent = (value - this.min) / (this.max - this.min) * 100;
+    this.style.backgroundSize = `${percent}% 100%`;
+    
+    // 音量をリアルタイムで適用
+    applyVolume();
+});
     
     // ループ設定変更時
     loopCheckbox.addEventListener('change', function() {