[BUG] Twilio Voice SDK - No Audio in WebView after Upgrade to Latest Version

[RahibAly]

Description:
After upgrading to the latest version of the Twilio Voice SDK on our web page (which is also used within a React Native WebView container on both Android and iPhone), the speaker no longer works during phone calls made from the WebView. The issue is that even though the voice indicators for both the microphone and speaker are moving, no audio is heard. The same page works fine in Chrome on Android, but it fails when accessed through the WebView in the app.

The following behavior is observed:

• "Device.isSupported" returns true, indicating the device should support the call functionality.
• Audio indicators show movement (for mic and speaker) but no sound is heard during the call.
• The WebView is used within a React Native app on both Android and iOS devices.

Steps to Reproduce:

1. Update the Twilio Voice SDK to the latest version.
2. Embed the web page using a WebView container in a React Native app on both Android and iOS.
3. Make a phone call through the WebView.
4. Observe that the audio doesn't work despite the indicators moving.

Expected Behavior:
The speaker should work during a phone call made from within the WebView container, just as it does in the Chrome browser on Android.

Actual Behavior:
No audio is heard during a phone call within the WebView container, even though the audio indicators for the microphone and speaker are moving.

Additional Information:

• The issue started after upgrading from version 1.7 to the latest Twilio Voice SDK.
• The issue only occurs within the React Native WebView container; the page works fine when accessed directly via Chrome on Android.
• This problem occurs on both Android and iOS devices.

Environment:

• Twilio Voice SDK version: 2.15.0
• React Native version: 0.79.1
• WebView version: 13.13.5

Possible Solution:
Could you provide guidance or a solution to resolve this issue, particularly around audio routing in WebView containers?

[kpchoy]

hi @RahibAly, we recommend not using the js sdk inside a webview. The js sdk does not perform as well as native sdks on mobile devices.

Is there a way you can have the user use your react-native app to make the call?

Also there may be a possibility that your migration from 1.x to 2.x was incorrect. Please verify that you followed the migration guide here

[RahibAly]

Hi @kpchoy, thanks for your response.

Just to clarify — the call functionality works perfectly when using Chrome on a mobile device. The issue only occurs when the same page is loaded inside a WebView. So the problem seems to be limited to WebView environments specifically.

Could you help us understand what we might be missing when running the JS SDK inside a WebView?
We want to verify whether there are any additional requirements, limitations, or permissions needed for WebView usage.

Regarding the migration from 1.x to 2.x — we’ve reviewed the migration guide and will double-check again, but since the behavior works as expected in Chrome mobile, it seems WebView-specific.

Any guidance on what we should adjust or configure to support calling inside a WebView would be greatly appreciated. Thanks!

[kpchoy]

@RahibAly, we took a quick look at the issue, but it's not immediately clear what's causing it. As much as we'd like to help, WebView isn't one of our supported browsers, which makes it difficult for us to continue investigating.

Please consider using our React Native SDK instead, or ensure you're using one of the supported browsers listed here: https://www.twilio.com/docs/voice/sdks/javascript#supported-browsers

Feel free to keep this issue open, and we'll take another look if time permits.