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="200" step="1" value="100">
+      <input type="number" id="volumeInput" min="0" max="200" step="1" value="100">%
     </div>
 
     <div class="control-group">
@@ -71,24 +71,22 @@
   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 sourceNode = audioContext.createMediaElementSource(video);
-  sourceNode.connect(gainNode);
+  const source = audioContext.createMediaElementSource(video);
+  source.connect(gainNode);
   gainNode.connect(audioContext.destination);
 
-  // 音量更新
+  // 音量を制御する関数
   function updateVolume(value) {
-    const volume = parseFloat(value);
-    volumeInput.value = volume;
-    volumeRange.value = volume;
-
-    // 音量は0から1を超えて設定可能（100までで対応）
-    gainNode.gain.value = volume / 100;
+    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;
@@ -118,14 +116,6 @@
     video.loop = loopCheckbox.checked;
   });
 
-  // 動画の再生を始める
-  video.addEventListener('play', () => {
-    // Web Audio APIの音声を再生
-    if (audioContext.state === 'suspended') {
-      audioContext.resume(); // 再生前にオーディオコンテキストが一時停止している場合、再開
-    }
-  });
-
   function goFullscreen() {
     if (video.requestFullscreen) {
       video.requestFullscreen();