WebRTCはローカルとリモートのオーディオストリームをミキシングして記録します

Question

これまでのところ、MediaRecorder APIを使用してローカルまたはリモートのどちらか一方のみを記録する方法を見つけましたが、両方のストリームをミックスして記録することは可能ですか？

オーディオスチームにのみ注意してください。私はサーバー側でミックス/録音したくありません。

私はRTCPeerConnectionをpcとしました。

var local_stream = pc.getLocalStreams()[0]; 
var remote_stream = pc.getRemoteStreams()[0]; 
var audioChunks = []; 
var rec = new MediaRecorder(local_stream); 
rec.ondataavailable = e => { 
    audioChunks.push(e.data); 
    if (rec.state == "inactive") 
     // Play audio using new blob 
} 
rec.start(); 

はも、私はMediaStream APIで複数のトラックを追加しようとしたが、それはまだ最初のトラックのオーディオを提供します。どんな助けや洞察も高く評価されます！

Answer 1

WebAudio APIは、あなたのためにミキシングすることができます。 audioTracks：

const ac = new AudioContext(); 

// WebAudio MediaStream sources only use the first track. 
const sources = audioTracks.map(t => ac.createMediaStreamSource(new MediaStream([t]))); 

// The destination will output one track of mixed audio. 
const dest = ac.createMediaStreamDestination(); 

// Mixing 
sources.forEach(s => s.connect(dest)); 

// Record 10s of mixed audio as an example 
const recorder = new MediaRecorder(dest.stream); 
recorder.start(); 
recorder.ondataavailable = e => console.log("Got data", e.data); 
recorder.onstop =() => console.log("stopped"); 
setTimeout(() => recorder.stop(), 10000);