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.WebRTC interrompe e riprende il flusso
risposta
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.
Si dovrebbe provare a utilizzare rinegoziazione, credo che la differenza esiste ancora come si è fatto in Chrome e Firefox:
in Chrome, basta chiamare
addStream
oremoveStream
sull'oggettoPeerConnection
per aggiungere/rimuovere il flusso, quindi creare e scambiaresdp
.In Firefox, non c'è diretta
removeStream
, è necessario utilizzare RTCRtpSender eaddTrack
eremoveTrack
metodi, è possibile dare un'occhiata a this question
L'ultima frase non è chiara. Il "video nero" e il "silenzio" utilizzano ancora risorse simili come prima disabilitate (decodifica/rendering, trasmissione dati, ecc.)? – JSON
@JSON Ho aggiornato la risposta per chiarire che difficilmente utilizza alcuna risorsa. L'ho confermato usando le statistiche in [questo violino] (https://jsfiddle.net/ec9ossmu/) (richiede Firefox per le statistiche specifiche). Grazie per aver capito che non era chiaro. – jib