3

我希望你们一切都好

我是 webRTC 的初学者，如果我的问题感觉像菜鸟，我很抱歉，但我想知道是否有任何适当的方法可以关闭对等点之间的连接，尤其是使用 simple-peer.js，期待您的精彩回复

这是我的示例反应代码，

 if (navigator.getUserMedia) {
            navigator.getUserMedia({ audio: { echoCancellation: true }, video: true }, stream => {

                let peer = new Peer({
                    initiator: this.props.isInitiator,
                    stream
                });

                this.localStream.current.srcObject = stream;
                this.localStream.current.play();

                peer.on('signal', (data) => {
                    socket.emit('offer', { data: JSON.stringify(data), conversation_id: this.props.conversation_id })
                });

                socket.on('offer', (data) => {
                    peer.signal(JSON.parse(data))
                })

                socket.on('DESTROY-VIDEO-CALL-SESSION', () => {
                    stream.getTracks().forEach(track => track.stop());
                    peer.removeAllListeners();
                    peer.destroy();
                });

                peer.on('stream', (streamData) => {
                    this.remoteStream.current.srcObject = streamData;
                    this.remoteStream.current.play();
                });

                this.setState({
                    endCall: () => {
                        socket.emit('VIDEO-CALL-ENDED', this.props.conversation_id);
                    }
                })

            }, error => {
                alert('Please allow video and audio permission to make this call')
            });
}
4

1 回答 1

4

函数是 peer.destroy()。

仅供参考，如果您需要在 Javascript 库中查找未记录的 API 函数，您可以通过在浏览器中运行 JS 文件并按 F12 调出调试控制台来完成此操作。在实例化要调查的对象后设置断点：

显示所有悬停对象属性的调试控制台

我在实例化 peer1 之后设置了一个断点（第 51 行）。然后我将鼠标悬停在 peer1（第 50 行）上以弹出属于该对象的所有属性（方法和字段）的菜单。如果您正在寻找本例中的特定功能，有时您会立即在此菜单中找到它，但通常您必须扩展名为 __proto__ 的属性：

展开的原型对象显示隐藏的破坏函数属性

您可以看到位于此处的销毁功能。这只是猜测以这种方式找到的函数是否真的做了你想让它做的事情，但幸运的是在这种情况下它做了我们想要的。

于 2020-02-21T09:24:56.670 回答