m0dch3n / vue-cli-plugin-cordova

Vue Cli 3 Cordova Plugin
MIT License
417 stars 63 forks source link

iOS Build Native Camera View Occluding Plugin Camera View #146

Open ImranGholizadeh opened 2 years ago

ImranGholizadeh commented 2 years ago

I have a webcam and QR reader feature that uses getUserMedia implemented in my Vue.js app, all is working perfectly on the browser. Now I am building the app for iOS using which needed an extra layer of explicit permission in info.plist. Now the app has the correct permissions to access the device camera on iOS (even though it asks for permissions twice, one for native camera access and one for getUserMedia stream). Below is the issue:

My app is calling the device's native camera which is overlaying the getUserMedia stream that we currently have in the app...and the native camera and its UI are occluding the UI overlaying the getUserMedia stream.

Are there any suggestions to quickly find a solution for this?

What is expected to happen? the user permits the app to use their camera and it opens the getUserMedia stream and UI that is implemented and working on the browser.

What does actually happen? the native iOS camera completely covers and occludes the getUserMedia stream and UI and the getUserMedia steam is frozen.

Screenshots attached and also testable on testflight. IMG_5878 copy IMG_5879 copy