Best practices when using the Meeting SDK in an Android WebView

Zoom recommends using the Meeting SDK for Android in native Android apps. However, if you are optimizing your Android app for package size, the Meeting SDK for web can be embedded in an Android WebView. This is now supported in Meeting SDK for web 2.10.1 and above.

Here are the best practices for using the Meeting SDK for web in an Android WebView:

1. Configure your App's AndroidManifest.xml file to include the CAMERA, RECORD_AUDIO, and MODIFY_AUDIO_SETTINGS user permissions. For example:

   <uses-permission android:name="android.permission.CAMERA"></uses-permission>
   <uses-permission android:name="android.permission.RECORD_AUDIO"></uses-permission>
   <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"></uses-permission>

    

2. Add the WebKit WebView code in your MainActivity.java file. Here is a great video that demonstrates this. In addition to the video, make sure to include the following in your onCreate class:

   webSettings.setDomStorageEnabled(true);
   webSettings.setMediaPlaybackRequiresUserGesture(false);
   
   webView.setWebChromeClient(new WebChromeClient(){
       @TargetApi(Build.VERSION_CODES.LOLLIPOP)
       @Override
       public void onPermissionRequest(final PermissionRequest request) {
           request.grant(request.getResources());
       }
   });
   
   if (ContextCompat.checkSelfPermission(this, Manifest.permission.RECORD_AUDIO) != PackageManager.PERMISSION_GRANTED) {
       ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.RECORD_AUDIO}, MY_PERMISSIONS_RECORD_AUDIO);
   }
   
   if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
       ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.CAMERA}, MY_PERMISSIONS_CAMERA);
   }
   
   if (ContextCompat.checkSelfPermission(this, Manifest.permission.MODIFY_AUDIO_SETTINGS) != PackageManager.PERMISSION_GRANTED) {
       ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.MODIFY_AUDIO_SETTINGS}, MY_PERMISSIONS_MODIFY_AUDIO_SETTINGS);
   }

   Here is a full example implementation:

   package com.example.webview;
   
   import androidx.appcompat.app.AppCompatActivity;
   import androidx.core.app.ActivityCompat;
   import androidx.core.content.ContextCompat;
   
   import android.Manifest;
   import android.annotation.TargetApi;
   import android.content.pm.PackageManager;
   import android.graphics.Bitmap;
   import android.os.Build;
   import android.os.Bundle;
   import android.webkit.PermissionRequest;
   import android.webkit.WebChromeClient;
   import android.webkit.WebSettings;
   import android.webkit.WebView;
   import android.webkit.WebViewClient;
   
   public class MainActivity extends AppCompatActivity {
   
       private static final int MY_PERMISSIONS_RECORD_AUDIO = 1;
       private static final int MY_PERMISSIONS_CAMERA = 1;
       private static final int MY_PERMISSIONS_MODIFY_AUDIO_SETTINGS = 1;
       private WebView webView;
   
       @Override
       protected void onCreate(Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           setContentView(R.layout.activity_main);
   
           webView=(WebView) findViewById(R.id.webview);
           webView.setWebViewClient(new WebViewClient());
           webView.loadUrl("https://example.com/meetingsdk");
           WebSettings webSettings=webView.getSettings();
           webSettings.setJavaScriptEnabled(true);
           webSettings.setDomStorageEnabled(true);
           webSettings.setMediaPlaybackRequiresUserGesture(false);
   
           webView.setWebChromeClient(new WebChromeClient(){
               @TargetApi(Build.VERSION_CODES.LOLLIPOP)
               @Override
               public void onPermissionRequest(final PermissionRequest request) {
                   request.grant(request.getResources());
               }
           });
   
           if (ContextCompat.checkSelfPermission(this, Manifest.permission.RECORD_AUDIO) != PackageManager.PERMISSION_GRANTED) {
               ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.RECORD_AUDIO}, MY_PERMISSIONS_RECORD_AUDIO);
           }
   
           if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
               ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.CAMERA}, MY_PERMISSIONS_CAMERA);
           }
   
           if (ContextCompat.checkSelfPermission(this, Manifest.permission.MODIFY_AUDIO_SETTINGS) != PackageManager.PERMISSION_GRANTED) {
               ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.MODIFY_AUDIO_SETTINGS}, MY_PERMISSIONS_MODIFY_AUDIO_SETTINGS);
           }
       }
   
       public class mywebClient extends WebViewClient {
           @Override
           public void onPageStarted(WebView view, String url, Bitmap favicon) {
               super.onPageStarted(view,url,favicon);
           }
           @Override
           public boolean shouldOverrideUrlLoading(WebView view, String url) {
               view.loadUrl(url);
               return true;
           }
       }
       @Override
       public void onBackPressed() {
           if (webView.canGoBack()) {
               webView.goBack();
           } else {
               super.onBackPressed();
           }
       }
   }