[GitHub] [cordova-ios] ImranGholizadeh opened a new issue #1226: iOS Native Camera View Occluding getUserMedia Camera stream and UI

[GitBox <gi...@apache.org>]

ImranGholizadeh opened a new issue #1226:
URL: https://github.com/apache/cordova-ios/issues/1226


   # Bug Report
   
   ## Problem
   
   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. 
   
   
   ## Information
   <!-- Include all relevant information that might help understand and reproduce the problem -->
   
   I am new to iOS builds using cordova, bear with me! 
   
   ### Command or Code
   <!-- What command or code is needed to reproduce the problem? -->
   
   I can give access to the app on testflight. 
   
   ### Environment, Platform, Device
   <!-- In what environment, on what platform or on which device are you experiencing the issue? -->
   
   iOS 12 pro max using https://github.com/m0dch3n/vue-cli-plugin-cordova plugin in my Vue.js app
   
   ### Version information
   <!-- 
   What are relevant versions you are using?
   For example:
   Cordova: Cordova CLI, Cordova Platforms, Cordova Plugins 
   Other Frameworks: Ionic Framework and CLI version
   Operating System, Android Studio, Xcode etc.
   -->
   
   Cordova plugin for vue: 
   https://github.com/m0dch3n/vue-cli-plugin-cordova
   
   Vue 2.6.1
   
   xcode 12 
   
   iOS target 14.4 
   
   device iphone 12 Pro Max
   
   ## Checklist
   <!-- Please check the boxes by putting an x in the [ ] like so: [x] -->
   
   - [x ] I searched for existing GitHub issues
   - [ ] I updated all Cordova tooling to most recent version
   - [ ] I included all the necessary information above
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org