WebRTC interrompe e riprende il flusso

Question

Sto cercando di utilizzare WebRTC per creare un'applicazione Web che deve sospendere/riprendere il flusso video/audio quando alcuni eventi si attivano. Ho provato il getTracks()[0].stop() ma non so come riprendere il flusso.

Answer 1

getTracks()[0].stop() è permanente.

Utilizzare invece getTracks()[0].enabled = false. Per annullare la pausa getTracks()[0].enabled = true.

Questo sostituirà il video con il nero e l'audio con il silenzio.

Prova ora (uso https fiddle per 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 fondamentalmente fermano l'invio di pacchetti in questo stato in sordina, quindi è altamente efficiente.

Answer 2

Si dovrebbe provare a utilizzare rinegoziazione, credo che la differenza esiste ancora come si è fatto in Chrome e Firefox:

• in Chrome, basta chiamare addStream o removeStream sull'oggetto PeerConnection per aggiungere/rimuovere il flusso, quindi creare e scambiare sdp.

• In Firefox, non c'è diretta removeStream, è necessario utilizzare RTCRtpSender e addTrack e removeTrack metodi, è possibile dare un'occhiata a this question