Update index.html

index.html

@@ -417,6 +417,11 @@
 
     <script>
         document.addEventListener('DOMContentLoaded', function() {
+            // SoundTouchJSを動的にインポート
+            if (!window.soundtouch) {
+                soundtouch = await import('https://cdn.jsdelivr.net/npm/[email protected]/dist/soundtouch.min.js');
+                window.soundtouch = soundtouch;
+            }
             // 要素を取得
             const video = document.getElementById('video');
             const videoContainer = document.getElementById('video-container');
@@ -465,7 +470,11 @@
                 startTimeInput.max = videoDuration - 0.1;
                 updateTimeDisplay();
             });
-            
+                document.getElementById('play-pause-btn').addEventListener('click', function() {
+      if (audioContext.state === 'suspended') {
+        audioContext.resume();
+      }
+    });
             // 時間表示を更新
             function updateTimeDisplay() {
                 const currentTime = video.currentTime;
@@ -671,24 +680,24 @@
             }
             
             // 音声ファイルを読み込む
-            function loadAudioFiles() {
-                audioFiles.forEach(file => {
-                    fetch(`${file}.mp3`)
-                        .then(response => response.arrayBuffer())
-                        .then(arrayBuffer => audioContext.decodeAudioData(arrayBuffer))
-                        .then(audioBuffer => {
-                            audioBuffers[file] = audioBuffer;
-                            gainNodes[file] = audioContext.createGain();
-                            gainNodes[file].gain.value = 1;
-                            
-                            // SoundTouchノードを作成
-                            soundTouchNodes[file] = new soundtouch.SoundTouch(audioBuffer.sampleRate);
-                            soundTouchNodes[file].tempo = currentPlaybackRate;
-                            soundTouchNodes[file].pitch = 1; // ピッチ変更なし
-                        })
-                        .catch(error => console.error(`Error loading ${file}.mp3:`, error));
-                });
-            }
+    function loadAudioFiles() {
+      audioFiles.forEach(file => {
+        fetch(`${file}.mp3`)
+          .then(response => response.arrayBuffer())
+          .then(arrayBuffer => audioContext.decodeAudioData(arrayBuffer))
+          .then(audioBuffer => {
+            audioBuffers[file] = audioBuffer;
+            gainNodes[file] = audioContext.createGain();
+            gainNodes[file].gain.value = 1;
+            
+            // SoundTouchノードを作成
+            soundTouchNodes[file] = new window.soundtouch.SoundTouch(audioBuffer.sampleRate);
+            soundTouchNodes[file].tempo = currentPlaybackRate;
+            soundTouchNodes[file].pitch = 1;
+          })
+          .catch(error => console.error(`Error loading ${file}.mp3:`, error));
+      });
+    }
             
             // 音声を再生
             function playAudio(file, startTime) {