2016-03-08 260 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