Unable to access camera for record video online from inappbrowser

[SameerCHS]

Bug Report

Unable to access the camera while accessing the https://webcamtests.com/ URL for android and iOS ionic application

It must allow access to the Camera for record the video

It is not accessing the camera for any of the website like https://webcamtests.com/

Information

I am working on one of the Ionic project and need to access client's website which access the camera and record the video. If we run the Website on browser, it ask for permission to access the camera and if we grant the permission, it will record the video and if we denied the permission we are facing same issue what we are facing for In-App-Browser Lib.

Command or Code

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

constructor(private iab: InAppBrowser) { }

openBrowser(){
    const browser = this.iab.create('https://webcamtests.com/','_blank','location=no');
  }

It is opening the browser in the application however when we visit the websites which are using the camera, it shows Steam is not available error or not able to access your camera.

For only android it is working by adding following code in src/android/InAppChromeClient.java file(However don't know is it really only way to do this or not)

@Override
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public void onPermissionRequest(PermissionRequest request) {
request.grant(request.getResources());
}

###Some error logs
Android(If we not modify src/android/InAppChromeClient.java)

[ERROR:web_contents_delegate.cc(175)] WebContentsDelegate::CheckMediaAccessPermission: Not supported.

IOS

-  <_UIKBCompatInputView: 0x105455200; frame = (0 0; 0 0); layer = <CALayer: 0x282eb0fc0>> returned 0 width, assuming UIViewNoIntrinsicMetric
- Unbalanced calls to begin/end appearance transitions for <UIViewController: 0x105347880>
- Could not signal service com.apple.WebKit.WebContent: 113: Could not find specified service

Environment, Platform, Device

All the android, iOS mobile devices

Version information

In-App-Browser
Cordova v9.0.0 (cordova-lib@9.0.1)
Ionic v4
Node v12.12.0
NPM v6.14.1
Development using MAC OS
Andorid Studio 3.5.2
XCode 11.3.1

Checklist

• I searched for existing GitHub issues
• I updated all Cordova tooling to most recent version
• I included all the necessary information above

[jcesarmobile]

please, when reporting issues provide all the requested data from the bug template, otherwise we can't help you

[SameerCHS]

Hi @jcesarmobile, I have updated the reported data in the bug template, Please take a look and revert me ASAP

[joeljfernandes]

is there any solution?

[trackmyapp]

I think I have the same issue.
I added the "NSCameraUsageDescription" and "NSPhotoLibraryUsageDescription" in the config.xml file. So the user gets asked for permission when trying to take a photo or video from an open website in the inappbrowser. If he gives the permission everything works fine, but if he denies the permission in the prompt or in the settings the camera is still being opened, only showing the camera buttons like cancel and a black screen.

If someone knows how to catch that error that would be great! Then we could just show the user a message and switch to the app settings.

In Xcode following error message is shown:
[Back Camera][com.apple.avfoundation.avcapturedevice.built-in_video:0]>) failed: (Error Domain=AVFoundationErrorDomain Code=-11852 "Cannot use Back Camera" UserInfo={NSLocalizedFailureReason=This app is not authorized to use Back Camera., AVErrorDeviceKey=<AVCaptureFigVideoDevice: 0x1016c77e0 [Back Camera][com.apple.avfoundation.avcapturedevice.built-in_video:0]>, NSLocalizedDescription=Cannot use Back Camera})

[prakash-partho]

I'm also facing same issue as I'm using video conference meeting through Inappbrowser which is not allowing camer and microphone, Is there any solution?

[breautek]

I'm reaching here, but even though you may not use them in your main webview/app, your app still needs the permissions. You can try adding the cordova-plugin-camera plugin for camera and cordova-plugin-media-capture for microphone permissions.

Even if you don't use the plugin APIs directly, they'll add the permission attributes in the app manifests. However, I don't know if inappbrowser will invoke the permission prompts.

[yaminikonduru]

I'm reaching here, but even though you may not use them in your main webview/app, your app still needs the permissions. You can try adding the cordova-plugin-camera plugin for camera and cordova-plugin-media-capture for microphone permissions.

Even if you don't use the plugin APIs directly, they'll add the permission attributes in the app manifests. However, I don't know if inappbrowser will invoke the permission prompts.

i have added both plugins, still facing issue while fetching access of camera and microphone

[phoebusryan]

Any news about this?

[ReneDyhr]

Doesn't seem like this is solved.

[vohrahul]

Still not solved.

[mathvicot15]

Hi ! Any news about this issue ?