bug: PWA Camera plugin cameraOptions ignored

[ionic-team]

bug: PWA Camera plugin cameraOptions ignored

[leocharrua]

Hello. In my case, always opens the front camera by default. Any workaround to open the rear camera by default? Thanks

[jcesarmobile]

yeah, web camera doesn't support all the native features

[jcesarmobile]

Is it when you run as web or as android? In the title you said pwa, but you checked android as platform and not web

[LuisPerez94]

Is it when you run as web or as android? In the title you said pwa, but you checked android as platform and not web

Sorry, is in the mobile browser. I'm using Chrome and my phone is Huawei mate 10. I supose it happens me now because my phone camera is powerful than my laptop camera.

[LuisPerez94]

Can you tell me what file it needs to be updated?. maybe I can help with a PR.

[jcesarmobile]

could be https://github.com/ionic-team/capacitor/blob/master/core/src/web/camera.ts or could be this package the plugin uses for taking the pictures https://github.com/ionic-team/pwa-elements

[vosecek]

Any chance to improve Camera capabilities to resolve this issue?

Thanks

[Duy-Nguyen-Globals]

I am having the same issue with PWA Camera on web app, but in mobile app, the same code took the options works very well.

[leocharrua]

Sorry @Duy-Nguyen-Globals, with "mobile app", are you meaning generating APK for Android, for example, aren't you? Because, If I run the PWA in Windows, Android or iOS like PWA or Web App, I allways get the front camera for default and the settings didn't work.

[Duy-Nguyen-Globals]

Yes, I deployed to Android, iOS by capacitor, and on mobile OS, Camera Plugin worked as expect. In case open using application on mobile Chrome or Safari, the Camera Plugin simply ignores all the options and turn on the Front facing Camera as default, even if I switch to Rear Camera, the plugin always picked the tele Camera or the super wide camera other than the main best quality Camera when using multi-cam Smartphone.
Capacitor version:
"@capacitor/android": "^2.4.6",
"@capacitor/core": "^2.4.6",
"@capacitor/ios": "^2.4.6",

[leocharrua]

My PWA is for a small bussiness and there is not chance (nor sense), to publish in app markets. I think this must be resolved (I don't know by who) ... but in PWAs the camera must work ok.

[teggno]

Would a PR be appreciated to enable setting width and height? As far as I can tell it's the file https://github.com/ionic-team/capacitor-plugins/blob/main/camera/src/web.ts. I would provide an implementation for the web using canvas.
Also, in case I create a PR, which version should it be based on?

[arcadeJHS]

My PWA is for a small bussiness and there is not chance (nor sense), to publish in app markets. I think this must be resolved (I don't know by who) ... but in PWAs the camera must work ok.

Yes, same problem and requirement. How to enable, by default, the rear camera on web/pwa application?

[Dr141]

Hello. In my case, always opens the front camera by default. Any workaround to open the rear camera by default? Thanks

I was facing the same problem, and as a solution I changed the value of the facingMode variable in the constructor in the CameraPWA class.
Module path: \node_modules@ionic\pwa-elements\dist\esm\pwa-camera.entry.js

With the file open, we should search for the CameraPWA class and let the variable initialize with the following value (facingMode = 'environment'). With that the smartphone camera started on the main.

[KasTasElis]

The problem for options not being respected still exists. Web browsers seem to ignore the option of camera direction. This issue still needs attention.

[leocharrua]

Hello. Any advance or workarround? Thanks