javascript - No ICE candidates generated when I run my local webRTC application on google chrome browser - Stack Overflow

admin管理员组

文章数量:1320670

I have a basic webRTC application that supports video/audio munication and file sharing between two peers, The app runs as intended when I open it on Mozilla Firefox but when I run it on Google Chrome the onicecandidate returns null

My RTCPeerConnection

        myConnection = new RTCPeerConnection();

Setting up the peer connection

myConnection.createOffer().then(offer => {
    currentoffer = offer
    myConnection.setLocalDescription(offer);
})
    .then(function () {
        myConnection.onicecandidate = function (event) {
            console.log(event.candidate);

            if (event.candidate) {
                send({
                    type: "candidate",
                    candidate: event.candidate
                });
            }
        };
        send({
            type: "offer",
            offer: currentoffer
        });
    })
    .catch(function (reason) {
        alert("Problem with creating offer. " + reason);
    });

On Mozilla Firefox you can see in the console log all the ICE candidates that are collected on each "onicecandidate" event

On Chrome the output is null

I have a basic webRTC application that supports video/audio munication and file sharing between two peers, The app runs as intended when I open it on Mozilla Firefox but when I run it on Google Chrome the onicecandidate returns null

My RTCPeerConnection

        myConnection = new RTCPeerConnection();

Setting up the peer connection

myConnection.createOffer().then(offer => {
    currentoffer = offer
    myConnection.setLocalDescription(offer);
})
    .then(function () {
        myConnection.onicecandidate = function (event) {
            console.log(event.candidate);

            if (event.candidate) {
                send({
                    type: "candidate",
                    candidate: event.candidate
                });
            }
        };
        send({
            type: "offer",
            offer: currentoffer
        });
    })
    .catch(function (reason) {
        alert("Problem with creating offer. " + reason);
    });

On Mozilla Firefox you can see in the console log all the ICE candidates that are collected on each "onicecandidate" event

On Chrome the output is null

• javascript
• google-chrome
• firefox
• webrtc

Share Improve this question Follow asked Apr 8, 2019 at 11:44 FlubberFlubsFlubberFlubs 9311 silver badge44 bronze badges 1

• I ran into the same issue, did you find a solution? – alexward1230 Commented Oct 24, 2021 at 4:42

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

You should pass options object when calling createOffer() method, e.g.:

myConnection = new RTCPeerConnection();

var mediaConstraints = {
    'offerToReceiveAudio': true,
    'offerToReceiveVideo': true    
};

myConnection.createOffer(mediaConstraints).then(offer => {
        currentoffer = offer
        myConnection.setLocalDescription(offer);
    })
    ...// the rest of you code goes here    

Alternatively, you can specify RTCRtpTransceiver before creating an offer:

myConnection = new RTCPeerConnection();

myConnection.addTransceiver("audio");
myConnection.addTransceiver("video");

myConnection.createOffer().then(offer => {
        currentoffer = offer
        myConnection.setLocalDescription(offer);
    })
    ...// the rest of you code goes here 

Sources:
WebRTC 1.0
MDN RTCPeerConnection.createOffer()
MDN RTCPeerConnection.addTransceiver()
Example -- GitHub

You have to pass STUN/TURN servers when create a peer connection.

Otherwise you will only local candidates and hence will be able to connect locally only

var STUN = {
    'url': 'stun:stun.l.google.:19302',
};

var iceServers = 
{
    iceServers: [STUN]
};

var pc = new RTCPeerConnection(iceServers);

本文标签：