webrtc - 编辑本地流

Question

有没有办法在通过peerConnection()将本地视频流“localStream”发送到另一个对等点之前对其进行编辑？

navigator.getUserMedia({video: true, audio: true}, function(localMediaStream) {
var video = document.querySelector('video');

//How do I say edit a few pixes in the localMediaSttream before 
//using peerConnection() to    send it to another peer?
 }, onFailSoHard);

Answer 1

这是明天的一些假设!

您可以获取UserMedia。在视频元素中渲染流。使用 MediaSource API，获取缓冲区；操纵他们。做你想做的事!

然后从该“视频”元素捕获流。

如果 MediaSource API 本身能够像 WebAudio API 一样为我们生成流，那就太好了。

好吧，您可以像这样附加流(在对音频/视频轨道应用一些影响之后):

peer.addStream ( new webkitStream (
    yourStream.audioTracks || yourStream.getAudioTracks(), 
    yourStream.videoTracks || yourStream.getVideoTracks() 
));