Question

我使用的是这里的SimpleWebRTC库：https://simplewebrtc.com

我得到了正确配置了STUN / TURN的信号主控器。它能够检测其他对等体，因此我认为STUN / TURN是有效的。我的问题是，当一个对等体启动他们的本地视频时，其他对等体没有发现它，除非他们重新加载页面。我想要它，所以它自动推送到其他同行，而无需重新加载页面。我认为它与下面的代码（我从示例中获取）有关，但我不确定。

我将autoRequestMedia设置为false的原因是因为我希望用户能够查看其他同行＆＃39;相机无需打开自己的设备（也是为什么我在readyToCall事件中没有webrtc.joinRoom）。

目前，用户点击一个按钮就会触发startLocalVideo（）;并在元素中创建视频。问题是除非其他对等体重新加载页面，否则不会将其推送到其他对等体。希望能解释一切，如果您需要更多详细信息，请告诉我。

var webrtc = new SimpleWebRTC({
// the id/element dom element that will hold "our" video
localVideoEl: 'localCam',
// the id/element dom element that will hold remote videos
remoteVideosEl: '',
// immediately ask for camera access
autoRequestMedia: false,
autoRemoveVideos: true,
url: 'MY SIGNAL-MASTER URL HERE',
localVideo: {
autoplay: true, // automatically play the video stream on the page
mirror: false, // flip the local video to mirror mode (for UX)
muted: true // mute local video stream to prevent echo
}
});

webrtc.joinRoom('testchannel');

// a peer video has been added
webrtc.on('videoAdded', function (video, peer) {
    console.log('video added', peer);
    var remotes = document.getElementById('remoteCams');
    if (remotes) {
        var container = document.createElement('div');
        container.className = 'videoContainer';
        container.id = 'container_' + webrtc.getDomId(peer);
        container.appendChild(video);
        // suppress contextmenu
        // video.oncontextmenu = function () { return false; };
        remotes.appendChild(container);
    }
});

// a peer video was removed
webrtc.on('videoRemoved', function (video, peer) {
    console.log('video removed ', peer.nick);
    var remotes = document.getElementById('remoteCams');
    var el = document.getElementById(peer ? 'container_' + webrtc.getDomId(peer) : 'localScreenContainer');
    if (remotes && el) {
        remotes.removeChild(el);
    }
});

Answer 1

您必须将join语句放入readyToCall侦听器：

webrtc.on('readyToCall', function() {
     webrtc.joinRoom('roomname');
})

或

将joinRoom调用放入setTimout函数。

SimpleWebRTC Peer Discovery无法正常工作

1 个答案: