2016-03-08 534 views
5

我想使用WebRTC来构建一个Web应用程序,当某些事件触发时需要暂停/恢复视频/音频流。我尝试过getTracks()[0].stop(),但我不知道如何恢复该流。WebRTC暂停和恢复流

回答

10

getTracks()[0].stop()是永久性看一看。

改为使用getTracks()[0].enabled = false。要取消暂停getTracks()[0].enabled = true

这会将您的视频替换为黑色,并将您的音频替换为静音。

试用(使用https fiddle为Chrome):

var pc1 = new RTCPeerConnection(), pc2 = new RTCPeerConnection(); 
 

 
navigator.mediaDevices.getUserMedia({ video: true, audio: true }) 
 
    .then(stream => pc1.addStream(video1.srcObject = stream)) 
 
    .catch(log); 
 

 
var mute =() => video1.srcObject.getTracks().forEach(t => t.enabled = !t.enabled); 
 

 
var add = (pc, can) => can && pc.addIceCandidate(can).catch(log); 
 
pc1.onicecandidate = e => add(pc2, e.candidate); 
 
pc2.onicecandidate = e => add(pc1, e.candidate); 
 

 
pc2.onaddstream = e => video2.srcObject = e.stream; 
 
pc1.onnegotiationneeded = e => 
 
    pc1.createOffer().then(d => pc1.setLocalDescription(d)) 
 
    .then(() => pc2.setRemoteDescription(pc1.localDescription)) 
 
    .then(() => pc2.createAnswer()).then(d => pc2.setLocalDescription(d)) 
 
    .then(() => pc1.setRemoteDescription(pc2.localDescription)) 
 
    .catch(log); 
 

 
var log = msg => div.innerHTML += "<br>" + msg;
<video id="video1" height="120" width="160" autoplay muted></video> 
 
<video id="video2" height="120" width="160" autoplay></video><br> 
 
<input type="checkbox" onclick="mute()">mute</input><div id="div"></div> 
 
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

PeerConnections基本上停留在这个静音状态发送数据包,因此它是高效率的。

+0

最后一句不清楚。 “黑色视频”和“静音”仍然会使用与之前禁用的类似资源(解码/渲染,数据传输等)吗? – JSON

+0

@JSON我已经更新了答案,以澄清它几乎不使用任何资源。我在[这个小提琴](https://jsfiddle.net/ec9ossmu/)中使用统计资料证实了它(需要火狐for spec-stats atm)。感谢抓住,它不清楚。 – jib

1

你应该通过重新谈判,我认为差异仍然存在,它是如何在Chrome和Firefox进行:

  • 在Chrome中,你只需要调用addStreamremoveStreamPeerConnection对象上添加/删除流,然后创建并交换sdp

  • 在Firefox中,没有直接removeStream,你需要使用RTCRtpSenderaddTrackremoveTrack方法,你可以在this question