WebRTC gathering candidate gives different results in same browser(chrome)

Question

I'm new to WebRTC and there is something odd about gathering ICE candidates for WebRTC.

As in this picture, gathering ICE candidates from this page gave me a normal list of candidates.

pic1

However, when I download the code of this page in local, a completely different result is obtained as shown in this figure.

pic2

Also, when collecting ice candidates through function execution in console tab of each page, different results return.

Where does this difference come from?

Thank you!

Answer 1

The likely difference is that at some point in time you have allowed camera access on webrtc.github.io. This lets webrtc gather more candidates than just the default network route.

If you check "acquire camera/microphone permissions" you should see more candidates locally too.