So I am using "agora-rtc-sdk-ng": "^4.19.0", in my NextJS application. I a creating a voice room where 2 people can come and talk with each other. I am using the website in a WebView in my react native app, so when user opens the app, the WebView renders and the users joins the audio call.

Now when 2 users join the audio call i am publishing their local audio, subscribing to the remote user, and playing the remote user audio track for each of the users in their local devices.

But for some reason until the user interacts or takes some action on the screen, like clicking on the screen, etc. Until then both of the users are not able to hear each other.

I have tested it by placing logs at multiple places. The user is able to join, publish their audio and also able to subscribe to remote user, which means the audio is being transferred to each of the user in the audio call.

Link to problem with code - https://stackoverflow.com/questions/77240501/next-js-agora-audio-issue-in-webview-opened-in-a-react-native-app-audio-plays-p