设置本地描述后ICE Candidate事件未触发？WebRTC问题求助

核心问题 #

你创建的RTCPeerConnection没有关联任何音视频媒体轨道，WebRTC的ICE候选收集流程依赖媒体需求触发——ICE的作用是为媒体传输建立网络候选路径，没有媒体传输需求时，浏览器不会启动ICE收集，自然不会触发icecandidate事件。

修复步骤 #

要触发ICE候选收集，必须给RTCPeerConnection添加至少一条媒体轨道，以下是两种可行方案：

方案1：获取本地音视频流并添加轨道（推荐）

通过navigator.mediaDevices.getUserMedia获取本地音视频流，将流中的轨道添加到连接实例中：

const configuration = { 
    iceServers: [{ 
        urls:['stun:stun.l.google.com:19302','stun:stun2.l.google.com:19302'] 
    }] 
};
const peerConnection = new RTCPeerConnection(configuration);

peerConnection.onicecandidate = (event)=>{
    if (event.candidate) {
        console.log('New ICE candidate:', event.candidate);
        // Display the ICE candidate for manual exchange
        // const iceCandidatesTextArea = document.getElementById('iceCandidates');
        // iceCandidatesTextArea.value += JSON.stringify(event.candidate) + '\n';
    }
    else
    {
        console.log("All ICE candidates gathered");
    }
};

// 添加媒体轨道到PeerConnection
async function addMediaTracks() {
    try {
        // 获取本地音视频流（可根据需求只请求音频或视频）
        const stream = await navigator.mediaDevices.getUserMedia({ audio: true, video: true });
        // 将流中的所有轨道添加到PeerConnection
        stream.getTracks().forEach(track => {
            peerConnection.addTrack(track, stream);
        });
    } catch (error) {
        console.error("获取媒体流失败:", error);
    }
}

// 创建Offer前先添加媒体轨道
async function createOffer() {
    await addMediaTracks();
    try{
        const offer = await peerConnection.createOffer();
        await peerConnection.setLocalDescription(offer);
        console.log(peerConnection);
    }catch(error){
        console.log("error generating offer",error);
    } 
}

createOffer();

方案2：添加空媒体轨道（无真实流场景）

如果不需要真实的音视频流，也可以创建空的媒体轨道添加到连接中（部分浏览器可能存在兼容性问题）：

// 在createOffer前添加空轨道
const emptyAudioTrack = new MediaStreamTrack({ kind: 'audio' });
peerConnection.addTrack(emptyAudioTrack);

原理说明 #

当RTCPeerConnection检测到存在需要传输的媒体轨道时，才会启动ICE框架的候选收集流程，通过STUN服务器获取公网地址候选，最终触发icecandidate事件输出候选信息。

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