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="100" step="1" value="100">
-      <input type="number" id="volumeInput" min="0" max="100" step="1" value="100">%
+      <input type="range" id="volumeRange" min="0" max="300" step="1" value="100">
+      <input type="number" id="volumeInput" min="0" max="300" step="1" value="100">%
     </div>
 
     <div class="control-group">
@@ -71,11 +71,11 @@
   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);
+  const videoSource = audioContext.createMediaElementSource(video);
+  videoSource.connect(gainNode);
   gainNode.connect(audioContext.destination);
 
   function updatePlaybackRate(value) {
@@ -86,13 +86,12 @@
   }
 
   function updateVolume(value) {
-    const volume = parseFloat(value);
-    volumeInput.value = volume;
-    volumeRange.value = volume;
+    const volume = parseFloat(value) / 100;
+    volumeInput.value = value;
+    volumeRange.value = value;
     
-    // 音量を最大3倍に設定
-    const volumeLevel = (volume / 100) * 3;
-    gainNode.gain.value = Math.min(volumeLevel, 3); // 最大音量3.0に制限
+    // 音量は最大3倍まで設定
+    gainNode.gain.value = Math.min(volume * 3, 3); // 音量を3倍までに制限
   }
 
   ['input', 'change', 'mouseup'].forEach(eventName => {