Update index.html

index.html

@@ -993,16 +993,17 @@ document.addEventListener('DOMContentLoaded', function() {
     }
 
     // 音量を適用
-    function applyVolume() {
-        if (!isAudioCombined) return;
-        
-        const globalVolume = parseFloat(globalVolumeSlider.value);
-        // 音量を0-1の範囲に制限
-        const clampedVolume = Math.max(0, Math.min(1, globalVolume));
-        video.volume = clampedVolume;
-        volumeSlider.value = clampedVolume;
-        updateVolumeIcon();
-    }
+function applyVolume() {
+    if (!isAudioCombined) return;
+    
+    // 0-10の範囲を0-1に変換
+    const globalVolume = parseFloat(globalVolumeSlider.value) / 10;
+    // 音量を0-1の範囲に制限
+    const clampedVolume = Math.max(0, Math.min(1, globalVolume));
+    video.volume = clampedVolume;
+    volumeSlider.value = clampedVolume;
+    updateVolumeIcon();
+}
 
     // 再生速度を適用（ピッチ維持）
     function applyPlaybackRate() {
@@ -1498,29 +1499,32 @@ document.addEventListener('DOMContentLoaded', function() {
     video.controls = false;
     
     // スライダーの背景を初期化
-    function initSliderBackgrounds() {
-        const sliders = [
-            volumeSlider, 
-            speedSlider, 
-            globalVolumeSlider, 
-            playbackSpeedSlider, 
-            ...audioSliders
-        ];
-        
-        sliders.forEach(slider => {
-            if (slider) {
-                slider.style.backgroundImage = 'linear-gradient(#64ffda, #64ffda)';
-                slider.style.backgroundRepeat = 'no-repeat';
-                
-                if (slider === globalVolumeSlider) {
-                    const percent = (slider.value - slider.min) / (slider.max - slider.min) * 100;
-                    slider.style.backgroundSize = `${percent}% 100%`;
-                } else {
-                    slider.style.backgroundSize = `${slider.value * 100}% 100%`;
-                }
+// 初期化時にスライダーの背景を設定 (修正版)
+function initSliderBackgrounds() {
+    const sliders = [
+        volumeSlider, 
+        speedSlider, 
+        globalVolumeSlider, 
+        playbackSpeedSlider, 
+        ...audioSliders
+    ];
+    
+    sliders.forEach(slider => {
+        if (slider) {
+            slider.style.backgroundImage = 'linear-gradient(#64ffda, #64ffda)';
+            slider.style.backgroundRepeat = 'no-repeat';
+            
+            if (slider === globalVolumeSlider) {
+                // 0-10の範囲で初期化
+                const percent = (slider.value - slider.min) / (slider.max - slider.min) * 100;
+                slider.style.backgroundSize = `${percent}% 100%`;
+                globalVolumeValue.textContent = slider.value;
+            } else {
+                slider.style.backgroundSize = `${slider.value * 100}% 100%`;
             }
-        });
-    }
+        }
+    });
+}
     
     initSliderBackgrounds();
 });