2016-03-08 33 views
5

Bazı olaylar tetiklendiğinde video/ses akışını duraklatması/sürdürmesi gereken bir web uygulaması oluşturmak için WebRTC'yi kullanmaya çalışıyorum. getTracks()[0].stop()'u denedim ancak akışı nasıl devam ettireceğimi bilmiyorum.WebRTC duraklat ve devam akışı

cevap

10

getTracks()[0].stop() kalıcıdır bir göz alabilir RTCRtpSender ve addTrack ve removeTrack yöntemleri kullanmak gerekir, doğrudan removeStream yoktur. Bunun yerine, getTracks()[0].enabled = false kullanın. getTracks()[0].enabled = true'u duraklatmak için.

Bu, videonuzu siyah ve sesinizi sustu ile değiştirir.

onu (Chrome için kullanım https fiddle) deneyin:

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 temelde bu sessiz durumdaki paketleri göndermeyi durdurmak, bu yüksek verimli bu yüzden.

+0

Son cümle belirsiz. "Siyah video" ve "sessizlik" hala devre dışı bırakılmadan önce benzer kodlar kullanacak mı (kod çözme/oluşturma, veri iletimi, vb.)? – JSON

+0

@JSON Cevabını, herhangi bir kaynağı zor kullanmadığını açıklığa kavuşturdum. [Bu keman] 'daki istatistikleri (https://jsfiddle.net/ec9ossmu/) kullanarak doğruladım (spec-stats atm için Firefox gerektiriyor). Belirsiz olduğunu anladığın için teşekkürler. – jib

1

Sen yeniden müzakere kullanarak denemelisiniz, ben fark hala krom ve ateş nasıl yapıldığını varolduğuna inandığı:

  • krom olarak, sadece eklemek PeerConnection nesne üzerinde addStream veya removeStream çağrı/kaldır Akışı oluşturun ve sdp'u değiştirin.

  • ateş, size this question