Client's firewall seems to be blocking Agora WebRTC in my webapp?

I'll start this post by saying that I'm no expert on the matter, as I've just recently started working on these things.

At my job we have an Angular webapp that's really simple, it creates a videocall between two users and lets one side take photos and videos of what shown from the other side. The app uses Agora in order to create the videocall (but only one side is shown, since it's used to take pics and videos from just one side so the other one is not required). This app is NOT made by me, but it was made by the guy that was before me at my job, so I'm still not much fond with its architecture. The app is hosted on Firebase if that helps.

The app works with every client but one (a big enterprise), which's firewall seems to be the main problem. While in a call with them, we tried to use the Cloud Proxy Demo service hosted by Agora (https://webdemo.agora.io/cloudProxy/index.html) to verify if the service itself works, but as soon as we both successfully joined, by my part I could only see my webcam (localUser), while on their side there was both their webcam (localUser) and a black rectangle (remoteUser). The browser's console showed many messages (regular and warnings), but the below one seemed to be the main error which appeared each time we tried. We tested with disabled proxy, UDP and TCP and none worked. We contacted Agora for help and they sent me the documentation for cloud proxy and whitelist, but from what I get the cloud proxy alone won't work if the required domains and ports are not whitelisted, and the client reems to refuse to add the required domains to their whitelist.



Is there any way to fix this? I know that making it all into the whitelist would be the better option, but the client strictly refuses to do so and my boss demands that the app needs to work. If it really is 100% impossible, is there any alternative WebRTC that is better tolerated by firewalls in general?

Continue reading...