Update index.html

index.html

@@ -415,10 +415,10 @@
     </div>
       <script type="module">
         // SoundTouchJSを正しくインポート
-        import { SoundTouch, SimpleFilter, WebAudioBufferSource } from 'https://cdn.jsdelivr.net/npm/soundtouchjs@0.2.1/dist/soundtouch.min.js';
+        import { SoundTouch, SimpleFilter, PitchShifter } from 'https://cdn.jsdelivr.net/npm/soundtouchjs@0.3.0/dist/soundtouch.min.js';
         
         // グローバルにsoundtouchを設定
-        window.soundtouch = { SoundTouch, SimpleFilter, WebAudioBufferSource };
+        window.soundtouch = { SoundTouch, SimpleFilter, PitchShifter };
         document.addEventListener('DOMContentLoaded', function() {
             // 要素を取得
             const video = document.getElementById('video');
@@ -697,49 +697,58 @@
       });
     }
             
-function playAudio(file, startTime) {
-    if (!audioBuffers[file]) return;
+            function playAudio(file, startTime) {
+                if (!audioBuffers[file]) return;
 
-    if (audioSources[file]) {
-        try {
-            audioSources[file].stop();
-        } catch(e) {
-            console.log("Audio source already stopped");
-        }
-    }
-
-    const source = audioContext.createBufferSource();
-    source.buffer = audioBuffers[file];
+                // 既存のソースがあれば停止
+                if (audioSources[file]) {
+                    try {
+                        audioSources[file].disconnect();
+                    } catch(e) {
+                        console.log("Audio source already stopped");
+                    }
+                }
 
-    // PitchShifter を使用
-    const pitchShifter = new window.soundtouch.PitchShifter(
-        audioContext,
-        audioBuffers[file],
-        4096
-    );
-    pitchShifter.tempo = currentPlaybackRate;
-    pitchShifter.pitch = 1.0;
+                // PitchShifterを作成
+                const pitchShifter = new window.soundtouch.PitchShifter(
+                    audioContext,
+                    audioBuffers[file],
+                    4096  // バッファサイズ
+                );
+                
+                pitchShifter.tempo = currentPlaybackRate;
+                pitchShifter.pitch = 1.0;
 
-    // ボリュームコントロール
-    const volumeSlider = document.querySelector(`.audio-slider[data-audio="${file}"]`);
-    const volume = parseFloat(volumeSlider.value) * parseFloat(globalVolumeSlider.value);
-    pitchShifter.connect(gainNodes[file]);
-    gainNodes[file].gain.value = volume;
-    gainNodes[file].connect(audioContext.destination);
+                // ボリュームコントロール
+                const volumeSlider = document.querySelector(`.audio-slider[data-audio="${file}"]`);
+                const volume = parseFloat(volumeSlider.value) * parseFloat(globalVolumeSlider.value);
+                
+                gainNodes[file] = audioContext.createGain();
+                gainNodes[file].gain.value = volume;
+                
+                pitchShifter.connect(gainNodes[file]);
+                gainNodes[file].connect(audioContext.destination);
 
-    // 再生時間計算
-    const duration = video.duration || videoDuration;
-    const endTime = parseFloat(endTimeInput.value) || duration;
-    const playStartTime = Math.max(startTime, parseFloat(startTimeInput.value) || 0);
-    const playEndTime = Math.min(endTime, duration);
-    const playDuration = playEndTime - playStartTime;
+                // 再生時間計算
+                const duration = video.duration || videoDuration;
+                const endTime = parseFloat(endTimeInput.value) || duration;
+                const playStartTime = Math.max(startTime, parseFloat(startTimeInput.value) || 0);
+                const playEndTime = Math.min(endTime, duration);
+                const playDuration = playEndTime - playStartTime;
 
-    if (playDuration > 0) {
-        pitchShifter.start(startTime);
-    }
+                if (playDuration > 0) {
+                    pitchShifter.start(playStartTime);
+                    
+                    // 終了時間に達したら停止
+                    if (!loopCheckbox.checked) {
+                        setTimeout(() => {
+                            pitchShifter.disconnect();
+                        }, (playEndTime - playStartTime) * 1000);
+                    }
+                }
 
-    audioSources[file] = pitchShifter;
-}
+                audioSources[file] = pitchShifter;
+            }
 
     // 一時停止関数も修正
     function pauseMedia() {