リモートWebRTC MediaStreamの記録方法は？

Question

リモートユーザーのメディアストリームを記録しようとしています。リモートユーザから渡されたメディアストリームオブジェクトは、getUserMediaから生成されたローカルメディアストリームオブジェクトと非常によく似ていますが、これをメディアストリームビジュアライザに渡すと何も出力されません（ローカルメディアストリームを渡すと、出力）。リモートユーザーのメディアストリームが聞こえるので、何かが渡されていることがわかります。

リモートメディアストリームは、オーディオトラックを

active: true 
id: "Q7aYJkeOt5xhHJ53c3JVhr41scl6QQEib5lt" 
onactive: null 
onaddtrack: null 
onended:() 
oninactive: null 
onremovetrack: null 
__proto__: MediaStream 

のようなものを見て、持っている

enabled: true 
id: "021f5032-a524-42ae-ad40-bf0798df89cd" 
kind: "audio" 
label: "021f5032-a524-42ae-ad40-bf0798df89cd" 
muted: false 
onended: null 
onmute: null 
onunmute: null 
readyState: "live" 
remote: true 
__proto__: MediaStreamTrack 

地元メディアストリームは、オーディオトラック

で

active: true 
id: "fP3smf9D78yl9YXV8jZwGPkMNL2UkwrXc2sl" 
onactive: null 
onaddtrack: null 
onended:() 
oninactive: null 
onremovetrack: null 
__proto__: MediaStream 

ようになります

enabled: true 
id: "32da421e-0a35-4fe4-b553-8a3206d244ec" 
kind: "audio" 
label: "Default" 
muted: false 
onended: null 
onmute: null 
onunmute: null 
readyState: "live" 
remote: false 
__proto__: MediaStreamTrack 

私が見ることができる唯一の実際の違いは、オーディオトラックのリモートフラグです。

Answer 1

次のコードは、クロム48以降でサポートされています。

peer.onaddstream = function(event) { 
    var stream = event.stream; 

    window.recorder = new MediaRecorder(stream, { 
     type: 'video/webm' 
    }); 

    recorder.start(99999999999999999); 
}; 

btnStopRecording.onclick = function() { 
    if (!window.recorder) return; 
    recorder.ondataavailable = function(event) { 
     var blob = event.data; 
     console.log(blob.size, blob); 
    }; 
    recorder.stop(); 
}; 

クロスブラウザの実装：https://github.com/streamproc/MediaStreamRecorder