WebRTCを使用して、いくつかのイベントがトリガーされたときにビデオ/オーディオストリームを一時停止/再開する必要があるWebアプリケーションを構築しようとしています。 getTracks()[0].stop()
を試しましたが、ストリームを再開する方法がわかりません。それについて何かアドバイスはありますか?ありがとう
getTracks()[0].stop()
は永続的です。
代わりにgetTracks()[0].enabled = false
を使用してください。 getTracks()[0].enabled = true
の一時停止を解除します。
これにより、ビデオが黒に、オーディオが無音に置き換えられます。
試してみてください(Chromeの場合は https fiddle を使用してください):
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は基本的に、このミュート状態でパケットの送信を停止するため、非常に効率的です。
再ネゴシエーションを使用してみてください。chromeとfirefox:
Chromeでは、addStream
オブジェクトでremoveStream
またはPeerConnection
を呼び出してストリームを追加/削除してから、sdp
を作成および交換します。
Firefoxには、直接のremoveStream
はありません。 RTCRtpSender およびaddTrack
およびremoveTrack
メソッドを使用する必要があります。 この質問