如何限制WebRTC使用的UDP端口数量

我使用Node.js、Socket.io和PeerJS开发了一个简易WebRTC应用，在无网络限制环境下运行正常。但网络管理员告知WebRTC使用的UDP端口范围为49152至65536，该范围过大。由于我的应用仅支持两路流，无需如此大的端口范围，请问如何限制WebRTC使用的UDP端口数量？

前端基础代码如下：

const socket = io('/')
const videoGrid = document.getElementById('video-grid')
const myPeer = new Peer(undefined, {
  path: '/peerjs',
  host: '/',
  port: '3000'
})
const peers = {}
let myVideoStream;
const myVideo = document.createElement('video')
myVideo.muted = true;

Promise.resolve(navigator.mediaDevices.getUserMedia({
    video: {
      width: 1920,
      height: 1080,
      aspectRatio: { ideal: 1.7777777778 },
      frameRate: { max: 24, }
    },
    audio: true
  })).then(stream => {
    console.log("server | camera | mic")
    myVideoStream = stream;

    myPeer.on('call', call => {
      call.answer(stream)
      const video = document.createElement('video')
      call.on('stream', userVideoStream => {
        addVideoStream(video, userVideoStream)
      })
    })

    socket.on('user-connected', userId => {
      connectToNewUser(userId, stream)
    })

  }).catch(() => {
    Promise.resolve(navigator.mediaDevices.getUserMedia({
      video: {
        width: 1920,
        height: 1080,
        aspectRatio: { ideal: 1.7777777778 },
        frameRate: { max: 24, }
      },
      audio: false
    })).then(stream => {
      console.log("server | camera | no mic")
      myVideoStream = stream;

      myPeer.on('call', call => {
        call.answer(stream)
        const video = document.createElement('video')
        call.on('stream', userVideoStream => {
          addVideoStream(video, userVideoStream)
        })
      })

      socket.on('user-connected', userId => {
        connectToNewUser(userId, stream)
      })

    }).catch(() => {
      console.log("Server does not have camera or microphone available.")
    })
  })


socket.on('user-disconnected', userId => {
  if (peers[userId]) peers[userId].close()
})


myPeer.on('open', id => {
  socket.emit('join-room', ROOM_ID, id)
})

function connectToNewUser(userId, stream) {
  const call = myPeer.call(userId, stream)
  const video = document.createElement('video')
  call.on('stream', userVideoStream => {
    addVideoStream(video, userVideoStream)
  })
  call.on('close', () => {
    video.remove()
  })

  peers[userId] = call
}

1. 前端PeerJS配置限制端口范围 #

PeerJS允许通过config参数传入WebRTC的RTCPeerConnection配置项，你可以在这里指定UDP端口范围、减少候选池大小，从而限制端口使用数量：

修改Peer实例初始化代码，添加config配置：

const myPeer = new Peer(undefined, {
  path: '/peerjs',
  host: '/',
  port: '3000',
  config: {
    iceServers: [
      {
        urls: 'stun:stun.l.google.com:19302',
        // 自定义UDP端口范围，10个端口足够两路流使用
        portRange: { min: 50000, max: 50010 }
      }
    ],
    // 限制ICE候选池大小，避免生成过多候选端口
    iceCandidatePoolSize: 2,
    // 仅使用UDP传输（可选，进一步缩小端口使用场景）
    iceTransportPolicy: 'udp'
  }
})

2. 服务端PeerJS Server配置端口范围 #

如果你使用官方PeerJS Server，需要在服务端层面限制端口范围，避免服务端分配超出指定范围的端口：

命令行启动方式：

peerjs --port 3000 --path /peerjs --port-range 50000-50010

Node.js代码启动方式：

const { PeerServer } = require('peer');

const peerServer = PeerServer({
  port: 3000,
  path: '/peerjs',
  // 指定服务端使用的端口范围
  portRange: { min: 50000, max: 50010 }
});

3. 关键说明 #

• 端口范围选择：两路流场景下，每个用户的WebRTC连接通常需要2-4个UDP端口（音频、视频各一个双向端口），设置10个左右的端口范围完全足够。
• ICE候选池：iceCandidatePoolSize设为2，会减少浏览器生成的ICE候选地址数量，避免不必要的端口占用。
• STUN/TURN兼容：如果使用自定义STUN/TURN服务器，需要确保服务器本身也配置了对应的端口范围，否则依然会使用默认端口段。

内容的提问来源于stack exchange，提问作者itIsWhatItIs