具有多个对等PeerJS

Having multiple peers PeerJS?

本文关键字：对等 PeerJS      更新时间：2023-09-26

以下是我与PeerJS的连接代码：

var peer = new Peer({ key: '[PeerJSID]', debug: 3});
peer.on('open', function(){
  $('#my-id').text(peer.id);
});
// Receiving a call
peer.on('call', function(call){
  // Answer the call automatically (instead of prompting user) for demo purposes
  call.answer(window.localStream);
  step3(call);
});
peer.on('error', function(err){
  alert(err.message);
  // Return to step 2 if error occurs
  step2();
});
// Click handlers setup
$(function(){
  $('#make-call').click(function(){
    // Initiate a call!
    var call = peer.call($('#callto-id').val(), window.localStream);
    step3(call);
  });
  $('#end-call').click(function(){
    window.existingCall.close();
    step2();
  });
  // Retry if getUserMedia fails
  $('#step1-retry').click(function(){
    $('#step1-error').hide();
    step1();
  });
  // Get things started
  step1();
});
function step1 () {
  // Get audio stream
  navigator.getUserMedia({audio: true, video: false}, function(stream){
    // Set your video displays
    $('#my-video').prop('src', URL.createObjectURL(stream));
    window.localStream = stream;
    step2();
  }, function(){ $('#step1-error').show(); });
}
function step2 () {
  $('#step1, #step3').hide();
  $('#step2').show();
}
function step3 (call) {
  // Wait for stream on the call, then set peer video display
  call.on('stream', function(stream){
    $('#their-video').prop('src', URL.createObjectURL(stream));
  });
  // UI stuff
  window.existingCall = call;
  $('#their-id').text(call.peer);
  call.on('close', step2);
  $('#step1, #step2').hide();
  $('#step3').show();
}

我借用了这个代码，我想知道是否可以在对等体之间建立多个连接，比如呼叫组。我的假设是，当对等方检测到有新人在呼叫时，我所要做的就是添加一个新的音频对象，然后使用它，这样不同的用户就可以接收其他用户的id，并将音频对象添加到他们的页面中。这行得通吗？有更有效的方法吗？

对等端可以维护输出流的列表。例如，当一个对等体连接到系统时，所有其他对等体都会得到通知，并将该对等体的id保存到他们的列表中。当对等方尝试启动调用时，它将遍历其列表中的所有对等方。你可以查看的一个例子是Noah Burney的peerjs音频聊天。

相关文章：