ひろばニュース｜2026/04/10~2026/04/16号

// 1. ★ こだわりポイントその１！録画専用の高画質キャンバスで録画！ ★
const recordingVideoStream = recordCanvas.captureStream(60); 

/*  2. 録音専用の目的地（audioDest）。
『createMediaStreamDestination()』というコマンドで『通路』を作って、
『connect』という処理で目的地へ繋げる。*/

audioDest = audioCtx.createMediaStreamDestination();
analyser.connect(audioDest); 

//  3. ★ こだわりポイントその２！映像と音のデータ箱（combinedStream）の中でレールを一つに統合！★ 
const combinedStream = new MediaStream([
    ...recordingVideoStream.getVideoTracks(),
    ...audioDest.stream.getAudioTracks()
]);

//  4. レコーダーに中身を渡す。
mediaRecorder = new MediaRecorder(combinedStream, { mimeType: 'video/webm' });

// 5. ★ こだわりポイントその３！録音中だけスピーカーの音を消す（ミュート）！★
if (muteDuringRecording.checked && masterGain) {
    masterGain.gain.setValueAtTime(0, audioCtx.currentTime); 
}

// 6. 【保存】データの断片を順番に溜めていく。
mediaRecorder.ondataavailable = (e) => {
    if (e.data && e.data.size > 0) chunks.push(e.data);
};