webrtc 视频流停止共享

Question

我已经创建了基于 webrtc 的视频聊天起诉 peerjs。

使用控件创建本地和远程视频元素:

本地的:
'video id= [local_peer_id] autoplay="true"控制=“真” >'

偏僻的:
和
'video id= [remote_peer_id] autoplay="true"控制=“真”>'

现在在视频聊天期间，如果本地用户静音 auido 远程用户听不到任何声音并且它的工作完美。

问题出在视频上。如果本地用户暂停他自己的视频，他可以看到视频被暂停，但远程用户仍然可以看到他的视频直播。

另一方面，如果远程用户暂停他的视频，本地用户仍然可以看到他的视频直播。

任何人告诉部署该功能需要做什么

“暂停”和“恢复”视频对双方都是实时的？

Answer 1

你需要知道 HTML 标签和 WebRTC 流之间的区别......

您可以运行流，而无需将它们附加到任何 HTML 标签，并且每个对等点仍然可以发送和接收媒体。因此，每个对等点都可以将流附加到音频/视频标签，并且该标签将仅充当您用来播放已经运行的流的播放器。

因此，如果您静音 HTML 标签，您只会静音播放器，而不是流。如果你想让任何东西对另一个对等点产生影响，你需要在流或对等连接中做一些事情。

特别是要静音和恢复音频或视频，您需要切换媒体流中的媒体轨道

    // create a button to toggle video 
    var button = document.createElement("button");
    button.appendChild(document.createTextNode("Toggle Hold"));

    button.onclick = function(){
        mediaStream.getVideoTracks()[0].enabled =
         !(mediaStream.getVideoTracks()[0].enabled);
    }

要暂停/恢复音频，请改用 getAudioTracks()。