Low Code Video Embed with Android Webview

Embedding in an Android App requires the use of the WebView class. To allow EnableX to access the camera, follow the steps given below:

• Override WebChromeClient.onPermissionRequest method in the WebView class.
• Add ?skipMediaPermissionPrompt Query String parameter to allow the camera access.

Do more for…

• Device Accessibility
• File Download

Device Accessibility

To give permission of Devices to Webview, add these permissions to the manifest file:

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

Need to use Webview class to customise WebChromeClient class and override onPermissionRequest method:

import android.app.Activity;
import android.webkit.PermissionRequest;
import android.webkit.WebChromeClient;

public class CustomWebChromeClient extends WebChromeClient {
	private Activity activity;

	public CustomWebChromeClient(Activity parentActivity) {
		super();
		activity = parentActivity;
	}

	@Override
		public void onPermissionRequest(final PermissionRequest request) {
		activity.runOnUiThread(() -> request.grant(request.getResources()));
	}
}

Next, create a WebUtils helper class to configure the WebView. Here is a possible configuration:

import android.annotation.SuppressLint;
import android.webkit.CookieManager;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class WebUtils {

    @SuppressLint("SetJavaScriptEnabled")
    public static void configureWebView(WebView webView) {
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true);
        webSettings.setDatabaseEnabled(true);
        webSettings.setMediaPlaybackRequiresUserGesture(false);
        CookieManager.getInstance().setAcceptCookie(true);
        CookieManager.getInstance().setAcceptThirdPartyCookies(webView, true);
    }
}

Finally, follow these steps to set up your activity:

• Configure the webView.
• Request Device permissions if needed.
• Add the ?skipMediaPermissionPrompt parameter to the room URL and load it.

package com.meeting.webview;

import android.Manifest;
import android.content.pm.PackageManager;
import android.os.Build;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

import androidx.annotation.NonNull;
import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;

import java.util.ArrayList;
import java.util.List;

public class MeetingNew  extends AppCompatActivity {

   public String roomUrl = ""; // Replace by your ownUrl

   private static final int PERMISSION_REQUEST_CODE = 1;
   private String[] requiredPermissions = {
           Manifest.permission.CAMERA,
           Manifest.permission.MODIFY_AUDIO_SETTINGS,
           Manifest.permission.RECORD_AUDIO
   };

   private WebView webView;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.meeting_webview);
       this.webView = findViewById(R.id.webView);
       WebUtils.configureWebView(this.webView);
       this.webView.setWebChromeClient(new CustomWebChromeClient(this));
       this.webView.setWebViewClient(new WebViewClient());
   }

   @Override
   protected void onResume() {
       super.onResume();
       if (this.webView.getUrl() == null) {
           if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M && this.isPendingPermissions()) {
               // This explicitly requests the camera and audio permissions.
               // It's fine for a demo app but should probably be called earlier in the flow,
               // on a user interaction instead of onResume.
               this.requestCameraAndAudioPermissions();
           } else {
               this.loadLowCodeRoomUrl();
           }
       }
   }

   private void loadLowCodeRoomUrl() {
       this.webView.loadUrl(roomUrl);
   }

   @Override
   public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
       switch (requestCode) {
           case PERMISSION_REQUEST_CODE:
               if (this.grantResultsContainsDenials(grantResults)) {
                   // Show some permissions required dialog.
               } else {
                   // All necessary permissions granted, continue loading.
                   this.loadLowCodeRoomUrl();
               }
               break;
           default:
               super.onRequestPermissionsResult(requestCode, permissions, grantResults);
       }
   }

   @RequiresApi(api = Build.VERSION_CODES.M)
   private void requestCameraAndAudioPermissions() {
       this.requestPermissions(this.getPendingPermissions(), PERMISSION_REQUEST_CODE);
   }

   @RequiresApi(api = Build.VERSION_CODES.M)
   private String[] getPendingPermissions() {
       List<String> pendingPermissions = new ArrayList<>();
       for (String permission : this.requiredPermissions) {
           if (this.checkSelfPermission(permission) == PackageManager.PERMISSION_DENIED) {
               pendingPermissions.add(permission);
           }
       }
       return pendingPermissions.toArray(new String[pendingPermissions.size()]);
   }

   private boolean isPendingPermissions() {
       if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
           return false;
       }
       return this.getPendingPermissions().length > 0;
   }

   private boolean grantResultsContainsDenials(int[] grantResults) {
       for (int result : grantResults) {
           if (result == PackageManager.PERMISSION_DENIED) {
               return true;
           }
	   }
	}
}

File Download

Create a method for decode base64 bit and save particular location.

public String createAndSaveFileFromBase64Url(String url) {
        final int notificationId = 1;
        File path = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_DOWNLOADS);
        String filetype = url.substring(url.indexOf("/") + 1, url.indexOf(";"));
        String filename = System.currentTimeMillis() + "." + filetype;
        File file = new File(path, filename);
        try {
            if(!path.exists())
                path.mkdirs();
            if(!file.exists())
                file.createNewFile();
 
            String base64EncodedString = url.substring(url.indexOf(",") + 1);
            byte[] decodedBytes = Base64.decode(base64EncodedString, Base64.DEFAULT);
            OutputStream os = new FileOutputStream(file);
            os.write(decodedBytes);
            os.close();
 
        } catch (IOException e) {
            Log.w("ExternalStorage", "Error writing " + file, e);
            Toast.makeText(getApplicationContext(),"", Toast.LENGTH_LONG).show();
        }
 
        return file.toString();
}

Call above method in webview DownloadListner

webView.setDownloadListener(new DownloadListener() {

    public void onDownloadStart(String url, String userAgent, String
            contentDisposition, String mimetype, long contentLength) {
        
        if (url.startsWith("data:")) {  //when url is base64 encoded data
            String path = createAndSaveFileFromBase64Url(url);
           
            return;
        }
}