Update index.html

index.html

@@ -997,12 +997,14 @@ document.addEventListener('DOMContentLoaded', function() {
         if (!isAudioCombined) return;
         
         const globalVolume = parseFloat(globalVolumeSlider.value);
-        video.volume = globalVolume;
-        volumeSlider.value = globalVolume;
+        // 音量を0-1の範囲に制限
+        const clampedVolume = Math.max(0, Math.min(1, globalVolume));
+        video.volume = clampedVolume;
+        volumeSlider.value = clampedVolume;
         updateVolumeIcon();
     }
 
-    // 再生速度を適用
+    // 再生速度を適用（ピッチ維持）
     function applyPlaybackRate() {
         if (!isAudioCombined) return;
         
@@ -1012,6 +1014,12 @@ document.addEventListener('DOMContentLoaded', function() {
         
         if (combinedAudioSource) {
             combinedAudioSource.playbackRate.value = speed;
+            // ピッチを維持する設定
+            if ('preservesPitch' in combinedAudioSource) {
+                combinedAudioSource.preservesPitch = true;
+            } else if ('preservePitch' in combinedAudioSource) {
+                combinedAudioSource.preservePitch = true; // 古いブラウザ用
+            }
         }
         
         speedValue.textContent = speed.toFixed(2) + 'x';
@@ -1445,16 +1453,16 @@ document.addEventListener('DOMContentLoaded', function() {
         });
     });
     
-    // 全体音量スライダーのイベント
     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();
         }