Update index.html

index.html

@@ -697,78 +697,50 @@
       });
     }
             
-    function playAudio(file, startTime) {
-      if (!audioBuffers[file]) return;
+function playAudio(file, startTime) {
+    if (!audioBuffers[file]) return;
 
-      // 既存のソースがあれば停止
-      if (audioSources[file]) {
+    if (audioSources[file]) {
         try {
-          audioSources[file].stop();
+            audioSources[file].stop();
         } catch(e) {
-          console.log("Audio source already stopped");
+            console.log("Audio source already stopped");
         }
-      }
-
-      const source = audioContext.createBufferSource();
-      source.buffer = audioBuffers[file];
-      
-      // SoundTouch プロセッサーを作成
-      const soundTouch = new SoundTouch(audioBuffers[file].sampleRate);
-      soundTouch.tempo = currentPlaybackRate;
-      soundTouch.pitch = 1;
-      
-      // BufferSourceを作成
-      const bufferSource = new soundtouch.WebAudioBufferSource(audioBuffers[file].getChannelData(0));
-      
-      // SimpleFilterを作成
-      const filter = new SimpleFilter(soundTouch, bufferSource);
-
-      // ScriptProcessorNodeを作成
-      const processor = audioContext.createScriptProcessor(4096, 1, 1);
-      processor.onaudioprocess = (event) => {
-        const outputBuffer = event.outputBuffer.getChannelData(0);
-        const framesExtracted = filter.extract(outputBuffer, outputBuffer.length);
-        if (framesExtracted === 0) {
-          processor.disconnect();
-        }
-      };
-
-      // ボリュームコントロール
-      const volumeSlider = document.querySelector(`.audio-slider[data-audio="${file}"]`);
-      const volume = parseFloat(volumeSlider.value) * parseFloat(globalVolumeSlider.value);
-      gainNodes[file].gain.value = volume;
+    }
 
-      // 接続チェーン
-      source.connect(processor);
-      processor.connect(gainNodes[file]);
-      gainNodes[file].connect(audioContext.destination);
+    const source = audioContext.createBufferSource();
+    source.buffer = audioBuffers[file];
 
-      // 再生時間計算
-      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;
+    // PitchShifter を使用
+    const pitchShifter = new window.soundtouch.PitchShifter(
+        audioContext,
+        audioBuffers[file],
+        4096
+    );
+    pitchShifter.tempo = currentPlaybackRate;
+    pitchShifter.pitch = 1.0;
 
-      if (playDuration > 0) {
-        source.start(0, playStartTime, playDuration);
-      }
+    // ボリュームコントロール
+    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);
 
-      // ループ設定
-      if (loopCheckbox.checked) {
-        source.loop = true;
-        source.loopStart = parseFloat(startTimeInput.value) || 0;
-        source.loopEnd = endTime;
-      }
+    // 再生時間計算
+    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;
 
-      audioSources[file] = {
-        source: source,
-        processor: processor,
-        filter: filter
-      };
-      soundTouchNodes[file] = soundTouch;
+    if (playDuration > 0) {
+        pitchShifter.start(startTime);
     }
 
+    audioSources[file] = pitchShifter;
+}
+
     // 一時停止関数も修正
     function pauseMedia() {
       if (!isPlaying) return;