Update index.html

index.html

@@ -1279,17 +1279,72 @@ document.getElementById('sw-register-btn').addEventListener('click', registerSer
             combinedAudioSource.stop();
         }
         
-        combinedAudioSource = audioContext.createBufferSource();
-        combinedAudioSource.buffer = combinedAudioBuffer;
-        combinedAudioSource.connect(audioContext.destination);
-        combinedAudioSource.start(0, currentTime);
-        combinedAudioSource.playbackRate.value = currentPlaybackRate;
+// 新しい audio 要素を作成
+const combinedAudioElement = document.createElement('audio');
+combinedAudioElement.src = URL.createObjectURL(bufferToWave(combinedAudioBuffer));
+combinedAudioElement.preservesPitch = true; // ピッチを維持
+combinedAudioElement.playbackRate = currentPlaybackRate;
+combinedAudioElement.currentTime = currentTime;
+combinedAudioElement.play();
+
         
         // ズレ記録をリセット
         syncDriftLog = [];
         lastSyncTime = performance.now();
     }
 
+  function bufferToWave(abuffer) {
+    const numOfChan = abuffer.numberOfChannels,
+        length = abuffer.length * numOfChan * 2 + 44,
+        buffer = new ArrayBuffer(length),
+        view = new DataView(buffer),
+        channels = [],
+        sampleRate = abuffer.sampleRate,
+        offset = 0,
+        pos = 0;
+
+    // write WAV header
+    setUint32(0x46464952); // "RIFF"
+    setUint32(length - 8); // file length - 8
+    setUint32(0x45564157); // "WAVE"
+
+    setUint32(0x20746d66); // "fmt " chunk
+    setUint32(16); // length = 16
+    setUint16(1); // PCM (uncompressed)
+    setUint16(numOfChan);
+    setUint32(sampleRate);
+    setUint32(sampleRate * 2 * numOfChan);
+    setUint16(numOfChan * 2);
+    setUint16(16);
+
+    setUint32(0x61746164); // "data" - chunk
+    setUint32(length - pos - 4);
+
+    // write interleaved data
+    for (let i = 0; i < abuffer.length; i++) {
+        for (let channel = 0; channel < numOfChan; channel++) {
+            let sample = abuffer.getChannelData(channel)[i] * 0x7fff;
+            if (sample < -32768) sample = -32768;
+            if (sample > 32767) sample = 32767;
+            view.setInt16(pos, sample, true);
+            pos += 2;
+        }
+    }
+
+    function setUint16(data) {
+        view.setUint16(pos, data, true);
+        pos += 2;
+    }
+
+    function setUint32(data) {
+        view.setUint32(pos, data, true);
+        pos += 4;
+    }
+
+    return new Blob([buffer], { type: 'audio/wav' });
+}
+
+
     // 音声ファイルをロード
     function loadAudioFiles() {
         audioFiles.forEach(file => {