jeelizFaceFilter: iOS 13 / Android v9 camera resolution flipped and causes zoom-in effect
Describe the bug On iOS 13 it seems like Safari automatically flips cameraWidth and cameraHeight if the camera is opened in portrait mode. Because JeelizResizer is doing a flip as well this causes a double flip and due to that a wrong camera resolution. Which leads to a zoom-in effect.
To Reproduce Steps to reproduce the behavior:
- Start Jeeliz with a Resizer
startJeeliz() {
window.JeelizResizer.size_canvas({
canvasId,
isFullScreen : true,
callback : (isError, videoSettings) => {
this.initFaceFilter(videoSettings)
},
onResize: () => {
if (threeCamera) {
threeCamera.aspect = CANVAS.width / CANVAS.height
threeCamera.updateProjectionMatrix()
}
}
})
}
- Pass the video parameters to init
initFaceFilter(videoSettings) {
console.log('VideoSettings', videoSettings)
window.JEEFACEFILTERAPI.init({
canvasId,
videoSettings,
- Run the app and open the camera stream
- See that the video appears to be zoomed in
Expected behavior Camera is opened with correct resolution
Desktop (please complete the following information):
- OS: iOS 13
- Browser Safari
Smartphone (please complete the following information):
- Device: iPhone6s
- OS: iOS13
- Browser Safari
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Comments: 15 (14 by maintainers)
Commits related to this issue
- [QUAL] Minor update of JeelizResizer to add fullHD resolution and log selected resolution - see https://github.com/jeeliz/jeelizFaceFilter/issues/144 — committed to jeeliz/jeelizFaceFilter by xavierjs 5 years ago
- [FIX] Add workaround for IOS13 and JeelizResizer - see https://github.com/jeeliz/jeelizFaceFilter/issues/144 — committed to jeeliz/jeelizFaceFilter by xavierjs 5 years ago
- [FIX] Disable getusermedia workaround for IOS >=13.1.3 - see https://github.com/jeeliz/jeelizFaceFilter/issues/144 — committed to jeeliz/jeelizFaceFilter by xavierjs 5 years ago
- [FIX] Add a workaround for Android9+ and fix workaround for IOS13.1+ for ResizerHelper - see https://github.com/jeeliz/jeelizFaceFilter/issues/144#event-2805867924 — committed to jeeliz/jeelizFaceFilter by xavierjs 5 years ago
- [FIX] In JeelizResizer helper - always flip video if portrait - see https://github.com/jeeliz/jeelizFaceFilter/issues/144 — committed to jeeliz/jeelizFaceFilter by xavierjs 5 years ago
- [QUAL] Minor update of JeelizResizer to add fullHD resolution and log selected resolution - see https://github.com/jeeliz/jeelizFaceFilter/issues/144 — committed to jennifer39barbourtui/reactnative by jennifer39barbourtui 5 years ago
- [FIX] Add workaround for IOS13 and JeelizResizer - see https://github.com/jeeliz/jeelizFaceFilter/issues/144 — committed to jennifer39barbourtui/reactnative by jennifer39barbourtui 5 years ago
- [FIX] Disable getusermedia workaround for IOS >=13.1.3 - see https://github.com/jeeliz/jeelizFaceFilter/issues/144 — committed to jennifer39barbourtui/reactnative by jennifer39barbourtui 5 years ago
- [FIX] Add a workaround for Android9+ and fix workaround for IOS13.1+ for ResizerHelper - see https://github.com/jeeliz/jeelizFaceFilter/issues/144#event-2805867924 — committed to jennifer39barbourtui/reactnative by jennifer39barbourtui 5 years ago
- [FIX] In JeelizResizer helper - always flip video if portrait - see https://github.com/jeeliz/jeelizFaceFilter/issues/144 — committed to jennifer39barbourtui/reactnative by jennifer39barbourtui 5 years ago
Works for me. Thanks @xavierjs
Hi @ThorstenBux I have pushed a workaround for IOS13. I hope it will fix your bug.