Update index.html

index.html

@@ -51,8 +51,8 @@
 
     <div class="control-group">
       <label for="volumeRange">音量：</label>
-      <input type="range" id="volumeRange" min="0" max="200" step="1" value="100">
-      <input type="number" id="volumeInput" min="0" max="200" step="1" value="100">%
+      <input type="range" id="volumeRange" min="0" max="100" step="1" value="100">
+      <input type="number" id="volumeInput" min="0" max="100" step="1" value="100">%
     </div>
 
     <div class="control-group">
@@ -71,22 +71,13 @@
   const volumeInput = document.getElementById('volumeInput');
   const loopCheckbox = document.getElementById('loopCheckbox');
 
-  // Web Audio API用のセットアップ
+  // Web Audio API の設定
   const audioContext = new (window.AudioContext || window.webkitAudioContext)();
   const gainNode = audioContext.createGain();
   const source = audioContext.createMediaElementSource(video);
   source.connect(gainNode);
   gainNode.connect(audioContext.destination);
 
-  // 音量を制御する関数
-  function updateVolume(value) {
-    const volume = parseFloat(value) / 100;
-    volumeInput.value = value;
-    volumeRange.value = value;
-    gainNode.gain.value = volume;
-  }
-
-  // 再生速度を制御する関数
   function updatePlaybackRate(value) {
     const speed = parseFloat(value);
     speedInput.value = speed;
@@ -94,7 +85,16 @@
     video.playbackRate = speed;
   }
 
-  // イベントリスナー
+  function updateVolume(value) {
+    const volume = parseFloat(value);
+    volumeInput.value = volume;
+    volumeRange.value = volume;
+    
+    // 音量を最大3倍に設定
+    const volumeLevel = (volume / 100) * 3;
+    gainNode.gain.value = Math.min(volumeLevel, 3); // 最大音量3.0に制限
+  }
+
   ['input', 'change', 'mouseup'].forEach(eventName => {
     speedRange.addEventListener(eventName, () => {
       updatePlaybackRate(speedRange.value);